J’ai récemment développer une application interactive pour France Info en partenariat avec Wedodata.
L’objectif était simple, ni plus ni moins que de présenter une infographie interactive des médaillés aux Jeux Olympiques depuis la première édition en 1896 ainsi qu’un affichage en live des médaillés de Londres 2012.
Application ambitieuse et passionnante à réalisée dont vous pouvez consulter le résultat final ici : http://www.franceinfo.fr/jeux-olympiques/medailles.
Deux points très intéressant à relever dans cette application :
Premièrement les données 2012 étaient ajoutées à la main par les journalistes de France Info via un google doc, ensuite les données sont parsées en json via l’application.
Cette méthode présente l’avantage d’être très rapide à mettre en place (pas de SQL, pas de backoffice) et très facile à assimiler pour les collaborateurs non informaticiens puisque cela revient à remplir une feuille excel pour le journaliste.
Enfin, deuxième point la partie la plus complexe du développement concernait la map dynamique des médailles. Vu le nombre de filtrage important (métaux, disciplines) il était impossible de prédéterminer des « photographies » statiques des différentes bulles/pays.
L’affichage de ces données se fait donc grâce à un moteur physique, j’aurais pu surement partir sur un gros framework de type processingjs, mais j’ai trouvé traerjs version extra-lite de processing qui permet d’ajouter des forces et des contraintes à des particules en javascript.
Je vous renvoie au très bon article de Nick Gauthier sur lequel je me suis basé pour développer une interface utilisant traerjs, backbonejs (pour la rapidité des calculs du modèle MVC) et raphaeljs (pour l’affichage des bulles en svg).
Au final l’application est garantie sans langage serveur (PHP/Ruby…), les données des éditions olympiques précédentes étant stockées dans des fichiers json chargées dynamiquement en fonction des requêtes de l’utilisateur.
Pour info la même méthode des données dans un google doc a été utilisé pour la deuxième appli France Info qui présentait l’Équipe de France Olympique.
