Conceptos básicos sobre la web actual

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
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ítulo de 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.
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
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 welldefined 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.