/ LinkedIn 3 mn

La carte interactive du Canal Deûle Escaut

Sur le site de la Communauté Urbaine de Lille, disponible pour iPhone !

Version web de la carte interactiveEn parallèle de la réhabilitation de la liaison fluviale entre le canal de la Deûle en France et celui de l’Escaut en Belgique, la LMCU nous confie le développement d’une interface web interactive pour présenter sur son site un plan enrichi des environs de la voie d’eau.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.


Drag, point and click…

Interface web de navigation dans la carteAu premier affichage le visiteur découvre dans la fenêtre de visualisation le fond de carte par défaut. Il peut déplacer la carte par “cliquer/glisser” sur celle-ci.
A droite de l’écran : le Pad de navigation pour sélectionner les options d’affichage.
Une mini-vue d’ensemble pour déplacer la vue prinçipale facilement tout en se repérant dans l’ensemble du territoire couvert surmonte les outils d’affichage proprement dits.
Puis vient le sélect des POI par thème. On peut y choisir d’afficher sur la carte des icônes cliquables : commerce, institutions, restaurant, santé, tourisme… Tout y est ! Un clic affiche des renseignements utiles en bas du Pad…
Plus bas, les cases à cocher permettent d’ajouter des couches, elles aussi thématiques, au fond de carte : pistes et parcours cyclables ou piétonniers, transports urbains…
Toute la richesse de l’environnement est disponible en ligne.


Interface disponible pour iPad et iPhone

Version pour iPhone. La carte interactive du canal Deule EscautSi vous vous connectez avec votre iPad ou votre iPhone, la visualisation est automatiquement adaptée à votre appareil pour plus de confort. La carte est présentée en plein écran et le Pad est disponible en un clic sur le bouton “options”.
Même qualité d’information avec la prise en compte des spécificités des appareils, notamment la navigation au doigt et la résolution des écrans.

Gestion du contenu de la carte via le Back Office

Back-Office de gestion du contenuDes nouveaux marqueurs pour les POI (Point Of Interest), de nouvelles informations à publier ? Nous avons 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…)
Une mission passionnante pour tous les acteurs du projet aussi bien à la Communauté Urbaine de Lille qu’au sein de l’équipe des développeurs E SYSTEMES ! 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 récente mise en ligne sur les serveurs de production.