wc3

1. 17 de Abril de 2012
Huesca – VII Feria de Tiendas Virtuales
El W3C y la Web Semántica
Martín Álvarez @espinr
W3C.es – CTIC
17 de Abril de 2012
Huesca – VII Feria de Tiendas Virtuales

2. 2 | Huesca – VII Feria de Tiendas Virtuales
El W3C y la Oficina Española

3. 3 | Huesca – VII Feria de Tiendas Virtuales
World Wide Web Consortium
• Organismo neutro
• Fundado en 1994 por Tim Berners-Lee
• Actividades y Grupos del W3C
– 60 personas en el Team
– ~325 miembros
– Dominios / Actividades
• +60 grupos (con más de 1.500 investigadores)
• Más de 40 relaciones con otros organismos estandarizadores

4. 4 | Huesca – VII Feria de Tiendas Virtuales
¿Qué hace el W3C?

5. 5 | Huesca – VII Feria de Tiendas Virtuales
¿World Wide?

6. 6 | Huesca – VII Feria de Tiendas Virtuales
CTIC-CT

7. 7 | Huesca – VII Feria de Tiendas Virtuales
Breve historia de la web

8. 8 | Huesca – VII Feria de Tiendas Virtuales
Web 0.1

9. 9 | Huesca – VII Feria de Tiendas Virtuales
Web 1.0

10. 10 | Huesca – VII Feria de Tiendas Virtuales
Web 1.0
• Una Web para navegar
– HTTP + URL + HTML
– Ancho de banda limitado
– Dispositivos limitados (de
escritorio)
– No era posible la interacción con
el documento
•...Experiencia de
usuario “pasiva”

11. 11 | Huesca – VII Feria de Tiendas Virtuales
Web 2.0
• Una Web para interactuar
–HTTP + URL + HTML +
Javascript + Flash
–Mayor ancho de banda
–Más potencia de computación
–Más dispositivos
(escritorio+móviles)
•… Experiencia de usuario
“interactiva”

12. 12 | Huesca – VII Feria de Tiendas Virtuales
Web 3.0... 4.0... ¿¿??

13. 13 | Huesca – VII Feria de Tiendas Virtuales
La Web de la Interacción

14. 14 | Huesca – VII Feria de Tiendas Virtuales

15. 15 | Huesca – VII Feria de Tiendas Virtuales
La Web de los Datos

16. 16 | Huesca – VII Feria de Tiendas Virtuales
Cada vez más datos en la Web
• Administraciones públicas, sanidad,
conocimiento general, información de
empresas, vuelos, restaurantes,
información geográfica...
• Mayor confianza en su disponibilidad

17. 17 | Huesca – VII Feria de Tiendas Virtuales
Datos aislados en silos
http://www.flickr.com/photos/viewerblur/19872137/

18. 18 | Huesca – VII Feria de Tiendas Virtuales
...Aerolíneas...

19. 19 | Huesca – VII Feria de Tiendas Virtuales
...Alojamientos

20. 20 | Huesca – VII Feria de Tiendas Virtuales
Integración ad hoc (I)

21. 21 | Huesca – VII Feria de Tiendas Virtuales
Integración ad hoc (II)

22. 22 | Huesca – VII Feria de Tiendas Virtuales
Demasiado ad hoc

23. 23 | Huesca – VII Feria de Tiendas Virtuales
En todos los sectores

24. 24 | Huesca – VII Feria de Tiendas Virtuales
Necesitamos conectar los silos
http://www.flickr.com/photos/pitmanra/362623414/

25. 25 | Huesca – VII Feria de Tiendas Virtuales
Aparecen las tecnologías semánticas
• Una infraestructura para la Web, donde los
datos están:
– Accesibles mediante tecnologías estándar
– Enlazados
– Disponibles para cualquier aplicación
• Objetivo: Integración de los Datos

26. 26 | Huesca – VII Feria de Tiendas Virtuales
¿Qué ofrece la Web Semántica?
http://www.flickr.com/photos/25094278@N02/2369049982/
http://www.flickr.com/photos/25094278@N02/2369049982/
Interoperabilidad

27. 27 | Huesca – VII Feria de Tiendas Virtuales
“Semantizar” la Web

28. 28 | Huesca – VII Feria de Tiendas Virtuales
Consulta semántica estándar (SPARQL)

29. 29 | Huesca – VII Feria de Tiendas Virtuales
¡El resultado que buscábamos!

30. 30 | Huesca – VII Feria de Tiendas Virtuales
¿Cómo se hace esto?

31. 31 | Huesca – VII Feria de Tiendas Virtuales
(1) Identificamos todas las cosas en la Web
http://www.flickr.com/photos/bluefountainmedia/4701009433/

32. 32 | Huesca – VII Feria de Tiendas Virtuales
¿Cómo identificamos esas cosas?
http://.../cosa

33. 33 | Huesca – VII Feria de Tiendas Virtuales
Ejemplo: pensemos en un lugar...
➔
Ciudad Condal
➔
Βαρκελώνη
➔ ‫برشلون‬
➔
巴塞罗那
➔
…
http://dbpedia.org/resource/Barcelona
Ildefons Cerdá 1850 – http://www.anycerda.org

34. 34 | Huesca – VII Feria de Tiendas Virtuales
(2) Describimos esos recursos en la Web
http://www.flickr.com/photos/auntiep/3191405191/

35. 35 | Huesca – VII Feria de Tiendas Virtuales
http://dbpedia.org/resource/Barcelona
Descripción del recurso “Barcelona” según la dbpedia

36. 36 | Huesca – VII Feria de Tiendas Virtuales
http://dbpedia.org/resource/Barcelona
Descripción del recurso “Barcelona” según la dbpedia Infobox de “Barcelona” en la Wikipedia

37. 37 | Huesca – VII Feria de Tiendas Virtuales
(3) Enlazamos los recursos entre sí
http://www.flickr.com/photos/mliu92/3597258078/

38. 38 | Huesca – VII Feria de Tiendas Virtuales
Todos los objetos reales (identificados,
descritos) y enlazados
http://…/cosa/1
http://…/cosa/31
http://…/cosa/22
http://…/cosa/2
http://…/Barcelona
http://…/cosa/14

39. 39 | Huesca – VII Feria de Tiendas Virtuales
Enlazados por sus relaciones semánticas
http://…/cosa/1
http://…/cosa/52
http://…/cosa/52 es parte de http://…/cosa/1

40. 40 | Huesca – VII Feria de Tiendas Virtuales
Modelamos la realidad...
…/Autonomía/Aragón
…/Provincia/Huesca
<http://…/Provincia/Huesca> <http://.../es-parte-de> <http://…/Autonomia/Aragón>
…/es-parte-de

41. 41 | Huesca – VII Feria de Tiendas Virtuales
Integración a escala global:
el efecto de Red

42. 42 | Huesca – VII Feria de Tiendas Virtuales
Linking Open Data
http://richard.cyganiak.de/2007/10/lod/

43. 43 | Huesca – VII Feria de Tiendas Virtuales
No es trivial :-)

44. 44 | Huesca – VII Feria de Tiendas Virtuales
Open Data. Un nuevo concepto

45. 45 | Huesca – VII Feria de Tiendas Virtuales
Open Data y Reutilización de Información
Datos
Organizaciones
http://www.flickr.com/photos/28634332@N05/5473561903/

46. 46 | Huesca – VII Feria de Tiendas Virtuales
Open Data
• (1) Transparencia
– Medioambiental, financiera...
– Mejora de la imagen
• (2) Interoperabilidad con terceros (proveedores – clientes)
– Fomento de la innovación en creación de aplicaciones
• (3) Mejora en SEO
– Resultados precisos
– Mejor indexación

47. 47 | Huesca – VII Feria de Tiendas Virtuales
¿Cómo se abren los datos?
• Microdatos y RDFa es la forma más
sencilla de exponer datos en la Web
usando los mecanismos existentes
• Datos incrustados en el código HTML
– HTML5 lo soporta de forma nativa
– Transparente para el usuario

48. 48 | Huesca – VII Feria de Tiendas Virtuales
Microdatos y RDFa en HTML5
<div itemscope>
<p>Nombre: <span itemprop="name">John</span></p>
<p>Banda:
<span itemprop="band" itemscope>
<span itemprop="name">Los Grandes del Jazz</span>
(<span itemprop="size">12</span> integrantes)
</span>
</p>
</div>
<p typeof="foaf:Person" xmlns:foaf="http://xmlns.com/foaf/0.1/">
Nombre: <em property="foaf:name">John</em> y...
</p>

49. 49 | Huesca – VII Feria de Tiendas Virtuales
Mejora en SEO
• GoodRelations + RDFa
– Mejora significativa en el ranking (Google)
– Incremento del 30% de visitas a la web
– +15% en Click-Through-Rate (CTR) en
Yahoo!

50. 50 | Huesca – VII Feria de Tiendas Virtuales
Best Buy
dirección
teléfono
geo
críticas
nombre tienda
horario apertura
eventos
servicios

51. 51 | Huesca – VII Feria de Tiendas Virtuales
¿Quiénes interpretan RDFa?
• Yahoo (Search Monkey)
• Google (Rich Snippets)
<div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Review-aggregate">
<div rel="v:itemreviewed">
<span typeof="v:Organization">
<h1 property="v:name">Pizza Suprema...</h1>
...
<img rel="v:rating" class="stars_5" src="stars.png" alt="5 stars"/>
<em>based on <span property="v:count">39</span> reviews</em>
...
</span>
</div>
</div>

52. 52 | Huesca – VII Feria de Tiendas Virtuales
schema.org
• Microdatos + vocabulario (schema.org) → Representable en RDFa
• Vocabulario para describir
–
Trabajos creativos: CreativeWork, Book, Movie, MusicRecording, Recipe, TVSeries...
–
Objetos incrustados (no textuales): AudioObject, ImageObject, VideoObject
–
Event, Organization, Person
–
Place, LocalBusiness, Restaurant ...
–
Product, Offer, AggregateOffer, Review, AggregateRating
• Lo entienden Google, Microsoft y Yahoo!
• Problema: interoperabilidad con los vocabularios ya existentes
<div itemscope itemtype ="http://schema.org/Movie">
<h1 itemprop="name">Avatar</h1>
<span>Director: <span itemprop="director">James Cameron</span> (born Aug 16,1954)</span>
<span itemprop="genre">Science fiction</span>
<a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>

53. 53 | Huesca – VII Feria de Tiendas Virtuales
Google, Microsoft y Yahoo! lo entienden

54. 54 | Huesca – VII Feria de Tiendas Virtuales
¡Muchas gracias!
Yo:
– martin@w3.org
– @espinr
Más sobre la Web Semántica:
– http://www.w3.org/standards/semanticweb/