INSTITUTO TECNOLÓGICO DE LA COSTA GRANDE

UNIDAD 2
Desarrollo de aplicaciones web
Profesor :
L.I Leonardo Sandoval Quiñones

Alumnas:
Diana Salas Roques
Ruth de la Cruz Mendoza
Manyuri Monserrat Diego Gómez
Wendy Karina Hernández Hernández
Zihuatanejo, Gro.,Septiembre 2010
2.1 Arquitectura Web

¿Cuál es la diferencia entre un sitio Web y una aplicación Web?

“Una aplicación Web es un sitio Web donde la navegación a través

del sitio, y la entrada de datos por parte de un usuario, afectan el
estado de la lógica del negocio. En esencia, una aplicación Web
usa un sitio Web como entrada (front-end) a una aplicación típica.
...Si no existe lógica del negocio en el servidor, el sistema no puede
ser llamado aplicación Web.”
Arquitectura Web

La arquitectura de un sitio Web tiene tres componentes principales:

un servidor Web, una conexión de red, y uno o más clientes (browsers).

El servidor Web distribuye páginas de información formateada a los

clientes que las solicitan. Los requerimientos son hechos a través de
una conexión de red, y para ello se usa el protocolo HTTP.
Arquitectura Web

Arquitectura básica de una aplicación/sitio Web

La información mostrada en las páginas está típicamente almacenada

en archivos. Sin embargo, muchas veces esta información está almace-
nada en una base de datos, y las páginas son creadas dinámicamente.
Los sitios Web que usan este esquema, son llamados sitios dinámicos.
Arquitectura Web

Páginas Web

Las páginas Web son el componente principal de una aplicación

o sitio Web. Los browsers piden páginas (almacenadas o
Creadas dinámicamente) con información a los servidores Web.

En algunos ambientes de desarrollo de aplicaciones Web, las

páginas contienen código HTML y scripts dinámicos, que son
ejecutados por el servidor antes de entregar la página.

Una vez que se entrega una página, la conexión entre el browser

y el servidor Web se rompe (a diferencia de otros esquemas tipo
cliente/servidor). Es decir que la lógica del negocio en el servidor
solamente se activa por la ejecución de los scripts de las páginas
solicitadas por el browser (en el servidor, no en el cliente).
Arquitectura Web

Formularios

La forma más común de capturar la información dada por el usuario,

es a través de formularios. Un formulario (form) es una colección de
campos de entrada: textbox, text area, checkbox, radio button group,
button y selection list.

Cuando un formulario es llenado, se envía al servidor usando una

operación submit solicitada por el usuario típicamente al hacer
click en un botón.
2.2 LENGUAJES PROGRAMACION DEL LADO CLIENTE

2.3 LENGUAJES PROGRAMACION DEL LADO

SERVIDOR
 LENGUAJES DEL LADO CLIENTE

El navegador es una especie de aplicación capaz de interpretar las

órdenes recibidas en forma de código HTML fundamentalmente y
convertirlas en las páginas que son el resultado de dicha orden.

Cuando nosotros pinchamos sobre un enlace hipertexto, en realidad

lo que pasa es que establecemos una petición de un archivo HTML
residente en el servidor (un ordenador que se encuentra
continuamente conectado a la red) el cual es enviado e interpretado
por nuestro navegador (el cliente).
 LENGUAJES DEL LADO SERVIDOR

Lenguajes de lado servidor son aquellos lenguajes que son reconocidos,

ejecutados e interpretados por el propio servidor y que se envían al
cliente en un formato comprensible para él. Por otro lado, los lenguajes de
lado cliente (entre los cuales no sólo se encuentra el HTML sino también
el Java y el JavaScript los cuales son simplemente incluidos en el código
HTML) son aquellos que pueden ser directamente "digeridos" por el
navegador y no necesitan un pre-tratamiento.