« Mobi’carto » et « Mon école sous l’eau » : deux projets développés par le Master Géomatique de Cergy-Pontoise
Outline
Top of pageAuthor's notes
Lien vers Mobi’Carto : http://mobicarto.fr
Lien vers Mon école sous l’eau : http://www.mon-ecole-sous-l-eau.com
Lien vers la Story Map : http://arcg.is/2dhjg8g
Full text
Mobi’Carto : une application web pour visualiser l’offre de transport de la communauté d’agglomération de Cergy-Pontoise
1Parti du constat qu’il existe de nombreux services, sites et applications en tout genre permettant d’avoir des informations spécifiques à un mode de transport, mais qu’aucun ne donnait une vision globale des différents services (trains, bus, vélos et voitures), Mobi’Carto met en avant toute la richesse de l’offre des transports d’une communauté d’agglomération sous la forme d’une cartographie interactive (figure 1).
Les fonctionnalités du site
2L’ensemble de l’interface fonctionne grâce à l’onglet « légende » situé en haut à droite de la carte.
Déplacement en vélo
3La communauté d’agglomération de Cergy-Pontoise est dotée d’un service de vélos en libre-service appelé VélO’2 permettant de connaitre en temps réel le nombre de vélos et de places disponibles pour chacune des stations. Mobi’Carto récupère ces informations en temps réel et les affiche sur la carte.
Déplacement en train
4Pour les déplacements en train, on retrouve les gares sur le territoire de la communauté d’agglomération mais aussi les lignes ferroviaires traversant le territoire.
Déplacement en bus
5Concernant le bus, la carte interactive permet de visualiser les arrêts de bus ainsi que les lignes urbaines et interurbaines. Des liens vers le site de la STIVO permettent de connaître les horaires des prochains passages de bus d’un arrêt en temps réel.
L’auto-partage
6Enfin, pour l’adepte de l’auto-partage, il y a quelques stations dans la communauté d’agglomération de Cergy- Pontoise. Celles-ci sont visualisables sur Mobi’Carto et il est possible d’accéder au site d’auto-partage Citiz via une fenêtre contextuelle. On retrouve également les parkings de la communauté d’agglomération avec le nombre de places et la possibilité d’avoir un descriptif plus détaillé du parking.
Un onglet pour signaler les problèmes des utilisateurs
7Une interface permet aux internautes de signaler les problèmes rencontrés dans leurs déplacements. Pour cela il faut cliquer sur le pictogramme danger en bas à gauche du site.
Technologie utilisée
8Le site est développé en HTML5 et la cartographie a été mise au point grâce à l’utilisation de la bibliothèque JavaScript libre et gratuite Leaflet qui permet un rendu cartographique à la fois dynamique et léger. Le but était aussi de tester une autre façon de faire des cartes dynamiques sans passer exclusivement par des solutions du type ArcGIS, même si ArcGIS Online est utilisé pour héberger les données géographiques. Afin d’être utilisable en toutes circonstances, le site est doté d’une interface adaptative (web responsive design) qui s’adapte aux différents terminaux (figure 2).
9Pour les remontées utilisateurs, l’application s’appuie sur le géoformulaire d’ArcGIS Online qui permet d’avoir un formulaire dynamique pour recueillir les remarques des usagers.
Mon école sous l’eau : le risque inondation expliqué aux enfants
10Près d’un tiers de la population française est concernée par le risque inondation. Les divers événements passés montrent que la population n’est jamais préparée. Chaque inondation a engendré des dommages matériels, et parfois humains. C’est en constatant cette absence d’une culture du risque inondation que nous avons élaboré ce site (figure 3).
Figure 3. Interface de la page d’accueil de Mon école sous l’eau
Source : www.mon-ecole-sous-l-eau.com
11Nous avons choisi de nous adresser aux enfants car il nous a paru essentiel que ce risque soit connu dès le plus jeune âge. De plus, les enfants sont un très bon vecteur pour transmettre les informations. En effet, sensibiliser les enfants permet d’informer les parents par ricochet. Le travail a été réalisé sur la commune d’Alfortville car la quasi-totalité de son territoire est submersible.
Un site pédagogique
12Le site internet est composé de différents menus permettant d’aborder tous les aspects de l’inondation. Différentes technologies ont été mobilisées pour le site, dans l’espoir que chacune apporte sa part de pédagogie sur le sujet. Nous avons utilisé notamment la 3D pour mieux sensibiliser le public visé.
Les écoles primaires en 3D
13Les élèves du primaire constituent la cible directe, ainsi nous avons modélisé en 3D les huit écoles primaires d’Alfortville. L’école est un lieu identifiable très facilement par un enfant, il la fréquente tous les jours. Voir son école inondée permet de mieux se rendre compte de ce qu’est une inondation (figure 4).
- 1 École supérieure d’ingénieurs de l’Université Paris-Est Marne-la-Vallée
- 2 Institut d’aménagement et d’urbanisme
14Les vidéos présentant l’environnement de huit écoles primaires inondées en 3D ont été réalisées avec l’outil SketchUp. Soulignons l’aide, pour ces vidéos 3D, de Xavier Opigez, enseignant 3D au Master Géomatique de Cergy et à l’Esipe-MLV1 et concepteur d’applications Web/SIG à l’IAU2.
Une Story Map pour des explications dynamiques !
15La page d’accueil permet d’accéder directement à une Story Map (réalisée avec ArcGIS Online) qui permet aux enfants de découvrir leur commune et leurs écoles inondées, grâce notamment à une carte interactive sur laquelle chacune des écoles primaires peut-être sélectionnée pour découvrir la séquence animée 3D de l’école (figure 5). D’autres pages présentent une vidéo avec une vue en surplomb d’Alfortville inondée, une carte interactive illustrant la hauteur de submersion du territoire ou encore l’explication des différents termes du risque inondation !
Figure 5. Vue de la carte interactive des huit écoles d’Alfortville
Source : https://inondationalfortvi.wixsite.com/mon-ecole-sous-l-eau
Notes
1 École supérieure d’ingénieurs de l’Université Paris-Est Marne-la-Vallée
2 Institut d’aménagement et d’urbanisme
Top of pageList of illustrations
Title | Figure 1. L’interface de l’application Mobi’carto |
---|---|
URL | http://journals.openedition.org/mappemonde/docannexe/image/3261/img-1.jpg |
File | image/jpeg, 148k |
Title | Figure 2. Un site multi-plateformes |
Credits | Auteurs : M. Bricourt, P. Etchart, V. Le Gall |
URL | http://journals.openedition.org/mappemonde/docannexe/image/3261/img-2.jpg |
File | image/jpeg, 71k |
Title | Figure 3. Interface de la page d’accueil de Mon école sous l’eau |
Credits | Source : www.mon-ecole-sous-l-eau.com |
URL | http://journals.openedition.org/mappemonde/docannexe/image/3261/img-3.jpg |
File | image/jpeg, 111k |
Title | Figure 5. Vue de la carte interactive des huit écoles d’Alfortville |
Credits | Source : https://inondationalfortvi.wixsite.com/mon-ecole-sous-l-eau |
URL | http://journals.openedition.org/mappemonde/docannexe/image/3261/img-4.jpg |
File | image/jpeg, 200k |
References
Electronic reference
Mélanie Vallui, Léo Brisot, Rémi Mayou, Laureline Gérard, Maxime Bricout and Pauline Etchart, “« Mobi’carto » et « Mon école sous l’eau » : deux projets développés par le Master Géomatique de Cergy-Pontoise”, Mappemonde [Online], 120 | 2017, Online since 01 April 2017, connection on 12 October 2024. URL: http://journals.openedition.org/mappemonde/3261; DOI: https://doi.org/10.4000/mappemonde.3261
Top of pageCopyright
The text only may be used under licence CC BY-NC-SA 4.0. All other elements (illustrations, imported files) are “All rights reserved”, unless otherwise stated.
Top of page