1

1

Páginas Web

2

ARPANET

• La idea inicial fue planteada para el proyecto del

Departamento de Defensa “Defense Advanced Research Project”

(DARPA)a fines de 1960 para una red de la defensa nacional

• Se empezó un proyecto para ver si varias computadoras,

separadas geográficamente, podría enlazarse para permitir a

los usuarios en un terminal de un sistema acceder a los

recursos en otra computadora.

• El concepto militar inicial: proporcionar el acceso a las

computadoras si algunas líneas de comunicación son

destruidas, construyendo una red dónde el tráfico de

comunicaciones de datos podría adaptarse dinámicamente a

las condiciones cambiantes.

• las comunicaciones del datos - enviar los mensajes

confiablemente de una computadora a otra era el mayor

obstáculo.

• El ARPANET inicial empezó en 1970 como una red del tres-

nodos que unían BBN en Cambridge, Massachusetts, con UCLA y

SRI en California usando líneas de 56 kb.

• Se añadieron sitios hasta tener algunos cientos a mediados

de 1970

3

Comunicaciones en ARPANET

La comunicación entre dos computadoras fue manejada vía

mensajes. Un mensaje estaba dividido en cadenas de

longitud fija denominadas paquetes, y los paquetes

eran enviados de computadora a computadora hasta que

el mensaje original era rearmado en el nodo de

recepción.

Para asegurarse que los mensajes destinados para otra

computadora lleguen confiablemente, se desarrolló un

modelo de comunicación formal - llamado protocolo.

Para el ARPANET, esto se desarrolló como el

Transmission Control Program /Internet Protocol

(TCP/IP).

El TCP/IP era un mecanismo de comunicación de bajo

nivel que simplemente determinó que una sucesión de

bytes destinados para una computadora específica

llegue incorrupto. Era generalmente demasiado

complejo para los usuarios usarlo directamente para

acceder a una computadora.

4

Protocolos de Usuario

Telnet es un protocolo que hace que la computadora que

envía - la computadora en la que el usuario esta

realmente trabajando – se comporte como un terminal

conectado a la computadora distante. - el usuario se

conecta a una computadora cliente que actúa como un

terminal y el programa terminal se está comunicando

usando el protocolo del telnet a una computadora

central distante que está proporcionando el programa

del servidor.

SMTP (Simple Mail Transport Protocol) es el Protocolo

de Transporte de Correo Simple. Esto proporciona el

correo electrónico básico tan en uso hoy día

FTP (File Transfer Protocol) es el Protocolo de

Transferencia de Archivo. Uno invoca el cliente de

FTP en una máquina local, se conecta en la máquina

del servidor distante usando el protocolo de FTP, y

entonces recupera los documentos deseados de la

máquina distante o envía los documentos de la máquina

del usuario a la máquina distante.

2

5

Debilidades del FTP

Uno tenia que saber qué máquina acceder para recuperar

los datos deseados.

También tenía que tener el acceso a los archivos de esa

máquina para recuperar la información. El inicio de

sesión anónimo (login: anonymous) resolvió eso

parcialmente.

Uno tenía que saber exactamente donde en el sistema de

archivos estaba la información deseada.

A pesar de estas debilidades, FTP fue el mecanismo de

transmisión de archivos durante muchos años hasta que

web cambio todo eso.

6

Nacimiento del Internet

A mediados de los 80, ARPA decidió dejar de apoyar el ARPANET.

Como una actividad de investigación, el concepto se había

demostrado, y ARPA no estaba en el negocio de proporcionar

lo que estaba volviéndose un servicio comercial.

La U.S. National Science Foundation (NSF) tomo a cargo el

backbone en los estados Unidos – el conjunto de líneas

telefónicas de alta velocidad que suministraban el servicio

básico de tráfico de comunicación TCP/IP entre los

computadores anfitriones (host computers) como un mecanismo

de unir las universidades.

El nombre de la red evolucionó gradualmente en Internet. El

apoyo de NSF se detuvo.

Atado a este espinazo (backbone), las redes locales (una

universidad, una compañía grande) se agregaron hasta que la

Internet se volvió una colección amorfa de computadoras

todas continuamente conversando entre si.

Los proveedores comerciales,ahora denominados Proveedores de

servicios Internet (ISP) establecieron las conexiones a

Internet para que las personas en sus computadoras de casa

pudieran usar un módem para llamar a su ISP local para

conectarse a Internet.

7

The World Wide Web

A fines de los 1980 FTP era un proceso tedioso para la

transferencia de archivos. Se desarrollaron sistemas

como gopher, archie, veronica. Los físicos de CERN

deseaban un mecanismo de acceso y de transferencia

más sencillo.

Ellos desarrollaron el concepto de la descripción

semántica del lenguaje. Un programa del servidor

muestra el documento y un programa cliente,

denominado browser (navegador) lo lee y entiende el

documento. Lo importante es que el documento contiene

punteros a otros documentos denominados hipertextos.

Una versión más temprana de hipertexto fue el producto

Hypercard para la computadora Macintosh de Apple,

pero el poder real del desarrollo de CERN fue

permitir los enlaces de hipertexto a documentos que

existen en otras computadoras conectadas a la

Internet.

8

HTTP

El protocolo desarrollado fue el Protocolo de Transporte de

Hipertexto (HTTP). Http una suma a los protocolos de

TELNET, FTP,y SMTP discutidos anteriormente.

El lanzamiento del primer navegador MOSAICO en 1993 llevo a

un rápido crecimiento del web.

Cada puntero se volvió conocido como un Localizador de Recurso

Uniforme (Uniform Resource Locator - URL). La localización

de un documento se redujo a:

• invocar un navegador de Web en su máquina local,

• teclear un URL para el documento que se quiere acceder,

• conectarse a un servidor de Web en la máquina distante que

contiene la posición de lo tecleado en URL,

• mostrar el documento que obedece al protocolo HTTP.

El lenguaje HTML se basó en SGML.

3

9

Navegación Web

10

Ejemplo de Navegación - Prentice Hall

1. El usuario teclea el URL para la página de bienvenida. Este

URL consiste de: un nombre del Dominio (www.cs.umd.edu) y un

archivo en esa maquina (users/mvz/pzbook).

2. El navegador de Web envía el nombre del dominio a una de

varias máquinas de Internet especiales llamado los Servidores

de Nombre de Dominio} (DNS). El DNS devuelve la dirección del

Protocolo Internet de la página web deseada.

3. El navegador de web envía el nombre de archivo al servidor de

Web en dirección IP 128.8.128.80. Un programa HTTP Daemon

(HTTPD) en esta máquina es la interfaz principal entre un

servidor de web y la Internet.

4. El servidor de Web añade el nombre index.html porque el

archivo dado era un directorio y no un archivo.

5. Se envían los contenidos del archivo al navegador de Web y se

los muestra al usuario.

6. Si el usuario ahora hace clic en el URL para Prentice-Hall

que aparece en la página Web (www.prenticehall.com), el proceso

será repetido y el servidor de Prentice-hall en dirección IP

63.69.110.94 se accede y la página Web apropiada se despliega.

11

SGML

• Structures General Markup Language es la base de SGML

• una secuencia no-estructurada de caracteres

• dentro del texto puede haber elementos de SGML. La

semántica de elementos es no especificada, pero su

sintaxis es dada.

• los elementos son puestos entre paréntesis por una

etiqueta de inicio y una etiqueta final. < zork > yo

soy un zork < / zork > identifica “Yo soy un zork”

como el contenido del elemento zork.

• Un reporte en SGML:

<report>

<title} texto </title>

<author} texto </author>

<abstract} texto </abstract>

<body} texto </body>

</report>

• SGML maneja contenido semántico, no maneja

presentación

12

HTML

• Un ejemplo de SGML con una sintaxis definida para las

páginas web

<html>

<title> titulo del documento </title>

<body>

texto del documento

</body>

</html>

• Problema: SGML tiene contenido semántico, no diseño

(presentación).

• Se manejan cosas como:

<h1>Encabezamiento principal</h1>

- Que tipo de letra y tamaño se usa

- Donde se coloca el encabezamiento

• Elementos como <font size=...> se alejan del

contenido semántico puro

4

13

Cadenas en HTML

HTML contiene:

• Texto incrustado

• URLs: Cadenas a otras páginas web <http:// dirección

web>

• Imágenes: <SRC SRC=...>

• MAILTO: protocolo (Enviar email)

• Páginas ejecutables (CGI scripts).

14

FORMAS HTML

Un método para pasar información entre un usuario de

un navegador Web y un servidor Web.

La información es pasada a un programa en el sistema

del servidor. Este es el archivo Common Gateway

Interface (CGI).

Los servidores web típicamente tienen un directorio

especifico cgi-bin que contiene los programas CGI.

Formas HTML son usadas:

<form method=“tipo”

action= “dirección de cgi script a ejecutarse”>

texto

</form>

Perl es a menudo usado como lenguaje para los scripts

15

Ejemplo de CGI script

16

HTML para formas

<HTML>

<HEAD>

<TITLE>prueba-cgi</TITLE>

</HEAD>

<BODY>

<p> Esta es una página de muestra para leer dos datos

desde la página web:

<form action="cgi-bin/xaction" method=get>

<p>Primer nombre=<input type=text name=xprimero

size=10>

<br>Apellido=<input type=text name=xfinal size=20>

<br> <input type=submit value=SEND>

<input type=reset value=RESET>

</form>

</BODY>

</HTML>

Parametros pasados como

argumentos xprimero y xfinal

5

17

Lenguajes de Script

Uso de Active Service Page

• Uso del Web

• http://127.0.0.1/lengprog

• Active Perl; Documentación Perl

18

Perl - CGI script

#!/usr/bin/perl

print “Content-Type: text/html\n\n”;

print “<html><head>\n”;

print “<title>Ejemplo de PERL script</title>\n”;

print “</head><body>\n”;

print “<p>Query_string is $ENV{'QUERY_STRING'}\n”;

foreach ( split( /&/, $ENV{'QUERY_STRING'}) )

{ ( $key, $val ) = split( /=/, $_, 2 );

$tmp{$key} = $val; }

print “<p>Primer nombre es <b>$tmp{'xprimero'}</b>\n”;

print “<p>Apellido es <b>$tmp{'xfinal'}</b>\n”;

print “</body></html>\n”

• El programa Perl primero lee los parámetros xprimero

y xfinal desde $ENV (environment) a QUERY_STRING

• La salida de Perl es la sintaxis de la página HTML

que es mostrada

19

Java applets

Tópico: Muchos protocolos diferentes

Solución: Enviar programa para leer protocolos como

parte de HTML

(Rol para Java)

Mueve las necesidades de procesamiento desde el

servidor HTML al cliente HTML

Hace más procesamiento del lado del cliente

import java.awt.*; /* libreria applet */

public class hello extends java.applet.Applet

public void paint(Graphics x)

{x.drawString(“Hola Mundo”, 100, 100);}

Mostrado por:

<html>

<body>

<applet code = “hello.class” width=200 height=200>

</applet>

</body>

</html>