Antidot, profile picture
Téléchargé parAntidot
3,947 vues

RDFa, comment insuffler un peu d'intelligence à une page Web ?

Le document traite de l'ajout de sémantique aux pages web à travers RDFa, une méthode permettant d'incorporer des triplets RDF dans du HTML. Il présente des exemples d'implémentation de microformats et explique les principes et avantages de RDFa tout en soulignant ses limites. La discussion inclut des éléments techniques sur la façon dont les informations peuvent être encodées pour être compréhensibles par les machines.

Intégrer la présentation

RDFa Comment insuffler un peu d’intelligence à une page Web ? Semweb.pro, Paris, 18 janvier 2010
PROBLÉMATIQUE
Le code HTML d’une page Web <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;fr&quot;> <head> <title>Présentation de Gautier Poupeau</title> </head> <body> <p>Je m'appelle Gautier Poupeau.</p> <p>Mon anniversaire est le 19 mai.</p> <p> Je suis passionné par les technologies du Web sémantique. </p> <p> Je tiens d'ailleurs un blog sur ces questions : <a href=&quot;http://www.lespetitescases.net&quot;>Les petites cases</a> </p> <p>J'appartiens à la communauté des professionnels de l'information composée de :</p> <ul> <li> <a href=&quot;http://www.figoblog.org&quot;>Emmanuelle Bermès</a> ; </li> <li> <a href=&quot;http://stephanepouyllau.org/&quot;>Stéphane Pouyllau</a>. </li> </ul> </body> </html>
La même page Web dans un navigateur
La même page Web vu par un moteur de recherche <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;fr&quot;> <head> <title> Présentation de Gautier Poupeau </title> </head> <body> <p> Je m'appelle Gautier Poupeau. </p> <p> Mon anniversaire est le 19 mai. </p> <p> Je suis passionné par les technologies du Web sémantique. </p> <p> Je tiens d'ailleurs un blog sur ces questions : <a href=&quot;http://www.lespetitescases.net&quot;>Les petites cases</a> </p> <p> J'appartiens à la communauté des professionnels de l'information composée de : </p> <ul> <li> <a href=&quot;http://www.figoblog.org&quot;>Emmanuelle Bermès</a> ; </li> <li> <a href=&quot;http://stephanepouyllau.org/&quot;>Stéphane Pouyllau</a>. </li> </ul> </body> </html>
Et pourtant, il existe beaucoup d’informations <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;fr&quot;> <head> <title>Présentation de Gautier Poupeau</title> </head> <body> <p>Je m'appelle Gautier Poupeau.</p> <p>Mon anniversaire est le 19 mai.</p> <p> Je suis passionné par les technologies du Web sémantique. </p> <p> Je tiens d'ailleurs un blog sur ces questions : <a href=&quot;http://www.lespetitescases.net&quot;>Les petites cases</a> </p> <p>J'appartiens à la communauté des professionnels de l'information composée de :</p> <ul> <li> <a href=&quot;http://www.figoblog.org&quot;>Emmanuelle Bermès</a> ; </li> <li> <a href=&quot;http://stephanepouyllau.org/&quot;>Stéphane Pouyllau</a>. </li> </ul> </body> </html> Cette page décrit une personne Mon nom Ma date anniversaire Ma passion L’URL de mon blog Le titre de mon blog mes connaissances
Comment exprimer une donnée pour la machine ? Chien Animal Une série de signes reliés forme une donnée Machine doit comprendre la donnée
Comment exprimer une donnée pour la machine ? Chien Animal Une série de signes reliés forme une donnée La donnée est encodée dans le cadre d’un document Machine doit comprendre la donnée Ne comprend pas la donnée mais qu’il s’agit d’un paragraphe De plus, la donnée est toujours vraie même en dehors de ce document. <html> <head> <title>Le chien</title> </head> <body> <p> le chien est un animal </p> </body> </html>
Comment exprimer une donnée pour la machine ? Chien Animal Une série de signes reliés forme une donnée La donnée est encodée dans le cadre d’un document Machine doit comprendre la donnée Ne comprend pas la donnée mais qu’il s’agit d’un 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 d’un triplet. La machine peut traiter et analyser la donnée car elle est encodée selon une logique formelle. <html> <head> <title>Le chien</title> </head> <body> <p> le chien est un animal </p> </body> </html> Sujet prédicat Objet chien animal est
Comment exprimer une donnée pour la machine ? Chien Animal Une série de signes reliés forme une donnée La donnée est encodée dans le cadre d’un document Machine doit comprendre la donnée Ne comprend pas la donnée mais qu’il s’agit d’un 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 d’un triplet. La machine peut traiter et analyser la donnée car elle est encodée selon une logique formelle. <html> <head> <title>Le chien</title> </head> <body> <p> le chien est un animal </p> </body> </html> Sujet prédicat Objet Sujet prédicat prédicat chien animal est RDF, un modèle pour encoder les données structurées
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. <div class=&quot;vcard&quot;> <div class=&quot;fn&quot;>Gautier Poupeau</div> <div class=&quot;org&quot;>Antidot</div> <div class=&quot;tel&quot;>+33645495977</div> <a class=&quot;url&quot; href=&quot;http://www.lespetitescases.net&quot;>http://www.lespetitescases.net</a> </div> 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
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. XHTML RDF RDFa
PRINCIPES
Un graphe <http://www.w3.org/People/Berners-Lee/card#i> <http://xmlns.com/foaf/0.1/Person> <http://www.sciam.com/article.cfm?id=the-semantic-web> « Timothy Berners-Lee » <http://www.w3.org/1999/02/22-rdf-syntax-ns#type> <http://xmlns.com/foaf/0.1/name> < http://xmlns.com/foaf/0.1/maker>
Le même graphe en RDF/XML <rdf:RDF xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot; xmlns:rdfs=&quot;http://www.w3.org/2000/01/rdf-schema#&quot; xmlns:dc=&quot; http://purl.org/dc/terms/ &quot;> <rdf:Description rdf:about=&quot; http://www.w3.org/People/Berners-Lee/card#i &quot;> < rdf:type rdf:resource=&quot; http://xmlns.com/foaf/0.1/Person &quot;/> < foaf:name > Timothy Berners-Lee </foaf:name> < foaf:maker rdf:resource= &quot; http://www.w3.org &quot;/> < foaf:nick > timbl </foaf:nick> </rdf:Description> </rdf:RDF>
Le même graphe en RDFa <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot;> <head> <title>Description de Timbl en XHTML + RDFa</title> </head> <body> <div typeof =&quot; foaf:person &quot; about=&quot; http://www.w3.org/People/Berners-Lee/card#i &quot;> Le <span rel=&quot; foaf:maker &quot; href=&quot; http://www.w3.org &quot;>créateur du W3C</span> a pour nom <span property=&quot; foaf:name &quot;> Timothy Berners-Lee </span> et pour surnom <span property=&quot; foaf:nick &quot;>Timbl</span>. </div> </body> </html> ATTENTION : RDFa ne dispense pas de respecter les principes de RDF et les vocabulaires ou ontologies utilisées
FOAF : Friend Of A Friend http://xmlns.com/foaf/spec/ Ontologie créée et maintenue par Dan Brickley et Libby Miller
RDFa <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Déclaration de la DTD spécifique XHTML + RDFa
RDFa <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Déclaration des espaces de noms et des préfixes
RDFa <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Déclaration de la langue donc récupéré pour tous les littéraux
RDFa <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Pas de déclaration URI du sujet donc l’URL de la page par défaut
RDFa <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Attribut @typeof pour indiquer le type de la ressource = rdf:type
RDFa <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Attribut @property si objet = Littéral (ici dans attribut @content car dans l’en-tête HTML)
RDFa <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Attribut @rel si objet = Ressource
RDFa <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Attribut @about pour déclarer l’URI d’un sujet différent de l’URL de la page
RDFa <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Utilisation de la hiérarchie de XHTML pour indiquer les différents triplets dont l’URI est sujet
RDFa <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Attribut @datatype pour indiquer le type de données
RDFa Mon anniversaire est le <span property=&quot;foaf:birthday&quot; content=&quot;05-19&quot; xml:lang=&quot;en&quot;>19 mai</span> </p> <p> Je suis passionné par les technologies du <span rel=&quot;foaf:interest&quot; href=&quot;http://dbpedia.org/resource/Semantic_Web&quot;>Web sémantique</span>. </p> <p>Je tiens d'ailleurs un blog sur ces questions : <span rel=&quot;foaf:weblog&quot;><a href=&quot;http://www.lespetitescases.net&quot; property=&quot;dc:title&quot;>Les petites cases</a></span> </p> <p>J'appartiens à la communauté des professionnels de l'information composée de :</p> <ul rel=&quot;foaf:knows&quot;> <li typeof=&quot;foaf:person&quot; about=&quot;http://www.figoblog.org/foaf.rdf#EB&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://www.figoblog.org&quot;>Emmanuelle Bermès</a> </li> <li typeof=&quot;foaf:person&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://stephanepouyllau.org/&quot;>Stéphane Pouyllau</a> </li> </ul> </div> </body> </html> Attribut @content pour indiquer contenu différent de l’élément
RDFa Mon anniversaire est le <span property=&quot;foaf:birthday&quot; content=&quot;05-19&quot; xml:lang=&quot;en&quot;>19 mai</span> </p> <p> Je suis passionné par les technologies du <span rel=&quot;foaf:interest&quot; href=&quot;http://dbpedia.org/resource/Semantic_Web&quot;>Web sémantique</span>. </p> <p>Je tiens d'ailleurs un blog sur ces questions : <span rel=&quot;foaf:weblog&quot;><a href=&quot;http://www.lespetitescases.net&quot; property=&quot;dc:title&quot;>Les petites cases</a></span> </p> <p>J'appartiens à la communauté des professionnels de l'information composée de :</p> <ul rel=&quot;foaf:knows&quot;> <li typeof=&quot;foaf:person&quot; about=&quot;http://www.figoblog.org/foaf.rdf#EB&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://www.figoblog.org&quot;>Emmanuelle Bermès</a> </li> <li typeof=&quot;foaf:person&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://stephanepouyllau.org/&quot;>Stéphane Pouyllau</a> </li> </ul> </div> </body> </html> Attribut @rel et @href pour indiquer triplet avec ressource en objet
RDFa Mon anniversaire est le <span property=&quot;foaf:birthday&quot; content=&quot;05-19&quot; xml:lang=&quot;en&quot;>19 mai</span> </p> <p> Je suis passionné par les technologies du <span rel=&quot;foaf:interest&quot; href=&quot;http://dbpedia.org/resource/Semantic_Web&quot;>Web sémantique</span>. </p> <p>Je tiens d'ailleurs un blog sur ces questions : <span rel=&quot;foaf:weblog&quot;><a href=&quot;http://www.lespetitescases.net&quot; property=&quot;dc:title&quot;>Les petites cases</a></span> </p> <p>J'appartiens à la communauté des professionnels de l'information composée de :</p> <ul rel=&quot;foaf:knows&quot;> <li typeof=&quot;foaf:person&quot; about=&quot;http://www.figoblog.org/foaf.rdf#EB&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://www.figoblog.org&quot;>Emmanuelle Bermès</a> </li> <li typeof=&quot;foaf:person&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://stephanepouyllau.org/&quot;>Stéphane Pouyllau</a> </li> </ul> </div> </body> </html> Utilisation de la hiérarchie pour indiquer triplet sur une ressource elle-même objet avec le prédicat foaf:weblog
RDFa Mon anniversaire est le <span property=&quot;foaf:birthday&quot; content=&quot;05-19&quot; xml:lang=&quot;en&quot;>19 mai</span> </p> <p> Je suis passionné par les technologies du <span rel=&quot;foaf:interest&quot; href=&quot;http://dbpedia.org/resource/Semantic_Web&quot;>Web sémantique</span>. </p> <p>Je tiens d'ailleurs un blog sur ces questions : <span rel=&quot;foaf:weblog&quot;><a href=&quot;http://www.lespetitescases.net&quot; property=&quot;dc:title&quot;>Les petites cases</a></span> </p> <p>J'appartiens à la communauté des professionnels de l'information composée de :</p> <ul rel=&quot;foaf:knows&quot;> <li typeof=&quot;foaf:person&quot; about=&quot;http://www.figoblog.org/foaf.rdf#EB&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://www.figoblog.org&quot;>Emmanuelle Bermès</a> </li> <li typeof=&quot;foaf:person&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://stephanepouyllau.org/&quot;>Stéphane Pouyllau</a> </li> </ul> </div> </body> </html> Utilisation de la hiérarchie pour indiquer triplet sur une ressource elle-même objet avec le prédicat foaf:knows
RDFa Mon anniversaire est le <span property=&quot;foaf:birthday&quot; content=&quot;05-19&quot; xml:lang=&quot;en&quot;>19 mai</span> </p> <p> Je suis passionné par les technologies du <span rel=&quot;foaf:interest&quot; href=&quot;http://dbpedia.org/resource/Semantic_Web&quot;>Web sémantique</span>. </p> <p>Je tiens d'ailleurs un blog sur ces questions : <span rel=&quot;foaf:weblog&quot;><a href=&quot;http://www.lespetitescases.net&quot; property=&quot;dc:title&quot;>Les petites cases</a></span> </p> <p>J'appartiens à la communauté des professionnels de l'information composée de :</p> <ul rel=&quot;foaf:knows&quot;> <li typeof=&quot;foaf:person&quot; about=&quot;http://www.figoblog.org/foaf.rdf#EB&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://www.figoblog.org&quot;>Emmanuelle Bermès</a> </li> <li typeof=&quot;foaf:person&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://stephanepouyllau.org/&quot;>Stéphane Pouyllau</a> </li> </ul> </div> </body> </html> Même chose mais ici on a un nœud blanc
OUTILS DE CONTRÔLE
Live Loop http://rdfa.digitalbazaar.com/live-loop/ Interface en ligne permettant de visualiser directement le résultat d’un encodage RDFa
RDFa distiller RDFa Distiller est un service en ligne du W3C mis au point par Ivan Herman qui extrait les annotations RDFa d’une page Web pour en faire un flux RDF/XML, Turtle, N-triples http://www.w3.org/2007/08/pyRdfa/
Résultat du RDFa Distiller <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?> <rdf:RDF xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot;> <foaf:PersonalProfileDocument rdf:about=&quot;http://www.lespetitescases.net/semweblabs/semwebpro/RDFa.htm&quot;> <foaf:maker> <foaf:Person rdf:about=&quot;http://www.lespetitescases.net/semweblabs/semwebpro/RDFa.htm#GP&quot;> <foaf:name rdf:datatype=&quot;http://www.w3.org/2001/XMLSchema#string&quot;>Gautier Poupeau</foaf:name> <foaf:knows> <foaf:person> <foaf:homepage rdf:resource=&quot;http://stephanepouyllau.org/&quot;/> <foaf:name xml:lang=&quot;fr&quot;>Stéphane Pouyllau</foaf:name> </foaf:person> </foaf:knows> <foaf:knows> <foaf:person rdf:about=&quot;http://www.figoblog.org/foaf.rdf#EB&quot;> <foaf:homepage rdf:resource=&quot;http://www.figoblog.org&quot;/> <foaf:name xml:lang=&quot;fr&quot;>Emmanuelle Bermès</foaf:name> </foaf:person> </foaf:knows> <foaf:weblog> <rdf:Description rdf:about=&quot;http://www.lespetitescases.net&quot;> <dc:title xml:lang=&quot;fr&quot;>Les petites cases</dc:title> </rdf:Description> </foaf:weblog> <foaf:birthday xml:lang=&quot;en&quot;>05-19</foaf:birthday> <foaf:interest rdf:resource=&quot;http://dbpedia.org/resource/Semantic_Web&quot;/> </foaf:Person> </foaf:maker> <foaf:primaryTopic rdf:resource=&quot;http://www.lespetitescases.net/semweblabs/Formation-CCSD/RDFa.htm#GP&quot;/> <dc:title xml:lang=&quot;fr&quot;>Mon profil FOAF</dc:title> </foaf:PersonalProfileDocument> </rdf:RDF>
Check RDFa Validateur/Extracteur des annotations RDFa mis au point par Toby Inkster http://check.rdfa.info
Résultat du check RDFa
RDF validator Service de validation syntaxique d’un flux RDF (y compris un résultat du RDFa distiller) http://www.w3.org/RDF/Validator/
Résultat du RDF validator
USAGES
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 d’Ariane 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 n’exploite pas nativement tous les vocabulaires (à la différence de feu SearchMonkey). Mais, Google a annoncé récemment le support de l’ontologie spécialisé dans le Ecommerce « Good Relations »
Interactions entre les sites : Open Graph Protocol Système basé sur RDFa mis au point par Facebook pour enrichir l’affichage des sélections des utilisateurs avec le bouton « I like/j’aime » <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xmlns:og=&quot;http://ogp.me/ns#&quot; xmlns:fb=&quot;http://www.facebook.com/2008/fbml&quot;> <head> <title>The Rock (1996)</title> <meta property=&quot;og:title&quot; content=&quot;The Rock&quot;/> <meta property=&quot;og:type&quot; content=&quot;movie&quot;/> <meta property=&quot;og:url&quot; content=&quot;http://www.imdb.com/title/tt0117500/&quot;/> <meta property=&quot;og:image&quot; content=&quot;http://ia.media-imdb.com/rock.jpg&quot;/> <meta property=&quot;og:site_name&quot; content=&quot;IMDb&quot;/> <meta property=&quot;fb:admins&quot; content=&quot;USER_ID&quot;/> <meta property=&quot;og:description&quot; content=&quot;A group of U.S. Marines, under command of a renegade general, take over Alcatraz and threaten San Francisco Bay with biological weapons.&quot;/> ... </head> ... </html>
Interactions avec le navigateur : les modules Des modules de navigateurs exploitent les annotations RDFa, quelques exemples : RDFa Developper (Firefox) Operator (Firefox) Amazon Checker (Chrome)
Interaction dans le même site : Knowledge box <span id=&quot;css&quot; about=&quot;#css&quot; rel=&quot;owl:sameAs&quot; href=&quot;http://dbpedia.org/resource/Cascading_Style_Sheets&quot;> CSS </span> Le code source original Interrogation en sparql Affichage du résultat dans une bulle via Ajax Knowledge box est un module Drupal 6 qui s’appuie sur les annotations RDFa pour afficher des définitions de termes ou d’expressions. http://www.lespetitescases.net/knowledge-box-reloaded
Interaction dans le même site : RDFQuery RDFQuery est un module Jquery mis au point par Jeni Tennison qui permet d’exploiter l’encodage RDFa au sein d’une page Web (Requête, application de règles) http://code.google.com/p/rdfquery/
L’AVENIR
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
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 d’Ivan Herman : http://www.w3.org/2011/Talks/0117-Paris-IH/
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 : @lespetitescases

Contenu connexe

PPT
Seo campus 01-03-2011
parOlivier Andrieu
 
PDF
Recherche web 2013
parPatrice Leroux
 
PDF
Vol03no04
parguest6a50f
 
PDF
Tutoriel services Google
parMEMOIRE PATRIMOINE CLOHARS CARNOET
 
DOCX
đại lý mua đồng hồ casio hàng fake 1 cao cấp
paryon526
 
DOC
MARTIN RESUME 2016
parMichael Martin
 
PPT
Curriculum jeremy kilpatrick and john dossey
parGlaiden Rufino
 
DOCX
Aromas De Invierno 2009
parChromo Aromass
 
Seo campus 01-03-2011
parOlivier Andrieu
 
Recherche web 2013
parPatrice Leroux
 
Vol03no04
parguest6a50f
 
Tutoriel services Google
parMEMOIRE PATRIMOINE CLOHARS CARNOET
 
đại lý mua đồng hồ casio hàng fake 1 cao cấp
paryon526
 
MARTIN RESUME 2016
parMichael Martin
 
Curriculum jeremy kilpatrick and john dossey
parGlaiden Rufino
 
Aromas De Invierno 2009
parChromo Aromass
 

En vedette

PDF
Manual de instalacion 120505 090209 - Servicio Tecnico Fagor
parserviciotecnicofagor
 
PPTX
Blaze pizza
parMauricio Almenara
 
PPT
Sinergia en Equipos de Alto Desempeño
parLink Gerencial Consultores
 
PPTX
Mid
parRajana Raghunath
 
PPTX
PPAP SECCION V
parKarina Navar
 
PDF
Communication & Sécurité du patient
parHaute Autorité de Santé
 
PDF
Avigilon Certificate 03
parMichael Phalin
 
PDF
Enquêtes "Culture de sécurité" auprès d’équipes d’Obstétrique et de Réanimation
parHaute Autorité de Santé
 
PDF
4 stratégies pour réinventer la pharmacie
parSophie Gillardeau
 
PPTX
Google analytics behavior report - LetsDigital With Mahesh Gangurde
parMahesh Gangurde
 
PPTX
Burocracia exenta el gasolinazo
parSusana Gallardo
 
PDF
degree
parMasasa Mathe
 
PDF
تصور مقترح لدور كليات المعلمين بالمملكة العربية السعودية في مجال خدمة المجتمع
parto1428aa
 
PPT
Ciencia en Nuestras manos
parCubo de Aprendizaje Transdisciplinario Integral y Activo (CATIA)
 
ODP
Izengabea 1
parsoil-koperatiba
 
Manual de instalacion 120505 090209 - Servicio Tecnico Fagor
parserviciotecnicofagor
 
Blaze pizza
parMauricio Almenara
 
Sinergia en Equipos de Alto Desempeño
parLink Gerencial Consultores
 
Mid
parRajana Raghunath
 
PPAP SECCION V
parKarina Navar
 
Communication & Sécurité du patient
parHaute Autorité de Santé
 
Avigilon Certificate 03
parMichael Phalin
 
Enquêtes "Culture de sécurité" auprès d’équipes d’Obstétrique et de Réanimation
parHaute Autorité de Santé
 
4 stratégies pour réinventer la pharmacie
parSophie Gillardeau
 
Google analytics behavior report - LetsDigital With Mahesh Gangurde
parMahesh Gangurde
 
Burocracia exenta el gasolinazo
parSusana Gallardo
 
degree
parMasasa Mathe
 
تصور مقترح لدور كليات المعلمين بالمملكة العربية السعودية في مجال خدمة المجتمع
parto1428aa
 
Ciencia en Nuestras manos
parCubo de Aprendizaje Transdisciplinario Integral y Activo (CATIA)
 
Izengabea 1
parsoil-koperatiba
 

Similaire à RDFa, comment insuffler un peu d'intelligence à une page Web ?

PPT
Web sémantique, Web de données, Web 3.0, Linked Data... Quelques repères pour...
parAntidot
 
PPT
Chapitre1-XHTML-INTRODUCTION ET CONCEPTS.ppt
parAbdelhakKaddari
 
PPT
Échange et interopérabilité des données structurées sur le Web
parAntidot
 
PDF
Les bases pour utiliser SPARQL
parBorderCloud
 
PDF
Les (r)évolutions de la planète Web
parFabien Gandon
 
PPT
CRFCB AMU evolutions_catalogage_091213_web de données
parnonue12
 
Web sémantique, Web de données, Web 3.0, Linked Data... Quelques repères pour...
parAntidot
 
Chapitre1-XHTML-INTRODUCTION ET CONCEPTS.ppt
parAbdelhakKaddari
 
Échange et interopérabilité des données structurées sur le Web
parAntidot
 
Les bases pour utiliser SPARQL
parBorderCloud
 
Les (r)évolutions de la planète Web
parFabien Gandon
 
CRFCB AMU evolutions_catalogage_091213_web de données
parnonue12
 

Plus de Antidot

PPTX
Web sémantique et Web de données, et si on passait à la pratique ?
parAntidot
 
PPTX
Comment l'intelligence artificielle améliore la recherche documentaire
parAntidot
 
PDF
WISS 2015 - Machine Learning lecture by Ludovic Samper
parAntidot
 
PPTX
Du Big Data à la Smart Information : comment valoriser les actifs information...
parAntidot
 
PPTX
Boostez votre taux de conversion et augmentez vos ventes grâce au searchandis...
parAntidot
 
PPTX
Machine learning, deep learning et search : à quand ces innovations dans nos ...
parAntidot
 
PPTX
Comment l’intelligence artificielle réinvente la fouille de texte
parAntidot
 
PDF
Antidot Content Classifier
parAntidot
 
PDF
Compte rendu de la matinée "E-commerce B2B : les leviers de croissance"
parAntidot
 
PPTX
Do’s and don'ts : la recherche interne aux sites de ecommerce
parAntidot
 
PPT
Vous utilisez Prestashop ? Changez votre moteur de recherche interne pour boo...
parAntidot
 
PPTX
En 2015, quelles sont les bonnes pratiques du searchandising ?
parAntidot
 
PPTX
Boostez votre taux de conversion en tirant profit des bonnes pratiques du sea...
parAntidot
 
PDF
Flyer AFS@Store 2015 FR
parAntidot
 
PPTX
Antidot Content Classifier - Valorisez vos contenus
parAntidot
 
PDF
Cas client CAIJ
parAntidot
 
PPTX
Comment sélectionner, qualifier puis exploiter les données ouvertes
parAntidot
 
PPTX
Comment tirer profit des données publiques ouvertes dans un mashup web grâce ...
parAntidot
 
PPTX
Améliorer le searchandising d’un site spécialisé : retour d'expérience de Cui...
parAntidot
 
PPTX
Synergie entre intranet collaboratif et recherche sémantique : le cas des hôp...
parAntidot
 
Web sémantique et Web de données, et si on passait à la pratique ?
parAntidot
 
Comment l'intelligence artificielle améliore la recherche documentaire
parAntidot
 
WISS 2015 - Machine Learning lecture by Ludovic Samper
parAntidot
 
Du Big Data à la Smart Information : comment valoriser les actifs information...
parAntidot
 
Boostez votre taux de conversion et augmentez vos ventes grâce au searchandis...
parAntidot
 
Machine learning, deep learning et search : à quand ces innovations dans nos ...
parAntidot
 
Comment l’intelligence artificielle réinvente la fouille de texte
parAntidot
 
Antidot Content Classifier
parAntidot
 
Compte rendu de la matinée "E-commerce B2B : les leviers de croissance"
parAntidot
 
Do’s and don'ts : la recherche interne aux sites de ecommerce
parAntidot
 
Vous utilisez Prestashop ? Changez votre moteur de recherche interne pour boo...
parAntidot
 
En 2015, quelles sont les bonnes pratiques du searchandising ?
parAntidot
 
Boostez votre taux de conversion en tirant profit des bonnes pratiques du sea...
parAntidot
 
Flyer AFS@Store 2015 FR
parAntidot
 
Antidot Content Classifier - Valorisez vos contenus
parAntidot
 
Cas client CAIJ
parAntidot
 
Comment sélectionner, qualifier puis exploiter les données ouvertes
parAntidot
 
Comment tirer profit des données publiques ouvertes dans un mashup web grâce ...
parAntidot
 
Améliorer le searchandising d’un site spécialisé : retour d'expérience de Cui...
parAntidot
 
Synergie entre intranet collaboratif et recherche sémantique : le cas des hôp...
parAntidot
 

Dernier

PDF
DataSecOps Mise en place d’un pipeline ELT sécurisé pour le traitement des d...
parAnass Nabil
 
PDF
Mon cour pensée logique et programmation
parEimenRhouma
 
PDF
Presentation Smartphones Accessoires.pdf
parbetoworker46
 
PDF
Reprendre le contrôle : Guide pratique pour une souveraineté numérique. LA DI...
parUGAIA
 
PDF
LA DICTATURE DE L’IA ET SA GOUVERNANCE. Reprendre le contrôle : Guide pratiqu...
parUGAIA
 
PPT
cour_actionneur penumatique et hydroulique.ppt
parRaihaneMechgoug2
 
DataSecOps Mise en place d’un pipeline ELT sécurisé pour le traitement des d...
parAnass Nabil
 
Mon cour pensée logique et programmation
parEimenRhouma
 
Presentation Smartphones Accessoires.pdf
parbetoworker46
 
Reprendre le contrôle : Guide pratique pour une souveraineté numérique. LA DI...
parUGAIA
 
LA DICTATURE DE L’IA ET SA GOUVERNANCE. Reprendre le contrôle : Guide pratiqu...
parUGAIA
 
cour_actionneur penumatique et hydroulique.ppt
parRaihaneMechgoug2
 

RDFa, comment insuffler un peu d'intelligence à une page Web ?

  • 1.
    RDFa Commentinsuffler un peu d’intelligence à une page Web ? Semweb.pro, Paris, 18 janvier 2010
  • 2.
  • 3.
    Le code HTMLd’une page Web <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;fr&quot;> <head> <title>Présentation de Gautier Poupeau</title> </head> <body> <p>Je m'appelle Gautier Poupeau.</p> <p>Mon anniversaire est le 19 mai.</p> <p> Je suis passionné par les technologies du Web sémantique. </p> <p> Je tiens d'ailleurs un blog sur ces questions : <a href=&quot;http://www.lespetitescases.net&quot;>Les petites cases</a> </p> <p>J'appartiens à la communauté des professionnels de l'information composée de :</p> <ul> <li> <a href=&quot;http://www.figoblog.org&quot;>Emmanuelle Bermès</a> ; </li> <li> <a href=&quot;http://stephanepouyllau.org/&quot;>Stéphane Pouyllau</a>. </li> </ul> </body> </html>
  • 4.
    La même pageWeb dans un navigateur
  • 5.
    La même pageWeb vu par un moteur de recherche <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;fr&quot;> <head> <title> Présentation de Gautier Poupeau </title> </head> <body> <p> Je m'appelle Gautier Poupeau. </p> <p> Mon anniversaire est le 19 mai. </p> <p> Je suis passionné par les technologies du Web sémantique. </p> <p> Je tiens d'ailleurs un blog sur ces questions : <a href=&quot;http://www.lespetitescases.net&quot;>Les petites cases</a> </p> <p> J'appartiens à la communauté des professionnels de l'information composée de : </p> <ul> <li> <a href=&quot;http://www.figoblog.org&quot;>Emmanuelle Bermès</a> ; </li> <li> <a href=&quot;http://stephanepouyllau.org/&quot;>Stéphane Pouyllau</a>. </li> </ul> </body> </html>
  • 6.
    Et pourtant, il existe beaucoup d’informations <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;fr&quot;> <head> <title>Présentation de Gautier Poupeau</title> </head> <body> <p>Je m'appelle Gautier Poupeau.</p> <p>Mon anniversaire est le 19 mai.</p> <p> Je suis passionné par les technologies du Web sémantique. </p> <p> Je tiens d'ailleurs un blog sur ces questions : <a href=&quot;http://www.lespetitescases.net&quot;>Les petites cases</a> </p> <p>J'appartiens à la communauté des professionnels de l'information composée de :</p> <ul> <li> <a href=&quot;http://www.figoblog.org&quot;>Emmanuelle Bermès</a> ; </li> <li> <a href=&quot;http://stephanepouyllau.org/&quot;>Stéphane Pouyllau</a>. </li> </ul> </body> </html> Cette page décrit une personne Mon nom Ma date anniversaire Ma passion L’URL de mon blog Le titre de mon blog mes connaissances
  • 7.
    Comment exprimer unedonnée pour la machine ? Chien Animal Une série de signes reliés forme une donnée Machine doit comprendre la donnée
  • 8.
    Comment exprimer unedonnée pour la machine ? Chien Animal Une série de signes reliés forme une donnée La donnée est encodée dans le cadre d’un document Machine doit comprendre la donnée Ne comprend pas la donnée mais qu’il s’agit d’un paragraphe De plus, la donnée est toujours vraie même en dehors de ce document. <html> <head> <title>Le chien</title> </head> <body> <p> le chien est un animal </p> </body> </html>
  • 9.
    Comment exprimer unedonnée pour la machine ? Chien Animal Une série de signes reliés forme une donnée La donnée est encodée dans le cadre d’un document Machine doit comprendre la donnée Ne comprend pas la donnée mais qu’il s’agit d’un 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 d’un triplet. La machine peut traiter et analyser la donnée car elle est encodée selon une logique formelle. <html> <head> <title>Le chien</title> </head> <body> <p> le chien est un animal </p> </body> </html> Sujet prédicat Objet chien animal est
  • 10.
    Comment exprimer unedonnée pour la machine ? Chien Animal Une série de signes reliés forme une donnée La donnée est encodée dans le cadre d’un document Machine doit comprendre la donnée Ne comprend pas la donnée mais qu’il s’agit d’un 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 d’un triplet. La machine peut traiter et analyser la donnée car elle est encodée selon une logique formelle. <html> <head> <title>Le chien</title> </head> <body> <p> le chien est un animal </p> </body> </html> Sujet prédicat Objet Sujet prédicat prédicat chien animal est RDF, un modèle pour encoder les données structurées
  • 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. <div class=&quot;vcard&quot;> <div class=&quot;fn&quot;>Gautier Poupeau</div> <div class=&quot;org&quot;>Antidot</div> <div class=&quot;tel&quot;>+33645495977</div> <a class=&quot;url&quot; href=&quot;http://www.lespetitescases.net&quot;>http://www.lespetitescases.net</a> </div> 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.
    RDFa : larencontre 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. XHTML RDF RDFa
  • 13.
  • 14.
    Un graphe <http://www.w3.org/People/Berners-Lee/card#i><http://xmlns.com/foaf/0.1/Person> <http://www.sciam.com/article.cfm?id=the-semantic-web> « Timothy Berners-Lee » <http://www.w3.org/1999/02/22-rdf-syntax-ns#type> <http://xmlns.com/foaf/0.1/name> < http://xmlns.com/foaf/0.1/maker>
  • 15.
    Le même grapheen RDF/XML <rdf:RDF xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot; xmlns:rdfs=&quot;http://www.w3.org/2000/01/rdf-schema#&quot; xmlns:dc=&quot; http://purl.org/dc/terms/ &quot;> <rdf:Description rdf:about=&quot; http://www.w3.org/People/Berners-Lee/card#i &quot;> < rdf:type rdf:resource=&quot; http://xmlns.com/foaf/0.1/Person &quot;/> < foaf:name > Timothy Berners-Lee </foaf:name> < foaf:maker rdf:resource= &quot; http://www.w3.org &quot;/> < foaf:nick > timbl </foaf:nick> </rdf:Description> </rdf:RDF>
  • 16.
    Le même grapheen RDFa <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot;> <head> <title>Description de Timbl en XHTML + RDFa</title> </head> <body> <div typeof =&quot; foaf:person &quot; about=&quot; http://www.w3.org/People/Berners-Lee/card#i &quot;> Le <span rel=&quot; foaf:maker &quot; href=&quot; http://www.w3.org &quot;>créateur du W3C</span> a pour nom <span property=&quot; foaf:name &quot;> Timothy Berners-Lee </span> et pour surnom <span property=&quot; foaf:nick &quot;>Timbl</span>. </div> </body> </html> ATTENTION : RDFa ne dispense pas de respecter les principes de RDF et les vocabulaires ou ontologies utilisées
  • 17.
    FOAF : FriendOf A Friend http://xmlns.com/foaf/spec/ Ontologie créée et maintenue par Dan Brickley et Libby Miller
  • 18.
    RDFa <!DOCTYPE htmlPUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Déclaration de la DTD spécifique XHTML + RDFa
  • 19.
    RDFa <!DOCTYPE htmlPUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Déclaration des espaces de noms et des préfixes
  • 20.
    RDFa <!DOCTYPE htmlPUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Déclaration de la langue donc récupéré pour tous les littéraux
  • 21.
    RDFa <!DOCTYPE htmlPUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Pas de déclaration URI du sujet donc l’URL de la page par défaut
  • 22.
    RDFa <!DOCTYPE htmlPUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Attribut @typeof pour indiquer le type de la ressource = rdf:type
  • 23.
    RDFa <!DOCTYPE htmlPUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Attribut @property si objet = Littéral (ici dans attribut @content car dans l’en-tête HTML)
  • 24.
    RDFa <!DOCTYPE htmlPUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Attribut @rel si objet = Ressource
  • 25.
    RDFa <!DOCTYPE htmlPUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Attribut @about pour déclarer l’URI d’un sujet différent de l’URL de la page
  • 26.
    RDFa <!DOCTYPE htmlPUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Utilisation de la hiérarchie de XHTML pour indiquer les différents triplets dont l’URI est sujet
  • 27.
    RDFa <!DOCTYPE htmlPUBLIC &quot;-//W3C//DTD XHTML+RDFa 1.0//EN&quot; &quot;http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd&quot;> <html xmlns =&quot;http://www.w3.org/1999/xhtml&quot; xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot; xml:lang=&quot;fr&quot;> <head typeof=&quot;foaf:PersonalProfileDocument&quot;> <title>Profil RDFa à titre d'exemple</title> <meta property=&quot;dc:title&quot; content=&quot;Mon profil FOAF&quot;/> <link rel=&quot;foaf:maker&quot; href=&quot;#GP&quot;/> <link rel=&quot;foaf:primaryTopic&quot; href=&quot;#GP&quot;/> </head> <body> <div typeof=&quot;foaf:Person&quot; about=&quot;#GP&quot;> <p>Je m'appelle <span property=&quot;foaf:name&quot; datatype=&quot;xsd:string&quot;>Gautier Poupeau</span>. </p> Attribut @datatype pour indiquer le type de données
  • 28.
    RDFa Mon anniversaireest le <span property=&quot;foaf:birthday&quot; content=&quot;05-19&quot; xml:lang=&quot;en&quot;>19 mai</span> </p> <p> Je suis passionné par les technologies du <span rel=&quot;foaf:interest&quot; href=&quot;http://dbpedia.org/resource/Semantic_Web&quot;>Web sémantique</span>. </p> <p>Je tiens d'ailleurs un blog sur ces questions : <span rel=&quot;foaf:weblog&quot;><a href=&quot;http://www.lespetitescases.net&quot; property=&quot;dc:title&quot;>Les petites cases</a></span> </p> <p>J'appartiens à la communauté des professionnels de l'information composée de :</p> <ul rel=&quot;foaf:knows&quot;> <li typeof=&quot;foaf:person&quot; about=&quot;http://www.figoblog.org/foaf.rdf#EB&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://www.figoblog.org&quot;>Emmanuelle Bermès</a> </li> <li typeof=&quot;foaf:person&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://stephanepouyllau.org/&quot;>Stéphane Pouyllau</a> </li> </ul> </div> </body> </html> Attribut @content pour indiquer contenu différent de l’élément
  • 29.
    RDFa Mon anniversaireest le <span property=&quot;foaf:birthday&quot; content=&quot;05-19&quot; xml:lang=&quot;en&quot;>19 mai</span> </p> <p> Je suis passionné par les technologies du <span rel=&quot;foaf:interest&quot; href=&quot;http://dbpedia.org/resource/Semantic_Web&quot;>Web sémantique</span>. </p> <p>Je tiens d'ailleurs un blog sur ces questions : <span rel=&quot;foaf:weblog&quot;><a href=&quot;http://www.lespetitescases.net&quot; property=&quot;dc:title&quot;>Les petites cases</a></span> </p> <p>J'appartiens à la communauté des professionnels de l'information composée de :</p> <ul rel=&quot;foaf:knows&quot;> <li typeof=&quot;foaf:person&quot; about=&quot;http://www.figoblog.org/foaf.rdf#EB&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://www.figoblog.org&quot;>Emmanuelle Bermès</a> </li> <li typeof=&quot;foaf:person&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://stephanepouyllau.org/&quot;>Stéphane Pouyllau</a> </li> </ul> </div> </body> </html> Attribut @rel et @href pour indiquer triplet avec ressource en objet
  • 30.
    RDFa Mon anniversaireest le <span property=&quot;foaf:birthday&quot; content=&quot;05-19&quot; xml:lang=&quot;en&quot;>19 mai</span> </p> <p> Je suis passionné par les technologies du <span rel=&quot;foaf:interest&quot; href=&quot;http://dbpedia.org/resource/Semantic_Web&quot;>Web sémantique</span>. </p> <p>Je tiens d'ailleurs un blog sur ces questions : <span rel=&quot;foaf:weblog&quot;><a href=&quot;http://www.lespetitescases.net&quot; property=&quot;dc:title&quot;>Les petites cases</a></span> </p> <p>J'appartiens à la communauté des professionnels de l'information composée de :</p> <ul rel=&quot;foaf:knows&quot;> <li typeof=&quot;foaf:person&quot; about=&quot;http://www.figoblog.org/foaf.rdf#EB&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://www.figoblog.org&quot;>Emmanuelle Bermès</a> </li> <li typeof=&quot;foaf:person&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://stephanepouyllau.org/&quot;>Stéphane Pouyllau</a> </li> </ul> </div> </body> </html> Utilisation de la hiérarchie pour indiquer triplet sur une ressource elle-même objet avec le prédicat foaf:weblog
  • 31.
    RDFa Mon anniversaireest le <span property=&quot;foaf:birthday&quot; content=&quot;05-19&quot; xml:lang=&quot;en&quot;>19 mai</span> </p> <p> Je suis passionné par les technologies du <span rel=&quot;foaf:interest&quot; href=&quot;http://dbpedia.org/resource/Semantic_Web&quot;>Web sémantique</span>. </p> <p>Je tiens d'ailleurs un blog sur ces questions : <span rel=&quot;foaf:weblog&quot;><a href=&quot;http://www.lespetitescases.net&quot; property=&quot;dc:title&quot;>Les petites cases</a></span> </p> <p>J'appartiens à la communauté des professionnels de l'information composée de :</p> <ul rel=&quot;foaf:knows&quot;> <li typeof=&quot;foaf:person&quot; about=&quot;http://www.figoblog.org/foaf.rdf#EB&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://www.figoblog.org&quot;>Emmanuelle Bermès</a> </li> <li typeof=&quot;foaf:person&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://stephanepouyllau.org/&quot;>Stéphane Pouyllau</a> </li> </ul> </div> </body> </html> Utilisation de la hiérarchie pour indiquer triplet sur une ressource elle-même objet avec le prédicat foaf:knows
  • 32.
    RDFa Mon anniversaireest le <span property=&quot;foaf:birthday&quot; content=&quot;05-19&quot; xml:lang=&quot;en&quot;>19 mai</span> </p> <p> Je suis passionné par les technologies du <span rel=&quot;foaf:interest&quot; href=&quot;http://dbpedia.org/resource/Semantic_Web&quot;>Web sémantique</span>. </p> <p>Je tiens d'ailleurs un blog sur ces questions : <span rel=&quot;foaf:weblog&quot;><a href=&quot;http://www.lespetitescases.net&quot; property=&quot;dc:title&quot;>Les petites cases</a></span> </p> <p>J'appartiens à la communauté des professionnels de l'information composée de :</p> <ul rel=&quot;foaf:knows&quot;> <li typeof=&quot;foaf:person&quot; about=&quot;http://www.figoblog.org/foaf.rdf#EB&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://www.figoblog.org&quot;>Emmanuelle Bermès</a> </li> <li typeof=&quot;foaf:person&quot;> <a property=&quot;foaf:name&quot; rel=&quot;foaf:homepage&quot; href=&quot;http://stephanepouyllau.org/&quot;>Stéphane Pouyllau</a> </li> </ul> </div> </body> </html> Même chose mais ici on a un nœud blanc
  • 33.
  • 34.
    Live Loop http://rdfa.digitalbazaar.com/live-loop/ Interface en ligne permettant de visualiser directement le résultat d’un encodage RDFa
  • 35.
    RDFa distiller RDFaDistiller est un service en ligne du W3C mis au point par Ivan Herman qui extrait les annotations RDFa d’une page Web pour en faire un flux RDF/XML, Turtle, N-triples http://www.w3.org/2007/08/pyRdfa/
  • 36.
    Résultat du RDFaDistiller <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?> <rdf:RDF xmlns:dc=&quot;http://purl.org/dc/terms/&quot; xmlns:foaf=&quot;http://xmlns.com/foaf/0.1/&quot; xmlns:rdf=&quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#&quot; xmlns:xsd=&quot;http://www.w3.org/2001/XMLSchema#&quot;> <foaf:PersonalProfileDocument rdf:about=&quot;http://www.lespetitescases.net/semweblabs/semwebpro/RDFa.htm&quot;> <foaf:maker> <foaf:Person rdf:about=&quot;http://www.lespetitescases.net/semweblabs/semwebpro/RDFa.htm#GP&quot;> <foaf:name rdf:datatype=&quot;http://www.w3.org/2001/XMLSchema#string&quot;>Gautier Poupeau</foaf:name> <foaf:knows> <foaf:person> <foaf:homepage rdf:resource=&quot;http://stephanepouyllau.org/&quot;/> <foaf:name xml:lang=&quot;fr&quot;>Stéphane Pouyllau</foaf:name> </foaf:person> </foaf:knows> <foaf:knows> <foaf:person rdf:about=&quot;http://www.figoblog.org/foaf.rdf#EB&quot;> <foaf:homepage rdf:resource=&quot;http://www.figoblog.org&quot;/> <foaf:name xml:lang=&quot;fr&quot;>Emmanuelle Bermès</foaf:name> </foaf:person> </foaf:knows> <foaf:weblog> <rdf:Description rdf:about=&quot;http://www.lespetitescases.net&quot;> <dc:title xml:lang=&quot;fr&quot;>Les petites cases</dc:title> </rdf:Description> </foaf:weblog> <foaf:birthday xml:lang=&quot;en&quot;>05-19</foaf:birthday> <foaf:interest rdf:resource=&quot;http://dbpedia.org/resource/Semantic_Web&quot;/> </foaf:Person> </foaf:maker> <foaf:primaryTopic rdf:resource=&quot;http://www.lespetitescases.net/semweblabs/Formation-CCSD/RDFa.htm#GP&quot;/> <dc:title xml:lang=&quot;fr&quot;>Mon profil FOAF</dc:title> </foaf:PersonalProfileDocument> </rdf:RDF>
  • 37.
    Check RDFa Validateur/Extracteurdes annotations RDFa mis au point par Toby Inkster http://check.rdfa.info
  • 38.
  • 39.
    RDF validator Servicede validation syntaxique d’un flux RDF (y compris un résultat du RDFa distiller) http://www.w3.org/RDF/Validator/
  • 40.
  • 41.
  • 42.
    Interactions entre lessites : 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 d’Ariane 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 n’exploite pas nativement tous les vocabulaires (à la différence de feu SearchMonkey). Mais, Google a annoncé récemment le support de l’ontologie spécialisé dans le Ecommerce « Good Relations »
  • 43.
    Interactions entre lessites : Open Graph Protocol Système basé sur RDFa mis au point par Facebook pour enrichir l’affichage des sélections des utilisateurs avec le bouton « I like/j’aime » <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xmlns:og=&quot;http://ogp.me/ns#&quot; xmlns:fb=&quot;http://www.facebook.com/2008/fbml&quot;> <head> <title>The Rock (1996)</title> <meta property=&quot;og:title&quot; content=&quot;The Rock&quot;/> <meta property=&quot;og:type&quot; content=&quot;movie&quot;/> <meta property=&quot;og:url&quot; content=&quot;http://www.imdb.com/title/tt0117500/&quot;/> <meta property=&quot;og:image&quot; content=&quot;http://ia.media-imdb.com/rock.jpg&quot;/> <meta property=&quot;og:site_name&quot; content=&quot;IMDb&quot;/> <meta property=&quot;fb:admins&quot; content=&quot;USER_ID&quot;/> <meta property=&quot;og:description&quot; content=&quot;A group of U.S. Marines, under command of a renegade general, take over Alcatraz and threaten San Francisco Bay with biological weapons.&quot;/> ... </head> ... </html>
  • 44.
    Interactions avec lenavigateur : les modules Des modules de navigateurs exploitent les annotations RDFa, quelques exemples : RDFa Developper (Firefox) Operator (Firefox) Amazon Checker (Chrome)
  • 45.
    Interaction dans lemême site : Knowledge box <span id=&quot;css&quot; about=&quot;#css&quot; rel=&quot;owl:sameAs&quot; href=&quot;http://dbpedia.org/resource/Cascading_Style_Sheets&quot;> CSS </span> Le code source original Interrogation en sparql Affichage du résultat dans une bulle via Ajax Knowledge box est un module Drupal 6 qui s’appuie sur les annotations RDFa pour afficher des définitions de termes ou d’expressions. http://www.lespetitescases.net/knowledge-box-reloaded
  • 46.
    Interaction dans lemême site : RDFQuery RDFQuery est un module Jquery mis au point par Jeni Tennison qui permet d’exploiter l’encodage RDFa au sein d’une page Web (Requête, application de règles) http://code.google.com/p/rdfquery/
  • 47.
  • 48.
    RDFa à laconquê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.
    RDFa 1.1 Objectifdu 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 d’Ivan Herman : http://www.w3.org/2011/Talks/0117-Paris-IH/
  • 50.
    Merci pour votreattention Gautier Poupeau Antidot | GSM: +33 (0)6 45 49 59 77 F-75 Paris | mailto: gpoupeau@antidot.net Blog : Les petites cases | Twitter : @lespetitescases

Notes de l'éditeur

  • #16 RDF peut être « sérialisé », c’est-à-dire écrit en XML. Dans ce cas, c’est évidemment la syntaxe qui nous intéresse et non le modèle XML. Pour autant, un arbre étant un type particulier de graphes, il « suffit » de respecter quelques règles de base pour écrire du RDF en XML. Il est à noter qu’il n’existe aucune DTD ou schéma XML pour valider un fichier RDF en XML, ce qui est compréhensible, puisque l’écriture d’un graphe RDF peut prendre plusieurs formes dans l’arbre XML et que l’attribution d’une URI est complètement libre. L’élément racine est toujours RDF. Le système des espaces de noms qui désignent en XML un élément rattaché à un schéma XML, constitue pour RDF un mécanisme d’abréviations des prédicats. Une ressource décrite est toujours introduite par l’élément &lt;rdf:Description&gt;, l’URI de la resource (le sujet) dans l’attribut @rdf:about. Les éléments enfants sont les prédicats qui se rattachent à cette même ressource. Si l’objet est un litéral, il est représenté sous la forme de la valeur d’un élément. Si l’objet est une ressource, son URI est indiqué dans l’attribut @rdf:resource.
  • #17 RDFa est une recommandation du W3C depuis octobre 2008 (cf. les traductions en français : http://www.yoyodesign.org/doc/w3c/rdfa-syntax/Overview.html et http://www.yoyodesign.org/doc/w3c/xhtml-rdfa-primer/) dont le but est d’exprimer des triplets en RDF dans des pages Web grâce à l’ajout d’attributs spécifiques à XHTML. Les attributs ajoutés sont les suivants : @typeof : permet d’indiquer le type de la ressource ; @about : permet d’indiquer l’URI de la ressource en sujet ; @rel : permet d’exprimer le prédicat lorsque l’objet est une ressource ; @href : permet d’indiquer l’URI de la ressource en objet ; @property : permet d’indiquer le prédicat lorsque l’objet est un litéral ; @content : permet d’indiquer l’objet lorsque l’objet est un litéral, en son absence, le contenu de l’élément qui porte l’attribut @property est considéré comme l’objet.