Paginas Web
Upcoming SlideShare
Loading in...5
×
 

Paginas Web

on

  • 1,737 views

 

Statistics

Views

Total Views
1,737
Views on SlideShare
1,737
Embed Views
0

Actions

Likes
0
Downloads
10
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Paginas Web Paginas Web Document Transcript

  • 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
  • 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
  • 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
  • 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
  • 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