Réaliser un géoportail responsive est maintenant techniquement possible. Les applications web mobiles peuvent désormais être implémentées avec les mêmes framework que les applications desktop. Cette évolution présente un avantage que ce soit en terme de coût de développement, de maintenance et de distribution. La difficulté principale ne réside toutefois pas dans la technique, mais dans le design des différents layouts et dans l’adaptation des fonctions selon le contexte d’utilisation.
Un géoportail “responsive” - mythe ou réalité ? Geosummit 2014
1. armasuisse
Federal Office of Topography swisstopo
COSIG
Un géoportail “responsive” -
mythe ou réalité ?
map.geo.admin.ch
Cédric Moullet
Head of FSDI Web Infrastructure
@cedricmoullet cedric.moullet@swisstopo.ch
2. Federal Office of Topography swisstopo
COSIG
Agenda
• Geo.admin.ch
• Situation au 1.1.2013
• Redesign
• Situation au 1.6.2014
3. Federal Office of Topography swisstopo
COSIG
geo.admin.ch: le geoportail
de la Confédération suisse
geo.admin.ch est la plateforme de géoinformation
de la Confédération suisse au sein de
l’administration fédérale.
4. Federal Office of Topography swisstopo
COSIG
geo.admin.ch: loi sur
la géoinformation
La loi fédérale sur la géoinformation (LGéo) est en
vigueur depuis le 1er juillet 2008.
Elle décrit le cadre légal pour toutes les activités
relatives aux géodonnées de base.
5. Federal Office of Topography swisstopo
COSIG
geo.admin.ch: loi sur
la géoinformation
Art. 1 But
La présente loi vise à ce que les autorités fédérales,
cantonales et communales, les milieux économiques,
la population et les milieux scientifiques disposent
rapidement, simplement et
durablement de géodonnées mises à jour,
au niveau de qualité requis et d'un coût approprié,
couvrant le territoire de la Confédération suisse en
vue d'une large utilisation.
6. Federal Office of Topography swisstopo
COSIG
map.geo.admin.ch
map.geo.admin.ch est une application intuitive qui
permet la recherche, l'affichage et l'utilisation
d'informations géographiques.
Elle présente des cartes et des données
géographiques de manière interactive en
employant un navigateur web standard.
9. Federal Office of Topography swisstopo
COSIG
9
Desktop Mobile
ExtJS 3
OpenLayers 2
Sencha
OpenLayers 2
10. Federal Office of Topography swisstopo
COSIG
1.1.2013: Problèmes
• Code à double
• Cycle de release double
• Support uniquement de iOS & Android
• ExtJS & OpenLayers 2 en fin de vie
• Cycles de release fréquents et incompatibles
pour ExtJS & Sencha
• Pas de HTML5, ni de CSS3, ni de 3D
• Toujours plus de tailles d’écrans (smartphone,
tablet, phablets, smarttvs, 4K etc…)
11. Federal Office of Topography swisstopo
COSIG
1.1.2013: Autre problème
• Retour des utilisateurs: les fonctions ne sont pas
comprises / ne sont pas découvertes
12. Federal Office of Topography swisstopo
COSIG
REDESIGN &
REDEVELOPMENT
OBLIGATOIRE !!!
13. Federal Office of Topography swisstopo
COSIG
Je ne veux pas
réfléchir !!!
… tout de même 10’000
utilisateurs par jour ;-)
14. Federal Office of Topography swisstopo
COSIG
Notre problème principal ?
Nous sommes des spécialistes SIG…
15. Federal Office of Topography swisstopo
COSIG
Qui sont les utilisateurs ?
Les autorités fédérales, cantonales et
communales, les milieux économiques, la
population et les milieux scientifiques
-> Oups, en gros, tout le monde
16. Federal Office of Topography swisstopo
COSIG
Que veulent les utilisateurs ?
Un accès rapide à l’information
-> Un changement de paradigme de l’« accès aux
données » vers « l’accès à l’information » est
nécessaire
Office fédéral -> « Nous devons publier les
géodonnées »
Internet -> « Les géodonnées sont des cartes »
Citoyen -> « Je veux de l’information »
17. Federal Office of Topography swisstopo
COSIG
Que connaissent les utilisateurs ?
Google & Google maps
18. Federal Office of Topography swisstopo
COSIG
Quelles sont nos contraintes et
restrictions ?
Law
Corporate Design
28. Federal Office of Topography swisstopo
COSIG
Comment créer cela ? Librairies de
base…
OpenLayers 3 (crowdfunding initié par swisstopo)
-> 3D ready, Google Closure, HTML5
Bootstrap pour la responsiveness / CSS3
AngularJS pour l’architecture JS
https://github.com/geoadmin/mf-geoadmin3
29. Federal Office of Topography swisstopo
COSIG
Comment créer cela ? … et du travail
30. Federal Office of Topography swisstopo
COSIG
Challenges
Les interactions mobile et desktop ne sont pas les
mêmes (doigts vs souris, par exemple)
Hétérogénéité des appareils -> testing laborieux
Ressources financières limitées
Eviter le syndrome « Geoportal don’t work »
-> se concentrer sur l’essentiel (80/20)
31. Federal Office of Topography swisstopo
COSIG
Opportunités
Stratégie « Mobile first »
Large support (web app > app)
Importantes améliorations de la performance
Support données historiques (cartes et images)
100% Open Source
Bootstrap et AngularJS sont utilisés par les « big
players » - pérennité
32. Federal Office of Topography swisstopo
COSIG
Prochaines étapes
Visualisateur 3D
Offline
Export KML
Toujours plus de données
33. Federal Office of Topography swisstopo
COSIG
Servez-vous
http://map.geo.admin.ch
300 jeux de géodonnées
librement accessibles