Au cours de l’année 2013, le journal Les Affaires a mené une enquête à propos des terrains contaminés au Québec. Une fois terminée, un article présentant le bilan des résultats obtenus aurait pu faire l’affaire, mais l’auteur a voulu pousser plus loin la présentation de l’information en incluant une carte sur laquelle pourrait être consultée directement l’information.

Mandat

L’agence 37e Avenue et le journal Les Affaires ont fait appel à l’équipe Mapgears pour son expertise dans le domaine de la cartographie Web pour produire une carte interactive présentant les résultats de l’enquête.

La carte devait permettre de sélectionner un terrain au clic, afficher ses informations telles que le nom du dossier, son adresse et un listing des contaminants classés par catégories et sous catégories. Un outil de recherche devait également être disponible pour permettre de trouver rapidement un terrain en saisissant soit son nom ou son adresse.

La source de donnée était sous format Excel. Il fallait donc également la convertir en format géospatial.

Objectifs

L’application devait être rapide, simple d’utilisation, être compatible autant avec les navigateurs modernes qu’avec les appareils mobiles et permettre une interaction facile entre l’utilisateur, la carte et les données qu’elle contient.

La carte

Application

La carte combine des technologies à licence libre, telles que MapServer, OpenLayers, PostGIS, jQuery Mobile et ScribeUI. Elle contient également quelques couches de fond provenant de GoogleMaps ainsi que l’imagerie de StreetView lorsque disponible selon la localisation du terrain.

L’adaptation aux appareils mobiles

Aperçu

L’interface a été conçue pour être “responsive” selon le type d’appareil visitant le site, c’est-à-dire qu’elle s’y adapte en minimisant des éléments, en économisant l’espace restreint par les appareils mobiles, etc. Un cas d’utilisation de l’application pouvait être par exemple un usager qui, tout en prenant son café matinal, lit son journal Les Affaires et aperçoit l’article qui parle de la carte. Avec son appareil mobile, il visite alors la carte pour y consulter l’information.

Références

Voir également: