PDF de programación - Tema 1: Introducción a las aplicaciones Web

APLICACIONES WEB
APLICACIONES WEB

TEMA 1:  INTRODUCCIÓN A LAS APLICACIONES WEB

Objetivos

 Hacer un repaso de las Redes de Computadoras e Internet
 Introducir el concepto de Aplicación Web
 Mostrar las diferentes arquitecturas para la implementación de una AW

Índice: Tema 1

1.1 Internet

1.1.1 Redes de computadoras
1.1.2 El modelo de capas TCP/IP

1.2 Aplicaciones web

1.2.1 Páginas web dinámicas
1.2.2 Aplicaciones cliente‐servidor

it

t

li

d

1 3 A
b
1.3 Arquitectura de una aplicación web

ió
1.3.1 Arquitecturas cliente‐servidor
1 3 2 Modelos de distribución de una aplicación web
1.3.2 Modelos de distribución de una aplicación web

Índice: Tema 1

1.1 Internet

1.1.1 Redes de computadoras
1.1.2 El modelo de capas TCP/IP

1.2 Aplicaciones web

1.2.1 Páginas web dinámicas
1.2.2 Aplicaciones cliente‐servidor

it

t

li

d

1 3 A
b
1.3 Arquitectura de una aplicación web

ió
1.3.1 Arquitecturas cliente‐servidor
1 3 2 Modelos de distribución de una aplicación web
1.3.2 Modelos de distribución de una aplicación web

1.1
1.1.1

INTERNET
REDES DE COMPUTADORAS

 Redes de computadoras

 Conjunto de Computadoras (Hosts) interconectadas entre sí.

 Elementos:

• Hosts (Clientes/Servidores)
• Hubs
H b
• Switches
• Líneas de Transmisión

Red de 

Computadoras

 Las computadoras pueden estar en un misma sala (LAN) o en cualquier parte del 

mundo (Internet).

APLICACIONES WEB

TEMA 1: INTRODUCCIÓN A LAS APLICACIONES WEB

4

1.1
1.1.1

INTERNET
REDES DE COMPUTADORAS

 Internet = Interconnected Networks

 Elementos:

• Hosts (Clientes/Servidores)
• LAN’s
• Redes Públicas
• Routers
• Líneas de Transmisión
• Líneas de Transmisión

Red
Red

Red

Red
Red

Red

Red

Red

APLICACIONES WEB

TEMA 1: INTRODUCCIÓN A LAS APLICACIONES WEB

5

1.1
1.1.1

INTERNET
REDES DE COMPUTADORAS

 Direccionamiento IP

 Por tanto, Internet consiste en un conjunto de redes interconectadas entre si que 

conectan, a su vez, varios tipos de computadoras.

 Dichas computadoras se clasifican en clientes o servidores (Host) y encaminadores

(Router).

 Los servidores están permanentemente conectados ofreciendo diferentes 

servicios que son habitualmente consultados por los clientes.

 Cada Host tiene una “única” Dirección IP.
 Para comunicarse entre si, los Hosts se intercambian/envían Paquetes IP.
 Cada paquete contiene una Dirección de la Fuente (IP_F), y una Dirección del 

D ti
(IP D)
Destino (IP_D).

 Los Routers permiten encaminar los paquetes a través de la red de forma que 

lleguen a su destino
lleguen a su destino.

APLICACIONES WEB

TEMA 1: INTRODUCCIÓN A LAS APLICACIONES WEB

6

1.1
1.1.1

INTERNET
REDES DE COMPUTADORAS

 Encaminamiento IP

Red

Internet

Red
Red

Host

IP_F

Host

Encaminamiento 

IP

Red

Red
d

Host

IP_D

Host

Red

Host

IP = Protocolo Internet
D.F = Dirección Fuente
D.D = Dirección Destino

APLICACIONES WEB

TEMA 1: INTRODUCCIÓN A LAS APLICACIONES WEB

7

1.1
1.1.1

INTERNET
REDES DE COMPUTADORAS

 Pero, ¿qué es lo que realmente se conoce como Internet?

 World Wide Web es un armazón arquitectónico que permite acceder a 
documentos distribuidos por todos los equipos conectados a Internet.

 Las WWW es uno de los múltiples servicios que nos ofrece la interconexión de 

p

q

múltiples redes de ordenadores, otros son:
• Transferencia de ficheros
• Correo electrónico
• Acceso remoto, etc…

 Sin embargo, las WWW es la aplicación más exitosa que funciona en Internet, 

hasta el punto que se ha apropiado de dicho nombre.

 Se basa en la transferencia de “hipertexto” entre el cliente (el que solicita el 

documento) y el servidor (el que lo sirve) mediante el protocolo HTTP.

APLICACIONES WEB

TEMA 1: INTRODUCCIÓN A LAS APLICACIONES WEB

8

1.1
1.1.1

INTERNET
REDES DE COMPUTADORAS

 Historia de las WWW

 Las WWW fue creada en 1989 en el CERN (Centro Europeo de Investigación 

Nuclear):
• La propuesta inicial partió de Tim Berners‐Lee.
• El propósito original es que los científicos que investigaban en física de partículas en 

diferentes lugares pudieran intercambiar información de manera rápida.

 En 1991 ya había un prototipo en funcionamiento (tan sólo basado en texto).

 Su impactó llevo al desarrollo del primer navegador gráfico (Mosaic).

 A continuación se produjo la “guerra de los navegadores” entre los dos principales 

navegadores: Internet Explorer de Microsoft y Netscape.

p

g

p

y

 En 1994 el CERN y el MIT crearon el World Wide Web Consortium (W3C):

• Dedicado a estandarizar protocolos y lenguajes y cuidar la interoperabilidad
• Dedicado a estandarizar protocolos y lenguajes y cuidar la interoperabilidad.

APLICACIONES WEB

TEMA 1: INTRODUCCIÓN A LAS APLICACIONES WEB

9

Índice: Tema 1

1.1 Internet

1.1.1 Redes de computadoras
1.1.2 El modelo de capas TCP/IP

1.2 Aplicaciones web

1.2.1 Páginas web dinámicas
1.2.2 Aplicaciones cliente‐servidor

it

t

li

d

1 3 A
b
1.3 Arquitectura de una aplicación web

ió
1.3.1 Arquitecturas cliente‐servidor
1 3 2 Modelos de distribución de una aplicación web
1.3.2 Modelos de distribución de una aplicación web

1.1
1.1.2

INTERNET
EL MODELO DE CAPAS TCP/IP

 Arquitectura de red

 Las tareas que debe resolver una red de computadores para que la comunicación 

pueda llevarse a cabo son muy numerosas y diversas:

•

Intentar resolver todas “de una vez” sería prácticamente inabarcable.

• Solución típica de la informática  “divide y vencerás”.

 La idea es dividir la arquitectura en varias capas:
 L id

di idi

l

it

t

i

• Cada una se ocupa de un grupo de tareas.

• Tareas de mayor abstracción cuanto más alta sea la capa.

 La comunicación entre capas se lleva a cabo de acuerdo a diferentes protocolos:

• Conjunto de reglas o convenios que gobiernan el intercambio de información entre 

entidades situadas en sistemas diferentes.

APLICACIONES WEB

TEMA 1: INTRODUCCIÓN A LAS APLICACIONES WEB

11

1.1
1.1.2

INTERNET
EL MODELO DE CAPAS TCP/IP

 Comunicación entre capas

 Usuario que desea realizar la comunicación usando alguna aplicación.

• Ejemplo: Transferir un fichero por FTP (usando Filezilla por ejemplo).

 Computadora en la que se encuentra instalada esa aplicación.

• Ejemplo: El origen y destino deben estar preparados para la transmisión y recepción, 

garantizando seguridad y fiabilidad.

 Red a la que esta conectada la computadora.

• Ejemplo: El origen debe activar un camino de salida e identificar al destino.

 En cada nivel hay varias tareas,

organizadas en capas
organizadas en capas.

• Cada capa se ocupa de una tarea.

• Cada capa ofrece servicios a la capa superior
Cada capa ofrece servicios a la capa superior

APLICACIONES WEB

TEMA 1: INTRODUCCIÓN A LAS APLICACIONES WEB

12

1.1
1.1.2

INTERNET
EL MODELO DE CAPAS TCP/IP

 Capas del modelo TCP/IP

APLICACIÓN
APLICACIÓN
Gestiona los detalles de cada aplicación.

TRANSPORTE
Proporciona al nivel de Aplicación un flujo de datos sin errores entre máquinas. 
Realiza tareas de control de flujo y gestión de errores
Realiza tareas de control  de flujo y gestión de errores .

RED
Se ocupa del encaminamiento de los paquetes por la red.

ACCESO A RED
ACCESO A RED
La capa de enlace convierte el medio físico en una línea de transmisión sin errores.
La capa física transmite/recibe una secuencia de bits por un canal de comunicación.

p

/

p

APLICACIONES WEB

TEMA 1: INTRODUCCIÓN A LAS APLICACIONES WEB

13

1.1
1.1.2

INTERNET
EL MODELO DE CAPAS TCP/IP

 Protocolos de la familia TCP/IP asociados a cada capa

Capa de
Capa de 
Aplicación

Capa de 
Transporte

PING

HTTP

SMTP

FTP

…

DNS

TFTP

TCP

UDP

IGMP

Capa de 
Red

ICMP

IP

ARP

RARP

Protocolos de enlace (fuera de TCP/IP)

Acceso a red
Capa de 
Enlace
Capa Física

APLICACIONES WEB

TEMA 1: INTRODUCCIÓN A LAS APLICACIONES WEB

14

1.1
1.1.2

INTERNET
EL MODELO DE CAPAS TCP/IP

 El protocolo HTTP

 HTTP es el protocolo a nivel de aplicación que usan las aplicaciones web para 

comunicar cliente y servidor.

 Funciona sobre el protocolo TCP/IP y define:

p

y

• Las peticiones del cliente al servidor.

• Las respuestas del servidor a las peticiones del cliente.

 Únicamente contempla petición y respuesta, no almacena estado:

• Si queremos mantener una sesión, es necesario simularla.
a te e u a ses ó , es ecesa o s u a a

S que e os

 Las peticiones siempre las realiza el cliente:

• El servidor no puede enviar información si no es como respuesta a una petición.
El servidor no puede enviar información si no es como respuesta a una petición

 HTTPS es la versión segura del protocolo HTTP:

• Cifra el contenido de los mensajes mediante SSL.

APLICACIONES WEB

TEMA 1: INTRODUCCIÓN A LAS APLICACIONES WEB

15

1.1
1.1.2

INTERNET
EL MODELO DE CAPAS TCP/IP

 Transferencia web (1)

1. El navegador determina la URL (seleccionada por el usuario).
2. El navegador solicita al DNS la dirección IP del host de destino contenido en la URL 

(www.servidor.com).

3. El DNS contesta con la dirección IP (198.64.191.11).
4. El navegador establece una conexión TCP al puerto 80 usando esa dirección IP.
5. El servidor está escuchando por ese puerto y reconoce la petición solicitada.
6. Se envía una solicitud para el envío del fichero (directorio/documento.html).
7. El servidor envía el fichero al cliente.
8. Se libera la conexión TCP.
9. El navegador interpreta el HTML y representa en la pantalla la página:

• Si el recurso fuese de otro tipo el navegador necesitaría saber cómo presentarlo. A menudo los 

navegadores disponen de plug‐ins que se encargan de presentar este tipo de recursos.

APLICACIONES WEB

TEMA 1: INTRODUCCIÓN A LAS APLICACIONES WEB

16

1.1
1.1.2

INTERNET
EL MODELO DE CAPAS TCP/IP

 Transferencia web (2)

URL

Cliente

HTTP://www.alcatel.com/marketing/customers/overview.html

Protocolo

Destino

Directorio

Nombre del fichero

HTTP

Dirección IP

marketing/customers/overview.html

Proveedor de

Contenido

APLICACIONES WEB

TEMA 1: INTRODUCCIÓN A LAS APLICACIONES WEB

17

Índice: Tema 1

1.1 Inter