les microformateurs

Un premier article pour tenter de sensibliser à l’idée donnée par Jeremy Keith lors du Geek dinner pré-XTech 2007. Il faut réussir à faire cette promotion sans avoir à en parler directement. Juste dire en faisant ci ou ça, vous obtiendrez ces bénéfices là.

Donc, promotion par l’exemple, j’ai choisi un site qui contient des informations d’évènements (qui ne sont pas encore dans un format réutilisable), au hasard mx3, le MySpace Suisse (traduit en français, suisse allemand, italien et romanche). Chaque groupe de musique peut publier les dates de ces prochains concerts. Ce qui est intéressant mais n’est pas réutilisable en dehors du site lui-même sans s’être préalablement inscrit (pas de OpenID à ma connaissance).

Une démonstration de comment y ajouter la sémantique nécessaire et un outil pour pouvoir directement en bénéficier en attente de voir ce site les fournir nativement.

Les pages actuelles contiennent les évènements sous cette forme là :

<li class="concert-list odd">
<h4 class="date" >
<p>HARD COPY MISE EN SON KMA</p>
</h4>
<p> Thursday 19/07/2007 - 20:00 </p>
<a class="add" href="#" onclick="..." style="...">Add</a>
<h4 class="date"><p></p></h4>
<p>CHATEAUX DE CLERMONT </p>
</li>

Avec des microformats hCalendar ça deviendrait :

<li class="concert-list odd vevent“>
<h4 class=”date summary” >
<p>HARD COPY MISE EN SON KMA</p>
</h4>
<p><abbr class=”dtstart” title=”20070719T200000+02:00″>Thursday 19/07/2007 - 20:00</abbr></p>
<a class=”add” href=”#” onclick=”…” style=”…”>Add</a>
<h4 class=”date”><p></p></h4>
<p class=”location”>CHATEAUX DE CLERMONT </p>
</li>

Grâce à ceci, on peut au moyen de l’extension Firefox Operator extraire directement toutes les dates de concerts qui nous intéressent pour les ajouter à son agenda Google, Yahoo, 30Boxes ou Outlook.

J’ai tout d’abord confectionné un script GreaseMonkey pour ajouter le peu d’HTML manquant pour avoir de vrais hCalendar dans ces pages.

Le but ici est de montrer qu’il est simple d’ajouter le peu de sémantique nécessaire pour qu’une information aussi simple qu’un évènement soit réutilisable directement, et que si un site ne le propose pas, au moyen d’un script Greasemonkey, on peut pallier ce manque.

Promotion des microformats par l’exemple. Dire quand je vais sur ce site là je peux extraire telle ou telle information ou regarde sur ton site on pourrait à moindre coût offrir ces possibilités là sont autant de moyens pour faire connaître les différents formats existants et leurs usages. Je pense qu’il est possible de faire de même avec d’autres idées intéressantes comme l’est OpenId. Ne pas en parler mais donner envie, le montrer. Avoir un maximum de sites internet publiant des microformats et faisant eux-même leur promotion peut aider dans l’action de répandre leur adoption.

En passant, pointez-moi vos sites préférés que vous aimeriez voir être enrichis en microformats, il est toujours possible de faire quelque chose.

NB: Mx3 est un site web ayant été développé en partie par mon ancien employeur, j’ai choisi ce site là par pure sympathie et n’ai aucun intérêt personnel dans cette histoire là.