Le compteur est remis à zéro cette année avec la publication du widget VCUB.

VCUB

Le soir en sortant du travail, j’aime bien prendre un VCUB pour prendre l’air, raccourcir mon trajet (les bus en centre-ville à 18h c’est pas forcément gagné) ou pour me déplacer plus rapidement.

Mon seul ennui, c’était la facilité d’accès à l’information principale : la disponibilité des vélos. Elle est disponible à la fois sous forme de carte ou de liste sur le site Web officiel. Cela reste toutefois assez long pour y accéder.

Étant toujours utilisateur du service Netvibes, je me suis dis pourquoi ne pas en faire un widget ?.
Quelques jours après, le widget VCUB était né. Vous pouvez ajouter le widget VCUB sur votre page Netvibes en 2 clics.

Aperçu du widget VCUB

En terme de fonctionnalités, ça reste simple : il y a la liste des stations ainsi que vos stations favorites. Ces dernières permettent d’accéder rapidement aux stations que vous utilisez le plus fréquemment, afin de ne pas avoir à les chercher sans arrêt parmi la centaine de bornes existantes.

Si vous avez des idées ou d’autres besoins, n’hésitez pas à m’en faire part. J’essaierai de les ajouter dans un délai raisonnable.
Sinon, il ne vous restera plus qu’à contribuer au code.

Github

J’ai profité de l’occasion pour jouer (oui un geek joue quand il s’amuse à produire du code) avec git et Github, cette plate-forme de social coding.

En plus d’être ultra pratique à utiliser et d’être pédagogue dans la manière d’expliquer git aux nouveaux venus, Github facilite énormément les contributions possibles à n’importe quel projet. Étant habitué de Subversion, j’étais un peu effrayé par le terme fork. Les fusions de code étant plutôt galères, un fork raisonnait dans ma tête comme étant une fuite de code, une branche qui vit sa vie sans revenir à la source.

Avec Github ce n’est pas ça, c’est presque le contraire : forker c’est vraiment reprendre du code dans son coin pour le proposer confortablement au projet d’origine. L’interface en ligne du projet et la magie du merge de git font tout le reste.

En clair, Github peut devenir une réelle addiction pour qui aime contribuer à des projets libres et ouverts. On a envie de tout forker et d’apporter notre pierre à l’édifice.

Conclusion

Il est tellement plus facile de pouvoir compenser un problème lorsqu’on a les outils à disposition. En quelques 400 lignes de HTML, JavaScript et CSS tous les bordelais ont 2 choses :

• des informations fraiches sur la disponibilité des vélos à portée de main
• une possibilité d’enrichir eux-même le widget

La pérennité est assurée par l’ouverture du code. Libre à vous d’en faire un widget concurrent ou de l’adapter pour une autre ville que Bordeaux.

Mais surtout, tout l’intérêt d’un service (comme VCUB) repose dans la communauté et les usagers. Certaines personnes sont prêtes à donner de leur temps et de leurs idées pour enrichir un service qu’ils utilisent et apprécient.

J’ai publié il y a quelques jours la version 1.2 du plugin Amazon Widgets Shortcodes. Cette version suit plusieurs autres publications plus intimistes, à des fins de tests grandeur nature. Ce fût en tous cas suffisant pour commencer à attirer l’attention de traducteurs.

Concrètement, ce plugin facilite la monétisation des blogs WordPress en évitant de copier du HTML fourni par Amazon. Les widgets Amazon s’intègrent du coup par le biais de petits raccourcis textuels, les shortcodes.

Présentation et explications sur la conception du plugin.

Widgets Amazon

Amazon fournit des widgets au travers de son programme Partenaires (également nommé Associates dans le reste du monde). Ces widgets permettent d’intégrer des fonctionnalités sympathiques sur son propre site ou blog à partir d’un code HTML généré par leur interface.

La liste des widgets et des fonctionnalités est assez importante :

• lien produit (avec ou sans image)
• widget carrousel (présentation de produits dans un carrousel d’images)
• widget slideshow (présentation de produits sur une bande déroulante)
• widget envies cadeaux
• liens textuels
• liens aperçu produit
• liens contextuels
• etc.

Les widgets se créent en ligne et au final, leur code HTML nous est gentiement proposé.

Premier constat : le code fourni par Amazon a beau être fonctionnel, c’est quand même un sacré bazar. Pour peu que l’on bascule de l’éditeur Visuel à l’éditeur HTML de WordPress, le code est nettoyé par endroit le rendant quasi inutilisable.

Second constat, copier ce code dans l’éditeur visuel de WordPress (TinyMCE) est passablement horrible avec parfois jusqu’à 10 lignes de HTML illisible.

Enfin, côté maintenance c’est pas gagné : si Amazon change le code HTML des éléments sans assurer de rétrocompatibilité (ce que je ne leur souhaite pas), les widgets déjà insérés seraient rendus inopérants.

Arborescence du code d'Amazon Widgets Shortcodes

Les objectifs fixés et avoués du plugin Amazon Widgets Shortcodes

Toujours désireux d’utiliser les widgets Amazon et sentant que ça pouvait être pratique, je me suis dit que c’était l’occasion rêvée de produire un plugin utile, bien conçu et fiable.

En développant ce plugin, je me devais d’atteindre ces objectifs :

• le rendre internationalisable (i18n)
• le proposer en 2 langues minimum (français et anglais)
• permettre son exploitation facilement et sans se prendre la tête (KISS)
• fournir une documentation d’utilisation appropriée
• rendre l’évolution du code aussi souple que possible

Stratégie de développement

Maintenant que j’avais les idées, il fallait les mettre en place. Voici comment j’avais envisagé les étapes du développement :

1. support d’1 seul widget Amazon
2. augmentation du nombre de widgets Amazon supportés
3. stabilisation de l’API et internationalisation
4. configuration intégrale depuis l’admin WordPress
5. intégration des widgets depuis l’éditeur HTML WordPress (TinyMCE)
6. intégration du copier/coller de code HTML Amazon
7. support intégral des widgets
8. améliorations pratiques et ergonomiques
9. utilisation en tant que widgets dans les thèmes WordPress
10. gestion intégrée des widgets (Amazon ne fournissant aucune API à ce niveau)

Cette progression permet de créer petit à petit l’application, de la rendre modulaire et extensible. L’ajout et le support de nouveaux widgets ne doit pas remettre en cause l’architecture du plugin.

Code JavaScript d'Amazon Widgets Shortcodes

Ce à quoi il faut penser en développant un plugin

Développer un plugin c’est bien. Il faut cependant toujours avoir en tête qu’il ne sera pas installé que sur son propre blog. Ça doit être le leitmotiv qui accompagne toute nouvelle idée afin de prévoir les installations et mises à jour.

Voici 5 points clés pour développer un bon plugin :

1. penser utilisateur avant tout (c’est lui qui doit savoir l’utiliser, pas ses développeurs)
2. penser que le développement pourra se faire en équipe (clarté du code, documentation)
3. penser que le plugin pourra être utilisé dans plusieurs langues (i18n)
4. penser aux scénarios de mise à jour (base de données, tests fonctionnels/unitaires)
5. penser que ce plugin n’est pas le seul sur le blog (optimisation, nommage)

Intégration d’un widget Amazon par copier/coller

C’est le serpent qui se mord la queue diraient certains.
Et pourtant, c’est la meilleure fonctionnalité qu’on puisse apporter. Tout le monde n’étant pas technicien, les utilisateurs lambda apprécieront de pouvoir simplement se débarrasser de leur code HTML Amazon pour le convertir sur leur blog.

Simple comme bonjour !

Conclusion

Le développement d’un plugin WordPress est relativement aisé. Certaines parties de la documentation sont quelque peu obscures, notamment celle qui touche l’éditeur HTML et son internationalisation. Il m’a fallu m’inspirer d’autres plugins mais aussi comprendre que WordPress 2.5 mettait en cache la configuration de TinyMCE dans un fichier.

L’autre partie ardue fût le plugin TinyMCE : la documentation est toujours partagée entre la version 2 et la version 3 et là encore, la meilleure documentation reste le code source d’origine. Je saluerai au passage le gros effort de lisibilité que leur équipe a apporté. On en prendrait presque du plaisir à le lire

Quoiqu’il en soit, le plugin WordPress Amazon Widgets Shortcodes est bel et bien prêt à être utilisé par le grand public. Le minimum vital est là. Le confort aussi.

J’étais impatient de pouvoir accéder à la beta privée de Netvibes pour bénéficier de ses nouvelles fonctionnalités. Je n’attendais pas grand chose si ce n’est plus de confort d’utilisation. Tout le bruit généré par cette beta privée et ces Ginger c’est trop bien me laissaient à croire que j’avais de bonnes raisons d’avoir attendu.

Hélas au final ce n’est que déception et maigre consolation.

Netvibes Ginger : la critique ergonomique

La sympathique Jacinthe Busson s’est déjà chargée de dresser une analyse ergonomique rapide de Netvibes Ginger alors je ne vais pas spolier son travail. D’autant plus que je suis plutôt d’accord avec elle : c’est réussi même si on est loin du sans faute.

À vrai dire, certaines fonctionnalités comme le glisser-déposer de widgets dans l’espace privé ou public sont loin d’être flagrantes. À tel point que si on ne le tente pas, on ne peut pas se douter de sa présence. Dommage car c’est un gain de temps.

La navigation et les widgets

L’intégration de l’écosystème directement dans une barre escamotable est une bonne idée … sauf qu’elle ne contient pas les onglets ni même les univers publics. Ces derniers étant une des nouveautés de Netvibes, le minimum aurait été de pouvoir en chercher.
La recherche est fluide et bien guidée mais manque de catégorisation : impossible de trouver facilement un flux RSS dans la catégorie jeux vidéo par exemple. Il y a encore un sentiment de fouilli et d’inachevé.

Côté gestion de widgets … c’est simple, c’est pareil (ou presque) ! Notre page privée se gère comme avant, les options sont comme avant, les problème sont comme avant (essayez de recharger un widget dont le titre est trop long). Bref pas de quoi sauter au plafond : c’était bien avant, ça l’est aussi maintenant.

Les univers publics

Si jusqu’à ce niveau on était loin de pouvoir crier Ginger c’est trop bien, on pouvait espérer que ça soit le cas avec les univers publics (exemple avec mon Univers), LA grosse nouveauté tant attendue. En clair c’est une page Netvibes mais que l’on conçoit pour que ça soit les autres qui la regardent, pas nous. L’idée est franchement bien : c’est idéal pour donner une image de soi et communiquer autour de flux et de widgets qu’on apprécie.

Sauf qu’en pratique c’est ingérable.
On ne peut en effet pas s’abonner à un univers public, que ce soit via RSS ou via Netvibes. Non, la seule possibilité c’est d’envoyer un widget vers sa page privée ou son URL à un ami par email. Donc autant dire que la consultation d’un univers sera sporadique, si ce nombre dépasse celui des doigts d’une main.

Ce faisant, l’intérêt d’entretenir un univers devient très restreint. On affirme une présence certes, mais réduite.

La dimension sociale

Les univers publics sont un bon moyen de se faire des amis par affinité. La tissage du réseau d’amis se fera cependant dans des douleurs minimes grâce aux différents systèmes d’import depuis Twitter, Facebook ou son carnet d’adresse Gmail, Hotmail ou Yahoo! Mail. Pour le coup on ne peut que les féliciter car Dieu sait si la création d’un réseau est douloureuse quand on en est à son énième « réseau social ».

Car de sociale, la dimension n’en a que le nom : à part écrire dans le vide son statut (à la Facebook) et lire celui des autres, toute autre interaction est plus que limitée. Impossible de proposer un onglet à un de ses contacts, impossible de transmettre quoi que ce soit en fait. Les contacts sont juste là pour faire jolis … et pour voir l’adresse de leur univers et de finalement se rendre compte qu’il n’y a rien à faire socialement sur Netvibes … pour l’instant.

Pour le coup, le panneau escamotable est une tare car l’ouvrir et le fermer juste pour voir ce qu’ont fait nos amis, c’est pas génial. Du coup un widget a été créé pour suivre tout ça dans … Netvibes. Amusant : Netvibes pour suivre Netvibes. La boucle est bouclée.

Mon avis rien qu’à moi sur Netvibes Ginger

En attendant, le grand bruit généré par la sortie de la version beta aura été effectivement … du bruit. Je respecte totalement le travail des gens de Netvibes car je sais à quel point il est difficile de sortir un produit de qualité, fonctionnel et résistant à une forte utilisation.

Je pense cependant qu’il aurait préférable de ne pas emballer la machine marketing avant que le produit soit réellement fini … ou apporte en tous cas davantage d’avancées significatives. Parmi celles-ci on pourrait citer le Drive qui permettrait de stocker toutes sortes de fichiers en ligne. L’idéal serait de pouvoir partager certains fichiers uniquement avec certaines personnes mais la difficulté serait du même coup de faire s’inscrire des gens sur Netvibes sans qu’ils en aient un réel intérêt. À voir.

Pour l’instant c’est pas chaud du tout : Netvibes Ginger c’est du Coriander+.