html y php

FACULTAD DE INGENIERÍA
ESCUELA ACADEMICA PROFESIONAL
DE INGENIERÍA DE SISTEMAS
CLASE N° 01

CONCEPTOS
FUNDAMENTALES DE
INGENIERÍA WEB

Mg. Ing. Orleans Moisés Gálvez Tapia

EAP de INGENIERÍA de SISTEMAS

AGENDA
Elementos de un Web Site
Creación del Sitio Web
Aplicativos para crear sitos web en modo
Diseño
Herramientas para el diseño web

EAP de INGENIERÍA de SISTEMASDIFERENCIAS ENTRE UN SITIO WEB Y UNA APLICACIÓN WEB

1. Un sitio web es un espacio donde se publica contenido generalmente
estático con un muy bajo nivel de interactividad con el usuario

EAP de INGENIERÍA de SISTEMAS

…DIFERENCIA ENTRE UN SITIO WEB Y UNA APLICACIÓN WEB

2. Una aplicación web es un SI con alto grado de interactividad y
funcionalidades que bien podrían ser de un softwareconvencional.

EAP de INGENIERÍA de SISTEMAS

…DIFERENCIA ENTRE UN SITIO WEB Y UNA APLICACIÓN WEB

3. La aplicación web más sencilla sería una que contenga formularios y
subiendo de nivel encontramos las que realizan conexión con base de
datos remotas, y CMS

EAP de INGENIERÍA de SISTEMAS

EN RESUMEN: ¿QUÉ ES APLICACIÓN WEB?
Es un SI donde una gran cantidad de datos van a serconsultados, procesados y analizados mediante navegadores.

«Si no existe lógica del negocio en el servidor, el sistema no puede ser
llamado Aplicación Web» [Conallen99].

EAP de INGENIERÍA de SISTEMAS

FUNCIONAMIENTO DE UNA APLICACIÓN WEB BASADA EN PHP

EAP de INGENIERÍA de SISTEMAS

FUNCIONAMIENTO DE UNA APLICACIÓN WEB BASADA EN PHP

EAP de INGENIERÍA de SISTEMAS

ELEMENTOS DE UNAAPLICACIÓN WEB

Es una especialización de las aplicaciones cliente/servidor donde tanto el
cliente (el navegador), como el servidor (servidor web) y el protocolo
HTTP son estándares y no han de ser creados por el programador.

EAP de INGENIERÍA de SISTEMAS

IMPORTANCIA DE LA INGENIERÍA WEB
Permite construir Aplicaciones Web de calidad que:

Pesen mucho menos

El mantenimiento de lasmismas sea más sencillo

Cumplan con los requerimientos de un cliente

Sean soportadas y mostradas con excelente calidad en
cualquier navegador

EAP de INGENIERÍA de SISTEMAS

CARACTERÍSTICAS DE UNA APLICACIÓN WEB

Aplicación informática en entorno web

Arquitectura por capas

Procesamiento en el servidor

Acceso a bases de datos

Distintos tipos de usuarios

Comunicación: HTTPEAP de INGENIERÍA de SISTEMAS

EL CLIENTE

El navegador no ven la página web ... solo se "come" el código html,
sigue las ordenes de sus etiquetas y nos proyecta el resultado.

Un navegador web o explorador web (del inglés, navigator o browser) es
un programa que permite al usuario visualizar documentos descritos en
HTML, desde servidores web de todo el mundo a través de Internet.EAP de INGENIERÍA de SISTEMAS

EL CLIENTE
En el mercado hay varios navegadores: I Explorer, FireFox,
Opera, Safari (para la plataforma Mac) y otros.

Los diseñadores web trabajamos PARA estos programas: somos los
cocineros que preparan el HTML que después se van a «comer» los
navegadores.

EAP de INGENIERÍA de SISTEMAS

SERVIDOR WEB ó SERVIDOR HTTP

Es un programa informático queprocesa una aplicación del lado del servidor
realizando conexiones bidireccionales con el cliente, generando o cediendo una
respuesta en cualquier lenguaje o Aplicación del lado del cliente

EAP de INGENIERÍA de SISTEMAS

SERVIDOR WEB (SERVIDOR HTTP)

1. El navegador efectúa la petición de la página
2. El servidor llama
necesario.

al intérprete

del PHP

si es

3. PHP ejecuta losscripts (interactuando con la base
de datos si es preciso) y devuelve al servidor el
documento generado.

4. El servidor envía
formato HTML.

el

documento resultante

en

5. El documento es interpretado por el navegador, se
ejecutan los scripts del lado del cliente y se
presenta el resultado en pantalla.

video

EAP de INGENIERÍA de SISTEMAS

LADO DEL SERVIDOR y LADO DEL...