Tema 1:

Arquitectura Web.
1.

Introduccin.
1. Componentes semnticos de la Web.
? URI
? HTTP
? HTML

2.

Componentes software de la WEB (Arquitectura Web).

1. Cliente
2. Servidor
3. Proxie

3.

Arquitectura de las Aplicaciones Web

IST - 2006

Arquitectura Web

1. Introduccin.

La Web.
? World Wide Web:
? Universo de informacin interconectada, accesible a travs de
internet.

? Propuesta por Tim Berners-Lee (1989).

? Ha tenido mayor difusin que otros servicios
contemporneas (Archie, Gopher, WAIS), gracias sobre
todo a uno de sus elementos: el HTML.
? Hipertexto.
? Hipermedia.

? En el 2001 haba ms de un billn de URLs accesibles

al pblico, repartidas entre ms de 30 millones de
servidores.
IST - 2006

Tema 1: Arquitectura Web. HTTP.

Arquitectura Web

1. Introduccin.

1.1 Componentes semnticos de la Web

? URI: Uniform Resource Identifier.
? Identifica los recursos web para su acceso y manipulacin.

? HTML: HyperText Markup Language.

? Lenguaje de marcas.
? Provee una representacin estndar de los documentos
hipertexto en formato ASCII.
? Permite formatear texto, integrar imgenes, referenciar otros
documentos, etc.

? HTTP: Hypertext Transfer Protocol.

? Protocolo que permite a los componentes web (cliente,
servidores, etc) comunicarse de una forma estndar y bien
definida.
? Define el formato y el significado de los mensajes intercambiados
entre componentes web.
IST - 2006

Arquitectura Web

1. Introduccin.

1.1 Componentes semnticos de la Web.

Codificacin URI
?Identifica de forma nica el recurso.
?2 Tipos:
?URN: Uniform Resource Name.
?Identifica de forma nica el recurso, independientemente de
donde resida (RFC 2141).
?El mismo recurso situado en mquinas diferentes poseen el
mismo identificador.

?Todava est en fase experimental.

?URL: Uniform Resource Locator.

?La forma ms comn de identificar el recurso.
?Seala exactamente donde se encuentra el recurso.
?3 partes principales:
?esquema + servidor + nombre del recurso.
IST - 2006

Tema 1: Arquitectura Web. HTTP.

Arquitectura Web

1. Introduccin.

1.1 Componentes semnticos de la Web.

URL
? Sintxis:
? esquema://[usuario];[password]@<maquina>:[puerto]/<cam
ino>;[parametros]?[consulta]#[seccin]

? Esquema: protocolo (http, https, file, ftp, news, mailto, ..).

? Usuario:password: para recursos de acceso restringido
? Mquina: nombre del servidor
? Puerto: nmero del puerto donde escucha el servidor.
? Camino: Directorio virtual y nombre del recurso.
? Parmetros: pares nombre=valor utilizados por algunos
esquemas.
? Consulta: pares nombre=valor separados por &, utilizados en
algunas aplicaciones web.
? Seccin: nombre de una parte del recurso.

? Ejemplos:
? http://www.hardware.com:2000/pc/check.cgi?item=1273&model=B
? ftp://jose:suclave@www.hardware.com/informacion.txt
IST - 2006

Arquitectura Web

1. Introduccin.

1.1 Componentes semnticos de la Web.

Conjunto de caracteres de la URL

? La URL ha sido diseada para ser portable.
? Los caracteres especiales incluidos en la URL son
transformados antes de ser enviados:
? los caracteres de letras y nmeros de la tabla ASCII
estndar se dejan intactos.
? Los espacios en blanco son sustituidos por +.
? Los caracteres especiales son sustituidos por su valor
hexadecimal con el prefijo '%.
? Los caracteres con un significado especial (+, & , =, ; ,
/, ?, #, etc. ) son tambin sustituidos por su cdigo
hexadecimal.
Nez & Ca. ? N%FA%F1ez+%26+C%EDa.
IST - 2006

Tema 1: Arquitectura Web. HTTP.

Arquitectura Web

2. Componentes software de la Web.

Arquitectura Cliente/Servidor
? El modelo cliente-servidor es una aquitectura software
que involucra uno o ms clientes solicitando servicios a
uno o ms servidores.
? El cliente puede ser un proceso corriendo en un
computadora o en un dispositivo como una PDA o un
telfono mvil.
? El servidor p uede ser un proceso corriendo en un
computadora (normalmente de altas prestaciones).
? En la arquitectura Web actual aparecen adems
elementos que se sitan en medio (proxies, cachs)
? Beneficios:
? Usabilidad/flexibilidad/interoperabilidad/ escalabilidad.
IST - 2006

Arquitectura Web

2. Componentes software de la Web.

Arquitectura Cliente/Servidor

Arquitectura cliente-servidor tradicional

Arquitectura cliente-servidor interactiva para la WEB

IST - 2006

Tema 1: Arquitectura Web. HTTP.

Arquitectura Web

2. Componentes software de la Web.

2.1 Clientes
? Originan el trafico web.
? Envan las peticiones y reciben las respuestas.

? Dos clases de clientes web: navegadores y robots.

? Los navegadores (Netscape, IE, etc).
? Las peticiones estn dirigidas por el usuario.
? Repiten peticiones al mismo objeto cuando navegan por un site.
? Utilizan caches de memoria y disco.

? Robots (spiders, y agentes inteligentes).

? Las peticiones son automatizadas.
?La velocidad y carga est limitada por la velocidad de proceso, y por
la velocidad de la red.

IST - 2006

Arquitectura Web

2. Componentes software de la Web.

2.1 Clientes

Navegadores
? Programa que realiza las peticiones, a solicitud de un
usuario, y recibe, analiza y presenta las respuestas.
? Pasos:
Navegador

1. Solicitud DNS

Servidor DNS
Servidor HTTP

URL
2. Conexi n TCP

3. Petici n HTTP

4. Respuesta HTTP

IST - 2006

Tema 1: Arquitectura Web. HTTP.

Arquitectura Web

10

2. Componentes software de la Web.

2.1 Clientes

Funciones de los navegadores

? Construyen y mandan la peticin HTTP
? Reciben, interpretan y presentan la respuesta.
? La apariencia final depende de los parmetros de configuracin
? Algunos recursos precisan aplicaciones de ayuda para visualizars e
?Cdigo MIME

? Proporcionan el interfaz para conectarse y utilizar otros

servicios: mail, news, ftp, etc.
? El protocolo por defecto es http.

? Cach local.
? Sirve recursos guardados en la cach sin conectarse al servidor.
? Consistencia:
?Fuerte: revalida siempre el recurso conectndose al servidor.
?Dbil: se basa en los parmetros HTTP, y en los parmetros de
configuracin, para decidir si es necesario revalidar el recurso.

? Manejo de las Cookies.

IST - 2006

Arquitectura Web

11

2. Componentes software de la Web.

2.1 Clientes

Spiders
? Robots dedicados a la b squeda automtica de
informacin.
? Parten de la pgina principal de un sitio web, y examinan los
enlaces embebidos que encuentran.
? Las peticiones estn espaciadas en el tiempo para no
sobrecargar el servidor.

? La informacin se utiliza posteriormente en aplicaciones

de bsqueda (google, yahoo).
? Los recursos dinmicos (CGI, PHP, etc.) no son
indexados.
? Algunos sitios web no desean ser indexados:
? Controlan el acceso de robots.
? Los recursos HTML incluyen una directiva META:
?<META NAME=ROBOTS CONTENT=NOINDEX, NOFOLLOW>
IST - 2006

Tema 1: Arquitectura Web. HTTP.

Arquitectura Web

12

2. Componentes software de la Web.

2.2 Servidores
? Programa que contesta y genera la respuesta HTTP a
las peticiones de recursos web por parte del cliente
? Involucra mltiples servidores, scripts, bases de datos, ..

? Trabajo bsico:
? Se conecta con el cliente.
? Recibe el mensaje HTTP de la peticin.
? Procesa el mensaje HTTP.
? Localiza y enva el resultado (en forma de mensaje HTTP)

? Los servidores de altas prestaciones, adems:

? Tratan mltiples peticiones:
?hilos para manejar cada conexin.

? Generan dinmicamente contenido: ASP, PHP, JSP

? Cach.

? Los ms populares son Apache e IIS.

IST - 2006

Arquitectura Web

13

2. Componentes software de la Web.

2.2 Servidores

Manejo de las peticiones

? Los servidores proveen acceso a los recursos:
? Estticos.
? Dinmicos (scripts que generan la respuesta dinmicamente).

? Pasos:
? Lee e interpreta el mensaje de peticin (mtodo, URL, cookies,..)
? Localiza fsicamente el recurso apuntado en la URL
? Determina si el cliente est autorizado (controla el acceso)
? Genera el mensaje de respuesta y lo transmite (cookies)
? Registra la operacin en un fichero de log

? Controlan el acceso a recursos restringidos:

? Autenticacin.
?Piden al usuario que se identifique (login y password)
?La informacin se incluye en la cabecera del mensaje.

? Autorizacin.
?Comprueba en su lista de acceso si el usuario est autorizado.
IST - 2006

Tema 1: Arquitectura Web. HTTP.

Arquitectura Web

14

2. Componentes software de la Web.

2.2 Servidores

Recursos dinmicos
?El contenido se crea tras recibir la peticin.
?El recurso apuntado en la URL incluye cdigo que debe
ser ejecutado para resolver el contenido de la
respuesta.

?Dos tipos:
?Scripts de servidor (PHP, ASP, JSP)
?Ficheros HTML que incluyen macros que el servidor (un
mdulo) interpreta para insertar la informacin precisa.
?El servidor reconoce este tipo de recursos por la extensin

?Programas independientes (CGI, Servlets)

?Programa separado del servidor que genera la respuesta.
?Frmulas:
?Procesos separados (CGI). Pueden ser persistentes (FastCGI).
?Mdulos software en el mismo proceso (Servlets).
IST - 2006

Arquitectura Web

15

2. Componentes software de la Web.

2.2 Servidores

Servidores complejos (I)

Imgenes

Base de datos
Servidor
frontal

HTML

Consulta/
bsqueda
IST - 2006

Tema 1: Arquitectura Web. HTTP.

Arquitectura Web

16

2. Componentes software de la Web.

2.2 Servidores

Servidores complejos (II)

? Algunos sitios web tienen un conjunto amplio de
mquinas servidoras actuando como un nico servidor.
? Cluster de mquinas.
?Estructuradas en capas.

? No son necesariamente servidores virtuales.

? Servidor frontal:
? Cach, direcciona las peticiones, balancea la carga

? Servidores de contenido:
? Algunas veces diferenciados de acuerdo al tipo de peticin
(HTML, imgenes, consulta, bsqueda).

? Servidores de bases de datos.

? Informacin que contribuye a la parte dinmica.
IST - 2006

Arquitectura Web

17

2. Componentes software de la Web.

2.3 Proxies

Intermediarios Web
? Proxy
? Programa que acta a la vez como servidor y cliente, situndose en
medio de los dos.
? Las peticiones son servidas internamente o pasadas a otro servidor.

? Pasarela
? Un servidor que acta como intermediario de algn otro servidor.
? A diferencia del proxy, una pasarela proxy recibe peticiones como si fuera
el servidor original.
?El cliente no tiene que preocuparse por el hecho de que est
comunicndose con la pasarela.

? Tnel
? Programa intermediario que acta como un tnel no controlado,
permitiendo trfico no-HTTP a travs de conexiones HTTP
? Un vez activo, un tnel no es considerado como parte de la comunicacin
HTTP, aunque haya sido activado por la peticin HTTP.
? El tnel deja de existir cuando la comunicacin se cierra.
IST - 2006

Tema 1: Arquitectura Web. HTTP.

Arquitectura Web

18

2. Componentes software de la Web.

2.3 Proxies

El proxy
? Intermediario web situado entre el cliente y el servidor
para reducir comunicacin no deseada.
? A veces forma parte de los mecanismo de seguridad.
? La mayora de veces actan como caches.

? Realizan simultneamente el papel de servidor y cliente:

Servidor
DNS
Solicitud DNS
Cliente
HTTP

Solicitud DNS
Proxy

Conexi n TCP

Conexi n TCP

Petici n HTTP

Petici n HTTP

Respuesta HTTP

Respuesta HTTP

IST - 2006

Servidor
HTTP

Arquitectura Web

19

2. Componentes software de la Web.

2.3 Proxies

Funciones del proxy

? Cach:
? Guarda las respuestas.
? Comparte accesos con otros clientes.

? Filtra las peticiones y las respuestas (seguridad).

? Filtra las peticiones a ciertos sitios web.
? Filtra respuestas (pe. Basndose en el tamao)

? Guardan el anonimato.
? Los servidores no conocen la IP del cliente.

? Transforman las peticiones y las respuestas.

? Puede trasformar la peticin para ajustarse a capacidades que
comparte con el servidor (pe. Algoritmos de compresin).
? Puede ajustar la respuesta a las capacidades del cliente.

? Actan tambin de pasarelas a otros sistemas no-HTTP.

IST - 2006

Tema 1: Arquitectura Web. HTTP.

Arquitectura Web

20

10

2. Componentes software de la Web.

2.3 Proxies

Cachs
? Cuando actan como caches gestionan las peticiones
en la parte de los clientes.
? El navegador enva la peticin a la cach.
? La Cach devuelve el recurso si est almacenado localmente y
est actualizado.
?Basado en los campos URL, ETag, fecha.

? En caso contrario, la cach pasa la solicitud al servidor

? Si est pasado de fecha, la cach valida el recurso

? Diferencia con el resto de proxies:

? Algunas peticiones no llegan al servidor origen.
Conexi n HTTP
Cliente
HTTP

Proxy

Conexi n HTTP
Servidor
HTTP

Conexi n HTTP
IST - 2006

Cache
Conexi n HTTP
Arquitectura Web

21

2. Componentes software de la Web.

2.3 Proxies

Beneficios de las cachs

? Los Proxies que actan como caches explotan las
peticiones anteriores de un grupo de clientes.
? Las cachs benefician a clientes, a servidores, y a la red.
? Ancho de banda: Reducen la utilizacin de la red
?Era el objetivo inicial de las caches.
?Especialmente tiles en entornos con restricciones en el ancho de
banda (pe. en enlaces internacionales )

? Velocidad: Reducen el tiempo de espera.

?Cuanto m s prximo est la cach del cliente, ms rpido es el tiempo
de respuesta.

? Carga del servidor: Partes de las peticiones son resueltas por la

cach.

? Empricamente, las caches mejoran en un 50% la

velocidad de respuesta y reducen en un 40% la cantidad
de bytes transmitidos.
IST - 2006

Tema 1: Arquitectura Web. HTTP.

Arquitectura Web

22

11

3. Arquitectura de las aplicaciones Web

Aplicaciones Web
? Una aplicacin web es proporcionada por un servidor
web y utilizada por usuarios que se conectan desde
cualquier punto va clientes web (navegadores).
? Definicin:
? Son aplicaciones basadas en el modelo Cliente/Servidor que
gestionan servidores web, y que utilizan como interfaz pginas
web.
? La coleccin de pginas son en una buena parte dinmicas
(ASP, PHP, etc.), y estn agrupadas lgicamente para dar un
servicio al usuario.
? El acceso a las pginas est agrupado tambin en el tiempo
(sesin).
? Ejemplos: venta de libros, reserva de billetes, etc.
IST - 2006

Arquitectura Web

23

3. Arquitectura de las aplicaciones Web

Componentes de una aplicacin Web

? Lgica de negocio.
? Parte ms importante de la aplicacin.
? Define los procesos que involucran a la aplicacin.
?Conjunto de operaciones requeridas para proveer el servicio.

? Administracin de los datos.

? Manipulacin de BD y archivos.

? Interfaz:
? Los usuarios acceden a travs de navegadores, mviles, PDAs,
etc.
?Funcionalidad accesible a travs del navegador.
?Limitada y dirigida por la aplicacin.

IST - 2006

Tema 1: Arquitectura Web. HTTP.

Arquitectura Web

24

12

3. Arquitectura de las aplicaciones Web

Modelo de capas
? Las aplicaciones web se modelizan mediante lo que se
conoce como modelo de capas.
? Una capa representa un elemento que procesa o trata
informacin.

? Tipos:
? Modelo de dos capas: La informacin atraviesa dos capas entre
la interfaz y la administracin de los datos.
? Modelo de n-capas: La informacin atraviesa varias capas.
?El ms habitual es el modelo de tres capas.

IST - 2006

Arquitectura Web

25

3. Arquitectura de las aplicaciones Web.

Modelo de dos Capas.

? Gran parte de la aplicacin corre en el lado del cliente (fat
client).
? Capas:
? Cliente (fat client):
?La lgica de negocio est inmersa dentro de la aplicacin que realiza
el interfaz de usuario, en el lado del cliente.

? Servidor:
?Administra los datos.

? Limitaciones.

Presentacin

Cliente

? Es difcilmente escalable

Lgica de
negocio

?Nmero de conexiones reducida

? Alta carga de la red.

? La flexibilidad es restringida
? La funcionalidad es limitada.
IST - 2006

Tema 1: Arquitectura Web. HTTP.

Arquitectura Web

Servidor

Datos

26

13

3. Arquitectura de las aplicaciones Web.

Modelo de tres Capas (I)

? Diseada para superar las limitaciones de las
arquitecturas ajustadas al modelo de dos capas
? Introduce una capa intermedia (la capa de proceso)
entre presentacin y los datos
? Los procesos pueden ser manejados de forma separada al
interfaz de usuario y a los datos
? La capa intermedia centraliza la lgica de negocio, haciendo la
administracin ms sencilla.

? Pueden integrar datos de mltiples fuentes

? Las aplicaciones web actuales se ajustan a este
modelo.

IST - 2006

Arquitectura Web

27

3. Arquitectura de las aplicaciones Web.

Modelo de tres Capas (II)

? Capas:
? Capa de presentacin (parte en el cliente y parte en el servidor)
?Recoge la informacin del usuario y la enva al servidor (cliente)
?Manda informacin a la capa de proceso para su procesado
?Recibe los resultados de la capa de proceso
?Generan la presentacin
?Visualizan la presentacin al usuario (cliente)

? Capa de proceso (servidor web)

?Recibe la entrada de datos de la capa de presentacin
?Interacta con la capa de datos para realizar operaciones
?Manda los resultados procesados a la capa de presentacin

? Capa de datos (servidor de datos)

?Almacena los datos
?Recupera datos
?Mantiene los datos
?Asegura la integridad de los datos
IST - 2006

Tema 1: Arquitectura Web. HTTP.

Arquitectura Web

28

14

3. Arquitectura de las aplicaciones Web.

Modelo de tres Capas (III)

? Navegadores Web
Presentacin
(Interfaz )

Capa de
presentacin
Presentacin
(Control)

Capa de
proceso

Lgica de
negocio

? Interpretan las peticiones del

usuario y presentan los
resultados al usuario.

? Servidor Web
? Controlan la presentacin
? Operaciones de la aplic. web
? Interactan con los servidores de
datos.

? Servidores de datos
Capa de
datos

Datos

IST - 2006

Tema 1: Arquitectura Web. HTTP.

? Servidores de base de datos,

Servidores de Ficheros,
Servidores de correo, etc..
Arquitectura Web

29

15