oria historia de la web: su nacimiento (1) de la web... · futuro de los mecanismos y artilugios...
TRANSCRIPT
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
Historia de la Web: su nacimiento (1)
Sergio Luján Mora
Departamento de Lenguajes y Sistemas Informáticos
Universidad de Alicante (España)
IDW-HW-1
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
Contacto • http://gplsi.dlsi.ua.es/~slujan/
• http://accesibilidadenlaweb.blogspot.com.es/
• http://accesibilidadweb.dlsi.ua.es/
• http://desarrolloweb.dlsi.ua.es/
• http://www.youtube.com/user/sergiolujanmora
• @sergiolujanmora
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
World Wide Web WWW
W3 Web
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
Tim Berners-Lee (TBL)
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HTML URL
HTTP
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HTML
URL
HTTP
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
Internet = Web x
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
SMTP POP FTP IRC
WEB
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/ http://www.youtube.com/watch?v=HloK8KW6nGo
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
Noviembre de 1990
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
Programación de aplicaciones web: historia, principios básicos y clientes web (2002) Páginas 15-24
http://hdl.handle.net/10045/16995
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
Vannevar Bush
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
1945
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/ Tomemos en consideración un aparato futuro
de uso individual que es una especie de archivo privado mecanizado y biblioteca. Como necesita un nombre, y por establecer uno al azar, podríamos denominarlo “memex”. Un memex es un aparato en el que una persona almacena todos sus libros, archivos y comunicaciones, y que está mecanizado de modo que puede consultarse con una gran velocidad y flexibilidad. En realidad, constituye un suplemento ampliado e íntimo de su memoria.
memex = memory extender
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
Todo lo que acabo de describir es bastante convencional, teniendo en cuenta que se trata de una proyección en el futuro de los mecanismos y artilugios varios de que disponemos hoy en día. No obstante, representa un paso inmediato hacia la indización o archivado de tipo asociativo, cuya idea básica consiste en posibilitar que cada uno de los elementos pueda seleccionar o llamar, según nuestra voluntad, a otro elemento de una manera inmediata y automática. Esta constituye la característica esencial del memex; el proceso de enlazar dos elementos distintos entre sí es lo que le otorga su verdadera importancia.
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
1965
Ted Nelson
Hipertexto Hipermedia
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
compartir
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
Dirección IP
Protocolo de comunicación
Nombre de usuario y contraseña
Aplicación cliente específica
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
1980
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
Marzo 1989
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
http://www.w3.org/History/1989/proposal.html
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
Mesh
WorldWideWeb
World Wide Web
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
compartir
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
Crear un formato para escribir los documentos
Desarrollar un método para representar los enlaces entre los documentos
Definir un protocolo de red para transmitir los documentos de un ordenador a otro
<html>
<head>
<title>Un ejemplo</title>
</head>
<body>
<p>Un ejemplo de párrafo</p>
</body>
</html>
http://idesweb/test/hw01
HTTP/1.1 200 OK
Date: Mon, 23 May 2005 22:38:34
Server: Apache/1.3.3.7 (Unix)
Content-Length: 438
Connection: close
Content-Type: text/html;
charset=UTF-8
HTML
URL
HTTP
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
Noviembre de 1990
http://info.cern.ch/hypertext/WWW/TheProject.html
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
Tim Berners-Lee remembers the moment he switched on the web (0:55)
http://www.bbc.co.uk/programmes/p0067v5b
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
http://idesweb.es/
[email protected] @idesweb
HIS
TOR
IA
Introducción al desarrollo web http://idesweb.es/
Créditos de las imágenes y fotografías http://www.flickr.com/photos/campuspartybrasil/5367149291/
http://www.sxc.hu/photo/1206711
http://en.wikipedia.org/wiki/File:Vint_Cerf_-_2010.jpg
https://espace.cern.ch/WLCG-document-repository/images1/Forms/DispForm.aspx?ID=80
http://en.wikipedia.org/wiki/File:Vannevar_Bush_portrait.jpg
http://en.wikipedia.org/wiki/File:Ted_Nelson_cropped.jpg
http://cdsweb.cern.ch/record/39503
http://www.sxc.hu/photo/1372598
http://www.sxc.hu/photo/1370555
http://cdsweb.cern.ch/record/1229423