Archive for the ‘ressources’ Category

Une hCard en langage naturel

Monday, October 1st, 2007

Peut-être que vous disposez sur votre site web d’une description de vous-même en prose traditionnelle ? Cette traduction de l’article de Jeremy Keith paru sur son journal Adactio: Natural language hCard fournit une belle introduction succincte dans l’art d’ajouter de la syntaxe hCard à une biographie existante en prose. Cette traduction réactualisée avec l’extension Operator est destinée à compléter la ressource-wiki “Publier une hCard” - xtof

Une hCard en langage naturel

Drew a écrit le processus pour ajouter hCard à Vitamin. Pour voir les résultats en action, essayez de visiter Vitamin en utilisant Firefox avec l’installation de
l’extension Operator.

Drew explique ce qui l’a amené à la conversion :

Quelque chose me heurtait concernant ce site dès que je voyais la liste des conseils. C’est le candidat parfait pour un usage immodéré du microformat hCard, aussi j’ai mis un petit mot à Ryan Carson et lui ai fait la suggestion.

J’ai eu récemment un sentiment similaire. Sur chaque page de ce site, il y a une petit blah d’explication dans la barre latérale :

Adactio est la maison en ligne de Jeremy Keith, un développeur web vivant et travaillant à Brighton, Angleterre.

Ceci est utilisé pour être contenu dans un simple élément paragraphe :

<p>Adactio est la maison en ligne de Jeremy Keith, un développeur web vivant et travaillant à Brighton, Angleterre.</p>

J’ai remarqué que ce petit paragraphe contenait :

  • mon nom en entier,
  • ma profession,
  • ma villet et
  • mon pays.

<p>Adactio est la maison en ligne de Jeremy Keith, un développeur web vivant et travaillant à Brighton, Angleterre.</p>

Cette information est facilement encodée dans hCard :

<p class="vcard">Adactio est la maison en ligne de <span class="fn">Jeremy Keith</span>, un <span class="title">développeur web</span> vivant et travaillant à <span class="adr"><span class="locality">Brighton</span>, <span class="country-name">Angleterre</span></span>.</p>

Boum ! Richesse sémantique instantanée.

J’aurais pu m’arrêter là mais j’ai décidé d’aller un peu plus loin et d’ajouter une adresse email :

<p class="vcard"><a class="url" href="http://adactio.com/">Adactio</a> est la maison en ligne de <a class="email fn" href="mailto:jeremy@adactio.com">Jeremy Keith</a>, un <span class="title">développeur web</span> vivant et travaillant à <span class="adr"><span class="locality">Brighton</span>, <span class="country-name">Angleterre</span></span>.</p>

Ceci m’a conduit à réfléchir à d’autres endroits où pourraient être interprétés les microformats dans le flux des phrases naturelles en anglais. J’ai mis à jour la page auteur sur le site DOM Scripting (il y a déjà un hCalendar d’événements). Les biographies des speakers sur les sites web de conférences seraient un autre candidat prioritaire.

J’ai emprunté une idée d’Andy Hume et commencé à baliser les commentaires sous des hCards sur DOM Scripting et Principia Gastronomica. Une fois commencé à regarder ça, j’ai commencé à voir l’information d’identité et d’événement dans beaucoup d’endroits. … même si cela ne ressemble pas explicitement à des cartes ou à des calendriers.

La prochaine fois que j’écrirai ou baliserai quelque copie, j’ai l’intention de la renifler sur les noms, les détails de contacts, les dates, etc. J’espère développer un nez pour les microformats.

tags :

dream’Orange sur les microformats

Sunday, September 30th, 2007

Chance d’avoir pu croiser de nouveau Julien Duprat lors du FingCamp d’hier à Paris. Julien me faisait part des réflexions d’Orange sur les microformats et de son “white paper” publié au mois de mai dernier ! Un joli travail, hélas oublié ou à mon goût trop bien dissimulé sur dream’Orange le site web de la R&D d’Orange :

La mise en place d’un écosystème de contenus et outils numériques compatibles avec les microformats ouvre aujourd’hui les portes d’un nouvel espace de partage. C’est un véritable terreau d’innovation car elle va rendre effective l’ouverture des contenus. Ayez-vous aussi le réflexe microformat et participez à la mise en place de cet écosystème de données sémantiques !

Vous pouvez accéder au livre blanc sous deux formes :

De mon point de vue, une très belle synthèse qui gagne à être mieux propagée. Après la grande nouvelle concernant l’adoption d’OpenID par notre opérateur national, je trouverais plutôt enthousiasmant de convier Julien et ses collègues des équipes R&D au prochain Mobile WebCampParis où nous pourrions ouvrir une session/atelier sur la portabilité du réseau social pour les opérateurs mobiles ?

Philippe Jeudy écrivait sur la page du MobileWebCamp : Plus encore que sur le web, les microformats sont essentiels au web mobile. J’aimerais organiser un déjeuner de préparation la semaine prochaine à Paris avec les organisateurs et quelques protagonistes travaillant chez d’autres opérateurs français ? Si ça vous tente, si vous en connaissez, appelez-moi ou laissez un commentaire.

A noter dans vos agendas :

bannière mobilewebcampSamedi 13 octobre à partir de 11h00 jusqu’à 23h00, rejoignez-nous sur le premier MobileWebCampParis— à Paris
Now the web can be a better place for all that is mobile! Let’s meet in Paris!

Amusez-vous avec le nouvel Operator

Friday, August 24th, 2007

Le 21 août 2007 dernier, Michael Kaply annonçait : Operator 0.8 est désormais disponible.

Cette traduction est publiée sous “Fair Use” pour soutenir l’effort des microformats et tout spécialement pour mieux faire connaître Michael qui saura j’en suis sûr vous donner un avant-goût des nouvelles interfaces navigateur pour vous faire apprécier les usages pratiques de quelques données sémantiques. Vous pouvez corriger/raffiner cette traduction en cliquant sur ce lien. Seul le lien original fait référence. Merci d’avance — xtof

Operator 0.8 est désormais disponible à partir de addons.mozilla.org.

L’une des premières choses que vous remarquerez est que j’ai modifié la vue par défaut pour que ce soit des formats de données au lieu d’actions. J’ai fait ça parce que j’ai trouvé que c’est ce que font la majorité des gens. Si vous n’êtes pas d’accord, vous pouvez aller sur les Options Operator et revenir en arrière sur les options.

Vous remarquerez aussi que si vous aviez fait quelques personnalisations, vous les avez perdues. Malheureusement, j’ai fait quelque récriture de preference et la migration était devenue délicate. Cela ne devrait plus se produire à nouveau.

Quelques-unes des nouvelles fonctionnalités dans Operator 0.8 comprennent :

  • Support RDFa (avec l’aimable autorisation d’Elias Torres)
  • Support eRDF (avec l’aimable autorisation de Keith Alexander)
  • Nouveaux éléments d’interface utilisateur, comprenant une icône sur la barre location tout comme sur la barre latérale.
  • Nouvelles préférences comprenant l’auto-dissimulation de la barre d’outils
  • Les microformats address ont été découpés de manière à ce que ces actions puissent être plus granulaires
  • Les actions peuvent être désormais associés avec plusieurs types de données, ainsi l’action Google Maps, par exemple, fonctionne avec les Addresses and Locations
  • Bien meilleur support pour les frames et iframes
  • Support pour les documents non HTML
  • Au moment de débuguer les microformats, Operator se connecte en coulisses au X2V de Brian Suda ainsi vous pourrez comparer les résultats.
  • Beaucoup de réparations de bugs

J’ai dû briser la compatibilité de script utilisateur avec cette release. La plupart des scripts utilisateurs ont été mis à jour et peuvent être trouvés sur la page user script. J’ai aussi modifié le lieu des scripts utilisateurs, de manière à ce que les vieux scripts utilisateurs ne rentrent pas en conflit.

Pour finir, j’ai créé une page spécialement destinée à parler d’Operator. Si j’ai oublié quelque chose, faites le moi savoir. Et sentez-vous à laise de visiter mon blog et de répondre à mon sondage pour savoir comment vous interagissez avec Operator.

Amusez vous !

Note toute particulière aux utilisateurs des betas 0.8 - vous aurez besoin d’aller sur Options et d’effacer “RDFa” et de le rajouter sous “RDF” pour faire que la fonctionnalité RDF fonctionne de nouveau.

“Mashuper” les Microformats

Monday, July 23rd, 2007

L’article ci-dessous est une traduction qui s’inscrit dans la poursuite d’une volonté de mieux faire connaître quelques membres de la gouvernance des microformats. Vous trouverez ci-dessous un essai sur un billet de Jeremy Keith, un brillant orateur qui avait marqué son public lors de sa présentation à XTech. Ce billet, bien que technique me semble très intéressant pour révéler la volonté explicite de la communauté à calmer la profusion de propositions et/ou d’extensions de formats. Interprétons le aussi comme un appel pour nous inviter à être créatifs sur les remix possibles de quelques briques de construction existantes et stabilisées. Et comme toujours, cette traduction est bien imparfaite et reste ouverte au raffinage sur notre wiki de travail. Seul le lien original fait référence.

“Mashupez” les microformats

Quand j’ai fait ma présentation à XTech un peu prétentieusement titrée —Microformats : The Nanotechnology of the Semantic Web—j’ai poussé la métaphore globale de la nanotech à ses limites. L’une des choses dont j’ai parlé était la . Je faisais référence au danger qu’il y ait un microformat pour tout. Comme cela a été répété de nombreuses fois, si dans deux ou trois ans il existe des centaines de microformats, alors nous aurons échoué.

Il existe un danger de glu grise provenant d’un autre coin : la tentation de pousser inutilement des microformats existants. C’est arrivé quelques fois sur la liste de discussion des microformats. Je crois que cette tentation peut être combattue en utilisant la même mesure de protection qui protège le Web d’une surinfection de microformats… Le Processus (pousser la
musique dramatique).

La première question est de savoir s’il existe un vrai problème à résoudre. Souvenez-vous que les microformats fonctionnent sur , par conséquent si je propose une extension qui ne s’applique pas à environ 80% des cas d’utilisation et qui requiert plus que ces 20% d’efforts supplémentaires, alors le prix à payer est trop élevé.

L’étape suivante dans le processus est de regarder si un format existant résout déjà le problème. De mon point de vue, c’est l’objectif pour lequel l’appel aux extensions potentielles passe par une recherche de microformats sur le net.

Voici un exemple apparu récemment sur la liste de diffusion…

Pourquoi ne pas étendre pour y ajouter un champ “date de décès” ?

Tout d’abord et à cette heure, je ne pense pas que ce soit un cas d’utilisation très commun mais laissons cela de côté un moment et concentrons-nous pour savoir si cela fait sens d’ajouter un nouveau champ à la spec hCard.

hCard est une représentation 1:1 de la vCard en HTML et la vCard n’a pas de champ “died”. Il existe néanmoins un bday pour la date de naissance. Ainsi, il ne semble pas déraisonnable de demander un champ correspondant pour la date de décès. Ici, par exemple, c’est la hCard d’un personnage historique qui encode une date de naissance mais il n’y a pas moyen d’encoder la date de décès :

<p class="vcard">
<span class=”fn”>Robert Hooke</span>
est né le
<abbr title=”1635-07-18″ class=”bday”>
18 juillet 1635
</abbr>
et décédé le
3 mars 1703.
</p>

Tel que cela se présente, ce n’est pas nécessaire. Il existe déjà un format pour encoder les dates de début et de fin. Ce format est . Si vous reconsidérez une vie d’une personne comme un évènement, alors vous pouvez encoder sa naissance et sa date de décès :

<p class="vevent">
<span class=”summary”>Robert Hooke</span>
est né le
<abbr title=”1635-07-18″ class=”dtstart”>
18 juillet 1635
</abbr>
et décédé le
<abbr title=”1703-03-03″ class=”dtend”>
3 mars 1703
</abbr>.
</p>

Désormais vous avez encodé avec succès les données d’événements mais vous ne marquez pas explicitement cela comme étant une personne.

Un des principes de design des microformats est qu’ils peuvent être en-capsulés les uns dans les autres. Aussi, il n’y a pas de raison pour laquelle vous ne pouvez pas encoder une personne avec un événement comme ça :

<p class="vcard vevent">
<span class=”fn summary”>Robert Hooke</span>
est né le
<abbr title=”1635-07-18″ class=”dtstart bday”>
18 juillet 1635
</abbr>
et décédé le
<abbr title=”1703-03-03″ class=”dtend”>
3 mars 1703
</abbr>.
</p>

Et voilà ! Vous avez maintenant encodé la date de décès de la personne sans augmenter inutilement hCard.

Le truc est de ne pas rester trop fixé sur l’utilisation d’un format unique. Utilisez le bon outil pour faire le boulot.

Cela ressemble à la situation de développement front-end. Il y a trois technologies distinctes, chacune ayant son propre objectif :

  1. HTML pour la structure.
  2. CSS pour la présentation.
  3. Le Scripting DOM pour le comportement.

Ici aussi existe un danger d’essayer de trop étendre une technologie au delà de son objectif. D’où l’appel aux menus “CSS-only” et au Javascript qui génère le contenu de la page.

En y réfléchissant, l’existence d’un champ bday dans la hCard est une sorte de pseudo-classe :hover dans CSS. Placer des données d’événements à l’intérieur d’un format pour les détails de contacts est similaire à déraper sur une pente en plaçant des contrôles de comportements à l’intérieur de la présentation.

Au fur et à mesure que vous arrêter de vous borner à essayer de tout encoder sur un format unique alors tout un monde de possibilités s’ouvre à vous avec les microformats. Tout simplement en les encastrant les uns dans les autres. Le format est un amalgame de microformats existants : les “skills” marquées avec , les précédents jobs marqués avec hCalendar, et ainsi de suite.

En outre, il y a eu un appel pour un microformat de généalogie. Mais je pense que l’information requise pour un arbre généalogique -au moins dans la situation 80/20- peut être gérée avec une combinaison de microformats existants :

  • hCard pour les personnes
  • hCalendar pour les durées de vie et
  • pour les relations.

J’adore vraiment en venir à des combinaisons inattendues de microformats. Cela revient à augmenter l’information sémantique de façon exponentielle.

En restant avec l’exemple hCard/hCalendar du dessus, supposez que j’ai utilisé l’article Wikipedia de Robert Hooke comme champ url :

<p class="vcard vevent">
<a class=”fn url summary”
href=”http://fr.wikipedia.org/wiki/Robert_Hooke”>
Robert Hooke
</a>
est né le
<abbr title=”1635-07-18″ class=”dtstart bday”>
18 juillet 1635
</abbr>
et mort le
<abbr title=”1703-03-03″ class=”dtend”>
3 mars 1703
</abbr>.
</p>

Du fait de l’espace tag des URLs de Wikipedia, je pourrais taguer le document actuel avec “Robert Hooke” en ajoutant rel-tag :

<p class="vcard vevent">
<a class=”fn url summary” rel=”tag”
href=”http://fr.wikipedia.org/wiki/Robert_Hooke”>
Robert Hooke
</a>
est né le
<abbr title=”1635-07-18″ class=”dtstart bday”>
18 juillet 1635
</abbr>
et mort le
<abbr title=”1703-03-03″ class=”dtend”>
3 mars 1703
</abbr>.
</p>

Et voyant que j’admire vraiment Robert Hooke je peux aussi encoder sa relation à moi sous “muse”

<p class="vcard vevent">
<a class=”fn url summary” rel=”tag muse”
href=”http://fr.wikipedia.org/wiki/Robert_Hooke”>
Robert Hooke
</a>
est né le
<abbr title=”1635-07-18″ class=”dtstart bday”>
18 juillet 1635
</abbr>
et mort le
<abbr title=”1703-03-03″ class=”dtend”>
3 mars 1703
</abbr>.
</p>

hCard, hCalendar, rel-tag et XFN tous ensemble dans une seule phrase. Les microformats sont suffisamment intéressants en eux-mêmes mais ils deviennent très puissants quand vous les mélangez ensemble.

Microformats et Bluetooth : une vidéo à produire

Saturday, May 19th, 2007

Il n’y avait pas de wifi sur XTECH 2007, un comble pour une conférence de geeks ! …

Telle est la raison pour laquelle Jeremy n’a pu réaliser la démonstration toujours très parlante de l’exportation de cartes de visites balisées hCards vers un téléphone mobile bluetooth.

Le dernier jour de XTech 2007, j’ai kidnappé Ian et l’ai forcé à shooter une vidéo rapide d’une démo microformats que je n’avais pas eu la chance de pouvoir inclure dans ma présentation.

La vidéo dure une minute et une seconde. C’est une démo rapide de la version bluetooth du plugin Tails de John McKerell.
microformats bluetooth
Regardez la vidéo sur YouTube.
Regardez-la sur Viddler

Voici une transcription traduite :

Voici mon site web. Voici mon téléphone mobile. Mon site web dispose de microformats. Ceci est une version du plugin Tails pour Firefox. Il expose tous les microformats que j’ai sur mon site web. Je peux convertir et exporter ces microformats sous de vCards, iCal, tout ce que je veux. Avec cette version du plugin, je peux aussi exporter vers bluetooth. Aussi prenons pour exemple un événement. Je clique sur bluetooth.
Mon ordinateur me demande vers quel terminal exporter. J’avais relié précédemment mon téléphone. Aussi désormais je vais envoyer l’événement à ce terminal. Et voilà c’est fait.
J’ai maintenant exporté à partir du World Wide Web vers mon téléphone mobile. Facile !

La vidéo est publiée sous une licence Creative Commons Paternité. Vous êtes libre de la partager et la remixer tant que vous citez l’auteur.

Source adactio

Si vous disposez d’un terminal bluetooth, je crois qu’il serait intéressant de pouvoir localiser et filmer cette vidéo pour la mettre dans la banque de ressources des microformateurs ?

Tags Technorati : , , ,