• E SYSTEMES LIVE •  / Google +

La carte interactive du Canal Deûle EscautUne application mobile web pour iPad

Client

Communauté Urbaine de Lille -LMCU (F59 Lille)

problematique

A l’occasion de l’ouverture à la navigation du Canal de Roubaix, Lille Métropole Communauté urbaine désire mettre à la disposition des internautes et futurs plaisanciers une carte interactive reprenant l’ensemble des éléments présents sur le guide du plaisancier : le territoire, les écluses et les ponts, les commerces de proximité, les voies vertes, les parcs et les espaces naturels…

objectifs

La carte doit être consultable dans un navigateur web, mais aussi sur les iPhones et iPads. Chaque élément géographique sera représenté par un picto à créer, cliquable, et sera accompagné de commentaires descriptifs. La cellule web de Lille Métropole pourra administrer cette carte : faire des modifications dans les contenus, ajouter ou supprimer des éléments en toute autonomie…

solutions

carte interactive pour iPhone et le webNous commencerons par développer l’interface web interactive pour présenter le plan enrichi des environs de la voie d’eau. Elle présente des fonds de carte superposables, l’affichage optionnel de POI (point of interest) thématiques et commentés, le tout dans une interface “à glisser” et à cliquer, pilotée en Javascript et AJAX. A droite de l’écran : le Pad de navigation pour sélectionner les options d’affichage : mini vue de navigation, sélection des couches et marqueurs…

Nous avons ensuite développé le Back Office de gestion du contenu, qui permet au webmaster de la LMCU, en toute autonomie et sans connaissance particulière, de gérer les mises à jour de l’information publiée.
L’ajout et les modifications des marqueurs est aisée, leur position géographique sur la carte ainsi que les informations liées, avec notamment un enregistrement des coordonnées GPS doté d’une prévisualisation automatique sur une carte Google Maps !
Le contenu est localisé en trois langues (FR, NL et EN…)

Un job mené tambour battant sur toutes ses étapes : Conception, développement de l’interface HTML / CSS / Javascript pour le web et les mobiles, développement PHP / MySQL, tests et débugage… jusqu’à la mise en ligne sur les serveurs de production dans les délais annoncés..

technologies

Javascript, HTML / CSS, Ajax, PHP, MySql.

Lire sur notre Blog
La carte interactive du canal Deûle – Escaut

Web, applis & solutions