STM Comme l’a mentionné Simon dans son dernier article, la Société de transport de Montréal (STM) a passé à OpenStreetMap comme source de données pour l’affichage de sa carte de fond dans sa nouvelle application Web. En plus de la réalisation de cette tâche, les membres de l’équipe Mapgears ont également participé à la réalisation de la version mobile de cette même application.

STM, TP1 et Mapgears, une collaboration dynamique!

TP1 La STM a confié la conception et la réalisation de son nouveau site Web à l’agence TP1 de Montréal, une entreprise spécialisée dans le développement de sites Web riches en dynamisme et fonctionnalités au goût moderne. L’agence TP1 privilégie une implication profonde autant auprès du client lui-même que de ses collaborateurs externes tels que Mapgears pour les appuyer. Ils appliquent une gestion de projet agile où les étapes s’entrelacent par itérations plutôt que de s’enchaîner par cause-à-effet.

Malgré les 500 kilomètres qui séparent leurs bureaux, grâce à la gestion très étroite du projet par TP1 les membres de l’équipe Mapgears ont pu collaborer au premier plan du développement et la réalisation de la version mobile de l’application de la STM.

Qu’est ce qu’on entend par “application” dans ce contexte ?

Le site Web de la STM contient plusieurs pages interactives d’information, tels que les horaires et tarifs de métros, de bus, etc. La partie “application” comporte une carte et plusieurs outils pour interagir avec celle-ci, comme des outils de calculs d’itinéraires, d’affichage de circuits de bus, etc. C’est ce qu’on entend par “application” dans ce contexte.

STMM, la version mobile de l’application

Afin d’obtenir des performances optimales sur les plateformes mobiles, TP1 a opté pour une interface mobile indépendante du site Web principal et basée sur un design d’application “responsive” optimisé pour les appareils mobiles de types téléphone et tablettes.

L’équipe Mapgears a participé à son intégration ainsi qu’à la réalisation d’une carte OpenLayers optimisée pour mobile.

Bus

Résultat d'itinéraire

Carte d'itinéraire

Sous le capôt de la version mobile

Chaque élément de fonctionnalité de l’application a été découpé en pages uniques qui sont servies par un serveur Rails. L’interface client est dynamiquement générée de manière asynchrone à l’aide de jQuery Mobile, ce qui permet de naviguer d’une page à l’autre sans avoir à recharger lors de la navigation d’une nouvelle page. La carte OpenLayers n’est également créée qu’une seule fois et gère dynamiquement son contenu selon le module visité.

L’application est donc en réalité une page Web dont le style est adapté pour le mobile et non une application native qu’on doit installer. Les données et informations sont véhiculés en temps réels, donc s’il arrive un incident sur le réseau, les serveurs de la STM transmettent l’information qui est dynamiquement affichée.

Un modèle de collaboration à répéter

Le succès de ce projet combinant l’expertise du Web de l’équipe de TP1 et les compétences en cartographie Web de l’équipe de Mapgears nous ont démontré les forces de ce modèle de collaboration. Nous avons bien l’intention de répéter cette recette à succès avec des partenaires du monde du Web dans l’avenir.