Carnet Wiki

RDFaiser un squelette SPIP

SPIP-Contrib :: Carnet Wiki :: Recherche :

RDFaiser un squelette SPIP

Archive de la page http://www.igor-web.net/spip.php?article122

voir aussi :
http://web.archive.org/web/20120719180453/http://www.igor-web.net/spip.php?article122


Vers un web de donnée.

Une modeste mise en œuvre de RDFa dans SPIP.

J’avais déjà expérimenté les microformats dans des squelettes SPIP, on peut également RDFaiser grâce à Got et ses Petites cases.

Commencer par lire les trois articles suivant avant de revenir ici pour voir une application simpliste dans un squelette article.html :

Pourquoi ne pas l’exprimer clairement dans le code via RDFa ? Il suffirait de changer les templates/squelettes/themes de votre site, en y introduisant du RDFa, et le tour est joué, on a du RDFa généré automatiquement et à peu de frais et vous contribuez facilement à la construction du Web de données.

Source : RDFaiser votre blog, 1re partie : la théorie.

Préparer un squelette de page article « RDFaisé ».

Un DOCTYPE adapté

Il existe une DTD XHTML+RDFa 1.0 qui est fait pour embarquer des données dans votre page web en utilisant RDFa. Il va falloir modifier votre squelette comme suit :

  1. #CACHE{720000}
  2. <BOUCLE_articlepage(ARTICLES){id_article}{unique}>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">

Télécharger

Déclarer les espaces de nom des vocabulaires RDF utilisés

On se contente ici de repomper ceux de l’exemple de Gauthier dans l’article précité RDFaiser votre blog, 2e partie : la pratique. dans l’élément html. La seule partie SPIP étant dédiée à la lang du document par l’attibut xml:lang.

  1. <html
  2. xmlns="http://www.w3.org/1999/xhtml"
  3. xmlns:dc="http://purl.org/dc/elements/1.1/"
  4. xmlns:dcterms="http://purl.org/dc/terms/"
  5. xmlns:sioc="http://rdfs.org/sioc/ns#"
  6. xmlns:sioctype="http://rdfs.org/sioc/types#"
  7. xmlns:skos="http://www.w3.org/2004/02/skos/core#"
  8. xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
  9. xmlns:xsd="http://www.w3.org/2001/XMLSchema#"
  10. xml:lang="#LANG">

Télécharger

Un squelette article.html classique

Le squelette basique tel qu’il se présente à ce stade dans lequel on affiche uniquement le Titre, l’auteur, la date de publication, les mots-clés associés et le texte de l’article :

  1. <BOUCLE_articlepage(ARTICLES){id_article}{unique}>
  2. [snip]
  3. <body>
  4. [(#REM) Titre de l'article]
  5. <h1>#TITRE</h1>
  6.  
  7. [(#REM) L'auteur de l'article]
  8. <p><BOUCLE_auteur(AUTEURS){id_article}{0,1}><a href="#URL_AUTEUR">#NOM</a></BOUCLE_auteur>.</p>
  9.  
  10. [(#REM) La date de publication]
  11. <p>Publié le [(#DATE|affdate_court)].</p>
  12.  
  13. [(#REM) Les mots-clés associés]
  14. <p>Thèmes: <BOUCLE_motsarticle(MOTS){id_article}{par titre}{", "}><a href="#URL_MOT">#TITRE</a></BOUCLE_motsarticle>.</p>
  15.  
  16. [(#REM) Le texte de l'article]
  17. [(#TEXTE)]
  18. </body>
  19. </html>
  20. </BOUCLE_articlepage>

Télécharger

Insérer maintenant le RDFa dans le code avec les balises SPIP

Les commentaires du code sont ceux de l’article original, augmentés d’explications spipiennes introduites par #REM.

Déclarer le billet de blog

  1. <body>
  2. <!-- je déclare que cette partie du code correspond à un billet de blog, en utilisant SIOC type et que l'URL du billet correspond au sujet des triples qui vont être déclarés ensuite grâce à l'attribut about -->
  3.  
  4. [(#REM) on indique dans l'attribut about l'URL absolu de l'article.]
  5.  
  6. <div id="billet" instanceof="sioctype:BlogPost" about="#URL_SITE_SPIP/#URL_ARTICLE">
  7.  
  8. <!-- J'indique que le billet fait partie du blog dont l'URL est déclaré avec l'attribut href-->
  9. [(#REM) indique l'URL sur site spip dans l'attribut href]
  10. <span rel="sioc:has_container" href="#URL_SITE_SPIP"/>
  11. [snip]
  12. </div>

Télécharger

Titre du billet

  1. <!-- Le titre du billet. Vous remarquerez que c'est l'attribut property qui est utilisé, car l'objet n'est pas une ressource, mais une chaîne de caractères-->
  2. <h2 property="dc:title">#TITRE</h2>

Télécharger

Date du billet

  1. <!--La date du billet. Dans ce cas, l'objet doit être sous une forme normalisée pour une exploitation automatique par les machines. L'attribut content est donc utilisé pour ne pas prendre en compte le contenu de l'élément et l'attribut datatype pour indiquer le type de données -->
  2.  
  3. [(#REM) les filtres de date de SPIP permettent cette forme normalisée de date]
  4.  
  5. [<p>Publié le <span property="dcterms:created" content="[(#DATE|affdate{'Y-m-d'})]" datatype="xsd:date">(#DATE|affdate_court)</span></p>]

Télécharger

L’auteur du billet

J’utilise ici une boucle auteur pour pouvoir avoir accès facilement aux balises de la boucle #AUTEURS comme #NOM et #URL_AUTEUR.

  1. <!-- l'auteur du billet Je me contente ici du strict minimum des informations. --><p>Par <BOUCLE_test_auteur(AUTEURS){id_article}{0,1}>
  2. <span rel="sioc:has_creator">
  3. <span instanceof="sioc:User">
  4. <span property="rdfs:label" content="#NOM"><a href="#URL_AUTEUR">#NOM</a></span>
  5. </span>
  6. </span>
  7. </BOUCLE_test_auteur>
  8. </p>
  9. Les tags ou mot-clés de l'article
  10. <p>Thèmes&nbsp;:
  11. <BOUCLE_motsarticle(MOTS){id_article}{par titre}{", "}>
  12. <span rel="sioc:topic">
  13. <span instanceof="skos:concept">
  14. <span property="skos:prefLabel" content="#TITRE">
  15. <a href="#URL_MOT">#TITRE</a>
  16. </span>
  17. </span>
  18. </span>
  19. </BOUCLE_motsarticle>
  20. </p>

Télécharger

Voilà c’est fini pour le moment. À vous de reprendre les éléments de squelettes de cet article. Les pages articles du présent site sont désormais RDFaisées.