Paris - Atelier microformats

Christophe Ducamp

Blocs de construction

• Class design pattern
• abbr design pattern
  • date-heure
  • date
• value-class-pattern

hCard

• Exemples
  • Yelp
  • Google Maps
  • et bien d'autres dans la jungle
• Outils
  • hCard creator
  • Firefox Operator
  • Safari plug-in
  • Oomph plug-in
  • X2V

Exercice : hCard

• exercice : ma première hCard

hCalendar

• Exemples
  • Upcoming
  • cet événement
  • bien d'autres dans la jungle
• Outils
  • hCalendar creator
  • Firefox Operator
  • Safari plug-in
  • Oomph plug-in
  • X2V

Exercice hCalendar

• exercice : événement social

exercice hCalenar

• exercice : ateliers

microformats composés

• hReview
• hResume
• hAtom

exercice hReview

• exercice : avis sur un livre

Principes des microformats

• • Résouldre un problème spécifique
  • La donnée visible est bien meilleure pour les humains que la métadonnée invisible
  • Ré-utilisation de briques de constructions provenant de standards largement adoptés
    • vCard : hCard
    • iCalendar : hCalendar
    • Atom : hAtom
• • Commencer aussi simple que possible
  • Paver les chemins des vaches
  • Les humains d'abord, les machines ensuite
  • 80/20

Portabilité du Réseau Social

hCard + XFN (rel="me")

• Implémentations
  • Get Satisfaction
  • Dopplr
• Code
  • Ruby on Rails
  • Python
  • PHP
• Video
  • Plaxo livre un agrégateur d'identité en ligne fondé sur les microformats
  • What is your provenance?

Sentez les microformats

• exercice : phrase

Sentez les microformats

• exercice : à propos/about you

Sentez les microformats

• exercise : dégustation de boisson

Votre site

• exercise : information de contact

Votre site

• exercice : liste d'événements

Votre site

• exercice : liste d'événements en HTML5

Exercices d'amélioration de l'expérience utilisateur

• Télécharger dans le Carnet d'Adresses
• Télécharger ou Ajouter à l'Agenda
• Oomph

Avis sur les rich snippets

• Avis sur l'Atelier
• Avis agrégé sur l'Atelier