Découvrez un “Mashup Master”
Laissez moi vous présentez Olivier Gosselin, un ingénieur logiciel, qui a pas mal d’idées derrière la tête.
Il a créé de nombreux mashups cartographiques en se basant sur Google Maps, mixant tout cela avec les données de différents site web et API.
Même si certains de ces mashups semblent “simples”, il faut apprécier les idées ingénieuses qui sont ici exploitées… et qui peuvent amenées vers de nouveaux usages ou de même, de nouveaux mashups.
La liste de ses mashups (tous en anglais) sont présentés sur sa page personnelle : Olivier Gosselin.

Local News : Découvrez l’actualité directement depuis la carte
Ce mashup utilise les API Google Maps, Geonames et Hostip.info.
Mapified Kayak : Utilisation du métamoteur de recherche de voyages Kayak, offrant la possibilité de rechercher plusieurs destinations de voyages d’un clic.
Ce mashup utilise les API Google Maps et Kayak.
Mapified Rss : Géolocalisez n’importe quel flux RSS en surlignant les pays cibles.
Ce mashup utilise les API Google Maps, Geonames et les flux RSS de Google News.
Mapified Stock Indices : Visualisez les variations quotidiennes d’indices boursiers asiatiques sur une carte Google Maps. Les couleurs et tailles d’icônes sont proportionnelles aux variations et aux capitalisations.
Ce mashup utilise les API Google Maps, Geonames et Dapper.
Overflown Countries : Obtenez la liste de tous les pays survolés et les distances lors d’un déplacement à vol d’oiseau.
Ce mashup utilise les API Google Maps et Geonames.
Road Trip in the USA and elsewhere : Obtenez la liste des zones administratives traversées lors d’un voyage routier. Elles sont affichées sur la carte pour les USA (états et comtés) et la France (régions et départements) mais la liste est disponible pour tous pays ou Google supporte la génération d’itinéraires. ANIMATION disponible du trajet.
Ce mashup utilise les API Google Maps, Geonames, Topocoding et Google Chart.
Where Are Trains? : Mon mashup préféré dans cette liste. Suivez en temps-réel le déplacement des TGV quittant ou arrivant à Paris de manière animée. Le déplacement est déduit de l’heure de départ et d’arrivée du train.
Ce mashup utilise les API Google Maps et Dapper.
GoogleMaps vs YahooMaps : 2 cartes sur la même page pour comparer facilement les cartes disponibles entre Google Maps et Yahoo Maps.
Ce mashup utilise les API Google Maps et Yahoo Maps.
Avec son autorisation, je me permets de vous proposer ses 10 bonnes pratiques concernant la conception de mashups, que je trouve vraiment très pertinents :
Soyez malin! La philosophie des mashups est d’apporter une plus-value en fusionnant intelligemment des services web existants. Cherchez les ‘briques’ dont vous avez besoin sur le net et n’apportez que le ciment. Un assez bon annuaire des API est disponible sur programmableweb.com.
Si vous créez une ‘brique’ dans une optique non-commerciale, vous devriez la partager parce qu’il est fort probable que quelqu’un puisse un jour en avoir besoin pour créer un nouveau mashup qui pourrait vous inspirer par la suite. Regardez les bonus ci-dessus par exemple. N’imaginez pas que les moteurs de recherche référenceront correctement ces briques (tout du moins au début). Enregistrez-les sur des sites ou forums de référence. Pour les mashups Google Maps, la communauté Google Earth est un bon début.
Créez un mashup que vous souhaitez utiliser idéalement tous les jours et par conséquent un mashup utile Un fameux comme Flickrvision est joli à regarder quelques minutes mais AMHA n’a pas grand intérêt.
Utilisez un Integrated Development Environment (IDE) dédié au développement web, donc avec assitant de codage pour JavaScript, HTML, et CSS, un surligneur syntaxique pour ces mêmes langages, et un notificateur d’erreurs et d’avertissements à la volée. Personnellement j’utilise l’édition communautaire du Studio Aptana.
Installez les extensions pour Firefox utiles au débogage: Firebug et IETab.
Appliquez les bonnes pratiques Yahoo! Performance et installez YSlow pour Firebug. Vous pouvez également utiliser les outils gratuits en ligne de Pingdom.
Installez localement un serveur web packagé comme XAMPP.
Pour l’utilisation multi-domaine de XMLHttpRequest, utilisez un proxy and déployez le chez un hébergeur supportant la bibliothèque cURL. Un peu de bon sens doit vous faire ajouter quelques lignes de PHP pour sécuriser son utilisation.
Utilisez un gestionnaire de configuration comme Subversion et tracez les versions dans la page du mashup pour tenir vos utilisateurs informés des sorties.
Donnez un moyen à vos utilisateur de vous faire un retour (email, formulaire,..).
Bravo à Olivier, je lui décerne le titre honorifique de “Mashup Master“. ![]()
