Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

index.html 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>Atelier d&#39;introduction au web sémantique — 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/20080402-atelier-d-introduction-au-web-semantique">
  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">Atelier d&#39;introduction au web sémantique</h1>
  42. <article typeof="schema:BlogPosting">
  43. <div property="schema:articleBody">
  44. <img src="/static/david/biologeek/images/logos/wasp_cafe.png" alt="vignette" style="float:left; margin: 0.5em 1em;" property="schema:thumbnailUrl" />
  45. <p>J'aurais l'honneur d'animer avec <a href="http://fredericdevillamil.com/atelier-web-semantique-au-troisieme-wasp-cafe-le-17-avril-2008">Frédéric</a> un <a href="http://waspcafefrance.webstandards.org/Informations-et-programme,10.html">atelier sur le web sémantique</a> lors du prochain <a href="http://waspcafefrance.webstandards.org/Qu-est-ce-qu-un-WaSP-cafe.html"><abbr title="Web Standard Project">WaSP</abbr> café</a>, le soir du 17 avril prochain.</p>
  46. <h2>Public</h2>
  47. <p>Comme son nom l'indique, c'est une introduction. Elle est donc <strong>destinée aux personnes qui n'ont qu'une vague idée de ce qu'est le web sémantique et qui aimeraient en savoir un peu plus</strong>. Je préfère préciser car il y a souvent un «&nbsp;effet microcosme » lors de ces événements qui regroupe les personnes en sachant plus que l'orateur (et qui s'ennuient !), je veux absolument éviter ça (le message fort serait presque&nbsp;: lecteurs de la catégorie web sémantique de ce blog, c'est pas pour vous&nbsp;! :-)). D'autant qu'il y aura plusieurs ateliers en parallèle tous plus intéressants les uns que les autres.</p>
  48. <p>Si vous souhaitez avoir des discussions plus avancées, je vous recommande vivement de participer au <a href="http://barcamp.org/SemanticCampParis">SemanticCamp</a> qui se tient à Paris ce 4 avril. Je ne vais malheureusement pas pouvoir y participer cette fois-ci mais la dernière réunion était vraiment passionnante.</p>
  49. <p><img src="/static/david/biologeek/images/SemanticCampParis.png" alt="Logo du Semantic Camp" style="display:block; margin:0 auto;" /></p>
  50. <h2>Contenu</h2>
  51. <p>C'est la grosse difficulté d'un atelier. Qu'est ce qui intéresse les curieux&nbsp;? Comment transmettre une passion en un temps limité&nbsp;? Comment permettre la meilleure interaction possible&nbsp;? <del>Comment assurer après l'apéro ?</del></p>
  52. <p>Je compte davantage insister sur les <strong>usages possibles et les exemples actuels</strong> car tous les aspects techniques peuvent être appris par la suite (et sinon ça perd rapidement en vitalité). Néanmoins si vous avez des requêtes particulières c'est le moment ou jamais :-).</p>
  53. <p>Pour les experts qui me lisent, s'il y a des exemples qui vous semblent pertinents, n'hésitez pas à m'en parler. L'actualité est riche et je dois passer à côté de beaucoup de choses (surtout en ce moment).</p>
  54. <h2>Inscription</h2>
  55. <p>N'oubliez pas de vous inscrire sur le site (lorsque les inscriptions seront activées ?), les places sont limitées.</p>
  56. <h2>Ressources</h2>
  57. <ul>
  58. <li><a href="http://www.la-grange.net/2003/02/17.html.fr#web-semantique">Un Web sémantique facile</a>, la meilleure introduction que je connaisse par Karl Dubost</li>
  59. <li><a href="http://websemantique.org/PagePrincipale">Site de la communauté francophone du Web Sémantique</a></li>
  60. <li><a href="http://www.w3.org/2001/sw/SW-FAQ">W3C Semantic Web Frequently Asked Questions</a> qui a l'avantage d'être lisible</li>
  61. <li><a href="https://larlet.fr/david/biologeek/archives/20070827-rdf-pour-tous-du-publicateur-au-developpeur-web/">RDF pour tous&nbsp;: du publicateur au développeur web</a>, une introduction permettant de voir les tenants et les aboutissants du Web Sémantique</li>
  62. <li><a href="http://www.lespetitescases.net/rdf-par-l-apprentissage-foaf">RDF par l'apprentissage&nbsp;: FOAF</a>, excellente introduction à RDF à travers FOAF</li>
  63. <li><a href="http://www.ldodds.com/blog/archives/000329.html">Teaching a Six Year Old About Triples</a>, une image vaut toujours mieux que des pages de specs</li>
  64. <li><a href="http://www.snee.com/bobdc.blog/2008/04/digging_rdfa.html">Digging RDFa</a> qui pointe sur <a href="http://www.w3.org/2006/07/SWD/RDFa/impl/js/">RDFa in Javascript</a>, à tester sur <a href="http://apassant.net/">la page de profil d'Alexandre Passant</a> par exemple</li>
  65. <li><a href="http://www.w3.org/TR/vcard-rdf">vCard RDF</a>, car je voulais trouver l'équivalent à hCard mais il me semble que dans la pratique c'est plutôt FOAF qui est utilisé</li>
  66. <li><a href="http://rdfa.digitalbazaar.com/fuzzbot/">Extensions Firefox</a>, récent et pas encore testé</li>
  67. <li><a href="http://microformateurs.org/2008/04/13/brian-suda-encodage-xfn-extraction-et-visualisations/">Encodage XFN, extraction et visualisations</a>, bon texte de référence</li>
  68. <li><a href="http://www.lespetitescases.net/rdfaiser-votre-blog-2-la-pratique">RDFaiser votre blog, 2ème partie&nbsp;: la pratique</a> pour convertir pas à pas votre blog</li>
  69. <li><a href="http://www.lespetitescases.net/moat-donner-du-sens-a-vos-tags">MOAT&nbsp;: donner du sens à vos tags</a> au sujet du <a href="http://moat-project.org/">projet MOAT</a>, bon exemple de l'intérêt de sémantiser le web pour donner du sens à un simple mot</li>
  70. <li><a href="http://dbpedia.org/About">DBpedia</a> ou les données de wikipedia en version sémantique, un des projets les plus intéressants en terme de perspectives</li>
  71. <li><a href="http://www.la-grange.net/2002/08/06#rdf-filesystem">RDF filesystem - Semantic Web</a>, Karl rêvait d'un filesystem sémantique en 2002... et ça avance avec <a href="http://nepomuk.semanticdesktop.org/xwiki/bin/view/Main1/">Nepomuk</a></li>
  72. <li><a href="http://www.zemanta.com/">Zemanta</a>, où le Web Sémantique vous aide à mieux bloguer</li>
  73. <li><a href="http://www.twine.com/">Twine</a>, difficile d'en mesurer toutes les possibilités pour l'instant</li>
  74. </ul>
  75. <h3>Limitations des microformats</h3>
  76. <ul>
  77. <li><a href="http://www.la-grange.net/2003/12/17.html#xfn">XFN&nbsp;: juste pour les mauvais geeks</a> ou la génèse vue de l'intérieur, très pertinent</li>
  78. <li><a href="http://semwebdev.keithalexander.co.uk/blog/posts/microformats-not-semantic-web">Microformats aren't an answer to the Semantic Web.</a> qui aborde notamment la problématique des URI et de la centralisation</li>
  79. <li><a href="http://factoryjoe.com/blog/2008/03/11/portable-contact-lists-and-the-case-against-xfn/">Portable contact lists and the case against XFN</a>, approche encore différente, les relations humaines sont trop complexes</li>
  80. <li><a href="http://www.snee.com/bobdc.blog/2008/03/accessibility_problems_with_mi.html">Accessibility problems with microformats</a>, le problème d'avoir choisi la balise <strong>abbr</strong> entre autres</li>
  81. </ul>
  82. </div>
  83. </article>
  84. <footer>
  85. <h6 property="schema:datePublished">— 02/04/2008</h6>
  86. </footer>
  87. </section>
  88. <section>
  89. <div>
  90. <h3>Articles peut-être en rapport</h3>
  91. <ul>
  92. <li><a href="/david/biologeek/archives/20110322-retour-sur-lopendata-et-nous-et-nous-et-nous/" title="Accès à Retour sur l&#39;OpenData et nous, et nous, et nous ?">Retour sur l&#39;OpenData et nous, et nous, et nous ?</a></li>
  93. <li><a href="/david/biologeek/archives/20081117-le-web-semantique-ou-limportance-des-donnees-liees/" title="Accès à ★ Le Web Sémantique ou l&#39;importance des données liées">★ Le Web Sémantique ou l&#39;importance des données liées</a></li>
  94. <li><a href="/david/biologeek/archives/20071122-bilan-sur-paris-web-2007/" title="Accès à Bilan sur Paris Web 2007">Bilan sur Paris Web 2007</a></li>
  95. </ul>
  96. </div>
  97. </section>
  98. <section>
  99. <div id="comments">
  100. <h3>Commentaires</h3>
  101. <div class="comment" typeof="schema:UserComments">
  102. <p class="comment-meta">
  103. <span class="comment-author" property="schema:creator">Olivier G.</span> le <span class="comment-date" property="schema:commentTime">02/04/2008</span> :
  104. </p>
  105. <div class="comment-content" property="schema:commentText">
  106. <p>En fait, ton atelier est déjà plein.</p>
  107. </div>
  108. </div>
  109. <div class="comment" typeof="schema:UserComments">
  110. <p class="comment-meta">
  111. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">02/04/2008</span> :
  112. </p>
  113. <div class="comment-content" property="schema:commentText">
  114. <p>Bah zut alors :(<br />
  115. <br />
  116. Remarque c'est peut-être mieux finalement, on verra bien.</p>
  117. </div>
  118. </div>
  119. <div class="comment" typeof="schema:UserComments">
  120. <p class="comment-meta">
  121. <span class="comment-author" property="schema:creator">Louis</span> le <span class="comment-date" property="schema:commentTime">02/04/2008</span> :
  122. </p>
  123. <div class="comment-content" property="schema:commentText">
  124. <p>Belle initiative :)<br />
  125. <br />
  126. Note sans rapport : je me demande si &quot;atelier d'introduction au web sémantique&quot; et &quot;des exemples actuels&quot; ne sont pas des anglicismes.</p>
  127. </div>
  128. </div>
  129. <div class="comment" typeof="schema:UserComments">
  130. <p class="comment-meta">
  131. <span class="comment-author" property="schema:creator">Farishta</span> le <span class="comment-date" property="schema:commentTime">02/04/2008</span> :
  132. </p>
  133. <div class="comment-content" property="schema:commentText">
  134. <p>j'en avais entendu parlé, et franchement j'aurais voulu venir, mais bon, je n'ai pas le financement pour m'acheter un billet d'avion et pour l'hébergement. A quand une manif de ce type à la Réunion ??<br />
  135. En tout cas j'espère que ça remportera un succès :D</p>
  136. </div>
  137. </div>
  138. <div class="comment" typeof="schema:UserComments">
  139. <p class="comment-meta">
  140. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">02/04/2008</span> :
  141. </p>
  142. <div class="comment-content" property="schema:commentText">
  143. <p>@Louis : pour les &quot;exemples actuels&quot;, j'ai rajouté &quot;actuels&quot; a posteriori pour bien montrer l'opposition avec la notion future des &quot;usages possibles&quot;. Mais sinon il est bien possible que mon français soit contaminé, je lis trop d'anglais...<br />
  144. <br />
  145. @Farishta : je propose plutôt de financer les billets d'avion des intervenants dans ce cas ;-).</p>
  146. </div>
  147. </div>
  148. <div class="comment" typeof="schema:UserComments">
  149. <p class="comment-meta">
  150. <span class="comment-author" property="schema:creator">bruno bichet</span> le <span class="comment-date" property="schema:commentTime">02/04/2008</span> :
  151. </p>
  152. <div class="comment-content" property="schema:commentText">
  153. <p>Je viens de jeter un oeil sur la présentation de zemata : c'est l'application idéale pour les MFA (Site Made For Adsense). Le risque est grand de contribuer à la pollution générale du web, si on prend en compte la loi qui veut que le succès &quot;populaire&quot; d'un outil se mesure au nombre des détournement dont il fait l'objet :D (ok, j'exagère un peu ;) )</p>
  154. </div>
  155. </div>
  156. <div class="comment" typeof="schema:UserComments">
  157. <p class="comment-meta">
  158. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">02/04/2008</span> :
  159. </p>
  160. <div class="comment-content" property="schema:commentText">
  161. <p>@bruno bichet : c'est marrant je compte parler de ce service justement. Après concernant les dérives, un web sémantique, dans la mesure où c'est donner du sens aux données *pour les machines*, ça fait évidemment le bonheur des spammeurs. Il faudra que je développe ça.</p>
  162. </div>
  163. </div>
  164. <div class="comment" typeof="schema:UserComments">
  165. <p class="comment-meta">
  166. <span class="comment-author" property="schema:creator">Neovov</span> le <span class="comment-date" property="schema:commentTime">02/04/2008</span> :
  167. </p>
  168. <div class="comment-content" property="schema:commentText">
  169. <p>Mince, moi qui pensait apprendre quelque chose pendant l'atelier je suis déçu :( !<br />
  170. <br />
  171. J'espère qu'on aura l'occasion d'en discuter en tout cas, tout comme ton rève de geek !<br />
  172. <br />
  173. Au 17 avril !</p>
  174. </div>
  175. </div>
  176. </div>
  177. </section>
  178. <footer>
  179. <nav>
  180. <p>
  181. <small>
  182. 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>
  183. </small>
  184. </p>
  185. </nav>
  186. </footer>
  187. </div>
  188. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  189. <script data-no-instant>InstantClick.init()</script>
  190. </body>
  191. </html>