IW Unidad 4: Web accesible, semántica y ubicua

Ingeniería Web Carrera de Software
Ph.D. Franklin Parrales 1
01/03/2023
Web accesible,
semántica y ubicua
Unidad 4
Material docente compilado por el profesor Ph.D. Franklin Parrales Bravo
para uso de los cursos de Ingeniería Web

01/03/2023
Objetivo general de la Unidad 4
Enfatizar la necesidad de que las páginas web sean
utilizables por el máximo número de personas,
independientemente de sus conocimientos o capacidades
personales e independientemente de las características
técnicas del equipo utilizado para acceder a la Web.

01/03/2023
Contenido
• Diseñando para la web
• Accesibilidad universal
• Discapacidad
• Diseño accesible
• Guías de accesibilidad
• Validadores
• Web semántica
• Construyendo ontologías

01/03/2023
H O M E
High quality
content.
Contenido de
alta calidad.
Es lo que su
usuario
espera
encontrar?
Often updated:
actualizada
frecuentemente.
Dependiendo
del contenido…
Mínimo tiempo
de download.
Animaciones?
Gráficos
excesivos?
Ease of Use.
Fácil de usar
Encontrar lo
que quiero
rápido y fácil!

01/03/2023
R U N
Relevante a
las
necesidades
del usuario.
Hago las
tareas que se
supone
ofrece el Site
Único en el
medio On-line
Más beneficios
que un
panfleto
impreso!
Centrado en la
Cultura de la
Red –Net
La Cía detrás
del site debe dar
la importancia al
site vinculándolo
con su
operación

01/03/2023
Estructura
• Jerarquía (home page es la raíz), la más
común.
• Páginas web de organizaciones – reflejan
la organización
• Orientada a las tareas (usar lógica)

01/03/2023
Consideraciones respecto a la
Estructura
• ¿Qué tan profundo y amplia es la jerarquía?
▪ Demasiadas páginas (irritante)
▪ Mejor una estructura amplia q profunda (Fitt’s
Law)
▪ Siempre balancee entre un extremo y otro.
• Es mejor dividir un bloque de información en
algunas páginas cortas o dejar un gran
página larga?
▪ Una sola página, no debo esperar mucho, pero
…
▪ Puede consumir mucho tiempo de bajada

01/03/2023
Indique siempre dónde está su usr!
• Muy común llegar a un site habiendo
saltado el home page!
• Indíquele dónde se encuentra
▪ Use el logo de la organización en el lado
izquierdo y arriba y el nombre del site.
▪ Si el link redirecciona a otro site, indique
claramente hacia dónde va el usuario (antes
de ir al nuevo site)

01/03/2023
Ayudas de Navegación
• Mapas del sitio (jerarquía del sitio a simple
vista)
• Provea señales u objetos
persistentes/constantes:
▪ Rastro/huellas de migas de pan (breadcrumbs
trail) de izq. a derecha. Cada nivel puede ser
seleccionado y … permite moverse fácilmente.
▪ Mapas visuales– junto con buenas etiquetas.
Metáfora
• Reduzca cuanto pueda el número de
opciones a los cuales ir.

01/03/2023
La prueba del maletero
• ¿Qué sitio es este?
▪ ID Sitio
• ¿En qué página del sitio me encuentro?
▪ Nombre página
• ¿Cuáles son las secciones más importantes de este
sitio?
▪ Secciones
• ¿Cuáles son las opciones que tengo en este nivel?
▪ Navegación local
• ¿Dónde me encuentro en el esquema de objetos?
▪ (indicadores tipo “Ud. Está aquí”)
• ¿Cómo busco información?

01/03/2023
Componentes clave
• Logo del sitio
• Area de opciones y sub-opciones
• Búsqueda
• Utilidades (plug in, no son opciones sino
ayudas para su usuario, tampoco ayudas
en línea)

01/03/2023

01/03/2023
Diseñado para todos
• Diseñe independiente del browser – No
use tablas cuyos anchos se refieren a
pixeles fijos ->Porcentajes de espacio
disponible.
• Fuentes de diferentes tamaños
• Teclas funcionales para rapidez y más…

01/03/2023
Los links
• Respetar convención, no genera problemas (use
tonos distintos y no tan fuertes) aunque se está
perdiendo…
• Enlaces a otros lados (adelántese a lo que se
puede requerir)
• Los links deben tener menos de 80 caracteres,
mejor 60.
• Deben tener buena despedida y buena bienvenida
• No utilice links para ejecutar una acción
▪ La gente está acostumbrada a que un link lo lleve a
otro lado (en el idioma de la navegación)
• Los botones o butcons (botton+ icon) sirven para
realizar acciones o funciones.

01/03/2023
Los avisos de compras!
• Deben ocupar un espacio para llamar la
atención, pero… deben llevarnos fuera del
entorno original. Buen anuncio de
despedida para enganchar al usuario..
• Olvídese del “presione aquí”….
WHY BUY DVD? 10 Reasons here

01/03/2023
Contenido
• Discapacidad
• Validadores
• Web semántica

01/03/2023
Web universal
El poder de la Web está en su universalidad. El
acceso para todos, sin tener en cuenta las
discapacidades, es un aspecto fundamental
Tim Berners-Lee, Director del W3C
Introducción a la WAI
(Web Accessibility Initiative)
Accesibilidad en la web

01/03/2023
Accesibilidad en la Web
• Garantizar que los servicios Web funcionan para
una audiencia lo más amplia posible
• TODAS las personas deben poder utilizar
aplicaciones Web convenientemente con
independencia de:
▪ Limitaciones o capacidades de los usuarios
▪ Dispositivo (navegador, software, hardware)
▪ Infraestructura (red, conexión)
▪ Idioma
▪ Localización geográfica del equipo desde el que se
navega
▪ Separación entre diseño y contenido

01/03/2023
Accesibilidad en la Web
¿Aún no convencidos?
Tu usuario más importante es ciego. La mitad de las visitas a
tu sitio vienen de Google, y Google sólo ve lo que un ciego
puede ver. Si tu sitio no es accesible, tendrás menos visitas.
Fin de la historia
Steven Pemberton, W3C

01/03/2023
Contenido
• Discapacidad
• Validadores
• Web semántica

01/03/2023
Discapacidad
• TODOS podemos pasar por estas situaciones
▪ ¿Has tenido que utilizar un teclado AZERTY?
▪ Un brazo escayolado
▪ Un entorno muy ruidoso
▪ Una pantalla demasiado pequeña
▪ Fallos intermitentes en las comunicaciones
• ¿ Anécdotas ?

01/03/2023
Discapacidad
• Visual
▪ Color
▪ Visión reducida, falta de agudeza visual
▪ Ceguera
• Auditiva
• Motricidad
• Habla
• Cognitiva
• Aprendizaje
• Edad
▪ Envejecimiento de la población

01/03/2023
Discapacidad Visual: Color
Color
El ojo humano contiene bastones y conos sensibles a la luz
Los conos están especializados en el color
Hay conos para los colores rojo, verde y azul
A partir de su combinación se obtienen el resto de los colores
Los defectos de visualización del color provienen
de una falta en alguno de los tres tipos de conos
Protanopia: ausencia de color rojo
Deuteranopia: ausencia de color verde
Tritanopia: ausencia de color azul

01/03/2023
Color
Este problema afecta más a los hombres (8%) que a las mujeres (0,5%)
ya que está relacionado con el cromosoma X
La falta de percepción del azul es el problema más grave pero el menos
común
Problema
Aviso
Éxito
Sin azul
Sin rojo
Sin verde

01/03/2023
Color – recursos
Elección de colores distinguibles:
Sin rojo Sin verde
Todos
Safe Web Colours for colour-deficient vision
http://www.btplc.com/age_disability/technology/RandD/colours/palfiles.htm

01/03/2023
Color – recursos
Cálculo de colores dicromáticos
http://www.internettg.org/newsletter/mar99/accessibility_color_challe
nged.html
Chequeo cromático de páginas web
http://www.vischeck.com/vischeck/vischeckURL.php
http://en.q42.nl/color-blindness-check

01/03/2023
Discapacidad Visual: Visión reducida
Visión reducida
Las discapacidades visuales van desde una falta de agudeza visual
hasta la completa falta de visión
Una gran cantidad de los esfuerzos en interfaz actuales se apoyan
en elementos gráficos
Resulta lógico ofrecer a los usuarios con visión reducida la opción
de utilizar esos elementos hasta el límite donde sea posible
Ejemplo: ampliadores de pantalla

01/03/2023
Discapacidad Visual: Ceguera
Ceguera
Cuando las deficiencias visuales llegan al límite en el que no es posible utilizar
la información en pantalla, es preciso acudir a un nuevo canal de
comunicación
Los canales de salida más aprovechables en el momento actual son los de voz
sintetizada y las tabletas de Braille actualizables
En ambos casos, toda la información pasaría a ser de tipo verbal y buena
parte de la información gráfica necesitaría reconvertirse en descripciones
textuales
tableta de Braille actualizable

01/03/2023
Ceguera
Para proporcionar la información gráfica de la interfaz las utilidades de revisión
de la pantalla leen el texto disponible y lo repiten usando los medios
alternativos
Los elementos gráficos son descritos mediante etiquetas que los
programadores insertan utilizando normas estandarizadas
Estas etiquetas son textos cortos o palabras que explican el significado de
estos elementos gráficos
Lectores de pantalla
JAWS, http://www.hj.com
Windows-Eyes, http://www.gwmicro.com/products/

01/03/2023
Ceguera – Recomendación
El teclado es el elemento de introducción de datos y navegación más
importante para un usuario invidente ya que los instrumentos
apuntadores pueden resultarle de poca utilidad
Es necesario asegurarse de que todos los elementos de la interfaz
pueden ser accedidos mediante el teclado, utilizando las
convenciones apropiadas del sistema operativo

01/03/2023
Discapacidad auditiva
Deficiencias auditivas
Las personas con dificultades auditivas deberían encontrarse con menos
problemas ante las interfaces actuales, debido a que la mayoría de ellas
están basadas en claves visuales
En ocasiones hay cierta información que es necesario convertir en
texto para que estos usuarios sean capaces de seguirla
Ciertos mensajes de alerta son codificados como sonidos debido al
interés en utilizar un canal de comunicación que los usuarios tienen
desocupado
Es necesario tener cuidado en este último caso, puesto que los usuarios con
discapacidades auditivas pueden no advertir el riesgo asociado a una
situación dada
Hay personas que utilizan el lenguaje de signos desde su nacimiento
Estas personas a menudo tienen una reducción importante en el número de
palabras que conocen y utilizan
En este caso, es necesario prestar atención especial al vocabulario utilizado

01/03/2023
Discapacidad en Motricidad
Movimiento
Problemas para realizar ciertas tareas físicas tales como mover
un puntero, pulsar dos teclas a la vez o mantener apretada una
tecla
En el caso más extremo estas personas no son capaces de
utilizar un teclado o un ratón y necesitan sistemas alternativos
de introducción de datos basados en voz o en movimientos de
otras partes del cuerpo (como la cabeza, la boca, etc.)

01/03/2023
Discapacidad en Motricidad
Movimiento - Recomendación
Es conveniente proporcionar a las aplicaciones una interfaz
basada en teclado lo más completa posible. El teclado
proporciona a menudo un método más sencillo de introducción
de la información que los mecanismos apuntadores como el
ratón
Si se utiliza un sistema de introducción vocal de la información,
estos programas pueden utilizar las etiquetas asociadas a cada
elemento de la interfaz (botones, cuadros de diálogo, etc.) para
este propósito
Una persona puede encontrar mucho más fácil pronunciar la
palabra OK para seleccionar un botón de aceptación que desplazar
el cursor hasta él

01/03/2023
Discapacidad Cognitiva
Cognoscitivas
Hasta hace poco el uso de ordenadores estaba reducido a las personas
con más capacidad intelectual pero esta situación está cambiando en
los últimos años
Un factor de gran importancia es el progresivo envejecimiento de la
población y el aumento de enfermedades degenerativas relacionadas
con ello
Estas personas pueden encontrarse con grandes limitaciones a la hora
de aprovechar la oportunidad de, por ejemplo, realizar compras desde
el hogar, gestionar facturas, elegir hoteles, etc.
Recomendación
Planificar los sistemas informáticos para que aquellas personas con
dificultades de este tipo sean capaces también de utilizarlos
Para ello, las dos únicas recetas son:
La sencillez
La evaluación con personas apropiadas

01/03/2023
Discapacidad
¡¡¡ No sólo personas con necesidades especiales !!!
Sin visión Ciegos - personas con ojos ocupados
(por ej. conduciendo o en navegación telefónica)
- en la oscuridad
Poca visión Personas con limitaciones
visuales
- personas con un visualizador pequeño
- en un entorno de humos
Operable sin
poder oir
Personas sordas - entornos ruidosos
- oídos ocupados
- silencio forzado (bibliotecas, etc.)
Oído limitado Personas duras de oído - personas en entorno ruidoso
Operable con
manualidad
limitada
Personas con limitaciones - personas con vestidos especiales
- o que van en un vehículo que se balancea
Operable con
cognitividad
limitada
Personas con cognitividad
limitada
- personas distraídas
- con pánico
- o bajo la influencia del alcohol
Operable sin
lectura
Personas con problemas
cognitivos
- personas que no conocen ese lenguaje
- visitantes
- personas que han olvidado las gafas de lectura

01/03/2023
Contenido
• Discapacidad
• Validadores
• Web semántica

01/03/2023
Diseño Accesible
• Diseño para Todos
▪ Diseño Universal
▪ Diseño sin barreras
▪ Diseño inclusivo
▪ Diseño transgeneracional
• Diseñar los productos para que sean utilizables por el mayor
rango posible de usuarios, con sus capacidades y
discapacidades
• Se puede lograr de varias maneras:
▪ Diseñando productos que sean directamente usables por una
mayoría de usuarios sin ninguna modificación
▪ Adaptando o proporcionando versiones especiales del producto
para diferentes tipos de usuarios, en función de sus
capacidades o discapacidades
▪ Haciendo interfaces compatibles con productos especiales para
personas con discapacidades (tecnologías asistivas)

01/03/2023
Tecnologías asistivas
• Dispositivos de interacción que permiten prevenir, compensar,
suavizar o neutralizar diferentes discapacidades
▪ Sirven de interfaz con servicios o aplicaciones
• Son específicas para cada discapacidad
▪ Incluso para diferentes entornos (Web, ofimática, móvil)
• Tecnologías complejas muy especializadas en tareas concretas, en
general poco generalizables
▪ Costosas
• Ejemplos en servicios web:
▪ Discapacidad visual severa: ZoomText
• http://www.aisquared.com/
▪ Ceguera total: Lector de pantalla Jaws
• http://www.freedomscientific.com/products/fs/blindness- products.asp
▪ Más ejemplos:
• http://webaim.org/articles/motor/assistive
• http://www.microsoft.com/enable/at/types.aspx

01/03/2023
Medios para acceder a la Web
• Las personas con discapacidad utilizan distintos
mecanismos para utilizar un computador y acceder a la
Web
▪ Teclados especiales
▪ Terminales Braille
▪ Lectores de pantalla
▪ Reconocimiento de habla
▪ Síntesis de voz
▪ Notificaciones visuales

01/03/2023
Componentes esenciales de la
accesiblidad Web
• Contenido
▪ La información en la página Web
• Información natural: texto, imágenes, videos, sonidos
• Código o marcado que define la estructura, presentación, etc.
• Agentes de usuario
▪ Navegadores
▪ Reproductores multimedia
• Tecnologías asistivas
▪ Lectores de pantalla, teclados especiales, etc.
• Experiencia de los usuarios
▪ Estrategias de adaptación al uso de la Web
• Desarrolladores
▪ Diseñadores, autores de contenidos
• Herramientas
▪ Herramientas de creación de contenidos
▪ Herramientas de validación: accesibildad, validación de HTML y CSS

01/03/2023
Interdependencia entre componentes
Herramientas
de creación de
contenidos
Agentes de
Usuario
Navegador +
Tecnologías asistivas
Cooperación para la accesibilidad:
Cuando un componente implementa las
características de accesibilidad de forma efectiva,
los otros lo harán más fácilmente

01/03/2023
Contenido
• Discapacidad
• Validadores
• Web semántica

01/03/2023
Guías de accesibilidad para los
distintos componentes
• W3C WAI (Web Accessibility Initiative)
▪ Web Content Accessibility Guidelines (WCAG)
• Contenido Web
• Herramientas de validación
▪ Authoring Tool Accessibility Guidelines (ATAG)
• Herramientas de creación de contenidos
▪ User Agent Accessibility Guidelines (UAAG)
• Navegadores
• Reproductores multimedia
• Dispositivos y tecnologías asistivas

01/03/2023
Web Content Accessibility Guidelines
(WCAG)
• Sitios Web accesibles
▪ 14 pautas de soluciones de diseño accesible (WCAG 1.0) y 4
principios, cada uno con varias pautas más detalladas (WCAG
2.0)
▪ Más de 60 puntos de verificación que ayudan a detectar
posibles errores, asignados a unos niveles de prioridad:
• Prioridad 1: puntos que si no se cumplen, ciertos grupos de usuarios no
podrían acceder a la información del sitio Web
– Indicar siempre el cambio de idioma (lang="en", lang="fr",
lang="es")
– Utilizar el atributo alt para incorporar texto equivalente a una imagen
• Prioridad 2: puntos que si no se cumplen, sería muy difícil acceder a la
información para ciertos grupos de usuarios
• Prioridad 3: puntos que si no se cumplen, algunos usuarios
experimentarían ciertas dificultades para acceder a la información
– Cuando se navega secuencialmente por un sitio web, los componentes
reciben foco en el orden en que sigue las relaciones y secuencias del
contenido

01/03/2023
Web Content Accessibility Guidelines
(WCAG)
• Prioridades 1, 2, 3
▪ Nivel A: Satisface todos los puntos de verificación de prioridad 1
• Asegura el acceso a personas con alguna deficiencia visual, utilizando
un navegador normal y en algún caso con alguna de las opciones de
accesibilidad del sistema operativo
▪ Nivel AA: Satisface todos los puntos de verificación de prioridad
1 y 2
• Asegura el acceso a personas con deficiencias visuales más profundas
y que para navegar utilicen siempre las características de accesibilidad
del sistema operativo y en ocasiones navegadores especiales como el
JAWS
▪ Nivel AAA: Satisface todos los puntos de verificación de
prioridad 1, 2 y 3 y 2
• Asegura una navegación a ciegos que utilicen exclusivamente
navegador especial que transforman la información a voz o Braille

01/03/2023
Accesibilidad – WCAG 2.0
Guidelines
1 Perceivable
1.Provide text alternatives for any non-text content so that it can be changed into other
forms people need, such as large print, braille, speech, symbols or simpler language.
2. Provide alternatives for time-based media.
3.Create content that can be presented in different ways (for example simpler layout)
without losing information or structure.
4.Make it easier for users to see and hear content including separating foreground from
background.
2 Operable
1. Make all functionality available from a keyboard.
2. Provide users enough time to read and use content.
3. Do not design content in a way that is known to cause seizures.
4. Provide ways to help users navigate, find content, and determine where they are.
3 Understandable
1. Make text content readable and understandable.
2. Make Web pages appear and operate in predictable ways.
3. Help users avoid and correct mistakes.
4 Robust
4.1 Maximize compatibility with current and future user agents, including assistive
technologies.

01/03/2023
Authoring Tool Accessibility Guidelines
(ATAG)
◼ Accesibilidad para herramientas de creación de contenidos
◼ Herramientas de edición de páginas Web WYIWYG
◼ Herramientas de producción multimedia
◼ Herramientas de administración Web
◼ También se definen 3 niveles de conformidad A, AA, AAA
◼ Recomendaciones ATAG 2.0 (2011)
◼ Parte A: Hacer la herramienta accesible
• Percertible
• Operativa
• Comprensible
• Fácil de Acceso
◼ Parte B: Ayudar a la producción de contenido accesible
• Habilitar la producción de contenido accesible
• Asistir al autor en la producción de contenido accesible
• Promover e integrar soluciones accesibles
◼ Un estudio de 2011 de W3C no muestra muy buenos resultados
◼ http://lists.w3.org/Archives/Public/w3c-wai-au/2011JulSep/att-0092/ATAG2-21July2011PublicWD-
ImplementationReport-rev20110909.html

01/03/2023
User Agent Accessibility Guidelines
(UAAG)
◼ Agentes de Usuario
◼ Navegadores
◼ Reproductores multimedia
◼ Dispositivos y tecnologías asistivas
◼ Recomendaciones UAAG 1.0 (2002)
◼ Soportar E/S independiente del dispositivo
◼ Asegurar el acceso del usuario a todos los contenidos
◼ Permitir configuraciones que no reduzcan la accesibilidad
◼ Asegurar el control del usuario sobre la presentación
◼ Asegurar el control del usuario sobre el comportamiento de la interfaz de usuario
◼ Implementar APIs interoperables
◼ Respetar las convenciones de operación del entorno
◼ Implementar especificaciones que favorezcan la accesibilidad
◼ Proporcionar mecanismos de navegación
◼ Orientar al usuario
◼ Permitir configuración y personalización
◼ Proporcionar documentación y ayuda accesible sobre el agente de usuario

01/03/2023
Recomendaciones
◼ Diseñar para la independencia del tipo de dispositivo
◼ Probar la página con varios navegadores
◼ Sonidos y gráficos cargados
◼ Gráficos no cargados
◼ Sonidos no cargados
◼ Sin ratón
◼ Marcos, scripts, hojas de estilo y applets no cargados
◼ Proporcionar alternativas equivalentes (atributo ALT) para el contenido
visual y sonoro
◼ Asegurarse de que los documentos sean claros y simples
◼ No basarse solo en el color
◼ Utilizar hojas de estilo, apropiadamente
◼ Especificar el lenguaje natural de la página
<html lang="es" xml:lang="es" xmlns="http://www.w3.org/1999/xhtml">
◼ Proporcionar información de contexto y orientación
◼ Proporcionar mecanismos de navegación claros
◼ Validar las páginas

01/03/2023
Contenido
• Discapacidad
• Validadores
• Web semántica

01/03/2023
Validación
http://www.usableyaccesible.com/recurso_misvalidadores.php#accesibilidad
◼ Walidator UWEN
• http://walidator.net/uwem/index.es.php
◼ Validador online de accesibilidad basado en la metodología europea de evaluación de
la accesibilidad web UWEN 1.2, compatible con WCAG 1.0
◼ INTAV
• http://www.inteco.es/checkAccessibility/Accesibilidad/accesibilidad_servicios/intav_home/
◼ Validador online de INTECO en español, compatible con WCAG 1.0 y la Norma UNE-
139803
◼ Web Accessibility Checker
• http://achecker.ca/checker/index.php
◼ Validador online de acuerdo a WCAG 2.0
◼ Las herramientas de edición de páginas Web también suelen ofrecer algún tipo
de validación

01/03/2023
Conclusiones
• Permite que el mayor número posible de personas
acceda a los contenidos (no sólo discapacitados).
• Beneficie a todos los usuarios, haciéndoles más fácil el
acceso a las páginas (mejor usabilidad).
• Reduce costes de mantenimiento/desarrollo:
▪ Una única versión para todas las plataformas
▪ Es más fácil hacer cambios (contenido vs. presentación)
▪ Mayor “vida útil”de los contenidos
▪ Las técnicas se pueden aplicar a diferentes sitios
• Cumplir estándares mejora la visibilidad en Internet
(buscadores).

01/03/2023
Contenido
• Discapacidad
• Validadores
• Web semántica y ubicua

01/03/2023
Categorías de Aplicaciones Web
Doc-Centric
Interactive
Transactional
Workflow
Based
Social Web
Collaborative
Ubiquitous
Portal
Oriented
Semantic
Web
Development History
Complexity

01/03/2023
Evolución de la Web
• Internet
• Web 1.0
• Web 2.0
• Web 3.0
• Web 4.0
• Web 5.0
• Web 6.0 y 7.0

01/03/2023
Internet
• “Internet es un sistema global de redes
informáticas interconectadas que utilizan el
conjunto de protocolos de Internet estándar
(TCP/IP) para servir a miles de millones de
usuarios en todo el mundo. Es una red de
redes que consta de millones de redes
privadas y públicas, académicas,
comerciales y gubernamentales de alcance
local a global que están conectadas por una
amplia gama de tecnologías de redes ópticas
y electrónicas.”
http://en.wikipedia.org/wiki/Internet

01/03/2023
Requerimientos
WWW
(1991)
MILINET INTERNET
(1990)
Tim Berners Lee
Web 1.0 Web 2.0 Web 3.0 Web 4.0 Web 5.0 Web 6.0 Web 7.0
De carácter
militar, en
Evoluciona debido a
De naturaleza publica, en
y
crea
evoluciona evoluciona evoluciona
evoluciona evoluciona
surge
ARPAnet
(1969)

01/03/2023
1945 1995
Memex
Conceived
1945
WWW
Created
1989
Mosaic
Created
1993
A
Mathematical
Theory of
Communication
1948
Packet
Switching
Invented
1964
Silicon
Chip
1958
First Vast
Computer
Network
Envisioned
1962
ARPANET
1969
TCP/IP
Created
1972
Internet
Named
and
Goes
TCP/IP
1984
Hypertext
Invented
1965
Age of
eCommerce
Begins
1995
Un breve resumen de la evolución de
Internet
Source: http://www.isoc.org/internet/history2002_0918_Internet_History_and_Growth.ppt

01/03/2023
• Internet
• Web 1.0
• Web 2.0
• Web 3.0
• Web 4.0
• Web 5.0
• Web 6.0 y 7.0

01/03/2023
• “La World Wide Web ("WWW" o simplemente la "Web")
es un sistema de documentos de hipertexto
interconectados que se ejecuta en Internet. Con un
navegador web, un usuario ve páginas web que pueden
contener texto, imágenes y otros elementos multimedia
y navega entre ellas mediante hipervínculos.”.
http://en.wikipedia.org/wiki/World_Wide_Web
Web 1.0

01/03/2023
Web 1.0
1991
WWW
(1991)
Sistema de
Hipertexto
Tim Berners Lee
Red de Información
Ubicación física o
creada en
propone
crea
forma
una
Web
Tradcional
también
llamada
para compartir
sin importar
por
geográfica
Documentos Gráficos Otros

01/03/2023
Web 1.0
• Netscape
▪ Netscape is associated with the breakthrough of the Web.
▪ Netscape had rapidly a large user community making attractive
for others to present their information on the Web.
• Google
▪ Google is the incarnation of Web 1.0 mega grows
▪ Google indexed already in 2008 more than 1 trillion pages [*]
▪ Google and other similar search engines turned out that a piece
of information can be faster found again on the Web than in the
own bookmark list
[*] http://googleblog.blogspot.com/2008/07/we-knew-web-was-big.html

01/03/2023
Web 1.0: Principios
• El éxito de Web1.0 se basa en tres principios
simples:
1. Un esquema de direccionamiento simple y uniforme
para identificar fragmentos de información, es decir.
Uniform Resource Identifiers (URIs)
2. Un formalismo de representación simple y uniforme
para estructurar fragmentos de información que
permite a los navegadores renderizarlos, es decir.
Hyper Text Markup Language (HTML)
3. Un protocolo simple y uniforme para acceder a
fragmentos de información, es decir. Hyper Text
Transfer Protocol (HTTP)

01/03/2023
1. Uniform Resource Identifiers (URIs)
• Los identificadores uniformes de recursos (URI) se
utilizan para nombrar/identificar recursos en la Web
• Los URI son punteros a recursos a los que se pueden
aplicar métodos de solicitud(request methods) para
generar respuestas potencialmente diferentes
• El recurso puede residir en cualquier lugar de Internet
• La forma más popular de un URI es el Localizador
Uniforme de Recursos (URL)

01/03/2023
2. Hyper-Text Markup Language (HTML)
• Hyper-Text Markup Language:
▪ Un subconjunto del Standardized General Markup Language
(SGML)
▪ Facilita un entorno hipermedia
• Los documentos usan elementos para "marcar" o
identificar secciones de texto para diferentes propósitos
o mostrar características
• El marcado HTML consta de varios tipos de entidades,
que incluyen: elementos, atributos, tipos de datos y
referencias de caracteres
• El usuario no ve los elementos de marcado cuando se
muestra la página
• Los documentos son renderizados por navegadores.

01/03/2023
2. Hyper-Text Markup Language (HTML)
HTML markup consists of several types of entities,
including: elements, attributes, data types and character
references
▪ DTD (Document Type Definition)
• <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
▪ Element (such as document (<html>…</html>), head elements
(<title>…</title>)
▪ Attribute: <span id='anId' class='aClass' style='color:red;'
title='HyperText Markup Language'>HTML</span>
▪ Data type: CDATA, URIs, Dates, Link types, language code,
color, text string, etc.
▪ Character references: for referring to rarely used characters:
• "水" (in hexadecimal) represents the Chinese character for
water

01/03/2023
3. Hyper-Text Transfer Protocol (HTTP)
• Protocolo para comunicación cliente/servidor
▪ El corazón de la Web
▪ Protocolo de solicitud/respuesta muy simple
• Client sends request message, server replies with response
message
▪ Proporciona una forma de publicar y recuperar
páginas HTML
▪ Stateless
▪ Se basa en el mecanismo de URI naming

01/03/2023
HTTP Request Messages
• GET – retrieve document specified by URL
• PUT – store specified document under given URL
• HEAD – retrieve info. about document specified by URL
• OPTIONS – retrieve information about available options
• POST – give information (eg. annotation) to the server
• DELETE – remove document specified by URL
• TRACE – loopback request message
• CONNECT – for use by caches

01/03/2023
• Internet
• Web 1.0
• Web 2.0
• Web 3.0
• Web 4.0
• Web 5.0
• Web 6.0 y 7.0

01/03/2023
Web 2.0
“Web 2.0es una
noción de un conjunto
de sistemas de
internet
interactivos y
colaborativos“

01/03/2023
Web 2.0
• “El término "Web 2.0" (2004-presente) se
asocia comúnmente con aplicaciones web
que facilitan el intercambio interactivo de
información, la interoperabilidad, el diseño
centrado en el usuario y la colaboración
en la World Wide Web.”
http://en.wikipedia.org/wiki/Web_2.0

01/03/2023
Web 2.0
• Web 2.0 es una frase vagamente definida que se
refiere a varios temas, como sitios de redes
sociales, wikis, herramientas de comunicación y
folksonomías.
• Tim Berners-Lee tiene razón en que todas estas
ideas ya son la base de sus ideas web originales,
sin embargo, hay diferencias en el énfasis que
pueden causar un cambio cualitativo.
• Con la tecnología Web 1.0, fue necesaria una
cantidad significativa de habilidades de software e
inversión en software para publicar información.
• La tecnología Web 2.0 cambió esto
drásticamente.

01/03/2023
Consumers → Prosumers
Web 1.0 Web 2.0 improvement
DoubleClick Google AdSense personalized
Ofoto Flickr tagging, community
Britannica Online Wikipedia community, free
content
Web sites blogging dialogue
publishing participation
CMS wikis flexibility, freedom
directories tagging community
taxonomy folksonomy
¿Qué es la web 2.0?
Definición de O‘Reilly

01/03/2023
Web 2.0: grandes avances
• Los cuatro grandes avances de la Web 2.0 son:
1. Borra la distinción entre consumidores de contenido
y proveedores de contenido.
2. Pasa de medios para individuos a medios para
comunidades.
3. Desdibuja la distinción entre consumidores de
servicios y proveedores de servicios
4. Integra la IHM de una manera nueva e innovadora

01/03/2023
1. Borra la distinción entre consumidores de
contenido y proveedores de contenido (1/2)
Wiki, Blogs y Twiter convirtieron la publicación de texto en
fenómenos masivos, como lo hicieron flickr y youtube con la
multimedia

01/03/2023
1. Borra la distinción entre consumidores de
contenido y proveedores de contenido (2/2)
• Aplicaciones web interactivas a través de JavaScript asíncrono y
XML (AJAX)
<script type=“text/javascript”>
<div id=status>
XMLHttpRequest
function handleResponse() {
…read response from server
…get a handle to the DIV
If Not OK
Replace DIV contents with msg
}
Validation Servlet
ValidateName( req, res…) {
parse request
lookup name in database
is it valid?
if so, return OK
otherwise
return error message
Database
Server
Client/Browser
function checkName( name ) {
…initialize request (url, parms)
…register callback function
…call the server
}
Message
name=steve
Or
<name>Steve</name>
Not a Valid Name
Message
status=999
msg=Not a valid name
Steve Save
Steve Save
steve

01/03/2023
Los sitios web sociales como del.icio.us, facebook, FOAF, linkedin,
myspace y Xing permiten que las comunidades de usuarios entrelacen
sin problemas su información y actividades.
2. Pasa de medios para individuos a medios
para comunidades

01/03/2023
3. Desdibuja la distinción entre consumidores de
servicios y proveedores de servicios
Los mashups permiten a los usuarios web integrar fácilmente servicios
en su sitio web que fueron implementados por terceros

01/03/2023
4. Integra la IHM de una manera nueva e
innovadora
Amazon Mechanical Turk: permite acceder a los servicios
humanos a través de una interfaz de servicio web, lo que
borra la distinción entre los servicios proporcionados de
forma manual y automática.

01/03/2023
Web 2.0
Web Social
CGI
Sistema de Gestion de
Contenidos
Usuario
Para un
Conocimiento
Página estática
usada por
comparte
donde
Cualquiera puede participar
Se basa
es una
como
Web
Colaborativa
también
llamada
HTML PhP
, AsP
. Java
Página dinámica poco
flexible
Página dinámica gran
flexibilidad
como
como
comparte
usada por
que es
Individuo 1 …Individuo n
Individuo 2
que es
que es

01/03/2023
Limitaciones de la Web 2.0
• La Web 2.0 tiene sus limitaciones a la hora de:
1. encontrar información relevante
2. extraer información relevante
3. combinar y reutilizar información

01/03/2023
1) Encontrar información relevante
• La búsqueda de información en la Web actual se basa
en la búsqueda de palabras clave
• La búsqueda por palabra clave tiene un recall(recuerdo)
y una precisión limitados debido a :
▪ Sinónimos:
• e.g. La búsqueda de información sobre “Carros" ignorará las páginas web
que contengan la palabra "Automóviles", aunque la información de estas
páginas pueda ser relevante.
▪ Homónimos:
• e.g. Al buscar información sobre “Jaguar”, aparecerán páginas que
contienen información tanto sobre “Jaguar” (la marca del automóvil) como
sobre “Jaguar” (el animal), aunque el usuario solo esté interesado en uno de
ellos.

01/03/2023
1) Encontrar información relevante
• La búsqueda por palabra clave tiene un recall y una
precisión limitadas debido también a :
▪ Spelling variants:
• e.g. “organize” in American English vs. “organise” in British English
▪ Spelling mistakes
▪ Multiple languages
• i.e. information about same topics in published on the Web on different
languages (English, German, Italian,…)
• Los motores de búsqueda en la Web 2.0 no
proporcionan ningún medio para especificar la relación
entre un recurso y un término
▪ e.g. sell / buy

01/03/2023
2) Extraer información relevante
• La solución automática única para extraer información de páginas web no
es posible debido a diferentes formatos, diferentes sintaxis
• Incluso de una sola página Web es difícil extraer la información relevante
¿Qué libro trata
sobre la Web?
¿Cuál es el precio
del libro?

01/03/2023
• La extracción de información de los sitios web actuales
se puede hacer usando wrappers
WEB
HTML pages
Layout
Structured Data,
Databases,
XML
Structure
Wrapper
extract
annotate
structure

01/03/2023
• La extracción real de información de los sitios web se
especifica utilizando estándares como XSL
Transformation (XSLT) [1]
• La información extraída se puede almacenar como datos
estructurados en formato XML o bases de datos.
• Sin embargo, el uso de contenedores no escala
realmente porque la extracción real de información
depende nuevamente del formato y el diseño del sitio
web.
[1] http://www.w3.org/TR/xslt

01/03/2023
3) Combinar y reutilizar información
• Las tareas a menudo requieren combinar
datos en la Web
1. Búsqueda de la misma información en
diferentes bibliotecas digitales
2. La información puede provenir de diferentes
sitios web y debe combinarse

01/03/2023
Ejemplo: Quiero viajar de Innsbruck a Roma.
1. Busca la misma información en diferentes bibliotecas digitales

01/03/2023
Ejemplo: quiero viajar de Innsbruck a Roma donde quiero alojarme en un
hotel y visitar la ciudad
2. La información puede provenir de diferentes sitios web y debe combinarse

01/03/2023
¿Cómo mejorar la Web 2.0?
• Aumento de la vinculación automática entre
datos
• Aumentar el recall y la precisión en la búsqueda
• Aumento de la automatización en la integración
de datos
• Aumento de la automatización en el ciclo de
vida del servicio
¡Agregar semántica a los datos y servicios es la
solución!

01/03/2023
• Internet
• Web 1.0
• Web 2.0
• Web 3.0
• Web 4.0
• Web 5.0
• Web 6.0 y 7.0

01/03/2023
Static
WWW
URI, HTML, HTTP
Web semántica: La Visión
Más de 2 billones de usuarios
Más de 50 billones de páginas

01/03/2023
WWW
URI, HTML, HTTP
Problemas serios en
• information finding,
• information extracting,
• information representing,
• information interpreting and
• and information maintaining.
Semantic Web
RDF, RDF(S), OWL
Static
Web semántica: La Visión

01/03/2023
¿Qué es la Web Semántica?
• “La web semántica es una extensión de la
web 2.0 en la que la información tiene un
significado bien definido, lo que permite
que las computadoras y las personas
trabajen en cooperación.”
T. Berners-Lee, J. Hendler, O. Lassila, “The Semantic Web”, Scientific
American, May 2001

01/03/2023
href
href
href
href
href
href
href
Director
de cine
Película Película
Género
Película
Género
Premio
directorDe directorDe
directorDe
perteneceAl
perteneceAl
perteneceAl
aGanado
Web Semántica
Web actual

01/03/2023
• La próxima generación de la WWW
• La información tiene una semántica
procesable y comprensible por máquina
• No una Web separada sino una
ampliación de la 2.0
• La columna vertebral de la Web
Semántica son las ontologías

01/03/2023
Definición de ontología
formal, explicit specification of a shared conceptualization
entendimiento
comúnmente aceptado
Modelo conceptual
de un dominio
(teoría ontologica)
definiciones no
ambiguas de
terminología
machine-readability
with computational
semantics
Gruber, “Toward principles for the design of ontologies used
or knowledge sharing?” , Int. J. Hum.-Comput. Stud., vol. 43, no. 5-6,1995

01/03/2023
… “significado bien definido” …
• “Una ontología es una especificación
explícita de una conceptualización.”
Gruber, “Toward principles for the design of ontologies used for knowledge
sharing?” , Int. J. Hum.-Comput. Stud., vol. 43, no. 5-6,1995.
• Las ontologías son la base del modelado de la
Web Semántica
▪ Proporcionan el significado bien definido de la
información.

01/03/2023
… especificación explícita…
conceptualización…
Una ontología es:
• Una conceptualización
▪ Una ontología es un modelo de los conceptos más relevantes
de un fenómeno del mundo real
• Explícita
▪ El modelo establece explícitamente el tipo de conceptos, las
relaciones entre ellos y las restricciones a su uso.
• Formal
▪ La ontología tiene que ser legible por máquina (se excluye el
uso del lenguaje natural)
• Compartido (shared)
▪ El conocimiento contenido en la ontología es consensuado,
es decir, ha sido aceptado por un grupo de personas.
Studer, Benjamins, D. Fensel, “Knowledge engineering: Principles and methods”, Data
Knowledge Engineering, vol. 25, no. 1-2, 1998.

01/03/2023
Web 3.0
Documentos HTML
Multimedia
Lenguaje Natural
Información
Definida
Datos Semánticos
en la web
compuesta por
entendible por
procesados por
Web Semántica
llamada
también
en
Personas
Semántica
Maquinas
Darle significado
cuya
expresión
a una
que
colocan
significa
provee
como
Ordenadores
Para obtener

01/03/2023
Uniendo SW y MDE

01/03/2023
Ejemplo de Ontología
Concepto
Entidad, concepto del dominio
Propiedad
atributo describiendo un concepto
Relación
relación entre conceptos o
propiedades
Axioma
descripción coherente entre
Conceptos / Propiedades /
Relaciones via expresiones lógicas
Person
Student Professor
Lecture
isA – hierarchy (taxonomy)
name email
matr.-nr.
research
field
topic
lecture
nr.
attends
holds
holds(Professor, Lecture) =>
Lecture.topic = Professor.researchField

01/03/2023
Tipos de ontologías
Top Level O., Generic O. Core O.,
Foundational O., High-level O,
Upper O.
Task & Problem-
solving Ontology
Application Ontology
Domain
Ontology
[Guarino, 98] Formal Ontology in Information Systems
http://www.loa-cnr.it/Papers/FOIS98.pdf
describe very general
concepts like space, time,
event, which are
independent of a particular
problem or domain
describe the
vocabulary
related to a
generic domain
by specializing
the concepts
introduced in
the top-level
ontology.
describe the
vocabulary
related to a
generic task or
activity by
specializing
the top-level
ontologies.
the most specific
ontologies. Concepts in
application ontologies
often correspond to roles
played by domain
entities while performing
a certain activity.

01/03/2023
Construcción de la Web semántica
• La construcción de la ‘Web semántica’ es
básicamente la construcción de una inmensa
base de datos relacionada en la Web.
▪ Así, cuentas con una fila con tu nombre, y una
serie de atributos relacionados con ese nombre,
como la edad, el día de nacimiento, tu dirección ,
tu número de teléfono, tu correo electrónico
• Existen programas que relacionan datos para
construir bases de datos de este tipo.
▪ Aquí ha habido mucho avance gracias a la
inteligencia artificial, que yo defino como
‘algoritmos más inteligentes’.

01/03/2023
La Web Semántica es acerca de…
• Web Data Annotation
▪ conectar objetos web (sintácticos), como fragmentos de
texto, imágenes, ... a su noción semántica (e.g., esta
imagen es acerca de la UG, Juanito es un profesor)
• Data Linking on the Web (Web of Data)
▪ redes globales de conocimiento a través de URI, RDF,
and SPARQL (p.ej., conectando mi calendario con mis rss
feeds, mis fotos, ...)
• Data Integration over the Web
▪ integración perfecta de datos basada en diferentes
modelos conceptuales (p. ej., integración de datos
provenientes de mis dos vendedores de libros favoritos)

01/03/2023
Web Data Annotating
http://www.ontoprise.de/

01/03/2023
Principios de Data Linking en la Web
• Use URIs as names for things
▪ anything, not just documents
▪ you are not your homepage
▪ information resources and non-information resources
• Use HTTP URIs
▪ globally unique names, distributed ownership
▪ allows people to look up those names
• Provide useful information in RDF
▪ when someone looks up a URI
• Include RDF links to other URIs
▪ to enable discovery of related information

01/03/2023
DBpedia
• DBpedia is a community effort to:
▪ Extract structured information from Wikipedia
▪ Make the information available on the Web under
an open license
▪ Interlink the DBpedia dataset with other open
datasets on the Web
• DBpedia is one of the central interlinking-hubs
of the emerging Web of Data
Content on this slide adapted from Anja
Jentzsch and Chris Bizer

01/03/2023
The DBpedia Dataset
• 91 languages
• Data about 2.9 million “things”. Includes for example:
▪ 282.000 persons
▪ 339.000 places
▪ 119.00 organizations
▪ 130.000 species
▪ 88.000 music albums
▪ 44.000 films
▪ 19.000 books
• Altogether 479 million pieces of information (RDF triples)
▪ 807.000 links to images
▪ 3.840.000 links to external web pages
▪ 4.878.100 data links into external RDF datasets
Content on this slide adapted from Anja
Jentzsch and Chris Bizer

01/03/2023
LinkedCT
• LinkedCT is the Linked Data version of ClinicalTrials.org
containing data about clinical trials.
• Total number of triples:
6,998,851
• Number of Trials:
61,920
• RDF links to other data sources:
177,975
• Links to other datasets:
▪ DBpedia and YAGO(from intervention and conditions)
▪ GeoNames (from locations)
▪ Bio2RDF.org's PubMed (from references)
Content on this slide adapted from Chris
Bizer

01/03/2023
Integración de datos a través de la Web
Data integration over the Web
• La integración de datos implica combinar datos que
residen en diferentes fuentes y proporcionar al usuario
una vista unificada de estos datos
• La integración de datos a través de la Web se puede
implementar de la siguiente manera:
1. Exporte los conjuntos de datos para integrarlos como
gráficos RDF
2. Combinar recursos idénticos (es decir, recursos que
tienen el mismo URI) de diferentes conjuntos de datos
3. Empezar a realizar consultas sobre los datos integrados,
consultas que no eran posibles sobre los conjuntos de
datos individuales

01/03/2023
1. Exportar el primer conjunto de datos como gráfico RDF
Por ejemplo, el siguiente gráfico RDF contiene información sobre
el libro “The Glass Palace” de Amitav Ghosh
http://www.w3.org/People/Ivan/CorePresentations/SWTutorial/Slides.pdf

01/03/2023
1. Exportar el segundo conjunto de datos como gráfico RDF
La información sobre el mismo libro pero en francés esta vez se
modela en el gráfico RDF a continuación

01/03/2023
Mismo URI = Mismo recurso
2. Combinar recursos idénticos (es decir, recursos que tienen el
mismo URI) de diferentes conjuntos de datos

01/03/2023
2. Combinar recursos idénticos (es decir, recursos que tienen el
mismo URI) de diferentes conjuntos de datos

01/03/2023
3. Comienza a realizar consultas sobre los datos integrados
– Un usuario del segundo conjunto de datos puede hacer
consultas como: “dame el titulo del libro original”
– Esta información no está en el segundo conjunto de
datos.
– Sin embargo, esta información se puede recuperar del
conjunto de datos integrado, en el que el segundo
conjunto de datos se conectó con el primer conjunto de
datos.

01/03/2023
Arquitectura de la Web Semántica
• Give important
concepts URIs
• Cada URI identifica un
concepto
• Comparte estos
símbolos entre
muchos lenguajes
• Admite búsqueda de
URI

01/03/2023
URI y XML
• Uniform Resource Identifier (URI) es el doble de
URL en la Web Semántica
▪ su propósito es identificar los recursos
• eXtensible Markup Language (XML) es un lenguaje
de marcado utilizado para estructurar información
▪ fundamento de la representación de datos en la
Web Semántica
▪ las etiquetas no transmiten información
semántica

01/03/2023
RDF y OWL
• Resource Description Framework (RDF) es el doble
de HTML en la Web Semántica
▪ forma sencilla de describir los recursos en la Web
▪ especie de lenguaje de ontología simple (RDF-S)
▪ basado en triples (sujeto, predicado, objeto)
▪ la serialización está basada en XML
• Ontology Web Language (OWL) es un lenguaje en
capas basado en DL
▪ lenguaje ontológico más complejo
▪ superar algunas limitaciones de RDF(S)

01/03/2023
SPARQL y Rule languages
• SPARQL
▪ Lenguaje de consulta para triples RDF
▪ Un protocolo para consultar datos RDF a través de la
Web
• Rule languages (e.g. SWRL)
▪ Extender predicados básicos en lenguajes
ontológicos con predicados propietarios
▪ Basado en diferentes lógicas.
• Descripción Lógica
• Programación Lógica

01/03/2023
Semantic Web Data
Billing
Sales
Order
Processing
Inventory
Marketing
CRM
El 43 % de las empresas
recurren a procesos manuales
y/o nuevo software al integrar
información para la
elaboración de informes.

01/03/2023
Semantic Web Data
Billing Sales
Order
Processing
Inventory
Marketing
CRM
Semantic Broker
Sistemas heredados
existentes “envueltos”
en tecnologías
semánticas
Basado en
lightweight, open
standards de la W3C
El razonamiento permite la
inferencia de nuevos
hechos a partir de fuentes
de datos existentes
Definición declarativa
de reglas de negocio

01/03/2023
Evolución de la Web - Resumen
Web 1.0 Web 2.0 Semantic Web
Personal Websites Blogs Semantic Blogs: semiBlog, Haystack,
Semblog, Structured Blogging
Content Management
Systems, Britannica
Online
Wikis, Wikipedia Semantic Wikis: Semantic MediaWiki,
SemperWiki, Platypus, dbpedia,
Rhizome
Altavista, Google Google Personalised,
DumbFind, Hakia
Semantic Search: SWSE, Swoogle,
Intellidimension
CiteSeer, Project
Gutenberg
Google Scholar, Book
Search
Semantic Digital Libraries:
JeromeDL, BRICKS, Longwell
Message Boards Community Portals Semantic Forums and Community
Portals: SIOC, OpenLink DataSpaces
Buddy Lists, Address
Books
Online Social
Networks
Semantic Social Networks: FOAF,
PeopleAggregator
… … Semantic Social Information Spaces:
Nepomuk, Gnowsis

01/03/2023
Evolución de la Web - Resumen
• Traditional Web (Web1.0)
▪ Normal User: browsing
▪ Communication style: one-direction communication (e.g. reading a book)
▪ Data: web data (string and syntactic format)
▪ Data contributor: webmaster or experienced user
▪ How to add data: compose HTML pages
• Social Web (Web2.0)
▪ Normal User: browsing + publishing and organizing web data
▪ Communication style: human-human (sharing)
▪ Data: web data + tags
▪ Data contributor: normal user – revolution!
▪ How to add data: tagging
• Semantic Web
▪ Normal User: interacting (human-machine)
▪ Communication style: human→machine
▪ Data: web data + tags + metadata (in SW Language)
▪ Data contributor: normal user, machine
▪ How to add data: machine generate or user publish

01/03/2023
Problemas de la Web Semántica
• Tecnologías complejas.
• Mucha información a procesar.
• Muchos puntos de vista para un mismo
concepto.
• Falta de procesos automáticos o
semiautomáticos, para la generación de
datos semánticos.

01/03/2023
Limitaciones de aplicar la semántica a
la Web tradicional
• Los principales límites de la descripción
de sistemas grandes, heterogéneos y
distribuidos.
• Los principales límites de la
autorrepresentación y la autorreflexión
➢Requiere incompletitud e incorrección de
las descripciones semánticas.

01/03/2023
la Web tradicional
Los principales límites de la descripción de sistemas grandes, heterogéneos
y distribuidos.

01/03/2023
Los principales límites de la autorrepresentación y la
autorreflexión
la Web tradicional

01/03/2023
Los principales límites de la autorrepresentación y la autorreflexión
la Web tradicional

01/03/2023
Los principales límites de la autorrepresentación y la
autorreflexión
la Web tradicional
Object Layer
(encodes possible complete reasoning
knowledge for the problem)
Meta Layer
(encodes heuristics, i.e. strategic knowledge)
Introspection Reflection

01/03/2023
la Web tradicional
• The meta layer should apply heuristics that
may help
▪ Speed up the overall reasoning process.
▪ Increase its flexibility.
• Therefore, it needs to be incomplete in
various aspects and resemble important
aspects of our consciousness.
▪ Introspection
▪ Reflection
• Unbounded rationality, constrained
rationality, limited rationality.

01/03/2023
la Web tradicional
• Descripción de datos por metadatos o programas
por metaprogramas
▪ Siempre más grande (incluso infinitamente grande) …
▪ … o siempre una aproximación

01/03/2023
Búsqueda de datos en la Web
• En un entorno grande, distribuido y heterogéneo, las
garantías clásicas (ACID) del mundo de las bases de
datos ya no escalan en ningún sentido.
• Incluso una simple operación de lectura en un entorno
como la Web, una red de almacenamiento de igual a
igual, un conjunto de repositorios distribuidos o un
espacio, no puede garantizar la integridad
(completeness) en el sentido de asumir que si los
datos no se devolvieron, entonces no estaban allí
• Del mismo modo, una escritura tampoco puede
garantizar un estado coherente(consistent) que se
replique inmediatamente en todas las instalaciones de
almacenamiento(storage facilities) a la vez.

01/03/2023
Information retrieval en la Web
• La information retrieval moderna aplica los
mismos principios
▪ En information retrieval, la noción de completeness (recall)
pierde cada vez más sentido en el contexto de las
infraestructuras de información a escala Web.
▪ Es muy poco probable que un usuario solicite toda la
información relevante sobre un determinado tema que
existe a escala mundial, ya que fácilmente podría ir mucho
más allá de la cantidad de procesamiento de información
que está invirtiendo para lograr un determinado objetivo.
▪ Por lo tanto, en lugar de investigar el espacio completo de
precision y recall, information está comenzando a
centrarse más en mejorar la precisión y la clasificación
adecuada de los resultados.

01/03/2023
Razonamiento en la Web
• Lo que vale para una simple búsqueda de datos vale
en un sentido aún más fuerte para el razonamiento a
escala web.
• La noción de 100% de integridad(completeness) y
corrección(correctness), como se supone
generalmente en el razonamiento basado en la lógica,
ya ni siquiera tiene sentido, ya que la base de hechos
subyacente está cambiando más rápido de lo que
cualquier proceso de razonamiento puede procesar.
• Por lo tanto, tenemos que desarrollar una noción de
usabilidad de los resultados inferidos y relacionarlos
con los recursos que se solicitan para ello.

01/03/2023
Razonamiento en la Web
precision
(soundness)
recall (completeness)
Logic
IR
Semantic Web

01/03/2023
¿Toma de decisiones?
• Aunque siguiendo la línea de la substitución de
máquinas por personas es más problemático
intentar adivinar quien va a pagar las pensiones
de los trabajadores humanos.
• Es posible que en un futuro se deba obligar a
los propietarios de robots a cotizar a la
Seguridad Social por cada puesto de trabajo
humano amortizado.

01/03/2023
Toma de decisiones
• En el caso concreto de los automóviles inteligentes la
IA del vehículo debe decidir, en casos de emergencia,
si protege a sus ocupantes o esa ancianita que está
cruzando la carretera sin mirar.
• En ciertos casos la decisión es fácil, en otros es muy
complicada de tomar puesto que las derivaciones
morales de la toma de decisiones automáticas son
complejas
▪ De ahí que haya todo un movimiento social para solicitar a
los creadores de las IA que sean transparentes en sus
algoritmos de decisión y que sus clientes puedan saber
qué decisiones tomará su vehículo en determinados
casos.

01/03/2023
¿Web 3.0?
• Marzo del 2016: Google implementó los
resultados semánticos en las búsquedas
▪ Por primera vez, un buscador mostraba que era
capaz de entender la pregunta realizada por un
usuario para poder ofrecer así una respuesta exacta,
en lugar de mostrar páginas en las que se
encuentran las palabras que ha buscado el usuario.
• Puedes hacer una prueba preguntando a Google (por voz o
por escrito) “¿Qué edad tiene Messi?” o si “¿lloverá mañana
en Guayaquil?”.
• En ambos casos Google responderá con un respuesta clara
y sencilla, en lugar de mostrar resultados en los que el sitio
web contiene las palabras que estamos buscando. Ahora
entiende estas palabras y responde con sentido

01/03/2023
¿Web 3.0?

01/03/2023
¿Web 3.0?
• Mayo del 2016: Facebook autorizó por primera
vez la conexión de un chatbot a su Messenger…
▪ Permitiendo a los usuarios de su servicio de
mensajería mantener conversaciones con agentes
robot.
▪ Aunque hay que tener en cuenta que SIRI (la
inteligencia artificial de Apple), fue una pionera y ya
funcionaba en su versión rudimentaria desde el año
2011.

01/03/2023
¿Web 3.0?
• En la actualidad, todas las grandes empresas
tecnológicas están trabajando en el desarrollo de sus
inteligencias artificiales (IA por sus siglas), entidades
capaces de percibir su entorno, procesar tales
percepciones y responder o actuar de manera
parecida (o mejor) a lo que lo haría un ser humano.
• La IA de Google se llama Google, la de Apple se
llama SIRI, la de Amazon se llama Alexa, la de
Microsoft se llama Cortana y la de IBM se llama
Watson. Otras empresas como Facebook y Tesla
también están trabajando en sus IA.
• Cada una de ellas está especializada en algún tipo de
actividad: búsquedas, uso de dispositivos, domótica,
conducción de vehículos, etc.

01/03/2023
• Internet
• Web 1.0
• Web 2.0
• Web 3.0
• Web 4.0
• Web 5.0
• Web 6.0 y 7.0

01/03/2023
¿Web Ubicua?
• Algunas voces relevantes como la de Eric
Schmidt, Presidente Ejecutivo de
Alphabet, ya llevan años anunciando que
Internet “desaparecerá”…
▪ no porque deje de existir
▪ sino porque estará tan integrado en nuestra
vida y en nuestro entorno que ni siquiera lo
percibiremos

01/03/2023
Web 4.0
• Término que se va acuñando recientemente y
trata de movernos hacia una Web Ubicua
• El objetivo primordial será el de unir las
inteligencias, para que tanto las personas como
las cosas se comuniquen entre sí para generar
la toma de decisiones.
▪ Por ejemplo: Uso de la Voz como
vehículo de intercomunicación para
formar una Web Total.
¿Uso de browser?

01/03/2023
Web 4.0
• Es posible que podamos llamar a la Internet 4.0 la
“web activa”.
• Cuando esté completamente desarrollada, suprimirá
varios de los pasos que nos exige la utilización de la
web 3.0, haciendo más directo e “invisible” su uso.
• En primer lugar, es posible que los tradicionales
buscadores no desaparezcan pero sí se integren en
asistentes virtuales.
• Estos asistentes virtuales serán capaces de entender
el lenguaje natural, tanto hablado como escrito, y
podremos lanzarles solicitudes como lo haríamos con
un ayudante humano.

01/03/2023
Web 4.0
• Según Raymond Kurzweil, la Web 4.0 trabaja de
forma paralela al funcionamiento del cerebro
humano. Ejemplo:
▪ Un smartphone reconoce y alerta a su dueño
si llegará tarde a una reunión,
• Lo hace al tener acceso a la información de su
calendario, su geolocalización y tránsito en
vialidades,
• es decir, se convierte en un agente predictivo.

01/03/2023
Web 4.0
Se fundamenta en cuatro pilares :
1.La comprensión del lenguaje natural y
tecnologías Speech to text (de voz a texto y
viceversa).
2.Nuevos modelos de comunicación máquina a
máquina (M2M).
3.Uso de la información de contexto. Por
ejemplo, ubicación que aporta el GPS, ritmo
cardíaco que tu smartwatch registra, etc.
4.Nuevo modelo de interacción con el usuario.

01/03/2023
Web 4.0
Entre sus características principales encontramos:
• Uso de gafas especiales.
• Podremos dialogar de forma natural y en línea con
una agente virtual inteligente.
• Internet: Se accederá por medios de un
“dispositivo, delgado, ligero, portátil y con muy alta
resolución”.
• Integrado en los vehículos.
• Existirán implantes neuronales con acceso directo
a la Red.
• Ordenadores tendrán gran potencia cálculos por
segundo.

01/03/2023
Web 4.0
• Asistentes virtuales, como Siri, Cortana o
Google Now, obtienen, día a día, un mayor
entendimiento del lenguaje natural gracias a
sistemas de aprendizaje automático.
• El “Big Data” se procesa cada vez de forma más
efectiva, poniendo en relación toda la
información que se obtiene a través de múltiples
fuentes

01/03/2023
Web 4.0
Conexión
Mundo Físico
Tiempo Real
Dispositivos
Inalámbricos
permite
al
Todo en
Web Ubicua
también
llamada
del
Mundo
Virtual
Está en todas
partes
Ubicuidad
ya que
aplicado a
por medio
principio de
sin importar
GPS
como por
ejemplo
Tablet
Teléfonos
celulares
Lugar Tiempo

01/03/2023
¿Web 4.0?
• El sitio wefeelfine.org rastrea frases emotivas
en la web, posteriormente las categoriza y
registra la frecuencia.
• Por su parte, la empresa Emotiv Systems,
con sede en San Francisco, ha creado
neuro-tecnología, que mediante auriculares
le permite al usuario interactuar con el
contenido y que este responda a sus
emociones o cambiar la expresión facial de
un avatar en tiempo real.

01/03/2023
• Internet
• Web 1.0
• Web 2.0
• Web 3.0
• Web 4.0
• Web 5.0
• Web 6.0 y 7.0

01/03/2023
Web 5.0
• También llamada Web sensorial, está será
encaminada a poder identificar las
emociones de los usuarios, por medio de
los dispositivos, productos y/o servicios,
• y sí… esto parece salido de la ciencia
ficción pero cada vez más se mezclan y
ese momento ya llegó y crecerá como en
su momento florecieron otras
características de la web.

01/03/2023
Web 5.0
• Web sensorial/emotiva que permite medir
emociones de personas a través de dispositivos
(redes neuronales) que traducen la información a
la máquina procesándolas en tiempo real para
cambiar información previa.
• Por ello, se conoce a esta Web como la de la
inteligencia artificial, donde se combina
informática, robótica y filosofía para crear y
diseñar entidades capaces de razonar utilizando
inteligencia humana y personalizando las
interacciones para generar experiencias que
emocionen a los usuarios.

01/03/2023
Web 5.0
• Un dispositivo todo en uno
• Identificar y categorizar emociones
• Realidad sensorial
• Desarrollo más tangible de la inteligencia
artificial

01/03/2023
Web 5.0
Web
Sensoria/Emotiva
Medir emociones
Tiempo Real
Dispositivos
es una
que
traduce
procesándolas
Inteligencia
Articial
conocida como
que
permite
Personas
Area multidisciplinaria
Maquina
que es un
para
de
que por
medio
a la
Redes Neuronales
p. ej.
Informaciones
Expresión facial
de un avatar
Manipula
Cambiar información
previa
por ejemplo
información
para
Informatica, Robotica y
filosofia
Inteliegencia
humana
Entidades
capaces de
razonar
estudia crea
y diseña
utilizando
A través

01/03/2023
Historia de la Web
• Internet
• Web 1.0
• Web 2.0
• Web 3.0
• Web 4.0
• Web 5.0
• Web 6.0 y 7.0

01/03/2023
Web 6.0
• Las Web 6.0 y 7.0 suponen una interacción reflexiva
y afable entre el entorno virtual y el usuario.
• Se proyecta que la Web 6.0 será la de las
conexiones inteligentes, basadas en compatibilidad
tecnológica e integradas al sistema nervioso
humano
▪ Permitirá experimentar sitios webs o videos en una
realidad virtual, interactuando con las personas sin
necesidad de conectarse a un servidor individual
▪ Lo logrará mediante sistemas implantados dentro del
usuario, donde las respuestas ópticas y neuronales, como
los sentidos estarán unidas.

01/03/2023
Web 7.0
• Utilizará sistemas robóticos, donde el usuario
y el robot están conectados y el acceso a la
información se retroalimentará cuando el
usuario habla, observa o manifiesta algún
cambio neurológico.
• Los especialistas afirman que sólo la mente
trabajará en este sistema, cada usuario será
una evolución de sí mismo y su ordenador de
información, por medio de la Nanotecnología.

01/03/2023
Web 6.0 y Web 7.0
Red Sensorial
Equipos y
Dispositivos
Mejores que los
usados en
Redes del futuro
Evoluciona de
en una
Traducir
también
llamada
Información Virtual y
Digitalización de
Conocimientos
Sensaciones
Web 5.0
son
que permiten
Para medir
Y convertir en
se desarrollan
Emociones
Red Emotiva
también
llamada
Y convertir en
Para medir
Collares
Gafas
Relojes
como

01/03/2023
Contenido
• Discapacidad
• Validadores
• Web semántica y ubicua

01/03/2023
Paso 1: determinar el dominio y el alcance
de la ontología
• ¿Cuál es el dominio que cubrirá la
ontología?
• ¿Para qué vamos a utilizar la ontología?
• ¿Para qué tipo de preguntas la
información de la ontología debería
proporcionar respuestas?
• ¿Quién usará y mantendrá la ontología?

01/03/2023
Competency Questions
• Un conjunto de consultas que imponen exigencias a la
ontología subyacente.
• La ontología debe ser capaz de representar las
preguntas usando su terminología y las respuestas
basadas en los axiomas.
• Idealmente, de manera escalonada, donde las
preguntas consecuentes requieren el aporte de las
anteriores.
• Se debe dar una justificación para cada pregunta de
competencia.

01/03/2023
Paso 2: Considere reutilizar ontologías
existentes
• La reutilización garantiza la interoperabilidad y reduce los
costes
• iniciativa VOCAMP
• Se requieren bibliotecas de ontologías y herramientas para la
personalización para este paso
• Sub-pasos
▪ Descubra candidatos potenciales para la reutilización
▪ Evaluar su usabilidad
▪ Personalizar ontologías para ser reutilizadas
▪ Integrar y fusionar con la ontología de destino
• Dr. Watson (Open University, Knowledge Media
Institute)
• SWOOGLE

01/03/2023
Paso 3: enumerar términos importantes en
la ontología
• ¿Cuáles son los términos de los que nos
gustaría hablar?
• ¿Qué propiedades tienen esos términos?
• ¿Qué nos gustaría decir sobre esos
términos?

01/03/2023
Paso 4: Definir clases y jerarquía de clases
• Un proceso de desarrollo top-down comienza con
la definición de los conceptos más generales en el
dominio y la posterior especialización de los
conceptos.
• Un proceso de desarrollo bottom-up comienza con
la definición de las clases más específicas, las
hojas de la jerarquía, con la subsiguiente
agrupación de estas clases en conceptos más
generales.
• Enfoque intermedio: definir primero los conceptos
más destacados y luego generalizarlos y
especializarlos adecuadamente.

01/03/2023
Paso 4: Definir clases y jerarquía de clases (ii)
• De la lista creada en el Paso 3, seleccione los términos que
describen los objetos que tienen una existencia independiente
en lugar de los términos que describen estos objetos.
▪ Estos términos serán clases en la ontología.
• Organice las clases en una taxonomía jerárquica preguntando
si, al ser una instancia de una clase, el objeto será
necesariamente (es decir, por definición) una instancia de
alguna otra clase.
▪ Si una clase A es una superclase de la clase B, entonces cada
instancia de B es también una instancia de A.
• Clases como predicados unarios (unary predicates) —
preguntas que tienen un argumento. Por ejemplo, "¿Este
objeto es un vino?"
▪ Más tarde: predicados binarios (o slots) — preguntas que tienen
dos argumentos. Por ejemplo, "¿Es fuerte el sabor de este
objeto?" “¿Cuál es el sabor de este objeto”

01/03/2023
Paso 4: Definir clases y jerarquía de clases (iii)
• Conceptos ( clases)
• Datatype properties (string, int etc.)
▪ Dominio y rango
▪ Persona tieneEdad int
• Propiedades de Objeto (2 clases)
▪ Persona estaCasada Person
• Instancias
• Cardinalidad
• Templates

01/03/2023
Cómo encontrar clases
• Entrevista: hablar con expertos en la materia.
• Documentación: lea lo que han escrito los expertos
sobre el tema, lea la documentación de requisitos, lea
propuestas e invitaciones a licitar.
• Observación y reflexión.
• Candidatos típicos para las clases: SUSTANTIVOS.
▪ Pero: los actores de casos de uso no necesariamente
corresponden a clases.
• Otros términos también
▪ Verbos: una asociación que comienza a adquirir atributos
y asociaciones propias se convierte en una entidad:
“Oficial arresta sospechoso”.
▪ Verbos: eventos: “Episodio de enfermedad”.
▪ Forma pasiva: reformular en forma activa.
174

01/03/2023
Jerarquía de clases
• Una subclase de una clase representa un concepto que
es un "tipo de" el concepto que representa la
superclase.
• Las clases representan conceptos en el dominio y no las
palabras que denotan estos conceptos. Sinónimos para
el mismo concepto no representan diferentes clases.
• Todos los hermanos de la jerarquía (excepto los de la
raíz) deben estar en el mismo nivel de generalidad.
• Si una clase tiene solo una subclase directa, puede
haber un problema de modelado o la ontología no está
completa.
• Si hay más de una docena de subclases para una clase
determinada, pueden ser necesarias categorías
intermedias adicionales.
• Las subclases de una clase generalmente tienen…
▪ propiedades adicionales que la superclase no tiene, o
▪ restricciones diferentes a las de la superclase, o
▪ participan en relaciones diferentes a las de las superclases.

01/03/2023
Ejemplos
176
Factura Orden de comida
Plato Menu
Cama Colchón
Agenda Cita
Crimen Escena del crimen
Carro
Jeep

01/03/2023
Paso 5: Definir atributos y relaciones
• Paso 4 seleccionó las clases de la lista de
términos que creamos en el Paso 3.
▪ Es probable que la mayoría de los términos restantes
sean propiedades de estas clases.
▪ Para cada propiedad en la lista, debemos determinar
qué clase describe.
• Tipos of propiedades
▪ Atributos (Data properties, OWL )
▪ Relaciones (Object properties, OWL)
• Las propiedades se heredan y deben adjuntarse a
la clase más general en la jerarquía.

01/03/2023
Caracterizando a las clases
• Dos tipos de características principales:
▪ Propiedades medibles: atributos.
▪ Conexiones entre clases: relaciones.
▪ Color de una imagen como atributo vs. clase.
178

01/03/2023
Cómo encontrar atributos
• Documentación: lea lo que han escrito los
expertos sobre el tema, lea la documentación
de requisitos, lea propuestas e invitaciones a
licitar.
• “How much, how many“ test
▪ Si evalúa esto, entonces probablemente sea un
atributo.
▪ Si los enumera, probablemente sea una entidad.

01/03/2023
Relaciones
• Se definen en conjuntos de instancias.
• Propiedades: reflexividad, cardinalidad,
muchos a muchos, todos los valores de,
algunos valores de, transitividad, simetría,
etc.
• Aridad.

01/03/2023
Cómo encontrar relaciones
• Documentación: lea lo que han escrito los
expertos sobre el tema, lea la documentación
de requisitos, lea propuestas e invitaciones a
licitar.
• Verbos, frases verbales y cosas que podrían
haber sido verbos.
▪ “El mayordomo asesinó a la duquesa”

01/03/2023
Paso 6: Definir las restricciones de las
propiedades
• Refinar la semántica de las propiedades
▪ Cardinalidad
▪ Dominio y rango
• Al definir un dominio o un rango para un espacio, encuentre las
clases o clases más generales que pueden ser,
respectivamente, el dominio o el rango para los espacios.
• No defina un dominio y rango que sea demasiado general
• Ejemplo
▪ Clase: Perro
▪ Atributo: Edad
▪ Relación tieneDueño
• Perro tieneEdad Entero
• Perro tieneDueño Persona
▪ Dominio: Perro en ambos casos
▪ Rango: Tipo de datos XML: entero; Clase: Persona

01/03/2023
Paso 7: Crear instancias
• Definir una instancia individual de una
clase requiere
▪ elige una clase
▪ crear una instancia individual de esa clase
▪ rellenando los valores de las propiedades

01/03/2023
Protege y Collaborative Protege
• Protege es una plataforma gratuita de
código abierto para construir modelos de
dominio y aplicaciones basadas en el
conocimiento con ontologías.
• Vaya a https://protege.stanford.edu/ para
descargar Protege

01/03/2023
Features
• Protege supports the following ways of OE:
▪ Frame-based
▪ OWL
• Protege Frames editor: enables users to build and populate
ontologies that are frame-based, in accordance with OKBC
(Open Knowledge Base Connectivity Protocol).
▪ Classes
▪ Slots for properties and relationships
▪ Instances for class
• Protege OWL editor:
▪ Classes
▪ Properties
▪ Instances
▪ Axioms

01/03/2023
Interfaz

01/03/2023
Pestaña de propiedades

01/03/2023
Propiedades
• Propiedades del objeto
▪ Dominio: Clase
▪ Rango: Clase
▪ Ejemplo: Perro tieneDueño Persona
• Propiedades de tipo de datos
▪ Dominio: Clase
▪ Rango: Datatype
▪ Ejemplo: Perro tieneEdad Entero
• Jerarquías de propiedades

01/03/2023
Pestaña Individuos

01/03/2023
Pestaña de formularios

01/03/2023
Importando ontologías
• Reutilización de ontologías
• Local o en la Web

01/03/2023
Collaborative Protege
• Extensión de Protege
• Supports:
▪ Anotar componentes de ontología y cambios en
la ontología
▪ Hilos de discusión (chat en vivo)Propuesta y
votación
▪ Búsqueda y filtrado
▪ Definición de usuarios, grupos, políticas
• Funciona con Protege OWL y Frames
• https://protegewiki.stanford.edu/wiki/Collabor
ative_Protege

01/03/2023
Collaborative Protege
Collaborative
panel and tabs

01/03/2023
Web accesible,
semántica y ubicua
Unidad 4
Final de la unidad
Y del curso…. !Muchas gracias
a todos!

IW Unidad 4: Web accesible, semántica y ubicua

Recommandé

Recommandé

Contenu connexe

Similaire à IW Unidad 4: Web accesible, semántica y ubicua

Similaire à IW Unidad 4: Web accesible, semántica y ubicua (20)

Plus de Franklin Parrales Bravo

Plus de Franklin Parrales Bravo (20)

IW Unidad 4: Web accesible, semántica y ubicua