RDFa Comment insuffler un peu dintelligence à une page Web ? Semweb.pro, Paris, 18 janvier 2010 Présentation et exemples :

Présentation au sujet: "RDFa Comment insuffler un peu dintelligence à une page Web ? Semweb.pro, Paris, 18 janvier 2010 Présentation et exemples :"— Transcription de la présentation:

1 RDFa Comment insuffler un peu dintelligence à une page Web ? Semweb.pro, Paris, 18 janvier 2010 Présentation et exemples : http://www.lespetitescases.net/semweblabs/semwebpro/rdfa/ http://www.lespetitescases.net/semweblabs/semwebpro/rdfa/

2 2 PROBLÉMATIQUE

3 3 Le code HTML dune page Web Présentation de Gautier Poupeau Je m'appelle Gautier Poupeau. Mon anniversaire est le 19 mai. Je suis passionné par les technologies du Web sémantique. Je tiens d'ailleurs un blog sur ces questions : Les petites cases J'appartiens à la communauté des professionnels de l'information composée de : Emmanuelle Bermès ; Stéphane Pouyllau.

4 4 La même page Web dans un navigateur

5 5 La même page Web vu par un moteur de recherche Présentation de Gautier Poupeau Je m'appelle Gautier Poupeau. Mon anniversaire est le 19 mai. Je suis passionné par les technologies du Web sémantique. Je tiens d'ailleurs un blog sur ces questions : Les petites cases J'appartiens à la communauté des professionnels de l'information composée de : Emmanuelle Bermès ; Stéphane Pouyllau.

6 6 Et pourtant, il existe beaucoup dinformations Présentation de Gautier Poupeau Je m'appelle Gautier Poupeau. Mon anniversaire est le 19 mai. Je suis passionné par les technologies du Web sémantique. Je tiens d'ailleurs un blog sur ces questions : Les petites cases J'appartiens à la communauté des professionnels de l'information composée de : Emmanuelle Bermès ; Stéphane Pouyllau. Cette page décrit une personne Mon nom Ma date anniversaire Ma passion LURL de mon blog Le titre de mon blog mes connaissances

7 7 Comment exprimer une donnée pour la machine ? ChienAnimal Une série de signes reliés forme une donnée Machine doit comprendre la donnée

8 8 Comment exprimer une donnée pour la machine ? ChienAnimal Une série de signes reliés forme une donnée La donnée est encodée dans le cadre dun document Machine doit comprendre la donnée Ne comprend pas la donnée mais quil sagit dun paragraphe De plus, la donnée est toujours vraie même en dehors de ce document. Le chien le chien est un animal

9 9 Comment exprimer une donnée pour la machine ? ChienAnimal Une série de signes reliés forme une donnée La donnée est encodée dans le cadre dun document Machine doit comprendre la donnée Ne comprend pas la donnée mais quil sagit dun paragraphe De plus, la donnée est toujours vraie même en dehors de ce document. La donnée elle-même est encodée sous la forme dun triplet. La machine peut traiter et analyser la donnée car elle est encodée selon une logique formelle. Le chien le chien est un animal Sujet prédicat Objet chien animal est

10 10 Comment exprimer une donnée pour la machine ? ChienAnimal Une série de signes reliés forme une donnée La donnée est encodée dans le cadre dun document Machine doit comprendre la donnée Ne comprend pas la donnée mais quil sagit dun paragraphe De plus, la donnée est toujours vraie même en dehors de ce document. La donnée elle-même est encodée sous la forme dun triplet. La machine peut traiter et analyser la donnée car elle est encodée selon une logique formelle. Le chien le chien est un animal Sujet prédicat Objet Sujet prédicat chien animal est RDF, un modèle pour encoder les données structurées

11 11 Une première réponse : les microformats Les microformats sont une première tentative pragmatique pour ajouter un peu de structure « sémantique » à une page Web. Gautier Poupeau Antidot +33645495977 http://www.lespetitescases.net Exemple : Avantages Simple à introduire dans une page Web Compatible HTML/XHTML Utilise des fonctionnalités natives de HTML/XHTML Compatible avec technos du SemWeb grâce à GRDDL Limites Utilise les attributs HTML dédiés à la mise en forme Manque de souplesse Pas de standardisation

12 12 RDFa : la rencontre entre RDF et XML Dès 2004, Mark Birbeck propose un mécanisme pour ajouter des triplets RDF dans HTML. Initialement prévu pour XHTML 2, une recommandation est publiée pour XHTML 1 en 2007. XHTMLRDF RDFa

13 13 PRINCIPES

14 14 « Timothy Berners-Lee » Un graphe

15 15 Le même graphe en RDF/XML <rdf:RDF xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/terms/"> Timothy Berners-Lee timbl

16 16 Le même graphe en RDFa <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> <html xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns="http://www.w3.org/1999/xhtml" xmlns:dc="http://purl.org/dc/terms/"> Description de Timbl en XHTML + RDFa Le créateur du W3C a pour nom Timothy Berners-Lee et pour surnom Timbl. ATTENTION : RDFa ne dispense pas de respecter les principes de RDF et les vocabulaires ou ontologies utilisées

17 17 FOAF : Friend Of A Friend http://xmlns.com/foaf/spec/ Ontologie créée et maintenue par Dan Brickley et Libby Miller

18 18 <html xmlns ="http://www.w3.org/1999/xhtml" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" xml:lang="fr"> Profil RDFa à titre d'exemple Je m'appelle Gautier Poupeau. RDFa Déclaration de la DTD spécifique XHTML + RDFa

19 19 <html xmlns ="http://www.w3.org/1999/xhtml" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" xml:lang="fr"> Profil RDFa à titre d'exemple Je m'appelle Gautier Poupeau. RDFa Déclaration des espaces de noms et des préfixes

20 20 <html xmlns ="http://www.w3.org/1999/xhtml" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" xml:lang="fr"> Profil RDFa à titre d'exemple Je m'appelle Gautier Poupeau. RDFa Déclaration de la langue donc récupéré pour tous les littéraux

21 21 <html xmlns ="http://www.w3.org/1999/xhtml" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" xml:lang="fr"> Profil RDFa à titre d'exemple Je m'appelle Gautier Poupeau. RDFa Pas de déclaration URI du sujet donc lURL de la page par défaut

22 22 <html xmlns ="http://www.w3.org/1999/xhtml" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" xml:lang="fr"> Profil RDFa à titre d'exemple Je m'appelle Gautier Poupeau. RDFa Attribut @typeof pour indiquer le type de la ressource = rdf:type

23 23 <html xmlns ="http://www.w3.org/1999/xhtml" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" xml:lang="fr"> Profil RDFa à titre d'exemple Je m'appelle Gautier Poupeau. RDFa Attribut @property si objet = Littéral (ici dans attribut @content car dans len-tête HTML)

24 24 <html xmlns ="http://www.w3.org/1999/xhtml" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" xml:lang="fr"> Profil RDFa à titre d'exemple Je m'appelle Gautier Poupeau. RDFa Attribut @rel si objet = Ressource

25 25 <html xmlns ="http://www.w3.org/1999/xhtml" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" xml:lang="fr"> Profil RDFa à titre d'exemple Je m'appelle Gautier Poupeau. RDFa Attribut @about pour déclarer lURI dun sujet différent de lURL de la page

26 26 <html xmlns ="http://www.w3.org/1999/xhtml" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" xml:lang="fr"> Profil RDFa à titre d'exemple Je m'appelle Gautier Poupeau. RDFa Utilisation de la hiérarchie de XHTML pour indiquer les différents triplets dont lURI est sujet

27 27 <html xmlns ="http://www.w3.org/1999/xhtml" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" xml:lang="fr"> Profil RDFa à titre d'exemple Je m'appelle Gautier Poupeau. RDFa Attribut @datatype pour indiquer le type de données

28 28 RDFa Mon anniversaire est le 19 mai Je suis passionné par les technologies du Web sémantique. Je tiens d'ailleurs un blog sur ces questions : Les petites cases J'appartiens à la communauté des professionnels de l'information composée de : Emmanuelle Bermès Stéphane Pouyllau Attribut @content pour indiquer contenu différent de lélément

29 29 RDFa Mon anniversaire est le 19 mai Je suis passionné par les technologies du Web sémantique. Je tiens d'ailleurs un blog sur ces questions : Les petites cases J'appartiens à la communauté des professionnels de l'information composée de : Emmanuelle Bermès Stéphane Pouyllau Attribut @rel et @href pour indiquer triplet avec ressource en objet

30 30 RDFa Mon anniversaire est le 19 mai Je suis passionné par les technologies du Web sémantique. Je tiens d'ailleurs un blog sur ces questions : Les petites cases J'appartiens à la communauté des professionnels de l'information composée de : Emmanuelle Bermès Stéphane Pouyllau Utilisation de la hiérarchie pour indiquer triplet sur une ressource elle-même objet avec le prédicat foaf:weblog

31 31 RDFa Mon anniversaire est le 19 mai Je suis passionné par les technologies du Web sémantique. Je tiens d'ailleurs un blog sur ces questions : Les petites cases J'appartiens à la communauté des professionnels de l'information composée de : Emmanuelle Bermès Stéphane Pouyllau Utilisation de la hiérarchie pour indiquer triplet sur une ressource elle-même objet avec le prédicat foaf:knows

32 32 RDFa Mon anniversaire est le 19 mai Je suis passionné par les technologies du Web sémantique. Je tiens d'ailleurs un blog sur ces questions : Les petites cases J'appartiens à la communauté des professionnels de l'information composée de : Emmanuelle Bermès Stéphane Pouyllau Même chose mais ici on a un nœud blanc

33 33 OUTILS DE CONTRÔLE

34 34 Live Loop http://rdfa.digitalbazaar.com/live-loop/ Interface en ligne permettant de visualiser directement le résultat dun encodage RDFa

35 35 RDFa distiller RDFa Distiller est un service en ligne du W3C mis au point par Ivan Herman qui extrait les annotations RDFa dune page Web pour en faire un flux RDF/XML, Turtle, N-triples http://www.w3.org/2007/08/pyRdfa/

36 36 Résultat du RDFa Distiller <rdf:RDF xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#"> Gautier Poupeau Stéphane Pouyllau Emmanuelle Bermès Les petites cases 05-19 Mon profil FOAF

37 37 Check RDFa Validateur/Extracteur des annotations RDFa mis au point par Toby Inkster http://check.rdfa.info

38 38 Résultat du check RDFa

39 39 RDF validator Service de validation syntaxique dun flux RDF (y compris un résultat du RDFa distiller) http://www.w3.org/RDF/Validator/

40 40 Résultat du RDF validator

41 41 USAGES

42 42 Interactions entre les sites : Google Rich Snippet A la suite de Yahoo SearchMonkey (maintenant arrêté), Google exploite les annotations RDFa pour améliorer la présentation des résultats de recherche. Fil dAriane Business et organisations Evénements Information produit Personne Recettes Recensions Microformats MicroData RDFa Type de Google Rich Snippet Syntaxe disponible Google propose ses propres vocabulaires RDF à respecter. Il nexploite pas nativement tous les vocabulaires (à la différence de feu SearchMonkey). Mais, Google a annoncé récemment le support de lontologie spécialisé dans le Ecommerce « Good Relations »

43 43 Interactions entre les sites : Open Graph Protocol Système basé sur RDFa mis au point par Facebook pour enrichir laffichage des sélections des utilisateurs avec le bouton « I like/jaime » <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"> The Rock (1996) <meta property="og:description" content="A group of U.S. Marines, under command of a renegade general, take over Alcatraz and threaten San Francisco Bay with biological weapons."/>......

44 44 Interactions avec le navigateur : les modules Des modules de navigateurs exploitent les annotations RDFa, quelques exemples : RDFa Developper (Firefox) Operator (Firefox) Amazon Checker (Chrome)

45 45 Interaction dans le même site : Knowledge box CSS Le code source original Interrogation en sparql Affichage du résultat dans une bulle via Ajax Knowledge box est un module Drupal 6 qui sappuie sur les annotations RDFa pour afficher des définitions de termes ou dexpressions. http://www.lespetitescases.net/knowledge-box-reloaded

46 46 Interaction dans le même site : RDFQuery RDFQuery est un module Jquery mis au point par Jeni Tennison qui permet dexploiter lencodage RDFa au sein dune page Web (Requête, application de règles) http://code.google.com/p/rdfquery/

47 47 LAVENIR

48 48 RDFa à la conquête des CMS Les annotations RDFa peuvent facilement être générées automatiquement à partir des données structurées stockées dans les bases de données. Il est donc logique que les CMS ajoutent un support natif de RDFa ou via des plugins dédiés. Drupal 7 Goodrelations-for-oscommerce Semantium_MSemanticBasic Goodrelations for WP e-Commerce

49 49 RDFa 1.1 Objectif du groupe de travail du W3C : mettre au point une API, simplifier la pratique et mieux définir la sémantique des attributs RDFa pour XML. Cf. la présentation dIvan Herman : http://www.w3.org/2011/Talks/0117-Paris-IH/http://www.w3.org/2011/Talks/0117-Paris-IH/

50 Merci pour votre attention Gautier Poupeau Antidot | GSM: +33 (0)6 45 49 59 77 F-75 Paris | mailto: gpoupeau@antidot.net Blog : Les petites cases | Twitter : @lespetitescasesLes petites cases