evolucion

Vista previa del material en texto

Conceptos básicos 
sobre la web actual 
Introducción 
 * Primero revisaremos el funcionamiento de la web actual. 
◦ Los orígenes de la Web 
◦ Arquitectura de la Web 
◦ Problemas que presenta el modelo de la Web actual 
◦ Generaciones de la Web 
 
Orígenes de la Web 
 La Web (o World Wide Web) surge en el año 1989 en los laboratorios del CERN 
(Laboratorio Europeo de Física de Partículas, ubicado en Ginebra, Suiza). 
◦ Tim Berners-Lee se le considera el padre de la Web. En 1990 completó el primer servidor web 
y el primer cliente. 
◦ En 1991 publica el primer borrador de las especificaciones del HTML y del protocolo HTTP. 
◦ En 1994 entró al laboratorio de Computer Science (LCS) de Massachussets Institute of 
Technology (MIT). 
◦ Inicio y dirige el W3C en EU. 
◦ Se considera el inventor y el protector de la Web al mismo tiempo. 
 
◦ Originalmente, la idea de la Web era disponer de un sistema, que permitiera servir como 
base para el intercambio de información entre investigadores que resaltase cómodo y sencillo 
el proceso. Un sistema de hipertexto. 
 Navegadores 
◦ 1993, Mosaic. La Web se conoce a nivel mundial, extendiéndose primero por las 
universidades y laboratorios y después al público. Disponible en diversas plataformas (unix, 
windows y macintosh). Gratuito, desapareció en el año 1997. 
◦ Netscape, líder en el mercado por mucho tiempo. 
 Documento de hipertexto, consta de los siguientes elementos: 
• Nodos o secciones, que son las partes del texto que contiene información accesible para el 
usuario. 
• Enlaces o hipervínculos, que se establecen entre los nodos y permiten que el usuario realice 
una lectura secuencial o no de los mismos. 
• Anclajes, o puntos de activación de los enlaces. 
 
Tecnologías de creación de páginas Web 
dinámicas 
 CGIs 
 CGIs (Common Gateway Interface), es un mecanismo que permite establecer 
comunicación entre un servidor web y una aplicación, permitiendo que la 
aplicación pueda interactuar con Internet. 
 Funcionamiento: Cuando un navegador solicita una petición a un servidor 
web, éste genera un proceso (tantos como peticiones reciba) al que pasa los 
datos que el usuario envíe (si los hay), el proceso realiza su misión en función 
de estos datos. 
El servidor web captura la salida del CGI y la envía de regreso al navegador 
del usuario en donde se muestra la salida correspondiente. 
El lenguaje más popular en el que se solían escribir este tipo de aplicaciones 
era el lenguaje C o el lenguaje Perl. 
Tecnologías de creación de páginas Web 
dinamicas 
 ASP y ASP.NET (Active Server Pages): 
Ambas tecnologías son la respuesta de Microsoft a la creación de páginas 
dinámicas. 
 ASP apareció junto con el servidor Web de Microsoft Internet Information 
Server (o IIS). 
 Cuando varios usuarios realizan peticiones sobre una misma página, no se 
crean n-instancias de la misma para dar respuesta a cada cliente. 
 La programación de este tipo de aplicaciones, sigue una sintaxis muy similar al 
HTML estándar. 
 Solo funciona en servidores Windows. 
Tecnologías de creación de páginas Web 
dinámicas 
 JSP (Java Server Pages) 
 Es un desarrollo de la compañía Sun Microsystems y funciona de manera 
similar a las páginas ASP pero se basa en el uso del lenguaje Java. 
Existe una independencia entre la capa de presentación y la de negocio. 
Cuando se realiza una petición a una página JSP, está se compila y se 
transforma en un servlet que es el que se encargará de realizar el trabajo y 
generar la salida que el servidor web enviará al cliente. 
 JSP es multiplataforma y puede ejecutarse en una multitud servidores web. 
Tecnologías de creación de páginas Web 
dinamicas 
 PHP (Hipertext Preprocessor Pages) 
 Originalmente escrito en el lenguaje Perl, su autor original fue el 
programador Rasmus Lerdof. 
PHP permite la programación en consola, al estilo del shell 
scripting, así como la creación de aplicaciones gráficas 
independientes del navegador mediante la combinación de PHP y 
GTK (GIMP Tool Kit). 
Entre sus características más importantes radica la de ser un 
lenguaje multiplataforma, gratuito, posee la posibilidad de conexión 
a múltiples bases de datos y expansión. 
 
Arquitectura de la Web 
 La arquitectura de la Web, tal como la define Tim Berners-Lee, se basa en la 
utilización de tres estándares: 
 URL, el Localizador Uniforme de Recursos, que especifica cómo a cada página 
de información se asocia una “dirección” única (o dirección IP) en donde 
encontrarla. 
 HTTP, el Protocolo de Transferencia de Hipertexto, que especifica cómo el 
navegador y el servidor intercambian información en forma de peticiones y 
respuestas. 
 HTML, el Lenguaje de Marcación de Hipertexto, un método para codificar la 
información de los documentos y sus enlaces. 
Localizador Uniforme de Recursos (URL) 
 Es una secuencia de caracteres, de acuerdo a un formato estándar, que se usa para nombrar recursos, 
como documentos e imágenes en Internet, por su localización. 
La URL es la cadena de caracteres con la cual se asigna una dirección única a cada uno de los recursos de 
información disponibles en la Internet. 
Existe un URL única para cada página de cada uno de los documentos de la World Wide Web. 
 La URL de un recurso de información es su dirección en Internet, la cual permite que el navegador la 
encuentre y la muestre de forma adecuada. 
 La URL combina el nombre de la computadora que proporciona la información, el directorio donde se encuentra, el 
nombre del archivo y el protocolo a usar para recuperar los datos. 
 http://148.210.01.7 en lugar de http://www.pagina.com 
Sintaxis: 
 protocolo://máquina/directorio/archivo 
 protocolo://usuario:contraseña@máquina:puerto/directorio/archivo 
http://148.210.1.7/
http://www.pagina.com/
Protocolo de Transferencia de Hipertexto 
(HTTP) 
 Es el protocolo usado en cada transacción de la Web. 
El hipertexto es el contenido de las páginas web, y el protocolo de transferencia es el sistema 
mediante el cual se envían las peticiones para acceder a una página web, y obtener la respuesta 
de esa misma web, remitiendo la información que se verá en la pantalla del navegador. 
 El protocolo también permite enviar información adicional en ambos sentidos, como 
formularios con mensajes y otros similares. 
Los datos del usuario se pueden enviar de dos modos diferentes: 
GET: los datos se envían al servidor web en la URL de llamada 
POST: La información se envía al servidor web en el cuerpo http 
HTTP es un protocolo sin estado, es decir, que no guarda información sobre conexiones 
anteriores. Al finalizar la transacción todos los datos se pierden. 
Lenguaje de Marcación de Hipertexto 
(HTML) 
 El HTML, HyperText Markup Languaje (lenguaje de marcas de hipertexto), es 
un lenguaje de marcación diseñado para estructurar textos y presentarlos en 
forma de hipertexto, que es el formato estándar de las páginas web. 
 Tim Berners-Lee crea el HTML como un subconjunto de otro lenguaje mayor, 
el lenguaje SGML (Standard Generalized Markup Language). 
 HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de 
comienzo y final, mediante las cuales se determina la forma en la que debe 
aparecer en el navegador el texto, así como las imágenes y otros elementos, en 
la pantalla de la computadora. 
 Toda etiqueta se identifica porque está encerrada entre los signos menor que 
y mayor que (<>), y algunas tienen atributos que pueden tomar algún valor. 
Lenguaje de Marcación de Hipertexto 
(HTML) 
 Algunas etiquetas básicas HTML: 
<HTML>: es la etiqueta que define el inicio del documento HTML, le indica al navegador que 
todo lo que viene a continuación debe tratarlo como una serie de códigos HTML. 
<HEAD>: Define la cabecera del documento HTML, suele contener información sobre el 
documento que no se muestra directamente en el navegador. También se encuentra: 
<TITLE>: define el títulode la página. 
<LINK>: para características avanzadas, como hojas de estilo utilizadas. 
<BODY>: Define el contenido principal o cuerpo del documento, es la parte que se muestra en 
el navegador. Dentro del cuerpo se pueden incluir otras etiquetas. Ejemplos: 
<H1>, <H2>, …, <H6> : encabezados o títulos del documento en diferentes tamaños de fuente. 
<P>: párrafo nuevo 
Lenguaje de Marcación de Hipertexto 
(HTML) 
 <TABLE>: inicio de una tabla (las filas se identifican con <TR> y las celdas 
dentro de las filas con <TD>) 
 <A>: indica la existencia de un hipervículo o enlace. Ejemplo: 
<a href=http://www.google.com> Google </a> 
<IMG>: indica la existencia de una imagen para mostrarse en el navegador. 
<font color=“#xxxxxx”>: para cambiar el color de la letra, donde las x son un 
número hexadecimal. 
<LI> <OL> <UL> : utilizados para el manejo de listas. 
http://www.google.com/
Ejercicio 
 Escribir su CVU en una página HTLM, incluyendo imágenes. 
Generaciones de la Web 
 La Web ha pasado por tres etapas o generaciones: 
 1ª generación de contenido estático 
2ª generación de contenido dinámica o interactivo 
3ª generación de contenido colaborativo 
1ª Generación de contenido estático 
 Corresponde con la Web que va desde que se crea por Tim 
Berners-Lee hasta la aparición de la 2ª generación a mediados de los 
años 90. 
 Se caracteriza porque las páginas Web son completamente 
estáticas, el contenido que presentan es el que es y no permiten al 
usuario realizar ningún tipo de interacción con las mismas, solo 
saltar de una página web a otra. 
 
2ª Generación de Contenido Dinámico 
 Corresponde con la Web en la que aparecen las primeras técnicas para permitir la inclusión del 
contenido dinámico. 
 Se caracteriza en que las páginas Web son generadas por alguna de las tecnologías para la 
generación de contenido dinámico (CGIs, ASP, ASP.NET, JSP o PHP, entre otros), permiten la 
interacción con el usuario en un nivel en el que éste hacer las preguntas y el sistema presenta 
las respuestas en función de los criterios introducidos en formularios. 
3ª Generación de Contenido 
Colaborativo 
 En esta generación, las aplicaciones van más allá de la mera interacción entre 
aplicación-usuario-aplicación, ahora ellas son el mecanismo que permiten que 
se produzca interacción entre usuario-usuario llegando a crearse un entorno de 
contenido colaborativo, en donde, el usuario es un participante más en la 
creación del contenido que aparece en la web. 
Los wikis, los blogs, etc., han cambiado la forma en la que el usuario interactúa 
con la web haciendo de esta un lugar mucho más rico e interesante para 
trabajar. 
Características de la Web actual 
 Funciona como una biblioteca digital hipermedia 
Es una biblioteca de documentos (páginas web) interconectados por hiperenlaces. 
Puede funcionar como una BD, y servir como una plataforma de aplicaciones. 
Portales que acceden a aplicaciones y presentan resultados en páginas web. Búsqueda de vuelos, 
consulta de cartelera, etc. 
 Es una plataforma para elementos multimedia 
 Ver el trailer de un estreno, escuchar la radio, etc. 
Un esquema de nombrado 
 Cada uno de los documentos tienen un modo de identificación único (URLs) 
Preguntas propuestas 
 ¿cómo manejar los enormes volúmenes de información que se están generando? 
¿cómo indexar de manera eficiente todo el material digital? 
¿cómo encontrar de manera rápida, fácil y exacta, lo que buscamos entre tanta cantidad de 
información? 
 ¿cómo saber qué servicios web se encuentran disponibles y para qué sirven? 
Por lo tanto, … la Web 
 La Web no incorpora mecanismos que permitan el procesado automático de la información necesario 
para manejar la gran cantidad de páginas que hay. 
 La Web no incluye mecanismos para la interoperabilidad completa de Sistemas de Información basados 
en la misma Web. 
 
Limitaciones de la Web actual 
 La Web actual tiene las siguientes limitaciones: 
Encontrar información relevante 
Extraer información relevante 
Combinar y Reusar información 
 
Limitaciones de la Web actual: Encontrar 
información relevante 
 Encontrar información en la Web actual esta basada en la búsqueda de 
palabras clave. 
La búsqueda de palabras clave tiene un limitado recuerdo y precisión debido a: 
Sinónimos 
Por ejemplo, buscar información acerca de “Carros” ignorará paginas Web que contienen la palabra “Automóviles” 
aun cuando la información de esas páginas sea relevante. 
Homónimos 
Por ejemplo, buscar información acerca de “Jaguar” brindará páginas que contienen la información de ambos el 
auto y el animal, a pesar de que el usuario solo esta interesado en uno de ellos. 
Limitaciones de la Web actual: 
 Encontrar información relevante 
La búsqueda de palabras clave tiene un limitado recuerdo y precisión debido a: 
Variaciones en el deletreo (spelling) 
Ejemplo: “organize” en Ingles Americano vs. “organise” en Ingles Britanico 
Errores de deletreo (spelling) 
Múltiples lenguajes 
Ejemplo: información acerca del mismo tópico publicado en la web en diferente lenguaje (Ingles, Aleman, Frances, 
Italiano, Ruso, etc.) 
 Los motores de búsqueda no proporcionan significado para especificar la 
relación entre un recurso y un término 
Ejemplo sell/buy 
 
Limitaciones de la Web actual: 
Extraer información relevante 
 Extraer información automática desde paginas Web no es posible debido a los diferentes 
formatos, sintaxis 
 Aún desde una sola página Web es difícil extraer información relevante. 
 
¿Cuál elegir? 
¿Cuál es el precio? 
Limitaciones de la Web actual 
Combinar y reusar información 
 Algunas tareas requieren combinar datos en la Web 
Buscar la misma información en diferentes bibliotecas digitales 
La información puede venir desde diferentes sitios web y necesita combinarse 
Ejemplo: Yo quiero viajar de Puebla a los Ángeles. 
Limitaciones de la Web actual 
Combinar y reusar información 
 
¿Cómo mejorar la Web actual? 
 Incrementar el enlace automático entre los datos. 
Incrementar la precisión y el recuerdo en las búsquedas 
Incrementar la automatización en la integración de los datos. 
Incrementar la automatización en el ciclo de vida de los servicios. 
 
¡Añadir semántica a los datos y servicios es la solución! 
Motivación 
 
 
 
 
 
 
 
 
 
 
 https://www.youtube.com/watch?v=off08As3siM 
https://www.youtube.com/watch?v=off08As3siM
https://www.youtube.com/watch?v=off08As3siM
Web Semántica 
 Definición: 
T. Berners-Lee, J. Hendler, O. Lassila, “The Semantic Web”, Scientific American, May 2001 
 “The Semantic Web is an extension of the current web in which information is given well-
defined meaning, better enabling computers and people to work in cooperation.” 
 
Ejercicio: Resumen del artículo, máximo una cuartilla y escribir una observación general del 
mismo.