Universidad Nacional de Ingeniería

Facultad de Electrotecnia y Computación

Ingeniería en Computación.

Seminario de Redes de
Computadoras.
Tema: La Capa de Aplicación.
-World Wide Web.
 Integrantes:

 River Antonio Martínez González.

 Meyling Gizel Calero Rivas.
 Yorsbill Leonardo Bustos Castillo.

• Profesor: Ing. Narciso Aguilera.

• Fecha: 06 de julio del 2010

 Índice:
 WWW
 Panorama de la Arquitectura.

 Documento Web Estático.

 Documento Web Dinámico.

 Web Inalámbrica.

 Java

 Blogs y Web Interactiva.

 Redes Sociales en Internet.

 Objetivos:
ESPECIFICO
 Mostrar sus componentes, la funcionalidad
de www a lo interno y externo.
GENERAL
 Dar a conocer la importancia de la
accesibilidad de la información y una parte
creciente del conocimiento humano por
medio de la www.
 Definición: WWW
 World Wide Web es un armazón arquitectónico para acceder a documentos
vinculados, distribuidos en miles de maquinas de toda internet. Su interfaz gráfica
atractiva que es fácil de usar para los principiantes y que posee un enorme cumulo
de información es interpretada para las personas como “internet”.

 Web comenzó en 1989 en el CERN, surge de la necesidad de lograra que el grupo

de investigadores dispersos internacionalmente, colaboren usando un conjunto
siempre de informes, planos, dibujos, fotos y otros documentos.

 En 1993 se libera Mosaic, el primer navegador grafico desarrollado por Marc de la

universidad de Illinois, tuvo tanta popularidad que nació Netscape Comunications
Corp., cuya meta era desarrollar clientes, servidores y otros tipos de programas web.
Después de 3 años hubo guerra de navegadores “Netscape vs Internet Explorer”,
que al final en 1998 Netscape termino su vida como compañía independiente.

 En 1994, el CERN y el MIT firmaron un acuerdo para establecer el world wide web
consortium (W3C), dedicada al desarrollo de web, la estandarización de protocolos
y el fomento de la
interoperabilidad entre sitios.
 Panorama de la Arquitectura
 En este parte contamos con los siguientes puntos.

 PAGINAS WEB: Conjuntos de documentos.

 NAVEGADORES: es un programa que puede desplegar una

pagina web

 HIPERTEXTO: es el nombre que recibe el texto que en la pantalla

de un dispositivo electrónico conduce a otro texto relacionado

 HIPERVINCULOS: cadenas de texto que son vínculos de

otras paginas.
Clic en
historia
 Cliente

 Las paginas se nombran utilizando URLs (Localizadores

uniformes de Recursos). URL tiene tres partes: el nombre
del protocolo (http), el DNS de la maquina donde se
localiza la pagina([Link]) y (por lo general) el
nombre del archivo que contiene la pagina
([Link]

 Para permitir que todos los navegadores entiendan todas

las paginas webs están se describen en un lenguaje
estandarizado llamado HTML. No todas las paginas
contienen html.
 Los plugins es un modulo de código que el
navegador obtiene de un directorio especial del
mismo y los instala como extensión de si mismo.

 En windows si queremos instalar un plugin, por lo

general este archivo es un zip que se extrae de
manera automática y tiene una extensión .exe
 El Servidor.
Pasos que da el servidor en su ciclo principal es :

1. Acepta una conexión TCP de un cliente (un navegador).

2. Obtiene el nombre del archivo solicitado.
3. Obtiene el archivo del disco.
4. Regresa el archivo al cliente.
5. Libera la conexión TCP.

Un disco SCSI de alta calidad tiene un tiempo de acceso promedio

de 5mseg, lo que limita al servidor a lo mucho 200solicitudes/seg,
o menos si se tienen que leer con frecuencia archivos grandes.
Llega una solicitud de
front end que la
acepta y construye
un registro y luego le
entrega a uno de los
módulos de
procesamiento.
 Granjas de servidores
 Esto pasa cuando llegan solicitudes cada
segundo, la CPU no será capaza de manejar la
carga de procesamiento, sin importar cuantos
discos se utilicen en paralelo, la soluc. Agregar
mas nodos (Comput.).

 Un front end aun acepta solicitudes entrantes

pero las distribuye en múltiples CPU en lugar de
en multiples subprocesos, esto para reducir la
carga en cada computadora.
Se utiliza el truco
llamado
Transferencia TCP
(TCP handoff). El
punto final de la
conexión TCP se
pasa al nodo de
procesamiento al fin
que pueda contestar
directamente al
cliente , esta forma
es transparente para
el cliente
 URLs
 URL (Localizador
uniforme de
recursos), sirve
como nombre
mundial de la
pagina.
 Cookies.
 Las cookies son archivos o cadenas, no
programas ejecutables.
 Los navegadores almacenan cookies
ofrecidas en un directorio de cookies en el
disco duro de la maquina del cliente, a
menos que el cliente lo deshabilite
 Documentos Web Estáticos.
 La base de la Web es la transferencia
de pag. Web desde el servidor al
cliente. En la Forma mas simple, las
pag. Web son estáticas, es decir son
simplemente archivos que se
encuentran en algún servidor
esperando a ser recuperadas. En
esta sección examinaremos un poco
las pag. Web estáticas y después las
dinámicas.
 HTML (Lenguaje de Marcado de
Hipertexto).
 Las pag. Web se escriben en html.
 Se producen pag. Web que contienen:
• Texto
• Gráficos
• Apuntadores a otras paginas, etc.
 Lenguaje de Marcado.
• Describe como se formatean los documentos.
• Como html contiene los comandos de marcado dentro
de cada archivo html y al ser estandarizado se hace
posible que cualquier navegador web lea y reformatee
cualquier pag. Web.
• A continuación daremos una breve introducción a html.
Ej. Pagina Web Estática.
 Introducción a HTML.
 Se puede escribir en cualquier editor estándar o
editores especiales.
 Una pag. Web consiste:
• Un encabezado y un cuerpo encerrados entre etiquetas
(comandos de formato) <html></html>.
• Encabezado <head></head>.
• Cuerpo <body></body>.
• Directivas: son los comandos dentro de las etiquetas.
• **La mayoría de las etiquetas html tiene este formato
es decir <algo> y </algo> para marcar su fin.
• Algunos tienen parámetros (nombrados), llamados
atributos. Ej. <img src=“abc” alt=“foober”>.
Etiquetas HTML.
 Tablas y Formularios.
 Html sigue evolucionando, html 1.0 y html 2.0 no
tenían tablas pero estas se agregaron en html3.0
 Tablas: Consisten en una o mas filas, cada una
de las cuales tiene una o mas celdas.
• Pueden contener: Texto, figuras, iconos, fotografías e
incluso otras tablas.
Html 1.0 era de un solo sentido. Los usuarios podían llamar
las pag. Desde los proveedores de info. Pero era difícil
enviar info. En el otro sentido.
 Formularios: Se incluyen a partir de html 2.0
contienen:
• Cuadros, botones, campos de texto que permiten
colectar info. Y después enviarla al dueño de la pagina si
es necesario.
Ej. Tablas
Ej. Formularios.
 Documentos Web Dinámicos.
 En los primeros días de Web, todo el contenido
era, de hecho, estático (solo archivos). Sin
embargo en los años recientes, cada vez mas
contenido es dinámico, es decir, se genera a
solicitud, en lugar de almacenar en disco. La
generación de contenido puede suceder ya sea en
el servidor o en el cliente. A continuación
examinaremos cada uno de estos casos.
Generación de Pag. Web Dinámicas en el Servidor.

 Ej. Imaginemos un ejemplo representado con la

imagen anterior 7-33, aplicado al llenado de un
formulario de una compra con “carrito” , usando
cookies.
 La forma tradicional de manejar formularios y
otras paginas web interactivas es el sist. Llamado
CGI (Interfaz de Puerta de enlace Común).
• Los comandos CGI se escriben en Perl o Python.
 *Son programas que se ejecutan en la maquina servidor.
 Las secuencias de comandos CGI no son la única
forma de generar contenido dinámico en el
servidor. Otra forma común es incrustar
pequeñas secuencias de comandos dentro de la
Pag. Html y hacer que el mismo servidor, que las
ejecute para generar las pags.
 PHP
 Un lenguaje común para escribir estas secuencias
de comandos es PHP (Preprocesador de Hipertexto)
• *Para usarlo el servidor debe entender PHP.
• Ej.
• <html>
• <body>
• <h2>Esto es lo que se de ti</h2>
• <?php echo $HTTP_USER_AGENT ?>
• </body>
• </html>
 PHP es especialmente bueno para manejar
formularios y es mas sencillo que usar secuencias
de comandos CGI.
• PHP es un lenguaje poderoso diseñado para interactuar
entre Web y Base de Datos.
Ej. Pag. Con PHP
JSP(Java Server Page) y ASP(Active Server
Page).

 JSP es similar a PHP, excepto que la

parte dinámica se escribe en Java. Su
extensión es .jsp .
 ASP es la versión Microsoft de PHP y
JSP; para generar el contenido
dinámico usa un lenguaje propietario
llamado Visual Basic Script. Su
extensión es .asp .
Generación de Paginas Web Dinámicas
en el Cliente.

Servidor

 Las secuencias de comandos CGI, PHP, JSP, y

ASP resuelven el problema de manejar
formularios e interactuar con B.D. en el servidor.
Acepta info. entrante de formularios, busca info.,
y genera pag. Html. Lo que ninguno de ellos
puede hacer es responder a los movimientos del
ratón o interactuar directamente con el usuario.
 JavaScript.
 Para esto es necesario tener secuencias de
comandos inscrustadas en html que se
ejecuten en la maquina cliente y no en el
servidor. El lenguaje de secuencia de
comandos mas popular para el cliente es
JavaScript.
• Inspirado en Java pero no es Java.
• El Navegador interpreta una función JavaScript
que esta contenida en la pag.
• Todo se lleva a cabo de manera local en el
navegador.
• No hay contacto con el servidor.
 PHP y JavaScript.
 Sus usos son totalmente diferentes.
PHP ( y por ende JSPP, ASP) se
utilizan cuando es necesaria la
interacción con una B.D. remota.
JavaScript sin embargo se utiliza
cuando la interacción es con el
usuario en la maquina cliente.
 Subprogramas (applets) y ActiveX.
 Son otras formas de escribir pag. Web altamente
interactivas. Los applets son programas pequeños
en Java que se han compilado en código maquina
para una computadora virtual JVM(Java Virtual
Machine). Los programas se pueden incrustar en
pag. Html con <applet></applet>.
• Los programas se interpretan no se ejecutan, mediante
JVM en los navegadores.
• Tiene buena portabilidad.
 ActiveX es la respuesta de Microsoft a los applets
que son programas compilados para lenguaje
maquina Pentium y ejecutadas en el hardware.
• Son mas rápidos y mas flexibles.
 Despliegue de contenido.

Interprete

Interprete

Interprete
HTTP (Protocolo de Transferencia de Hipertexto)

 Es el protocolo utilizado en WWW. Especifica

cuales mensajes pueden enviar los clientes a los
servidores y que respuestas obtienen.
 Consiste en una solicitud ASCII seguida por una
respuesta tipo MIME RFC 822.
 Todos los clientes y servidores deben obedecer
este protocolo.
 Conexiones:
• El navegador contacta a un servidor estableciendo
conexión TCP por el puerto 80 de las maquina servidor.
 TCP se utiliza porque ni los navegadores, ni los servidores
se preocupan por mensajes largos, perdidos o duplicados ni
por confirmación de recepción. TCP maneja todo esto.
 Métodos.
 A partir de html 1.1 se soporta conexiones
Persistentes (múltiples conexiones adicionales).
 Los Métodos son operaciones de Solicitud
distintas a las solicitudes Web.
Esta es una lista de las respuestas que puede
retornar el servidor.

 Encabezados de Mensajes.
• A la línea de solicitud se le puede agregar Encabezados
de Solicitud y se obtienen encabezados de respuesta.
Algunos se pueden usar en diferentes direcciones.
 Ej. El cliente puede informar al servidor acerca del O.S. que
utiliza, el navegador u otras propiedades del mismo.
 La Web Inalabrica.
 Hay gran interés en dispositivos
pequeños capaces de acceder a la
web de manera inalámbrica, por eso
se creo el Protocolo de apps.
Inalámbricas (WAP).

 La idea era combinar un teléfono

móvil que se conectara e-mail de
manera inalámbrica.
 WAP es una pila de protocolos para
acceder a la web, pero optimizada para
conexiones de bajo ancho de banda,
que utilizan los dispositivos inalámbrico
con CPU lenta, poca memoria y
pantalla pequeña.

 WAP no utiliza HTTP, en su lugar utiliza

un lenguaje llamado WML(lenguaje de
marcado inalámbrico).
 Entorno de Aplicaciones inalámbricas (WAE)

Protocolo de Sesión Inalámbrica (WSP)

Protocolo de transacciones Inalámbricas (WTP)

Capa Inalámbrica de Seguridad de Transporte (WTLS)

Protocolo de Datagrama Inalámbrico (WDP)

Capa del Portador (GSM,CDMAGPRS,ETC)

 Web inalámbrica de segunda
generación
 La WAP 2.0 estaba destinada a
soportar gran variedad de
dispositivos móviles y aun lo esta.
 Dentro de las diferencias entre la

WAP 1.0 Y WAP 2.0, esta el sistema

de marcado, ya que WAP 2.0 soporta
XHTML Basic, y la pila de protocolos
que este soporta.
 WAP 2.0 también tiene nuevas
características:
 Modelo Push Y Modelo Pull.
 Soporte de integrar telefonía.
 Mensajería Multimedia.
 Interacción con disp. de almacenamiento.
 Soporte en el navegador para plug-ins.
XHTML
WSP HTTP
WTP TLS
WTLS TCP
WDP IP
CAPA DEL PORTADOR CAPA DEL PORTADOR
Protocolo WAP 1.0 Protocolo WAP 2.0
 JAVA
 Es uno de los lenguajes mas robustos,
uno de sus grande potenciales es su
portabilidad, gracias a su maquina virtual.
 Las siguientes bibliotecas son para
creación de apps. que trabajan en red.
 [Link]

 [Link] => clase red, sirve para acceso

TCP/IP, sockets y URL.

 [Link] => conexiones java con base de

datos.
 [Link] => para conexiones de acceso

remoto.
 Es interesante usar Java en internet, ya
que sus programas objeto (código
bytes), son verificables para poder
detectar posibles virus.
 Los códigos bytes, no necesitan ser

recompilados y ya verificados se
transforman en direcciones físicas
dentro de la maquina destino, el cual es
independiente de la plataforma.
 Java no ejecuta operaciones peligrosas,

ya que se almacena en el servidor como

un código intermedio, este ha sido
diseñado para que pueda ser validado.
Ej. Localización de info. con Java
 Blogs y Web Interactiva
 Versión reducida del término "web log“.

 Un blog, o en español también una bitácora, es un sitio

web periódicamente actualizado que recopila
cronológicamente textos o artículos de uno o varios
autores
 Antes de que los blogs se hicieran populares, existían

comunidades digitales como USENET, xrt, listas de

correo electrónico y BBS. En los años 90 los programas
para crear foros de internet, como por ejemplo WebEx,
posibilitaron conversaciones con hilos.
 Los hilos son mensajes que están relacionados con un

tema del foro.

 Hoy en día el blogging es uno de los
servicios más populares en el
Internet, llegando hasta el punto que
cantantes o actores famosos tienen
blogs, así también como empresas
Internacionales inclusive. Entre los
servidores de blogs más populares se
encuentran Blogger y Wordpress.
 Algunas variantes del weblog son los

openblog, fotolog, los vlogs

(videoblogs), los audioblogs y los
moblog (desde los teléfonos móviles).
 Con anterioridad internet era
propiamente unidireccional, es decir,
la información era más bien de corte
informativo y no permitía la
interacción directa con y entre los
usuarios. Hoy en día, se ha
convertido en bidireccional y permite
la interacción de todo tipo de
contenido, sean estos videos,
imágenes, textos e inclusive
almacenamiento y edición de
archivos online y en tiempo real
 Redes Sociales en Internet
 Una red social, es una estructura
social compuesta de personas (u
organizaciones u otras entidades),
las cuales están conectadas por uno
o varios tipos de relaciones, tales
como amistad, parentesco, intereses
comunes, intercambios económicos,
relaciones sexuales, o que
comparten creencias, conocimiento.
 Redes Sociales en Internet

 Las redes sociales en Internet se han

convertido en un gran fenómeno social
que revoluciona la forma de comunicarse
y de interactuar, ya que es un sistema
abierto y en construcción permanente
que involucra a conjuntos que se
identifican en las mismas necesidades y
problemáticas y que se organizan para
potenciar sus recursos, una de sus
características principales es la de gran
capacidad de transmisión de información.
 Estas herramientas permiten la
integración de un tejido social, es
decir, una red de personas que
pueden interactuar a través de los
espacios que se han generado en
internet, tales como blogs, google
groups, twitter, facebook, wikipedia
y un sinfín de útiles aplicaciones que
permiten la interrelación de
información.
 Bibliografía
 Redes de Computadoras – Andrew S.
Tanenbaum 4ta edición.
 Wikipedia [Link]

 [Link]

 Google [Link]
 [Link]
Contacto:
 [Link]

 Ing. River Martínez

• rianmartinez@[Link]
• river.martinez396@[Link]
• [Link]/profiles/rianmartinez

 Ing. Yorsbill Bustos.

• yorsleo@[Link]
• yorsbill.bustos257@[Link]
• [Link]/profiles/yorsleo

 Ing. Meyling Calero

 meyrivas@[Link]

 mc3328@[Link]
 s
I N c i a
F G ra
a s
c h
Mu