Extrem’vision est une innovante et sympathique  PME perpignanaise, spécialisée dans la capture d’images en milieux extrêmes.

Leur petite équipe conçoit et fabrique de A à Z des caissons étanches pour le plongée sous-marine, mais également toute sorte d’équipements sur mesure pour filmer et photographier sous tous les climats et dans toutes les conditions.

Ils ont notamment réalisés des caissons photo télépilotés pour les Jo de pékin qui ont produit de magnifiques  images des meilleurs nageurs du monde sous la surface.

Credits photos AFP

Extrem’vision développe des  équipements militaires pour les forces spéciales les plus exigeantes de notre pays et des caméras nucléaires pour les centrales électriques.

Engagés dans une démarche qualitative bien rare dans le paysage industriel français, ils modélisent leurs projets sur des stations CAO, les prototoypes sur une imprimante 3d, conçoivent et gravent leurs propres cartes électroniques, usinent les produits finaux dans des blocs de polyacetal sur des tours numériques ou manuels.

Ayant collaboré sur des projets précédents, c’est avec grand plaisir que nous avons accepté de refondre leur site web.
Le précédent datait du siècle passé, était motorisé par spip et ne donnait plus une image de la société en accord avec ses capacités actuelles.

Nous avons donc fait table rase et sommes repartis ‘from scratch’.

En amont de la réalisation, nous avons activement collaboré au plan d’action marketing ainsi qu’à la dynamisation des informations déjà contenues dans l’ancien site.
De plus nous avons conseillé notre client sur les pratiques d’usage et les attentes réelles de l’internaute.
Une assistance rédactionnelle a permis de restructurer les textes pour le web et les moteurs de recherche.
Le graphisme et l’esthétique général est le fruit d’un travail collaboratif, mariant design, mise en valeur de l’activité et optimisation du fonctionnement général grâce à un développement réalisé sur-mesure.

La réécriture de toutes les pages, la rédaction de nouvelles, la refonte de l’architecture de l’information, la création d’un blog d’entreprise ont précédé la création du design par la graphiste de la société.

Après pas mal d’aller-retour pour coller aux exigences du web et du système de navigation, nous avons convaincu Extrem’ Vision de développer le site avec Django.

Ce choix permettra de faire évoluer le portail aisément pour proposer par exemple aux clients d’Extrem’ Vision un outil de suivi de projet.

Afin de permettre un service personnalisé, une authentification spécifique permet de limiter l’accès aux pages dédiées militaires et nucléaires. L’authent de Django nous a grandement facilité la tâche.

L’interface d’admin automatisée de Django, a été agrémentée de nombreuses fonctionnalités pour faciliter le travail de rédaction et de mise à jours par le personnel non spécialiste d’ Extrem’ Vision.

C’est haystack, dont j’avais parlé précédemment qui motorise les fonctionnalités de recherche.

Le projet a nécessité de longues semaines de travail, en partenariat avec M. Gouverneur, directeur de la société et Sylvie Donnezan, graphiste et chargée de communication.

Souhaitons beaucoup de succès à Extrem’ Vision dans ses entreprises.

Le week-end dernier (24-25 avril 2010), les premières rencontres django ont eu lieu à Marseille.
Organisées par Jean-Michel, David et Johan, la salle de conf a accueilli une soixantaine de personnes pendant deux jours.
Ambiance très friendly, on a même laissé des hérétiques dire du bien de ror ou symfony…
Certains venaient d’à côté, d’autres de beaucoup plus loin: bretagne, UK…
On s’accordera tous à dire que c’était instructif, très convivial, bien organisé et qu’on ne se fera pas prier la prochaine fois.

Les conférences django.

On commence avec Nicolas Ferrari, co-fondateur d’Excellency / Alwaysdata, l’ovni français de l’hébergement django.
Nicolas nous présente les nouveautés de django 1.2 qui devrait sortir incessamment. On va enfin obtenir quelques fonctionnalités qu’on attendait depuis un moment( au hasard les messages, l’autocomplete bash et les smart if) .

On enchaine avec Mathieu Agopian, qui nous vante les vertus de la paresse avec django (Mathieu, on dit feignasse à Marseille) et quelques améliorations de html5 css3. Mathieu a même distribué quelques bons points qui vont vite devenir collectors.

Puis c’est Eric Veiras Galisson qui nous ouvre sa boite à outils Django et détaille successivement la debug toolbar, les virtualenv, pip et surtout fabric ( ‘surtout’ parce que je devais regarder ça depuis des lustres).

Samuel Adam nous place ensuite un cours de geo avec geodjango. Limpide introduction sur les projections, ellipsoïdes, géoïdes et coordonnées suivie par une démo d’un petit jeu de son cru, étayé par les écueils d’optimisation de base sur les requêtes d’intersection spatiale. Samuel s’est également chargé de la video de l’intégralité des conférences et surtout de l’hydratation des participants.

David Larlet prend la parole pour nous confirmer la création imminente de l’assoc django et discuter du futur de django-fr.

Après ça on va tous déjeuner, discuter troller après avoir savouré l’expression quelque peu…dépitée des clients du restaurants voyant débarquer la meutes de geek.

L’après midi commence avec la conf d‘Olivier Meunier, qui expose les limites de l’authent avec django, son expérience de recodage et de custom du module, et enfin sa solution préconisée en production (surcharge).

C’est ensuite Bruno Renié, venu de Grande Betagne qui développe l’utilisation des test unitaires sous django, et le minimum a faire pour ceux qui veulent dormir tranquille. Nicolas (Perriault) en profite pour nous rappeler que les test les plus exhaustifs ne dispensent pas d’une réflexion en amont, ce qu’on a parfois tendance à oublier en TDD. Bruno Renié est l’auteur d’un moteur de traduction assez abouti pour communiquer avec les populations primitives.

Cyril Baÿ enchaîne avec les dessous de l’infrastructure d’alwaysdata. Cyril est co-fondateur d’alwaysdata, et nous expose les différentes pistes explorées avant d’arriver à la solution actuelle (proxy et démarrage/arrêt des démons selon le besoin) et les évolutions à venir.

Vient ensuite Nicolas Perriault, qui nous développe les similitudes Symfony/Django et l’avancée qu ça représente sur du php. Avec un gag toutes les deux phrases, c’est pas toujours évident de suivre. Nicolas nous rappelle à toutes fins utiles que les meilleurs frameworks du monde se heurtent aux réalités du marché et l’étroitesse d’esprit/frilosité des dsi/drh. En phase de recherche d’emploi, vaut mieux pas l’oublier.

La journée se termine sur l’appli de Bruno Bord, beeroverip, qui permet d’offrir du jus de houblon numérique à ses amis. C’est bien sympa, mais ça ne vaut pas le frigo de Samuel…

Le dimanche matin, après une petite grasse mat, Jean-Michel Armand commence avec Django et XMPP ainsi que les différentes libs disponibles. Jean-Michel a beaucoup œuvré pour la réalisation de ces rencontres, et on en le remerciera jamais assez.

Puis, Benoit Chesneau nous parle de Gunicorn (WSGI).

Olivier reprend la parole pour un petit cours sur AMPQ et l’utilisation avec django. Son explication reste très pragmatique, vu que c’est la solution retenue dans sa boite pour la gestion de certaines actions (commandes ndd). On voit au passage qu’on n’est pas les seuls à avoir une mascotte.

On embraye avec quelques lignting talks (je vais pas tout mettre) , sur django-roa et croise dans le metro par David, des outils de formulaires par Benoit Bryon, haystack (et d’autres choses) par Sebastien Fievet, une app django geoportail par Bruno Renié. Bruno Bord essaie de plomber l’ambiance avec ue minute de silence pour la disparition de PHP, mais je n’ai vu personne pleurer.
Jéremy Lecour nous présente RoR et s’étonne d’y survivre: ben ouais, django c’est pas un truc d’ayatollah !

Pizza du midi, puis David Paccoud expose les avantages de Pinax et ses multiples applis.

Stéphane raimbault enchîne avec les difficultés d’intenartionalisation d’une aplli, en mettant le dogts sur des particularités linguistiques qu’il vaut mieux anticiper (style les x formes de pluriel en polonais) et en nous donnant quelques outils destinés à nous simplifier la vie dans le processus de trad.

Puis c’est Benoit Bryon qui en remet une couche sur l’internationalisation, sans langue de bois sur les insuffisance de django en la matière, et des solutions pratiques issues de son expérience.

Benoit Chesneau reprend le micro pour sa base de donnée orientée doc couchDB, son interface d’admin Futon et l’interfaçage avec django. CouchDB semble être une alternative majeure pour la préservation des données malgré tout fail/crash.

C’est David Larlet qui clôture la session en pointant les limites de Django et les « trucs qui l’énervent ». On aborde notamment le problème de doc et de ses lacunes (notamment si on est entre débutant et expert). c’est vrai qu’un jobeet en django, ça permettrait de gagner du temps et d’attirer du monde, mais bon…

Puis voilà, c’est 18 heures, certains ont des trains ou des avions volcanproof  à attraper. On remercie vivement David, J-Mad et ceux qui se sont bougés pour que la rencontre ait lieu.

Pour conclure

Les interventions ont rivalisé de qualité pendant ces deux jours. La modestie et la simplicité des conférenciers, éloignées de toute considérations trollesques et « commerciales », me prouvent encore que la communauté est à la hauteur du framework.

Vus les réactions in situ et les tweets, nul doute que tout le monde est enthousiaste. On parle déjà de l’année prochaine, évidemment on ne sait pas encore où.

Tiens, il y a un collège Django Reihnardt à Toulon….

Crédits photo:

• la conf
• Le poney
• Les ponies (là en dessous)

Les fonctionnalités de recherche sont indispensables pour tout site qui dépasse quelques pages. L’habitude de taper l’objet de notre curiosité dans le champ d’un moteur de recherche a profondément modifié nos habitudes de navigation, et il est souvent plus rapide et intuitif d’utilser la recherche embarquée d’un site que de naviguer laborieusement dans son arborescence et ses différentes catégories.

Implémenter une fonction de recherche dans un site Django n’est pas une tâche triviale, notamment si des critères de performance entrent en jeu.

Le projet le plus abouti dans ce domaine est Haystack (meule de foin). Développé par Daniel Lindsay, de toastdriven, haystack est en fait une interface entre votre contenu et un des moteurs de recherche supportés. Haystack s’intègre assez facilement avec la plupart de vos applis. Nous avons à plusieurs reprises utilisés Haystack pour des clients de providenz.

Les moteurs de recherches sont les suivants:

• solr: moteur open source basé sur la lib java Lucene
• xapian: moteur open source écrit en c++
• whoosh: moteur open source en pur python. Pas le plus performant pour un site volumineux, mais le plus simple à installer, notamment sur un serveur mutualisé.

La mise en place d’haystack  est assez simple.

1. installer haystack et le moteur désiré
2. créer un searchindex.py qui va définir les champs des models à inclure et enregistrer (register) l’index, un peu sur le principe des admin.py
3. écrire un template qui va générer le contenu que le moteur va indexer. C’est très intéressant pour les rendus complexes.
4. ajouter les urls d’haystack à l’urlconf
5. ecrire un template de recherche (champ/resultat)

L’indexation est commandée par un ‘manage.py rebuild_index’, les mises à jour par ‘manage.py update_index’. ces commandes peuvent être déclenchée par des cronjobs pour maintenir l’index à jour.

Haystack dispose de nombreuses options et possibilités, dépendant en partie du moteur choisi : faceting, plus de résultats, mise en surbrillance, recherche temps réel…

La logique de l’appli est conforme aux principes généraux de django, on n’est pas dépaysé.

On apprécie vraiment haystack, c’est une appli vraiment agréable à mettre en place.

Vous trouverez la page d’Haystack, les docs, et un groupe de discussion.

Bonne recherche !

« C’est quoi, un framework? « , »Pourquoi celui-là et pas un autre », « Pourquoi Django pour un site simple » etc.

Donc on a décidé de se fendre d’un petit post pour expliquer notre vision des choses sur Django. Django est tout simplement un framework web, c’est à dire une bibliothèque de programmation augmentée de plusieurs outils pour vous simplifier le travail.

Django est basé sur python, un language orienté objet qui existe depuis une vingtaine d’années. Django est comparable à Symphony (pour php), cakephp, ruby on rails et une rafale de frameworks qui fleurissent depuis 10ans pour le développement web. l’avantage d’un (bon) framework, c’est de vous donner accès à des classes de haut niveau pour développer lus vite sans réinventer la roue, tout en gardant la granularité suffisante du language de base.

Django nous a séduit, car il dipose d’un ORM (mapping relationnel objet) plutôt efficace, d’une utilisation du design pattern MVC (modèle vue contrôleur), d’une interface d’amin automatiquement générée, d’une gestion des urls très fines et performante, d’un langage de template, de cache, d’outils de sécurité.

Développé depuis 20062003 par les développeurs d’un journal du Kansas, c’est un outil mature utilisé sur de nombreux sites. Django a été baptisé en hommage à Django Reihnardt C’est django que google utilise (avec un autre ORM) sur l’app engine. Si google s’en sert, ça doit pas être si mal…

La communauté a un sens certain de l’auto dérision

Comme on l’a dit plus haut, Django repose sur python. A la base, on était plutôt php. Mais un des avantages de python, c’est que ça ne sert pas qu’au web. Vous pouvez écrire des applis multi plateformes en python, automatiser des tâches systèmes sur votre desktop ou votre serveur. Php, ruby on rails, ça ne sert qu’au web. Ce qui choque au début avec python, c’est l’indentation.

Python n’utilise pas de bloc d’indentation comme des accolades, des begin ou je ne sais quoi. La structure est basée sur des retraits de paragraphes, et ça contraint à présenter un code super propre visuellement. Voici un extrait de code du livre de django

class Author(models.Model):
   first_name = models.CharField(max_length=30)
   last_name = models.CharField(max_length=40)
   email = models.EmailField()
class Book(models.Model):
   title = models.CharField(max_length=100)
   authors = models.ManyToManyField(Author)
   publisher = models.ForeignKey(Publisher)
   publication_date = models.DateField()


Quand on a tendance à être quelque peu désordonné, ça aide à bien ranger son code ! Django est conçu pour développer rapidement, proprement et efficacement. En moins de 30 lignes de code, vous aurez développé un blog basique. Pour le développement, django embarque un serveur spécifique qui vous permet de travailler en local. Attention cependant. Django demeure un outil de développeur, et réaliser l’équivalent de CMS tels que Typolight ou wordpress va vous demander un peu de travail ! La documentation disponible sur django est très importante, mais principalement en anglais. La documentation française de django n’est pas encore achevée. Plusieurs ouvrages sont également disponibles (en anaglais). Au chapitre des inconvénients:

• La plupart des ressources sont en anglais.
• Comme tous les frameworks, il représente une charge pour le serveur.Mais bon, on préfère que la charge de travail soit pour le serveur plutôt que pour nous .
• Peu d’hébergeurs proposent Django.

On vous recommande au passage notre hébergeur django et son pack gratuit, pour tester le framework. Enfin, pour répondre à une question issue des commentaires, on a jugé qu’il valait mieux développer nos applis maison que de bricoler des cms existants, ce qui requiert la compréhension leur code source. Django permet de faire ça plus vite, et mieux.
La prochaine fois, on vous parlera d’un cms django très prometteur

Une petite webographie :
django
www.djangoproject.com/
www.djangosites.org/
www.djangosnippets.org/
Un des évangélistes français de django
Benchmark de frameworks web
Django-fr
Le google group django

Franck Mantel à l'entrainement

Nous avons alimenté le compte flickr de providenz avec quelques images de run-up.fr.
N’hésitez pas nous dire ce que vous en pensez.

Les images sont visibles sur la page flickr de providenz

Le 1er octobre, nous avons mis en ligne le site run-up.fr

Run-up.fr est un site de coaching pour la course de trail. Le trail, ou ultrarunning est une activité (considérée comme sport extreme) consistant à courir de longues distances en pleine nature.

Longue distance ça veut dire 40, 50 60 bornes…(oui c’est long!) et pleine nature ça veut dire qui monte beaucoup (plusieurs milliers de mètres).

Run-up.fr est édité par Franck Mantel, un des meilleurs français de la discipline.Franck est également un ami avec lequel nous avons partagé des ascensions alpines sur le granit chamoniard.

Franck est venu nous trouver au mois de juillet pour nous parler de son projet. Il entraînait bénévolement des athlètes depuis pas mal de temps et souhaitait passer à la vitesse supérieure pour en faire son activité.

Le développement du site s’est déroulé d’une manière extrêmement fluide malgré le planning chargé de Franck.Ce dernier vient également d’obtenir un master Recherche en science et mouvement humain et maintien un entraînement au plus haut niveau pour la saison de trail .

Après avoir jeté les bases de l’architecture du site, Franck a rédigé la base du contenu que nous avons reformulé pour l’adapter aux internautes.

Cinq séances de photos dans les collines varoises et les stades de Hyères et de Toulon nous ont permis de récolter les images nécessaires. Franck s’est prêté inlassablement au jeu du mannequin photo, bien que ça ne soit pas sa tasse de thé, et notre photographe a réussi quelques clichés bien sympas.

Franck a immédiatement aimé la maquette présentée. On connait un peu le client, et on savait qu’il apprécierait un design épuré.

La phase la plus longue a sûrement été le travail sur le logo. Franck a produit une ébauche sous word, d’après une suggestionde notre part.

On l’a repris sous illustrator après quelques modifs et le choix concerté d’une belle police (Gotham)

Le logo est très réussi et délivre un message en accord avec l’esprit du site : montagne, effort…

Plutôt qu’utiliser notre cms de prédilection typolight, on s’est orienté vers un développement maison basé sur django (un framework python) en prévision des futures évolutions du site : blog, gallerie et plateforme de suivi d’athlètes.

Une semaine de test sur un hébergement…de test, puis la mise en ligne.

On est assez content du résultat ( attention on va se balancer des fleurs)

Visuellement, s’est simple et de bon gôut, les images sont percutantes.

Techniquement, on a implémenté des fonctionnalités pratiques pour le webmaster : signalement automatique  par mail des éventuels problèmes, antispam, éditeur riche pour rédiger ou modifier les pages, sitemaps et ping.

Niveau performances, on craignait d’avoir à réduire les images pour accélérer le chargement, mais le temps de chargement est très acceptable, notamment grâce au cache et à la rapidité de Django, des pages réduites et compressées et un hébergeur super véloce et efficace.

Franck s’est dit satisfait, c’est le plus important.

Profitons-en pour remercier Steeve, Hélène (les athlètes en photos) et Xavier Nesi pour son accueil au sein de la structure Esphi.

Providenz souhaite beaucoup de succès à Franck dans ce projet.

Chez providenz, nous avons décidé de poster quelques photos sur Flickr.

Toutes les images seront placées sous licence  Creative Commons paternité afin de vous permettre de les réutiliser dans vos créations.

Nous augmenterons régulièrement le compte avec des images variées et quelques travaux graphiques.

Nous tenterons de proposer des images illustrant un concept : par exemple un cactus vient d’être posté sur le compte, et il pourrait illustrer un article ou une présentation traitant d’un « problème épineux »…

A vous de voir.

Providenz sur Flickr

Dans le processus de création d’un site internet, comme dans toute gestion de  projet, il est nécessaire de répertorier les exigences et d’établir un cahier des charges détaillé. Cette démarche permet de dresser un liste exhaustive des fonctions que devra remplir le site, mais également des contraintes et désirs du client. Une fois ce document validé, vous pourrez mettre les mains dans le cambouis et débuter la conception du site.

Deux situations peuvent se présenter à vous:

• Le client vous propose un cahier des charges : vous n’avez qu’à l’affiner avec lui
• Le client s’en remet à votre expertise. Il vous faut cerner son besoin en conduisant une analyse de besoin.

Il vous faut en effet expliquer à votre client selon son niveau de connaissance tout le bénéfice que le site peut lui apporter, préciser certains point techniques, lui parler de référencement, de visibilité afin de pouvoir définir les objectifs de son site, son positionnement etc.

Pour ce faire, il est bon de poser un certain nombre de questions à votre  client en première approche,. Je préfère conduire ce questionnaire en face à face, car les échanges sont évidemment  facilités.

Mais il est parfois profitable de transmettre votre questionnaire au client en préambule, soit pour qu’il le complète, soit tout simplement pour qu’il prenne conscience de l’étendue des questions que peut soulever son site.

Ce questionnaire devra être adapté selon le type de client et le genre de site qu’il envisage( blog, site plaquette, e-commerce), mais la démarche reste la même. Le but étant d’embrasser le projet dans son ensemble mais de manière succincte afin que vous puissiez élaborer le cahier des charges avec le client. Si le domaine professionnel de votre client vous est inconnu, il vous faudra absolument vous documenter et le questionner afin de connaître son métier et ses produits ou services.

Questionnaire d’avant Projet de site web

-        Pour quelle raison voudriez vous un site web (ou rafraichir un site existant)?

-        Dans l’avenir, que va-t-il  vous arriver si vous n’ avez pas de site ?

-        Décrivez-vous (votre société/organisation) en quelques phrases

-        Du point de vue de vos client, qu’est ce qui vous démarque et vous rends particulier

-        Quels problèmes ou besoins ont vos prospects et que vous pouvez résoudre ou satisfaire ?

-        Comment votre expérience pourrait elle aider vos clients et vous démarquer de la concurrence

-        Pourquoi croyez-vous que les visiteurs de votre site travailleront avec vous plutôt qu’avec vos concurrents.

-        Avez-vous un slogan qui décrit clairement le bénéfice que vous offrez a vos clients.

-        Décrivez vos prospects. (Revenus, intérêts, sexe, éventuellement type de société)

-        Quel est votre budget pour ce projet

-        Qui sera en charge du site dans votre société

-        Quel est la date souhaitée (au plus tard) de mise en ligne du site

-        Listez 3 sites que vous appréciez. En quoi les trouvez-vous plaisants ?

-        En regard de vos concurrents (sur le web) avez-vous une idée de ce que vous souhaitez dans votre site ?

-        Qu’est ce que vous ne voulez surtout pas dans votre site ?*

-        D’où provient le contenu du site (texte et médias). Qui sera responsable de sa mise à jour.

-        Avez-vous un logo ?

-        Prévoyez-vous de vendre en ligne ? Si tel est le cas, de quel produit  ou service s’agit il et combien d’articles souhaitez vous vendre ?

-        Sur quels mots clés cibles (google et autres moteurs) voudriez vous que votre site soit le mieux  référencé ?

-        Quelle stratégie allez-vous utiliser pour faire connaitre votre site ?

-        Comment allez-vous encourager les visiteurs à revenir sur votre site ?

Ce questionnaire permet de préciser les questions les plus importantes pour votre client. A partir de là, vous allez pouvoir plancher et rédiger un plan projet, c’est à dire le document qui permettra au client de connaître votre démarche, la durée du projet, les intervenants etc.

Le questionnaire vous est proposé en téléchargement :questionnaire-projet-web

On  a trouvé une traduction sympa chez forum-toshop,

une chez crystal-xp

et encore une chez photoshop-school.

Les meilleurs blogs de tutoriels photoshop anglophone

Maintenant que vous pouvez comprendre, il va falloir un peu de matière pour travailler !

Pdtuts: un blog de Envato dédié à photoshop

Les très prolixes époux Ta’eed commettent la encore un site devenu leader en peu de temps. Les tutos et screencasts sont de qualité, mais il faudra débourser quelques dollars pour obtenir les psd relatifs aux sujets abordés.

Abduzeedo : des tutos de graphisme à couper le souffle

On dirait que les brésiliens sont aussi doués pour le webdesign que pour le foot.Abduzeedo nous livre non seulement des tutos exceptionnels, mais également des fond d’écran, des revues de sources d ‘inspiration et des interviews de graphistes.

Pshero : un blog  photoshop édité par un surfer de Californie

Ce blog aborde des aspects aussi variés que la retouche de photographies ou la créations de menus pour vos sites.Vous trouverez également pas mal de trucs et astuces et une liste des tutos sous forme de galerie,  très sympa pour choisir.

Et enfin, si vous débutez, une série de cours pour maitriser photoshop en une semaine! C’est chez elitebydesign

La prochaine fois, on vous parlera des blogs francophones dédiés à photoshop,et croyez moi, les petits Français n’ont rien à anvier aux autres!

Les microformats, vous connaissez déjà sûrement:
Comme on peut le lire sur la page d’introduction de microformat.org

Les microformats sont un moyen d’ajouter un simple balisage à des items de données lisibles par des humains, tels que des événements, des détails sur un contact ou des endroits, sur des pages web, de telle façon que l’information puisse être extraite par le logiciel et indexée, cherchée, sauvegardée, référencée ou combinée.

En clair ça signifie qu’ajouter un balisage standardisé à certains éléments récurrents (adresse, événements etc,)on facilite  l’indexation et l’exploitation des données. Du simple HTML et CSS peut ainsi être compris par les humains et les robots. David développe ces explication dans sa recherche de site sémantique

Imaginez le scénario suivant : vous editez un site pour une troupe de théâtre itinérante jouant Brecht.Le site inclue la liste des représentations lors de la tournée d’été.  Les amoureux de Bertold Brecht visitent le site et notent les dates et lieux de représentation des pièces. Avec un peu e chance, l’office du tourisme de chauqe ville en fait de même et en informe son département culturel.

Malheureusement, beaucoup de spectateurs potentiels égarent le papier ou oublie l’évènement.

Si les informatons relatives aux représentations avaient été pensées pour être intelligibles par des machines, il eût été fort simple de les intégrer à l’agenda de votre téléphone portable ou de votre ordinateur.

Les microformats fournissent un balisage adapté aux évènements et favorisent la visibilité de l’information. Voici un exemple fictif de hcalendar adapté à notre exemple et généré grâce au hcalendar creator.

<div id="hcalendar-Mere-Courage-et-ses-enfants,-Bertold-Brecht" class="vevent"><a class="url" href="http://troupedetheatre.fr"><abbr class="dtstart" title="2008-05-13T19:3000">May 13, 2008 7:30</abbr> – <abbr class="dtend" title="2008-05-13T21:30">9:30pm</abbr> :  <span class="summary">Mere Courage et ses enfants, Bertold Brecht</span> at <span class="location">Marseille, le Dome</span></a>

<div class="description">la troupe de thatre itinérante se produit au dome de marseille pour présenter sa vision de la pièce de brecht, Mere Courage et ses enfants, un pilier de l'oeuvre de Brecht.</div>

<div class="tags">Tags: <a rel="tag" href="http://eventful.com/events/tags/theatre">theatre</a><a rel="tag" href="http://eventful.com/events/tags/marseille"> marseille</a><a rel="tag" href="http://eventful.com/events/tags/brecht"> brecht</a></div>

</div>

Un rapide examen du code vous révèle toute sa puissance et sa limpidité pour les machines.
Associé à un hcard et des informations de positon géographiques, ce code fournit toutes les informations nécessaires de pour assister à l’évènement.

La manière la plus simple de générer ces microformats est d’utiliser les outils en ligne que sont le hcard creator et le hcalendar creator
Le bénéfice est évident pour la visibilité des informations que vous baliserez ainsi et qui seront plus facile à indexer et classer.

Les microformats sont adoptés de plus en plus largement. Yahoo, Google, Technorati et bien d’autres y adhèrent et indexent le contenu correctement formaté.
Bien que la plupart des moteurs de recherchent ne l’incluent pas dans leur algorithme de classement, il y a fort à parier que ce sera dans un très proche avenir. Tim Berners-Lee développe l‘avenir du web.

Vos sites seront déjà prêts et en avance sur la concurrence.

Pour vous y retrouver, Brian Suda et  Dave Child. nous ont préparé leurs mémento, memento.

Edit: Cariboo propose un cycle d’articles sur la sémantique appliquée chez Webmaster-hub.