Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 33KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>RDF pour tous : du publicateur au développeur web — Biologeek — David Larlet</title>
  7. <!-- Define a viewport to mobile devices to use - telling the browser to assume that the page is as wide as the device (width=device-width) and setting the initial page zoom level to be 1 (initial-scale=1.0) -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  9. <!-- Fake favicon, to avoid extra request to the server -->
  10. <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  11. <link type="application/atom+xml" rel="alternate" title="Feed" href="/david/log/" />
  12. <link rel="manifest" href="/manifest.json">
  13. <link rel="stylesheet" href="/static/david/css/larlet-david-_J6Rv.css" data-instant-track />
  14. <noscript>
  15. <style type="text/css">
  16. /* Otherwise fonts are loaded by JS for faster initial rendering. See scripts at the bottom. */
  17. body {
  18. font-family: 'EquityTextB', serif;
  19. }
  20. h1, h2, h3, h4, h5, h6, time, nav a, nav a:link, nav a:visited {
  21. font-family: 'EquityCapsB', sans-serif;
  22. font-variant: normal;
  23. }
  24. </style>
  25. </noscript>
  26. <!-- Canonical URL for SEO purposes -->
  27. <link rel="canonical" href="https://larlet.fr/david/biologeek/archives/20070827-rdf-pour-tous-du-publicateur-au-developpeur-web">
  28. </head>
  29. <body>
  30. <div>
  31. <header>
  32. <nav>
  33. <p>
  34. <small>
  35. Je suis <a href="/david/" title="Profil public">David Larlet</a>, <a href="/david/pro/" title="Activité professionnelle">artisan</a> du web qui vous <a href="/david/pro/accompagnement/" title="Activité d’accompagnement">accompagne</a><span class="more-infos"> dans l’acquisition de savoirs pour concevoir des <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">produits essentiels</a></span>. <span class="more-more-infos">Discutons ensemble d’une <a href="/david/pro/devis/" title="En savoir plus">non-demande de devis</a>.</span> Je partage ici mes <a href="/david/blog/" title="Expériences bienveillantes">réflexions</a> et <a href="/david/correspondances/2017/" title="Lettres hebdomadaires">correspondances</a>.
  36. </small>
  37. </p>
  38. </nav>
  39. </header>
  40. <section>
  41. <h1 property="schema:name">RDF pour tous : du publicateur au développeur web</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <img src="/static/david/biologeek/images/logos/digital_web.png" alt="vignette" style="float:left; margin: 0.5em 1em;" property="schema:thumbnailUrl" />
  45. <p>Je ne pouvais pas continuer mon périple dans l'univers du web sémantique sans passer inévitablement par <abbr title="Resource Description Framework">RDF</abbr>. J'avais néanmoins beaucoup de mal à trouver un article bien fait au sujet de RDF jusqu'à ce que <a href="http://atonie.org/sr/">Simon</a> me pointe vers l'article de Digital Web intitulé «&nbsp;<a href="http://www.digital-web.com/articles/rdf_for_the_rest_of_us/">RDF for the rest of us</a> » écrit par <a href="http://semwebdev.keithalexander.co.uk/blog/">Keith Alexander</a> qui résume bien ce qu'il faut savoir pour aborder le sujet. Alors qu'on parlait précédemment des <a href="https://larlet.fr/david/biologeek/archives/20070629-architecture-orientee-ressource-pour-faire-des-services-web-restful/">méthodes pour accéder aux ressources</a>, passons maintenant à leur description.</p>
  46. <p>Vous avez un site web plein d'informations et vous souhaitez simplifier la réutilisation du contenu par autrui mais dans quel format devriez-vous le publier&nbsp;?</p>
  47. <p>Vous avez analysé de nombreux <a href="http://fr.wikipedia.org/wiki/XML_Schema">schémas XML</a> et les <a href="http://microformats.org/">microformats</a>, mais aucun d'eux ne décrit avec précision l'ensemble des informations que vous souhaitez publier. <strong>Devez-vous créer un nouveau format ?</strong> C'est tentant, mais si vous utilisez un standard, vos données seront immédiatement interopérables avec les autres données publiées de la même façon. On pourra réutiliser les outils, les parsers et les feuilles de style construits autour de ce standard. Mais malheureusement, rien ne semble vraiment convenir à vos besoins.</p>
  48. <p>Et c'est là qu'intervient RDF.</p>
  49. <h4>RDF, qu'est ce que c'est&nbsp;?</h4>
  50. <p>RDF signifie Framework de Description des Ressources (Resource Description Framework). Une ressource est une simple chose, une personne, un livre, un clavier, un billet de blog, un aquarium, une idée, n'importe quoi pouvant être décrit. RDF est un <a href="http://fr.wikipedia.org/wiki/Framework">framework</a> qui utilise l'architecture du web pour décrire une ressource. Tout comme HTML permet de lier des documents à d'autres sur le web, <strong>RDF vous permet de lier une ressource à une autre sur le web</strong>.</p>
  51. <h2>RDF pour les publicateurs web</h2>
  52. <p>RDF est différent. Ce n'est pas un format, c'est un framework pour décrire des données. <strong>RDF permet de remonter un cran plus haut</strong>, au lieu de vous donner un nombre fini de termes pour décrire vos données (comme les balises HTML ou les noms de classes des microformats), RDF vous procure un framework à partir duquel vous pouvez utiliser plusieurs termes issus de vocabulaires existants - ou que vous avez inventé - de la manière qui sied le mieux à votre contenu spécifique.</p>
  53. <p>Si vous trouvez un vocabulaire existant pour décrire une partie de vos données, c'est bon, ces données seront interopérables. Vous avez toujours la possibilité de décrire le reste de vos données avec des termes issus d'autant de vocabulaires qui répondent à vos besoins. Si vous ne trouvez aucun terme pour décrire vos données, et bien vous avez juste à en écrire de nouveaux.</p>
  54. <p>Pour publier vos données, RDF vous offre une grande flexibilité et une bonne interopérabilité. Ce que signifie interopérabilité ici, ce n'est pas seulement que vos données vont pouvoir être exploitables avec les outils existant ou que ça peut fonctionner avec des données dans le même format mais que <strong>vos données peuvent être connectées avec d'autres données sur le web. C'est ce qu'est le <a href="http://fr.wikipedia.org/wiki/Web_s%C3%A9mantique">Web Sémantique</a>, le web des données</strong>.</p>
  55. <p>Fantastique. Mais rien ne sert de publier des données si elles ne sont pas utilisées. Pourquoi est-ce que l'on souhaiterait avoir ces données en RDF&nbsp;?</p>
  56. <h2>RDF pour les développeurs web</h2>
  57. <p>Il y a deux aspects dans RDF qui rendent son utilisation intéressante pour les développeurs web.</p>
  58. <h3>Toutes les données RDF ont la même forme</h3>
  59. <p>Ce que l'on entend par <em>forme</em>, ça ne signifie pas qu'elles se ressemblent toutes. RDF est un modèle de données plutôt qu'un format et, en ce sens, peut être publié dans un grand nombre de formats différents&nbsp;: XML, <abbr title="JavaScript Object Notation">JSON</abbr>, HTML et même en texte brut. Ce qui est important, c'est qu'ils aient tous la même structure de base&nbsp;: le Triple. <strong>RDF se compose de déclarations simples appelées Triples. Un Triple se compose d'un sujet, d'un prédicat et d'un objet</strong>.</p>
  60. <h4>Qu'est ce qu'un Triple RDF&nbsp;?</h4>
  61. <ul>
  62. <li>Le <strong>sujet</strong> représente la chose (ressource) à laquelle la déclaration fait référence et est toujours une <a href="http://fr.wikipedia.org/wiki/Uniform_Resource_Identifier">URI</a>.</li>
  63. <li>Le <strong>prédicat</strong> est le nom d'une propriété de la ressource (comme le nom d'un champ de la base de données) et est toujours une URI.</li>
  64. <li>L'<strong>objet</strong> est la valeur de cette propriété, et peut être une URI ou un littéral (texte, nombre, date, etc).</li>
  65. </ul>
  66. <p>Chaque Triple dit&nbsp;: cette ressource a cette propriété, qui peut aussi bien être une valeur littérale qu'une autre ressource (représentée par l'URI).</p>
  67. <p>Qu'est ce qui est si bien là-dedans&nbsp;? C'est un peu comme le mantra de <a href="http://www.rubyonrails.org/">Ruby on Rails</a> «&nbsp;Convention over Configuration ». Lorsque vous avez intégré une structure, vous n'avez plus à y penser - vous n'avez plus à modifier votre code et votre schéma de base de données pour vous adapter à un nouveau type de données. Vous pouvez importer n'importe quel RDF et ça va immédiatement marcher.</p>
  68. <h3>RDF utilise les URI</h3>
  69. <p>Quoi qu'il en soit, avoir des données qui utilisent la même structure de base ne suffit pas à les rendre interopérables. Les documents XML utilisent souvent des attributs id et les bases relationnelles utilisent des clés primaires comme identifiants uniques. Mais en dehors de leur propre système, ces identifiants n'ont aucune signification. Nous pouvons tous les deux avoir des blogs, mais la clé primaire 23 dans votre table d'articles identifie un article différent dans votre base de données et dans la mienne. RDF, en revanche, utilise des URI, qui sont les clés primaires d'un système beaucoup plus gros&nbsp;: le web.</p>
  70. <p><strong>Nous avons donc un système décentralisé de choses identifiées de façon unique</strong>. N'importe qui avec un peu d'espace web peut créer une URI pour représenter quelque chose (nos ressources RDF, voir plus bas) d'une manière compréhensible sur le web.</p>
  71. <p>Vous n'avez pas besoin de placer une page web à cette adresse, mais c'est une bonne pratique d'avoir une description de ce que représente l'URI lisible par les humains et/ou les machines. La nature du web permet à chacun de dire ce qu'il veut au sujet de ce qu'il souhaite, vous ne pouvez donc pas contrôler ce que disent les autres au sujet de vos URI, mais en publiant une description à cette même URI, vous pouvez au moins avoir le dernier mot sur le message que vous souhaitez faire passer.</p>
  72. <p>En donnant à toutes vos données la même forme, et en rendant leurs descriptions identifiables de manière unique sur le web, RDF rend votre code et vos données plus portables, davantage interopérables, et en définitive <strong>plus utiles</strong>.</p>
  73. <h2>Comment l'utiliser</h2>
  74. <h3>Publier des données dans votre HTML avec <abbr title="RDF embarqué (embedded RDF)">eRDF</abbr></h3>
  75. <p>J'ai précédemment expliqué que RDF peut être écrit de nombreuses manières différentes, l'une d'entre elles est eRDF. C'est un manière simple d'inclure des déclaration RDF au sein du HTML en utilisant des attributs comme <em>id</em>, <em>class</em>, <em>rel</em> ou <em>href</em> d'une façon spéciale.</p>
  76. <p>Pour écrire du HTML dopé au eRDF, commençons par placer un attribut de profil dans le bloc &lt;head&gt;&nbsp;:</p>
  77. <pre>&lt;head profile="http://purl.org/NET/erdf/profile"&gt;</pre>
  78. <p><em>profile</em> est l'un des attributs les moins connus du HTML. Il peut contenir une URI (ou une liste d'URI séparées par des virgules). Les agents utilisateurs peuvent utiliser ces URI pour déterminer la façon d'extraire les données du document. Dans notre cas, nous l'utilisons pour spécifier que le document peut être considéré comme étant du eRDF.</p>
  79. <p>Ensuite, nous déclarons tous les vocabulaires que nous souhaitons utiliser, en utilisant l'élément <em>link</em> en entête du document. Nous allons utiliser les vocabulaires <strong><a href="http://xmlns.com/foaf/spec/">FOAF</a></strong> et <strong><a href="http://dublincore.org/2006/12/18/dces.rdf#">Dublin Core</a></strong>. <abbr title="Friend Of A Friend">FOAF</abbr> est un vocabulaire populaire pour décrire les personnes et les organisations, Dublin Core est un vocabulaire pour les métadonnées, permettant d'ajouter par exemple le titre et la date&nbsp;:</p>
  80. <pre>&lt;link rel="schema.dc" href="http://purl.org/dc/elements/1.1/" /&gt;
  81. &lt;link rel="schema.foaf" href="http://xmlns.com/foaf/0.1/" /&gt;</pre>
  82. <p>L'attribut <em>rel</em> précise au parser eRDF que nous allons nous référer au vocabulaire FOAF avec le préfixe <strong>foaf</strong>, et au vocabulaire Dublin Core avec le préfixe <strong>dc</strong>. Nous allons ensuite pouvoir utiliser les noms de classes et les attributs <em>rel</em> et <em>rev</em> pour décrire les données au sein du document en utilisant des termes issus de ces vocabulaires. Ces attributs de «&nbsp;style eRDF » prennent la forme <strong>préfixe-terme</strong> - si vous êtes un programmeur, vous pouvez penser au préfixe comme à une constante qui représente l'URI du vocabulaire. On peut donner au vocabulaire FOAF le préfixe que l'on souhaite, mais il parait sensé de lui donner le préfixe <em>foaf</em>. (Notez que l'attribut <em>href</em> de chaque lien vers un vocabulaire que vous utilisez doit se terminer par un slash ou une #ancre).</p>
  83. <p>Maintenant, nous pouvons décrire l'information de la page en utilisant les termes de ces vocabulaires.</p>
  84. <p>Pour notre exemple, nous allons nous intéresser au code du gabarit des contributeurs de Digital Web&nbsp;:</p>
  85. <pre>&lt;div class="vcard -foaf-Person" id="person"&gt;
  86. &lt;!-- \Nous ajouterons le détail ici ensuite --&gt;
  87. &lt;/div&gt;</pre>
  88. <p>La première chose à remarquer, c'est que nous avons donné un <em>id</em> à la div. <strong>C'est important.</strong> Vous vous souvenez que j'ai dit que RDF utilise les URI pour parler des choses&nbsp;? Et bien en donnant à cette div un identifiant, <a href="http://www.w3.org/DesignIssues/Fragment.html">nous lui créons une URI</a>. Si l'URL de la page est http://www.digital-web.com/about/staff/nick_finck, l'URI de notre profil est http://www.digital-web.com/about/staff/nick_finck#person.</p>
  89. <p>Avec la syntaxe eRDF, les noms de classes, dans notre cas <strong>-foaf-Person</strong>, commençant par un tiret indiquent que notre classe décrit le type de chose qu'est notre <strong>#person</strong>. Cela signifie que la chose représentée par cette div (#person) est une personne (telle qu'elle est définie dans le vocabulaire FOAF).</p>
  90. <p>Vous avez sûrement aussi remarqué le nom de classe <strong>vcard</strong>. Digital Web utilise déjà le <a href="http://microformats.org/wiki/hcard">microformats hCard</a> dans ses pages de profils et <strong>eRDF cohabite très bien avec les microformats</strong>. Le nom de classe vcard n'a aucun effet sur eRDF et vice-versa. Ici nous utilisons hCard pour rendre possible la transformation des données en vCard et eRDF pour rendre possible l'extraction de l'information brute.</p>
  91. <p>Ok, passons aux détails&nbsp;:</p>
  92. <pre>&lt;div class="vcard -foaf-Person" id="person"&gt;
  93. &lt;h1 class="foaf-name fn n"&gt;Nick Finck&lt;/h1&gt;
  94. &lt;img src="/images/profiles/nick_finck.jpg"
  95. alt="Nick Finck"
  96. class="foaf-img photo" /&gt;
  97. &lt;!-- nous ajouterons quelques détails dans un moment --&gt;
  98. &lt;/div&gt;</pre>
  99. <p>Le nom de classe <strong>foaf-name</strong> signifie que le contenu de cet élément (dans ce cas, l'élément h1) est le nom (tel qu'il est défini dans le vocabulaire FOAF) de cette <strong>div#person</strong> car c'est le premier parent avec un id.</p>
  100. <h4>Comment lire eRDF&nbsp;?</h4>
  101. <p>Avec eRDF, pour lequel l'élément à un nom de classe dans un style eRDF (avec un préfixe), le plus proche parent avec un id est le sujet, le nom de classe est le prédicat, et l'objet peut être&nbsp;:</p>
  102. <ul>
  103. <li>L'attribut src, s'il existe, ou</li>
  104. <li>L'élément courant, s'il a un id, ou</li>
  105. <li>L'attribut title, s'il existe, ou</li>
  106. <li>Le contenu textuel de l'élément courant.</li>
  107. </ul>
  108. <p>Ainsi &lt;img src="/images/profiles/nick_finck.jpg" class="foaf-img" /&gt; signifie <strong>div#person est décrite par l'image /images/profiles/nick_finck.jpg</strong>.</p>
  109. <p>Ok, ajoutons un peu de code&nbsp;:</p>
  110. <pre>&lt;div class="vcard -foaf-Person" id="person"&gt;
  111. &lt;h1 class="foaf-name fn n"&gt;Nick Finck&lt;/h1&gt;
  112. &lt;img src="/images/profiles/nick_finck.jpg"
  113. alt="Nick Finck"
  114. class="foaf-img photo" /&gt;
  115. &lt;dl&gt;
  116. &lt;dt&gt;Birthplace:&lt;/dt&gt;
  117. &lt;dd class="cv-birthPlace"&gt;
  118. Portland, Oregon, United States
  119. &lt;/dd&gt;
  120. &lt;dt&gt;Personal web site/Portfolio:&lt;/dt&gt;
  121. &lt;dd&gt;
  122. &lt;a href="http://www.nickfinck.com/"
  123. class="url"
  124. rel="foaf-homepage"
  125. rev="foaf-maker"&gt;
  126. NickFinck.com
  127. &lt;/a&gt;
  128. &lt;/dd&gt;
  129. &lt;/dl&gt;
  130. &lt;!-- nous ajouterons les publications ensuite --&gt;
  131. &lt;/div&gt;</pre>
  132. <p>Jetez un œil la définition du site personnel/portfolio. Ici nous n'utilisons aucun nom de classe eRDF particulier, mais nous retrouvons le style eRDF dans les attributs <em>rel</em> et <em>rev</em>. <strong>Les spécifications HTML disent que <em>rel</em> définit la relation entre le document courant et le lien qui est spécifié dans l'URL, alors que <em>rev</em> définit l'inverse&nbsp;: ce que le document courant signifie pour l'URL liée.</strong></p>
  133. <p>Dans la terminologie RDF à triples pour laquelle nous avons un attribut <em>rel</em> dans le style eRDF&nbsp;:</p>
  134. <ul>
  135. <li>Le <strong>sujet</strong> est le parent le plus proche avec un id.</li>
  136. <li>Le <strong>prédicat</strong> est la valeur de l'attribut <em>rel</em> (dans notre cas <strong>foaf-homepage</strong>).</li>
  137. <li>L'<strong>objet</strong> est la valeur de <em>href</em>.</li>
  138. </ul>
  139. <p>Et là où nous avons <em>rev</em>, l'inverse est vrai&nbsp;:</p>
  140. <ul>
  141. <li>Le <strong>sujet</strong> est la valeur du <em>href</em>.</li>
  142. <li>Le <strong>prédicat</strong> est la valeur de l'attribut <em>rev</em> (dans notre cas, <strong>foaf-maker</strong>).</li>
  143. <li>L'<strong>objet</strong> est l'ancêtre le plus proche avec un id.</li>
  144. </ul>
  145. <p>Donc ce que nous disons, c'est que notre personne (représentée par div#person) a une page personnelle, qui est http://www.nickfinck.com/, et que le propriétaire de cette page personnelle est l'auteur (maker) de la page courante.</p>
  146. <p>Intéressons nous maintenant à la définition du lieu de naissance. FOAF n'a pas de terme pour définir le lieu de naissance, nous avons donc besoin d'un autre vocabulaire. J'ai recherché «&nbsp;birthplace » sur <a href="http://schemaweb.info/">SchemaWeb</a> et découvert le <a href="http://captsolo.net/semweb/resume/cv.rdfs">vocabulaire CV</a> pour décrire les informations d'un profil. J'ai vérifié la définition et ça collait avec la façon dont je voulais l'utiliser, j'ai donc ajouté &lt;link rel="schema.cv" href="http://captsolo.net/semweb/resume/cv.rdfs#"/&gt; au bloc &lt;head&gt; de mon document, je peux maintenant utiliser les termes issus du vocabulaire CV.</p>
  147. <p>Passons à la section publications. Toujours au sein de notre div#person, ça ressemble à&nbsp;:</p>
  148. <pre>&lt;h2&gt;Digital Web Articles&lt;/h2&gt;
  149. &lt;ol&gt;
  150. &lt;li class="foaf-made -bib-Article" id="dw-articles-1"&gt;
  151. &lt;h2 class="dc-title"&gt;
  152. &lt;a href="http://www.biologeek.com/articles/industry_transformation/"&gt;
  153. The Transformation of an Industry
  154. &lt;/a&gt;
  155. &lt;/h2&gt;
  156. &lt;p class="date"&gt;
  157. Published on
  158. &lt;span class="dc-date"&gt;May 13, 2004&lt;/span&gt;
  159. &lt;/p&gt;
  160. &lt;/li&gt;
  161. &lt;!-- beaucoup d'autres articles avec le même code --&gt;
  162. &lt;/ol&gt;</pre>
  163. <p>À nouveau, si nous souhaitons décrire quelque chose, comme un article, nous devons lui donner une URI, ce qui signifie lui donner un id dans notre html. Et nous avons besoin d'un autre vocabulaire pour nous donner accès aux termes permettant de décrire notre article. Ayant à nouveau consulté SchemaWeb, j'ai opté pour le <a href="http://zeitkunst.org/bibtex/0.1/bibtex.owl">vocabulaire Bibtex</a> et ajouté &lt;link rel="schema.bib" href="http://purl.org/net/nknouf/ns/bibtex#"/&gt; dans l'entête du document (&lt;head&gt;).</p>
  164. <p>Analysons le &lt;li&gt;. Ce que nous disons ici c'est que cette <strong>#person</strong> a rédigé <strong>#dw-articles-1</strong> et <strong>#dw-articles-1</strong> est un article. On a aussi utilisé le vocabulaire Dublin Core (dc) pour donner une date de publication et un titre à l'article. Notez que <strong>dc-title</strong> et <strong>dc-date</strong> sont des propriétés de <strong>#dw-articles-1</strong>, pas de <strong>#person</strong>, car maintenant <strong>#dw-articles-1</strong> est le plus proche parent avec un id.</p>
  165. <p>Vous savez dorénavant comment baliser un profil et une bibliographie simple. Mais encore mieux, <strong>vous pouvez appliquer les mêmes techniques pour décrire avec du code sémantique tout ce que vous souhaitez</strong> (personnes, endroits, produits, concepts abstraits, structures chimiques, forums, évènements historiques - tout !) Vous avez juste à trouver - ou créer - les termes du vocabulaire dont vous avez besoin.</p>
  166. <p>Lorsque vous allez vouloir aller plus loin, vous allez sûrement devoir aller consulter <a href="http://research.talis.com/2005/erdf/wiki/Main/RdfInHtml">les spécifications de eRDF</a>, qui expliquent comment écrire eRDF de manière plus détaillée.</p>
  167. <p>Félicitations&nbsp;! Votre HTML sémantique, quel que soit son contenu, peux maintenant être facilement parsé en RDF.</p>
  168. <h2>Utiliser RDF&nbsp;: un mashup simple à base de RDF utilisant Exhibit</h2>
  169. <p><a href="http://simile.mit.edu/exhibit/">Exhibit</a> est un framework JavaScript configurable pour présenter de petites à moyennes quantités de données. Il peut importer RDF/XML en l'envoyant vers le <a href="http://simile.mit.edu/babel/">service web Babel</a> de Simile pour le transformer dans le format JSON d'Exhibit - qui est lui-même une version de RDF.</p>
  170. <p>Concevoir un mashup est simple&nbsp;:</p>
  171. <ul>
  172. <li>Copiez et collez (et, si vous le souhaitez, personnalisez) <a href="http://simile.mit.edu/wiki/Exhibit/How_to_import_RDF_on_the_fly">ce gabarit</a></li>
  173. <li>Éditez les éléments &lt;link rel="exhibit/data" /&gt; afin qu'ils pointent sur les données que vous souhaitez utiliser, n'importe où sur le web.</li>
  174. <li>Chargez la page dans votre navigateur. C'est tout.</li>
  175. </ul>
  176. <p>Vous pouvez trouver davantage d'informations au sujet d'Exhibit <a href="http://simile.mit.edu/wiki/Exhibit/For_Authors">sur le wiki de Simile</a>.</p>
  177. <h2>Conclusion</h2>
  178. <p><strong>RDF est le langage au cœur du Web Sémantique</strong>. Cela signifie qu'en publiant vos données en RDF sur le web, en utilisant les termes issus des vocabulaires existants là où vous pouvez, et en liant les autres données, <strong>vous pouvez augmenter l'utilité de vos données et de celles que vous liez</strong>. Il y a une masse grandissante de données RDF disponibles sur le web, certaines ressources sont liées <a href="http://esw.w3.org/topic/TaskForces/CommunityProjects/LinkingOpenData/DataSets">sur le wiki de Linking Open Data</a>.</p>
  179. <p>Même sans s'intéresser au Web Sémantique, la flexibilité de RDF et sa structure uniforme en font une forme extrêmement utile pour stocker vos données. Vous n'avez pas à attendre que quelqu'un le fasse à votre place, vous pouvez d'ores et déjà l'utiliser.</p>
  180. <h2>Liens utiles</h2>
  181. <p>Je voulais regrouper ici des liens utiles en français mais je n'ai pu trouver «&nbsp;que » les excellents billets de Got&nbsp;: <a href="http://www.lespetitescases.net/semantique-et-xhtml">Sémantique et XHTML</a> et <a href="http://lespetitescases.net/rdf-par-l-apprentissage-foaf">RDF par l'apprentissage&nbsp;: FOAF</a>. Si vous lisez l'anglais, il y en a par contre une flopée à la fin de l'article original.</p>
  182. </div>
  183. </article>
  184. <footer>
  185. <h6 property="schema:datePublished">— 27/08/2007</h6>
  186. </footer>
  187. </section>
  188. <section>
  189. <div>
  190. <h3>Articles peut-être en rapport</h3>
  191. <ul>
  192. <li><a href="/david/biologeek/archives/20080227-mieux-que-gratuit-le-business-model-reinvente/" title="Accès à ★ Mieux que gratuit : le business model réinventé">★ Mieux que gratuit : le business model réinventé</a></li>
  193. <li><a href="/david/biologeek/archives/20070413-pour-ne-plus-etre-en-rest-comprendre-cette-architecture/" title="Accès à ★ Pour ne plus être en REST, comprendre cette architecture">★ Pour ne plus être en REST, comprendre cette architecture</a></li>
  194. <li><a href="/david/biologeek/archives/20101130-de-lopendata-au-linkeddata-exemple-de-nosdonneesfr/" title="Accès à ★ De l&#39;OpenData au LinkedData : exemple de nosdonnees.fr">★ De l&#39;OpenData au LinkedData : exemple de nosdonnees.fr</a></li>
  195. </ul>
  196. </div>
  197. </section>
  198. <section>
  199. <div id="comments">
  200. <h3>Commentaires</h3>
  201. <div class="comment" typeof="schema:UserComments">
  202. <p class="comment-meta">
  203. <span class="comment-author" property="schema:creator">Got</span> le <span class="comment-date" property="schema:commentTime">27/08/2007</span> :
  204. </p>
  205. <div class="comment-content" property="schema:commentText">
  206. <p>Merci David pour tes fleurs et ton billet. Pour compléter les liens que tu donnes, j'avais écrit un autre billet sur RDF pour tenter de l'expliquer : <a href="http://lespetitescases.net/rdf-pour-les-nuls" title="http://lespetitescases.net/rdf-pour-les-nuls" rel="nofollow">lespetitescases.net/rdf-p...</a> (republié pour l'occasion). Il existe une autre méthode que les microformats et eRDF pour inclure du RDF dans des pages Web : RDFa, actuellement brouillon au W3C. C'est un peu ma marotte en ce moment (mais tu t'en es peut-être aperçu ;-) ), par exemple le dernier en date : <a href="http://lespetitescases.net/amusons-nous-avec-rdfa-le-retour" title="http://lespetitescases.net/amusons-nous-avec-rdfa-le-retour" rel="nofollow">lespetitescases.net/amuso...</a> et j'anticipe peut-être sur les billets à venir :-)</p>
  207. </div>
  208. </div>
  209. <div class="comment" typeof="schema:UserComments">
  210. <p class="comment-meta">
  211. <span class="comment-author" property="schema:creator">Christophe</span> le <span class="comment-date" property="schema:commentTime">27/08/2007</span> :
  212. </p>
  213. <div class="comment-content" property="schema:commentText">
  214. <p>J'apprécie cette synthèse très pédagogique ! Rien à ajouter sur le fond, tout y est pour comprendre l'intérêt de RDF et, plus largement, du web sémantique.<br />
  215. <br />
  216. La référence aux articles de Got est la bienvenue, c'est d'ailleurs grâce à lui que je découvre toutes les subtilités de ce sujet passionnant. Il a également su me remettre sur le droit chemin quand je mélangeais plusieurs notions encore floues pour moi (merci, Got !).<br />
  217. <br />
  218. J'y ajouterais le blog de Christian Fauré - <a href="http://www.christian-faure.net" title="http://www.christian-faure.net" rel="nofollow">www.christian-faure.net</a> - qui aborde régulièrement le sujet et défend avec ferveur l'approche REST (en opposition à SOAP, le plus souvent).<br />
  219. <br />
  220. Et puisque tu as mentionné Simile Exhibit, sa version 2.0 bêta est sortie vendredi dernier. Même si les nouveautés ne sont pas évidentes quand on regarde l'interface, les modifications sont profondes et l'exécution notoirement plus rapide (pour ne pas dire surprenante !). Tous les projets Simile sont de la même veine (je vous conseille de vous attarder sur Timeplot, tout frais, tout neuf). D'autres projets arrivent derrière (Potluck, Wibbit, Timegrid...), tous aussi étonnants. J'ai prévu de faire une série d'articles sur ces outils et leur mise en oeuvre, mais le temps me manque un peu en ce moment... Par contre, j'espère trouver les quelques heures pour finir les versions françaises d'Exhibit 2.0, Potluck 1.0, Timeline 2.0 et Timeplot 1.0. Elles seront intégrées aux API de Simile, disponibles sur le site officiel : <a href="http://simile.mit.edu" title="http://simile.mit.edu" rel="nofollow">simile.mit.edu</a><br />
  221. <br />
  222. Encore bravo pour la qualité de cet article !</p>
  223. </div>
  224. </div>
  225. <div class="comment" typeof="schema:UserComments">
  226. <p class="comment-meta">
  227. <span class="comment-author" property="schema:creator">Olivier G.</span> le <span class="comment-date" property="schema:commentTime">27/08/2007</span> :
  228. </p>
  229. <div class="comment-content" property="schema:commentText">
  230. <p>Très bon billet (encore !), mais j'ai pas très bien compris quand on devait faire commencer la classe par un tiret ou pas. C'est quand on débute la description d'une nouvelle ressource #id, c'est ça ?</p>
  231. </div>
  232. </div>
  233. <div class="comment" typeof="schema:UserComments">
  234. <p class="comment-meta">
  235. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">28/08/2007</span> :
  236. </p>
  237. <div class="comment-content" property="schema:commentText">
  238. <p>@Got : merci pour ce complément d'information, concernant RDFa c'est en effet sur ma todo ;-).<br />
  239. <br />
  240. @Christophe : oui je suis le blog de Christian aussi (mais il me semble qu'il parle plus rarement de RDF qui était l'objet du billet). J'ai vu que tu étais pas mal impliqué dans Exhibit sur ton blog, c'est cool je sais où m'adresser pour le support maintenant :D.<br />
  241. <br />
  242. @Olivier : oui c'est exactement ça.</p>
  243. </div>
  244. </div>
  245. <div class="comment" typeof="schema:UserComments">
  246. <p class="comment-meta">
  247. <span class="comment-author" property="schema:creator">Nicofrand</span> le <span class="comment-date" property="schema:commentTime">30/08/2007</span> :
  248. </p>
  249. <div class="comment-content" property="schema:commentText">
  250. <p>Article intéressant. Si j'étais quelque peu noyé dans le concept au départ et effrayé par le fait qu'il y ait plusieurs vocabulaires possibles, ton article m'a rassuré.<br />
  251. Cependant, n'est-il pas lourd pour un site regroupant des ressources diverses et variées de devoir utiliser plusieurs vocabulaires?<br />
  252. Sinon, à l'heure de Dbpedia, cela donne à réfléchir :p !</p>
  253. </div>
  254. </div>
  255. <div class="comment" typeof="schema:UserComments">
  256. <p class="comment-meta">
  257. <span class="comment-author" property="schema:creator">Olivier</span> le <span class="comment-date" property="schema:commentTime">24/12/2007</span> :
  258. </p>
  259. <div class="comment-content" property="schema:commentText">
  260. <p>C'est vrai que c'est alléchant pour un geek, mais.... est-ce que ça sert à quelque chose de concret ?<br />
  261. <br />
  262. Je me fais un peu l'avocat du diable, mais qui va bien pouvoir utiliser ces données ?<br />
  263. <br />
  264. C'est un peu comme la validation HTML : si on avait la certitude que Google en tenait compte, les développeurs web en ferait une priorité.<br />
  265. <br />
  266. En fait, personne ne rend ses pages sémantiques, donc peu d'outils les utilisent, donc personne ne prend la peine de les rendre sémantiques, etc....</p>
  267. </div>
  268. </div>
  269. <div class="comment" typeof="schema:UserComments">
  270. <p class="comment-meta">
  271. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">24/12/2007</span> :
  272. </p>
  273. <div class="comment-content" property="schema:commentText">
  274. <p>@Olivier : je suis en plein dedans là, donc je vais bientôt parler d'une utilisation concrète normalement.<br />
  275. <br />
  276. Toutes les nouvelles technologies ont un problème de poule et d'œuf, c'est aux adopteurs précoces de montrer la voie ;-).</p>
  277. </div>
  278. </div>
  279. <div class="comment" typeof="schema:UserComments">
  280. <p class="comment-meta">
  281. <span class="comment-author" property="schema:creator">karl</span> le <span class="comment-date" property="schema:commentTime">30/09/2008</span> :
  282. </p>
  283. <div class="comment-content" property="schema:commentText">
  284. <p>@Olivier Mon mantra de la technologie est « Utilise le si cela t&#39;es utile. »</p>
  285. <p>RDF est déjà utile pour de nombreuses personnes, dans des cas précis. Dans le domaine de la recherche qui fait une énorme consommation de données provenant de différentes sources par exemple.</p>
  286. <p>MusicBrainz utilise RDF - <a href="http://musicbrainz.org/MM/">http://musicbrainz.org/MM/</a></p>
  287. <p>Il y a même de nombreux endroits où tu ne le sais pas. Tous les fichiers produits par les produits adobe (PDF, Image) contiennent du XMP, qui est un sous-ensemble RDF. Lorsque tu charges une image contenant du XMP sur Flickr, le script lit les données et peuple les champs de titre, tags, et description avec.</p>
  288. <p>Pour ce qui est de la validité de mes pages Web, je le fais parce que cela rend plus facile mon utilisation de la technologie. Ma validité n&#39;est pas un processus de vérification après publication, mais une étape de contrôle qualité pré-publication pour utiliser correctement les outils de traitement. Tiens il faut que je fasse un article sur le QA blog à propos de cela :)</p>
  289. <p></p>
  290. </div>
  291. </div>
  292. </div>
  293. </section>
  294. <footer>
  295. <nav>
  296. <p>
  297. <small>
  298. Je réponds quasiment toujours aux <a href="m&#x61;ilto:d&#x61;vid%40l&#x61;rlet&#46;fr" title="Envoyer un email">emails</a> (<a href="/david/signature/" title="Ma signature actuelle avec possibilité de chiffrement">signés</a>) et vous pouvez me rencontrer à Montréal. <span class="more-infos">N’hésitez pas à <a href="/david/log/" title="Être tenu informé des mises à jour">vous abonner</a> pour être tenu informé des publications récentes.</span>
  299. </small>
  300. </p>
  301. </nav>
  302. </footer>
  303. </div>
  304. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  305. <script data-no-instant>InstantClick.init()</script>
  306. </body>
  307. </html>