1. 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
Páginas Web 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
1 2
Comunicaciones en ARPANET Protocolos de Usuario
La comunicación entre dos computadoras fue manejada vía Telnet es un protocolo que hace que la computadora que
mensajes. Un mensaje estaba dividido en cadenas de envía - la computadora en la que el usuario esta
longitud fija denominadas paquetes, y los paquetes realmente trabajando – se comporte como un terminal
eran enviados de computadora a computadora hasta que conectado a la computadora distante. - el usuario se
el mensaje original era rearmado en el nodo de conecta a una computadora cliente que actúa como un
recepción. terminal y el programa terminal se está comunicando
usando el protocolo del telnet a una computadora
Para asegurarse que los mensajes destinados para otra central distante que está proporcionando el programa
computadora lleguen confiablemente, se desarrolló un del servidor.
modelo de comunicación formal - llamado protocolo. SMTP (Simple Mail Transport Protocol) es el Protocolo
Para el ARPANET, esto se desarrolló como el de Transporte de Correo Simple. Esto proporciona el
Transmission Control Program /Internet Protocol correo electrónico básico tan en uso hoy día
(TCP/IP). FTP (File Transfer Protocol) es el Protocolo de
Transferencia de Archivo. Uno invoca el cliente de
El TCP/IP era un mecanismo de comunicación de bajo FTP en una máquina local, se conecta en la máquina
nivel que simplemente determinó que una sucesión de del servidor distante usando el protocolo de FTP, y
bytes destinados para una computadora específica entonces recupera los documentos deseados de la
llegue incorrupto. Era generalmente demasiado máquina distante o envía los documentos de la máquina
complejo para los usuarios usarlo directamente para del usuario a la máquina distante.
acceder a una computadora.
3 4
1

2. Debilidades del FTP Nacimiento del Internet
A mediados de los 80, ARPA decidió dejar de apoyar el ARPANET.
Uno tenia que saber qué máquina acceder para recuperar Como una actividad de investigación, el concepto se había
los datos deseados. 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
También tenía que tener el acceso a los archivos de esa backbone en los estados Unidos – el conjunto de líneas
máquina para recuperar la información. El inicio de telefónicas de alta velocidad que suministraban el servicio
sesión anónimo (login: anonymous) resolvió eso básico de tráfico de comunicación TCP/IP entre los
parcialmente. computadores anfitriones (host computers) como un mecanismo
de unir las universidades.
El nombre de la red evolucionó gradualmente en Internet. El
Uno tenía que saber exactamente donde en el sistema de apoyo de NSF se detuvo.
archivos estaba la información deseada. 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
A pesar de estas debilidades, FTP fue el mecanismo de todas continuamente conversando entre si.
transmisión de archivos durante muchos años hasta que Los proveedores comerciales,ahora denominados Proveedores de
web cambio todo eso. 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.
5 6
The World Wide Web HTTP
A fines de los 1980 FTP era un proceso tedioso para la El protocolo desarrollado fue el Protocolo de Transporte de
transferencia de archivos. Se desarrollaron sistemas Hipertexto (HTTP). Http una suma a los protocolos de
como gopher, archie, veronica. Los físicos de CERN TELNET, FTP,y SMTP discutidos anteriormente.
deseaban un mecanismo de acceso y de transferencia
más sencillo. El lanzamiento del primer navegador MOSAICO en 1993 llevo a
un rápido crecimiento del web.
Ellos desarrollaron el concepto de la descripción
semántica del lenguaje. Un programa del servidor
muestra el documento y un programa cliente, Cada puntero se volvió conocido como un Localizador de Recurso
Uniforme (Uniform Resource Locator - URL). La localización
denominado browser (navegador) lo lee y entiende el de un documento se redujo a:
documento. Lo importante es que el documento contiene
• invocar un navegador de Web en su máquina local,
punteros a otros documentos denominados hipertextos.
• teclear un URL para el documento que se quiere acceder,
Una versión más temprana de hipertexto fue el producto • conectarse a un servidor de Web en la máquina distante que
Hypercard para la computadora Macintosh de Apple, contiene la posición de lo tecleado en URL,
pero el poder real del desarrollo de CERN fue • mostrar el documento que obedece al protocolo HTTP.
permitir los enlaces de hipertexto a documentos que
existen en otras computadoras conectadas a la
El lenguaje HTML se basó en SGML.
Internet.
7 8
2

3. Navegación Web 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.
9 10
SGML HTML
• Structures General Markup Language es la base de SGML • Un ejemplo de SGML con una sintaxis definida para las
• una secuencia no-estructurada de caracteres páginas web
• dentro del texto puede haber elementos de SGML. La <html>
semántica de elementos es no especificada, pero su <title> titulo del documento </title>
sintaxis es dada.
<body>
• los elementos son puestos entre paréntesis por una
etiqueta de inicio y una etiqueta final. < zork > yo texto del documento
soy un zork < / zork > identifica “Yo soy un zork” </body>
como el contenido del elemento zork. </html>
• Un reporte en SGML: • Problema: SGML tiene contenido semántico, no diseño
<report> (presentación).
<title} texto </title> • Se manejan cosas como:
<author} texto </author>
<h1>Encabezamiento principal</h1>
<abstract} texto </abstract>
- Que tipo de letra y tamaño se usa
<body} texto </body>
</report> - Donde se coloca el encabezamiento
• SGML maneja contenido semántico, no maneja • Elementos como <font size=...> se alejan del
presentación contenido semántico puro
11 12
3

4. Cadenas en HTML FORMAS HTML
HTML contiene: Un método para pasar información entre un usuario de
• Texto incrustado un navegador Web y un servidor Web.
• URLs: Cadenas a otras páginas web <http:// dirección
web> La información es pasada a un programa en el sistema
del servidor. Este es el archivo Common Gateway
• Imágenes: <SRC SRC=...> Interface (CGI).
• MAILTO: protocolo (Enviar email)
• Páginas ejecutables (CGI scripts). 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
13 14
Ejemplo de CGI script 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=quot;cgi-bin/xactionquot; 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> Parametros pasados como
</BODY> argumentos xprimero y xfinal
</HTML>
15 16
4

5. Lenguajes de Script Perl - CGI script
#!/usr/bin/perl
Uso de Active Service Page print “Content-Type: text/htmlnn”;
print “<html><head>n”;
• Uso del Web
print “<title>Ejemplo de PERL script</title>n”;
• http://127.0.0.1/lengprog print “</head><body>n”;
• Active Perl; Documentación Perl 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
17 18
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>
19
5