Vous voulez embarquer encore plus d'information dans votre HTML ? Vous pouvez le faire bien sûr ! Brian Suda donne le tuyau sur un ensemble de formats de données pour produire du contenu plus riche.

Juste quand le monde avait besoin d'un autre mot-buzz pour le Web 2.0, j'ai entendu parler de quelque chose appelé les "microformats". Pouvez-vous m'expliquer ce que c'est ?

Les microformats donnent un sens supplémentaire aux types de données largement publiées sur le web. Ils peuvent par exemple être utilisés pour ajouter plus de structure à l'information de contact concernant les personnes et les endroits, et de l'information d'agenda pour les événements et les lieux. Même si le terme 'microformats' s'est fait vraiment absorbé dans d'autres mots-buzz du Web2.0, l'idée d'encoder plus de sens dans le HTML est dans l'air depuis bien avant 1997.

Est-ce que les microformats sont un autre langage que je vais devoir apprendre ? Je suis déjà assez occupé avec C# et Tcl...

Non les microformats sont lisibles par les humains et fonctionnent dans le HTML 4.01 et le XHTML. Ils sont construits autour de standards existants, aussi les seules choses que vous allez devoir connaître sont la façon de coder HTML et quelques éléments d'attributs.

Ainsi les microformats ne sont juste que CSS ?

Pas vraiment - les microformats font usage de l'attribut de classe dans le HTML comme le fait CSS. Et c'est presque tout là où se termine la ressemblance. CSS est un ensemble de règles sur la manière de styliser le contenu. Les Microformats sont tout ce qui traite de donne plus de sens à du contenu pré-existant. L'attribut de classe est un attribut avec un objectif général que le W3C a ajouté pour tenir compte des nouvelles idées (telles que les microformats) pour exprimer des métadonnées.

Comment fait-on pour ajouter des microformats à l'intérieur du HTML ?

Il y a trois endroits majeurs où vous pouvez encoder du sens supplémentaire : l'élément méta, l'attribut de classe et les attributs rel/rev. Le fait que les microformats poussent du contenu pour le rendre visible, ils se concentrent sur les deux derniers endroits où peut être ajoutée de la sémantique, les attributs 'class' et 'rel/rev'.

Dites-moi quelques mots sur leur démarrage ?

Il y a une longue histoire des microformats avant qu'ils n'aient été appelés les microformats. En 2002, plusieurs types talentueux - Tantek Celik, Matthew Mulleweg et Eric Meyer - ont commencé à travaillé sur XHTML Friends Network (XFN). Une bonne partie de leurs travaux est disponible sur le Global Multimedia Protocol Group (http://gmpg.org), et il avait l'objectif de "Connecter les Personnes à travers une simplicité incrémentale". Cette idée de supplément de sémantique simple et incrémentale est devenue plus tard la base des microformats.

Pourquoi est-ce important que la données puissent être lisible par les machines ?

La donnée lisible par les machines est très importante pour plusieurs raisons. Ce qui est loin des yeux est loin du coeur. La donnée que vous voyez tous les jours à travers la fenêtre du navigateur est probablement mieux maintenue et plus actuelle que la donnée dans un fichier plat sur le serveur que vous devez télécharger et importer dans quelque application supplémentaire pour être visualisée. Si la donnée est visible, elle sera plus fraîche et plus utile pour tous.

Bon, toutes mes données sont motorisées à partir d'un système de gestion de contenu, aussi elles est aussi fraîche que la dernière publication. Pourquoi devrais-je me soucier d'utiliser les microformats ?

Il est vrai que beaucoup de gens utilisent des bases de données ou des back-ends XML et publient régulièrement leurs sites. Ceci résoud vraiment le problème de maintenir des fichiers non-HTML, comme RSS, les fichiers vcards et icalendar tous à jour avec le HTML, mais cela ne donne pas quelque valeur ajoutée à votre HTML. Le surfer web moyen n'a probablement pas accès à votre base de données backend ou vos fichiers sources XML à moins que vous ne fournissiez quelque sorte d'API. En ajoutant des microformats à votre HTML, la page elle-même devient l'API.

Mon site ne faisant rien d'excitant - je ne vois pas pourquoi j'aurais besoin d'une API.

Disons que votre site ait publié un fichier XML pour chaque membre du personnel et que mon application d'importation de contacts voulait une vcard pour eux. J'aurais besoin d'utiliser quelque application pour convertir vos fichiers XML en vCards. Vous voyez ? Sans l'information directement disponible dans le HTML, votre système de backend aurait besoin de commencer à publier 30 formats différents pour faire que tous vos clients soient satisfaits ! En ajoutant des microformats, il est possible d'extraire la donnée à partir du HTML dans n'importe quel formal désiré par l'utilisateur - même ceux que vous pensez comme peu importants ou que vous ne connaissez pas. C'est de la donnée ouverte.

Y'a-t'il différents formats 'microformats' ?

Bien sûr. Quand les microformats ont démarré, les créateurs ont commencé à regarder ce que les gens publiaient sur le web. Quelques-unes des choses les plus populaires que les personnes publient sur le web sont les informations concernant les personnes, les endroits et les événements. A partir de ça, deux des microformats les plus populaires ont émergé. Ce sont la hCard, qui modélise les vCards et décrit les personnes, les lieux et les organisations, et le hCalendar qui modélise iCalendar et s'utilise pour décrire des événements. D'autres formats gèrent les CVs ('hResume'), les critiques ('hReview pour les produits, les endroits, les sites web, les films, etc.'), les citations, la syndication et bien plus encore.

RSS et Atom sont-ils des microformats ?

Non, ce sont juste des bon vieux formats XML. Il existe un microformat, hAtom, qui est utilisé pour ajouter du sens à l'intérieur du HTML de façon à ce qu'il puisse être converti dans un fil RSS ou Atom correspondant. Les microformats encodent plus de structure sémantique dans le HTML existant qui est publié la plupart du temps sur l'internet.

Bon, donc tous ces sites qui ne publient que des versions plus anciennes de RSS - vous êtes en train de dire que s'ils avaient balisé leur HTML, je pourrais le convertir en Atom 1.0 ?

Maintenant vous saisissez. Ces propriétaires de sites ont probablement payé quelque développeur freelance sur un contrat à court terme pour créer le site et implémenter un fil. A cette époque là, Atom pourrait n'avoir été qu'à la version 0.3, aussi c'est ce que le développeur aurait utilisé. Maintenant Atom est parvenu à la version 1.0 et le développeur a terminé son contrat depuis bien longtemps et il n'y a plus d'argent dans le budget pour la mise à jour, par conséquent le site est coincé sur la 0.3. Les microformats pourraient avoir permis d'éviter ce problème en ajoutant le sens nécessaire pour que la donnée puisse être extraite dans tout simplement n'importe quel format dont vous pourriez avoir besoin, même sur de l'Atom 0.3.

Ah, ainsi il s'agit d'ajouter plus de sémantique ! J'aimerais maquetter ma "collection de timbres" en ligne, comment puis-je produire ça ?

L'un des points-clés des microformats est qu'ils ne sont pas flexibles à l'infini. Leur but n'est pas de résoudre tous les problèmes du monde. Ils s'attèlent à des problèmes très spécifiques qui existent déjà de nos jours sur le web et essayent de donner une structure supplémentaire aux données. Les premiers formats disponibles résolvent autant que possible avec le minimum d'efforts. Ils sont fondés sur ce que des millions de sites publient déjà - pas besoin de réinventer la roue, juste la structurer un peu plus de façon que nous puissions tous inter-opérer.

Qui utilise actuellement les microformats ?

Beaucoup de sites web. En tordant légèrement un gabarit HTML et en republiant, beaucoup de sites peuvent créer des milliers, si ce n'est des millions d'instances de microformats en juste quelques minutes. Des sites comme Yahoo Local, Flickr, Meet-up, Upcoming, Eventful, Edgeio, Technorati, Ice Rocket, le .Mac mail d'Apple et bien d'autres utilisent tous de nombreux microformats.

Ceci paraît génial, mais est-ce que quelqu'un possède la technologie des microformats ? Est-ce que Google l'a déjà achetée ?

Personne ne possède les microformats. Un grand groupe de bénévoles et une plus grande communauté maintient la discussion sur les nouveaux formats en cours. Ils contribuent aussi à l'évolution des formats existants et à la documentation, et tout cela sur un schéma de licence très libéral. Du fait qu'aucune société ou individu ne soit propriétaire de la technologie, les microformats ne sont pas encombrés par les décisions d'entreprises ou quelque bureaucratie. C'est tout simplement une communauté ouverte en train de produire des formats de données ouverts, qui fait que l'internet sera un plus bel endroit pour tout le monde afin de communiquer.

Très inspirant, je dois dire ! Où puis-je en apprendre plus.

Le site web officiel des microformats est http://microformats.org. Là vous trouverez un wiki, une liste de diffusion, un blog, des liens vers le canal IRC et plus encore. Il existe aussi plusieurs sites indépendants dédiés aux microformats - http://microformatique.com, http://www.whymicroformats.com et d'autres sites qui agrègent des sites parlant du sujet tels que http://delicious.us/tag/microformats, http://technorati.com/tags/microformats et http://ma.gnolia.com/tags/microformats. Même le nouveau Live Clipboard de Microsoft (http://snipurl/10so0) et Live Writer (http://windowslivewriter.spaces.live.com) utilisent les microformats.

Durant l'Expo web 2.0 de San Francisco, Chris Messina, Larry Halff de Ma.gnolia et John Allsopp ont discuté d'un projet qui semble plus qu'intéressant, à savoir construire un site communautaire pour styliser le contenu microformaté. Pas encore vraiment lancé à cette heure mais ça ne saurait plus tarder. En attendant, vous pouvez suivre le groupe sur Twitter ou dans votre lecteur de fils et nous vous ferons savoir quand nous aurons quelque chose à vous présenter !

Et en attendant, regardez-ça.

Technorati Tags : microformats, microformateurs, hatomic, hatom

L'Expo Web 2.0 aura lieu à Moscone West au 747 Howard Street à San Francisco, Californie du 15 au 18 avril. Les Microformats seront bien représentés.

John Allsopp, auteur du nouveau livre sur les Microformats publié chez Friends of ED, est attendu pour parler Mardi. La présentation de John est intitulée Microformats, Much More Than Just Promise. L'horaire est actuellement prévu pour 13h30. John présentera les implémentations actuelles des microformats tout comme il demandera quelles sont les applications qui restent inexplorées.

Il y a aussi une présentation appelée The Beauty in Standards and Accessibility le mardi à 15:45… Je suis sûr que les microformats y seront aussi évoqués.

Le programme pour la conférence semble être encore ouvert à modification, aussi ouvrez vos yeux et gardez votre calendrier réglé surle calendrier des événéments microformats.

En aparté de la conférence, il y aura un dîner microformats tôt dans la soirée de Mercredi... Le lieu n'a pas encore été finalisé à cette heure mais il y a quelques suggestions sur la page wiki des événements.. Si vous êtes en ville, venez svp.

Attention traduction en cours d'un billet de Scott Gilbertson (Wired) - Seul le lien original fait référence. Vous pouvez contribuer à améliorer cette traduction en intervenant directement sur la page miroir du wiki.

Les Microformats sont nés il y a quatre ans de cela lors de SXSW et même s'ils demeurent quelque part un outil réservé aux geeks, à en juger par le remplissage de la salle lors de la session "Growth and Evolution of Microformats", les intérêts de la communauté sont piqués.

Le modérateur Tantek Çelik, créateur des microformats, a engagé la session avec une histoire des microformats à travers des t-shirts. En utilisant un bon nombre de tee-shirts promotionnels de sociétés, Çelik a fait un faux striptease à travers la naissance et l'histoire des microformats.

Pour ceux qui ne sont pas familiers avec les microformats, ce sont en fait simplement des espaces-noms dans le HTML qui laissent d'abord les humains, puis ensuite les machines, lire facilement et partager les informations au fur et à mesure que le site roule. L'exemple classique est la syntaxe hCard qui reflète la syntaxe commune de la vCard, mais l'emballe dans du HTML.

Cela pourait paraître compliqué et bien sûr décrire les microformats est bien plus difficile que de les utiliser, mais la vérité est qu'ajouter des données microformatées à votre site est mortellement simple.

En fait, il y a de grandes chances que vous ayez déjà quelques données microformatées sur le web. Si vous utilisez des sites populaires comme Flickr ou Upcoming, bon nombre des données sont en microformats. Si vous aimeriez ajouter sur votre site quelque donnée microformatée, comme une hCard, le hCard creator rend cela vraiment facile à produire. Vous saisissez simplement votre information et le générateur vous permettra de copier et coller le code.

Mais créer les microformats est la partie ennuyeuse de l'équation, la chose la plus excitante est ce que vous pouvez produire avec les microformats. A cette fin, le membre du panel Michael Kaply a démontré ce plugin Firefox, Operator, qui facilite l'utilisation des microformats.

Une fois installé, Operator auto-détecte différents microformats dans une page et peut ensuite faire des choses utiles avec eux. Par exemple, toutes les données du panel et de l'événement sur le site SXSW dispose d'informations microformatées sur la page. Les participants avec un plugin Operator (ou similaire) installé dans leurs navigateurs peuvent auto-ajouter les informations de contac des panélistes à leurs carnets d'adresses et envoyer directement les programmations des événemens sur leurs services web de calendrier Google ou Yahoo!

Mixez cela avec quelque notifiation par SMS à partir de votre service de calendrier et vous avez découvert comment les super-geeks de SXSW savent toujours ce qui se passe et où.

Glenn Jones de Magdex a ensuite présenté quelques prototypes d'applications web qui intègrent les microformats dans des sites de réseaux sociaux, y compris un moyen d'agréger les profils d'information en ligne et les importer ensuite à l'intérieur d'un répertoire unique. Malheureusement, ces outils ne sont pas encore disponibles à cette heure, mais quiconque avec plusieurs profils en ligne appréciera probablement de tels services quand ils arriveront sur le marché.

D'autres éclairages incluaient une version de moteurs de recherche de microformats et une liste de sites populaires qui sont en train d'utiliser les microformats. Comme je l'ai mentionné au-dessus, si vous utilisez Flickr, vous avez déjà une hCard disponible à l'utilisation pour le monde entier.

Une démonstration d'un collaborateur de Technorati (malheureusement je n'ai pu saisir son nom) montrait comment le plugin Firefox Tails Export peut être utilisé pour découvrir disons une hCad avec des données de contacts et puis envoyer ces données via bluetooth directement sur votre téléphone mobile. cool.

Voici quelques rapides aperçus du plugin Firefox Operator en action :

Envoyer une information de calendrier pour un événement SXSW à mon calendrier Google

Un exemple de l'information de contact pour les membres du panel, dans ce cas un envoi vers un carnet d'adresses de Yahoo!

 Reddit It  Digguez ça  Ajoutez à del.icio.us
microformats cettesemaineenmicroformats

Durant la première année, microformats.org a inauguré l'adoption rapide de formats clés pour publier et partager des tags, des licences, des contacts, des relations, des événements et des critiques sur le Web. Regardez comment de nouveaux microformats sont en train de se développer pour les C.V., les annonces classées, la musique et les médias, tout comme comment des dizaines de millions de microformats installés sur des sites web d'individus, de sociétés et d'organisations sont en train de tirer l'innovation dans les applications de bureau et la portabilité avancée des données personnelles.

Ces notes ont été prises le 12 mars 2007 durant la conférence Microformats.Seul le lien original fait référence.

Présentateurs :

Frances Berriman Volume
Michael Kaply IBM
Glenn Jones Creative Dir, Madgex
Tantek Çelik Chief Technologist, Technorati

• Les microformats ont démarré lors de SXSW 2003 - XFN fût créé (Matt Mullenweg, Eric Meyer etc.)
• 2005 lancement de www.microformats.org
• Bon nombre de sites (tendance) utilisent désormais les microformats - Stanford utilise hCard et hCalendar.
• L'extension Firefox Operator : un bel outil pour recevoir l'information microformat d'un site et voir les données microformatées disponibles dans un site. Fait ressortir les données microformatées pour les exporter vers un calendrier ou un endroit sur des cartes google ou un carnet d'adresses, etc.
• Linkedin  utilise le format hResume en plus des hCard et vous permet d'extraire l'information d'une page et l'utiliser n'importe où.
• Backnetwork parle d'afficher l'inforamtion sur le réseau d'amis (xfn). Cela extrait les données de la conférences vers des critiques agrégées microformatées.
• On peut aussi l'utiliser pour porter des id's pour l'information de profil des réseaux sociaux.
• Tous les microformats actuels ont été créés par une communauté ouverte - ils n'en sont pas une liste de plus de 1000 parce que beaucoup de recherche est produite (par les individus et la communauté) au moment de créer un nouveau format. Le processus pour proposer un microformat sur le web est nécessaire pour voir si quelque chose n'existe pas déjà quelque part ailleurs ou si celui-ci est nécessaire.

Questions

Existe-t-il des moteurs de recherche de microformats ?
http://kitchen.technorati.com http;//www.edgio.com (recherche & liste/hôte, hlist) Alexa met aussi en cache l'information hCard trouvée sur les sites.

Qu'en-est-t-il de l'utilisation des microformats sur un terminal mobile ?
Treo gère via “add to addressbook”
Tails (plugin) envoie via bluetooth

Problèmes d'Accessibilité avec les Microformats ? Licence ?
Il existe quelques problématiques d'accessibilité - plus d'information ici
en cours de travail sur un format rel-license (chantier en cours)

OpenID vs. hCard ?
OpenID est plus pour revendiquer une URL, hCard est plus pour l'information de profil. Il y a eu une discussion pour porter les deux ensemble dans OpenID 2.0., mais un autre format de profil n'est pas nécessaire.

Qu'est-ce que cela demande pour avoir des microformats sur un site ?
Drew McCleland a un plugin DreamWeaver
Ils sont faciles à créer - beaucoup d'outils sont disponibles

Qu'en est-t'il du spam au moment d'utiliser les microformats ?
Exposer l'email uniquement à travers le microformat - utiliser les mêmes outils [at] pour cacher les adresses email.
vous ne faites qu'ajouter de l'information sémantique à un contenu déjà existant - rien ne change avec ce que vous aviez déjà sur votre site.