Un peu forcée puisque l’on s’est quitté lors du lancement des RMLL 2010, au début du mois de juillet. Je n’ai pas pris le temps d’en dresser un compte-rendu. Toujours est-il que ce fût une expérience à vivre, tant lors des conférences que des afters.
Le remplissage des salles était vraiment aléatoire, avec semblerait-il une légère allergie aux conférences en langue anglaise. J’ai pris quelques claques, d’humilité notamment. Merci les indiens (vraiment).

Toujours est-il qu’il est temps de revenir à la réalité. J’aurais pu écrire plusieurs articles.
Par manque de temps (ou plutôt parce que je préfère le consacrer à d’autres choses), je mutualise tout ça dans cet article.

Widget VCUB

J’ai peaufiné le widget VCUB pour Netvibes annoncé en avril dernier. J’ai ajouté ces quelques éléments :

• simplification de l’affichage de la date de mise à jour
• recherche du nom des station (à la volée, ou via la recherche Netvibes)
• affichage d’une carte réduite de station (avec stations à proximité)
• choix de la langue d’affichage (en français par défaut)
• correction du bug d’ajout de station en favori (merci à Sébastien Dugué pour m’avoir mis sur la piste)

En parallèle, je me suis lancé dans un petit projet utilisant les données de VCUB avec Node.js et CouchDB. J’espère aboutir à des résultats en 2011.
D’ici là, je dois accumuler des données, à la fois pour secouer les performances de la base NoSQL mais aussi pour arriver au résultat qui m’intéresse.

En attendant, vous pouvez toujours forker uwa-vcub sur Github ou installer le widget VCUB sur votre page Netvibes.

Boulimie littéraire

Catalogué geek ou pas, on a beau passer ses journées à travailler dessus/sur/devant un ordinateur, cela n’empêche pas d’aimer lire.
Je suis tenu en haleine par un pavé ô combien instructif : de Jean Lopez. Il s’agit d’un livre historique sacrément bien ficelé sur les offensives finales de l’Armée Rouge entre 1944 et 1945.
Il contient beaucoup d’explications sur les contextes politiques, géopolitiques et les raisons du succès des Soviets … jusqu’aux fondements de la Guerre Froide.
Je recommande fortement sa lecture, pour peu que le sujet vous intéresse.

Se sont entassés sur le canapé, pour cause de bibliothèque remplie :

• Beginning CoucbDB − suite à un article de Nicolas Steinmetz
• CoucbDB: the Definitive Guide − pour approfondir le sujet
• Micro-ISV: from Vision to Reality
• Rework − déjà lu et prêté/commenté par mon éminent collègue Boris Schapira
• Absolument dé-bor-dée ! – comment faire 35 h en un mois…Quand on est fonctionnaire
• Scrum and XP from the Trenches: How We Do Scrum
• Améliorer ses taux de conversion Web
• Design Thinking: Integrating Innovation, Customer Experience, and Brand Value
• Business Model Generation: A Handbook for Visionaries, Game Changers, and Challengers
• Tribes: We Need You to Lead Us
• Les Mots sont importants

Bref, il me faudra un petit bout de temps pour voir la lumière au bout du tunnel de la lecture.
Peut-être devenir fonctionnaire pour avoir davantage de temps ?

Association du numérique en Aquitaine

Le besoin commençait à se faire sentir depuis quelques temps déjà. La filière numérique en Aquitaine s’organise et est en train de se constituer en association de loi 1901. Elle s’adresse aux acteurs du numérique en Aquitaine qui, par l’innovation, la recherche, la formation ou l’usage, développent la filière numérique dans cette région.

Le reste du compte-rendu a été fort bien synthétisé par la secrétaire de l’association sur le site Éditoile. Il y a à mon avis un besoin d’opérer en liberté, sans s’embourber dans des déblatérations sans fin. Je rêve de voir des task force émerger pour apporter leurs réponses à des sujets.
En espérant que cela puisse aider à faire aboutir une solution intelligente de lieu de coworking à Bordeaux, pour commencer.
Et éviter une rivalité inutile entre CUB et Mairie de Bordeaux.

Bref, j’y participe et j’ai hâte de voir cette agence tous risques à l’œuvre

Paris-Web 2010

J’animerai un atelier technique pour la troisième année consécutive. Rendez-vous à l’atelier provoc’ Industrialiser l’artisanat de l’intégration HTML le samedi matin, à 10h50. Ça se passe dans les locaux de Télécom Paris, donc beaucoup plus proche du centre de la capitale que lors des précédentes éditions.

Pourquoi industrialiser un artisanat ? Parce que j’ai toujours eu la sensation que tenter d’apporter un semblant d’organisation (grilles, frameworks & cie) dérangeaient les habitudes, parce qu’on n’a pas besoin de davantage, parce que les CSS doivent rester simple etc.

Bref, cet atelier s’orientera sur mes retours d’expériences, dans mon coin et au quotidien, dans divers contextes. J’ai envie de confronter les problématiques habituelles entre personnes de l’assemblée.

Je détaillerai tout ça dans mon prochain billet, afin de présenter cela plus en détail.

Je rédige sur ce blog depuis bientôt 3 ans, depuis plus de 5 ans sur Emu Nova et depuis quasiment 10 ans si on remonte à mon ancien site perso et mon site consacré à Star Wars. Ah l’époque des .fr.st .
Ce bagage m’a permis d’affiner mon écriture sur le Web mais je cherchais à l’améliorer. C’est précisément à ce moment qu’Olivier Ertzscheid offre la dernière préface issue de sa plume et qu’Élie Sloïm recommande un obscur livre : l’écrit Web.

J’apprécie ces hommes, entre autre, pour leur bonne parole donc il n’en fallait pas davantage pour me procurer cet ouvrage.

Pourquoi le lire ?

L’écrit Web se destine à toute personne désireuse de perfectionner son écriture. Et plus particulièrement l’écriture sur le Web.
Combien d’entre vous ou parmi vos connaissances n’ont jamais dis que lire sur un écran c’est fatiguant, les livre c’est mieux ? Une bonne majorité. Et c’est bien parce qu’on ne lit pas de la même manière un livre qu’un écran d’ordinateur qu’on doit impérativement adapter son écriture à un lectorat volatile, contraint par la technologie et difficile à capter.

L’écrit Web dispense ses bonnes pratiques pour mieux écrire sur le Web en suivant 6 grands axes :

1. organiser l’information
2. structurer son texte
3. adapter son style
4. soigner les microcontenus
5. penser indexation et référencement
6. bloguer

J’ai volontairement grassé les 4 axes les plus intéressants. Ils m’ont permis de conceptualiser beaucoup de pratiques que j’appliquais inconsciemment … et d’en découvrir d’autres.
L’idée générale n’est pas d’apprendre à écrire mais de réapprendre. Les raisons sont simples :

• on lit moins vite sur un écran d’ordinateur ;
• on lit en profondeur et non à plat, grâce aux liens hypertextes (qui ralentissent aussi la lecture).

Organiser et structurer

En partant de ces principes là, il faut donc songer à réorganiser ses textes voire ses sites Web d’une part pour faciliter la vie de ses lecteurs (occasionnels ou pas) mais aussi pour capter plus facilement leur attention. Que faites-vous devant un gros pavé de texte ou un site mal organisé ? Vous zappez. Alors pensez qu’on fait de même avec ce que vous écrivez .

En fin de compte tout contenu, que ce soit une page ou du texte, s’organise en suivant le principe de la pyramide inversée à l’image du triangle d’or d’une page Web si cher aux référenceurs. On commence par l’essentiel pour terminer sur du détail. Ça vaut également pour l’ordre des listes à afficher (chronologiques, géographiques, thématiques etc.).

Contrairement au papier où la lecture se fait à plat, on peut et on doit se servir de la navigation hypertexte pour désengorger les pavés de textes susceptibles de décourager la lecture. C’est ce qu’entend l’auteur par navigation en profondeur.
Plutôt que d’accueillir un visiteur avec beaucoup de texte, mieux vaut donc plusieurs boites aux titres informatifs présentant le contenu en une poignée de lignes.

Autre conseil judicieux, respecter les 5W (ou QQOQP en français) :

1. Qui ? (Who)
2. Quand ? (When)
3. Où ? (Where)
4. Quoi ? (What)
5. Pourquoi ? (Why)

En y songeant lors de la rédaction et en respectant l’ordre, on se retrouve à construire des phrases informatives, bien structurées et plaisantes à lire. Cumulez avec la pyramide inversée et c’est le gros lot : votre lecteur sait tout et tout de suite.

Comment mieux écrire pour le Web

Maintenant que l’on connaît l’ordre de rédaction, écrivons mieux. Écrivons court en suivant les principes 1 idée par phrase et sujet, verbe, complément. La lecture n’en est que fluidifiée. Si en plus il n’y a pas de fautes d’orthographe et que le style reste naturel, alors on touche presque au but.

Une des particularités du Web c’est la republication du contenu. On peut écrire un article pour un site mais le retrouver affiché sur d’autres sites, sur son téléphone portable, un agrégateur voire sur le même site mais sans son contenu (dans une liste par exemple).
Cette particularité est une bonne raison pour donner des titres explicites. Ils pourront ainsi être compris déconnecté de leur contexte. L’écrit Web propose des exemples clairs et compréhensibles vous aideront à mieux en comprendre les subtilités.

La construction des liens hypertexte était indispensable et mérite vraiment d’être lue par toute personne peu familière du référencement. Au-delà de cette pratique, ce sont tout simplement la compréhension et l’accessibilité qui sont en jeu. Pas de liens sur des cliquez ici, ici ou là. Je rajouterai même qu’il ne faut pas de liens ayant le même libellé pointant vers des URL différentes.
Tout comme le libellé du lien décrit le contenu vers lequel il pointe, il vaut mieux englober plusieurs mots (plus facile à cliquer) et qu’ils soient soulignés surtout ! Combien de chartes graphiques je reçois sans aucun lien soulignés ; j’outrepasse systématiquement cette mauvaise pratique du graphiste, dans le contenu en tous cas.

Conclusion

J’ai énormément apprécié et appris de ce livre, surtout les parties structurelles et organisationnelles. La pyramide inversée et les bonnes pratiques de rédaction sont des gros « plus » que j’ai rarement retrouvé ailleurs … ou tout du moins, pas concentré en si peu de pages.
Il se lit très bien et rapidement. J’ai prévu de l’offrir à quelques collaborateurs rédacteurs qui seront susceptibles d’en tirer des leçons et ainsi améliorer leur qualité rédactionnelle. Un bon investissement.

J’ai en revanche moins appris (voire rien du tout) sur les 2 derniers chapitres concernant le référencement et les blogs. Étant donné la quantité d’informations à traiter sur ces sujets, le contenu du livre était forcément un peu léger mais pas dénué d’intérêt pour les néophytes.
Ces parties étaient néanmoins plus techniques et à mon avis plus difficiles à comprendre pour des personnes survolant l’informatique.

Si vous ne saviez pas quoi faire de vos étrennes, que vous rédiger pour le Web et que le marketing vous intéresse, il y aura sûrement de bonnes idées à prendre

Je vous l’annonce, depuis janvier 2007 je suis boulimique. Boulimique mais d’informations, de connaissances et de savoir. S’il y a bien un univers qui ne pardonne pas à ceux qui se contentent des acquis, c’est bien celui d’Internet. Donc en plus des 300 brèves quotidiennes que je lis, je viens de passer commande de trois livres :

• Ppk on Javascript (New Riders Publishing, en anglais)
• CSS Mastery (Friends of ED, en anglais)
• Subversion : Pratique des projets collaboratifs avec SVN (Eyrolles, en français)

Au début de l’année j’avais jeté mon dévolu sur trois autres références pour voir où j’en étais, ce que j’avais encore à apprendre (beaucoup) et ce qui pouvait me faciliter la vie :

• PHP 5 avancé (Eyrolles) que j’avais trouvé moyen car davantage débutant qu’avancé
• Maîtriser MySQL 5 (O’Reilly) que je n’ai pas encore terminé mais intéressant bien que pas assez complet à mon goût au niveau des fonctions utiles
• Gestion de projets avec Subversion (O’Reilly) que je n’ai pas non plus terminé, très technique et instructif mais il me manquait les bases pour bien comprendre comment bien utiliser Subversion

D’ailleurs peut-être que ça en intéresse certains d’avoir une critique de plus sur ces ouvrages. Faites signe (ou canard)

C’est finalement en relisant un article fort intéressant concernant l’installation d’un dépôt Subversion sous Ubuntu que j’ai décidé de passer à l’acte.

Subversion : Pratique des projets collaboratifs avec SVN

Subversion est un formidable outil de gestion et d’archivage de fichiers très utilisé dans les projets informatiques. Il est performant, efficace et permet le travail simultané de plusieurs personnes sur un même projet. Je souhaitais coupler cet outil avec l’interface en ligne TRAC pour gérer des tickets d’incidents ainsi que les feuilles de route. Pour ne plus jamais oublier un bug à corriger ou une fonctionnalité à rajouter.

Ppk on Javascript

J’ai découvert le site de l’auteur bien avant qu’il écrive son livre et je le trouvais déjà fort bien renseigné concernant les différences de comportement entre les différents navigateurs Web concernant Javascript. Egalement de bonnes explications à propos de la gestion des objets, des évènements et les manipulations du DOM. Ce livre très orienté sur la pratique et l’expérience de son auteur (le plus important à mes yeux) aborde les manipulations de CSS, les incompatibilités des navigateurs, bien déboguer son code ainsi que des cas pratiques avec des exemples concrets. Pour que Thomas = { 'taille' : 183, 'feignant' : true } ne soit plus un mystère pour vous

CSS Mastery

La même chose que Ppk on Javascript mais avec des CSS ! Pour bien comprendre les différents bugs des navigateurs, les histoires de DOCTYPE et de mode navigateur, les bonnes pratiques pour maintenir son code CSS, les hacks, les filtres et tout ce qui est recommandé ou pas. Bref ça me paraît être un bon choix.

Rendez-vous dans quelques temps : on verra bien si ça me servira

Lorsqu’on crée son premier site ou bien lorsqu’on navigue sur Internet, on est loin de se douter de l’étendue des conventions implicites qui facilitent la vie de tout le monde.
Et pourtant, passé l’apprentissage de la soupe de balises HTML et éventuellement des feuilles de style, il y a tout un tas de règles à respecter pour rendre la navigation aisée et non bloquante. Car oui, mal concevoir un site peut en bloquer, qu’il s’agisse de personnes atteintes de déficiences (physiques, mentales) ou pas.

Pour se sensibiliser à ces bonnes pratiques de la conception des sites Web, il existe depuis peu le guide Sites Web : les bonnes pratiques édité dans la collection Memento d’Eyrolles. Les habitués de l’initiative Opquast ne seront pas dépaysés étant donné qu’il en reprend les quelques 153 bonnes pratiques.

Mais au final, c’est quoi une bonne pratique ? Quelques règles que certains appliquent sans se rendre compte alors que d’autres sont au contraire bien loin de pouvoir ne serait-ce que les imaginer.

Exemples de bonnes pratiques simples que n’importe qui peut mettre en oeuvre :

• Le nom du site et/ou le nom de l’auteur sont indiqués sur chaque page ;
• Le soulignement est réservé aux hyperliens ;
• Le site propose au moins un moyen de contacter l’auteur et/ou le webmestre.

D’autres sont plus tordues au premier abord mais totalement justifiée, certaines abordant le délicat sujet de l’accessibilité :

• Les hyperliens sont visuellement différenciés du reste du contenu ;
• L’emplacement du menu principal de navigation est identique sur toutes les pages ;
• La navigation reste possible sur l’ensemble du site en utilisant exclusivement le clavier.

Comme vous pouvez le constater, ça n’a rien de bien sorcier. C’est un peu comme dire bonjour en se présentant à un inconnu : c’est le minimum à fournir pour établir une conversation. Lorsqu’on crée un site Web, c’est une conversation avec le monde que l’on établit