sémantique du vrai monde

Avertissement !

Vous êtes sur une Traduction en cours.

Les contenus de cette présentation sont destinés aux microformateurs, toutes celles et ceux qui constitueront la communauté francophone des microformats. Seul le lien original fait référence. La présentation de référence a été volontairement épurée des exemples n'existant plus.

Si vous avez quelque remarque sur la traduction, merci par avance de m'en faire part sur ce formulaire de contact. Si vous vous sentez plus à l'aise sur les wiki, la page est  ouverte en édition pour raffinage et corrections sur un wiki-personnel.

Merci d'avance !

(Où me trouver ? geo : 48.862466 - 2.349504

sémantique du vrai monde

• ce que c'est ?
• exemples actuels
• possibilités

le web sémantique du vrai monde

qu'est-ce que c'est ?

• aussi connu comme le web sémantique en bas de casse
• sémantique (x)html émergente
• adoption par de "vraies personnes"
  • au delà des discussions académiques théoriques des chercheurs

le "web sémantique en bas-de-casse" est :

• Pas le "Web Sémantique en Majuscules"
  • RDF, OWL, "Le Web Sémantique" etc.
  • beaucoup de sessions à son propos
  • hors du champ de la discussion de ce soir
• mais peut fonctionner ensemble
  • pour en savoir plus sur xhtml<->RDF :
  • rdxh: http://www.w3.org/2004/01/rdxh/spec
  • grddl: http://www.w3.org/2003/g/data-view

le "web sémantique en bas de casse" c'est...

• une sémantique simple avec des microformats
  • ne pas essayer de "définir le monde"
  • des petites pièces vaguement jointes
• évolutionnaire et non révolutionnaire
  • ajouter de la sémantique au web d'aujourd'hui
  • plutôt que de créer un web du futur 
• une conception orientée pour l'utilisateur
  • les humains d'abord, les machines après
  • "les personnes sont en train d'aider à créer des métadonnées" - david sifry

le (x)html sémantique est

• à la différence du (x)html de présentation 

  présentation	sémantique
  <br>	<p>
  <font>	<h1>,<h2>,<h3>
  <i>,<b>	<em>,<strong>

(x)html sémantique conduit par l'adoption des CSS ?

• élimination des <font> et <table>
  • remplacées par des CSS font-family, float etc.
• les documents deviennent plus petits
• explosion des <div>s et <span>s
• quelque utilisation des listes <ul>, <ol>, <dl>

exemple (x)html : les blogs

• en-têtes et paragraphes
• fini les <b>ed and <br>eakfast

  obsolète :	nouveau :
  j'<b>ai déjeuné</b> <br> aujourd'hui j'ai déjeuné <br>	<h3>j'ai déjeuné</h3> <p> aujourd'hui j'ai déjeuné</p>

• avantages:
  • pertinence pour les moteurs comme Google de repérer les titres
  • paragraphes plus faciles à styliser, etc.

exemple de (x)html sémantique : les blogs

• permaliens qui se découvrent 
• terminées les  <a>ncres </a>norexiques

  obsolète :	nouveau :
  <a name="post123"></a> ... <a href="#post123">#</a>	<div id="post123"> ... <a href="#post123" rel="bookmark">#</a> </div>

exemple de (x)html sémantique : le logiciel social

• xhtml friends network (xfn)
• http://gmpg.org/xfn/
• démarré lors de sxsw 2003
• un moyen facile de personnaliser les hyperliens
• avec de l'information de relation
• par exemple

  
  <a href="http://jean.exemple.org"
     rel="acquaintance met">Jean</a>
  

exemple de (x)html sémantique : le logiciel social

• xhtml friends network (xfn)

  catégorie de relation :	Valeurs XFN
  amitié (au moins une) :	friend acquaintance
  physique :	met
  professionnelle :	co-worker colleague
  géographique (au moins une) :	co-resident neighbor
  famille (au moins une) :	child parent sibling spouse
  romantique :	muse crush date sweetheart

• mélanger, faire correspondre et combiner les valeurs

  • rel="friend met"

  • rel="acquaintance colleague"

  • rel="muse"

exemple de (x)html sémantique : le logiciel social

• xhtml friends network (xfn)
• xfn construit avec un profil xthml de méta-données
  • http://gmpg.org/xmdp/
• moyen simple de définir de nouvelles valeurs "rel"
• aussi de nouveaux noms méta de propriétés et de valeurs
• réutilise le (x)html sémantique pour définir plus de sémantique

exemple de (x)html sémantique : le logiciel social

• xhtml friends network (xfn)
• spécification : http://gmpg.org/xfn/1
• statut : v1 terminée en décembre 2003
• outils : blogging : wordpress, blosxom plugin, mt template, blogrolling.com
• éditeurs : éditeur nvu, plugin dreamweaver
• navigation : agrégateur rubhub.com, favelets
• adoption : les stats rubhub en montrent 1 dans 12 blogs balayés

exemple de (x)html sémantique : CC

• creative commons
• par exemple :

  
  <link rel="license" 
        href="http://creativecommons.org/licenses/by-nc-sa/2.0/fr/" />
  

exemple de (x)html sémantique : outlines

• eXtensible Open Xhtml outlines (xoxo)
• démarrage : sur IRC on #joiito
• spécification : http://developers.technorati.com/wiki/xhtmloutlines
• statut : draft
• outils : n'importe quel navigateur web l'affichera ; édition à la main

exemple de (x)html sémantique : blogrolls

• utiliser XOXO pour lister, plus le style CSS pour l'affichage 
• facile à incruster dans un site web
• par ex. http://diveintomark.org/public/2004/01/xo-with-style.xo

exemple de (x)html sémantique : vote links

• vote links
  • rel="vote-for"
  • rel="vote-against"
  • rel="vote-abstain"
• par ex.

  
  <a rel="vote-for" href="http://example.com/proposal">   
  

• spécification : http://developers.technorati.com/wiki/VoteLinks
• statut : draft
• outils : n'importe quel navigateur web l'affichera ; édition à la main
• adoption : Technorati les indexera - ajout aux outils de pubication de blogs

possibilités (x)html sémantique

• recommandations ?
  • autre forme de vote
  • hyperlien avec rel="recommendation"
• syndication ?
  • problème : pas de balisage xhtml à cette heure
  • limites du xhtml
  • créer un module de modularisation de temps ?
  • les types d'atom y ont réfléchi un peu plus
• playlists ?
  • une liste triée XOXO
  • contenant des liens vers les fichiers média.

possibilités (x)html sémantique

• questions pour la discussion :
• à quels autres exemples pensez-vous ?
• est-ce quelque chose qui est en train de décoller ?
• quel est le futur du (x)html sémantique ?