Geospatialworldforum How to create a responsive geoportal ?

armasuisseFederal Office of Topography swisstopoCOSIG

How to create a responsive geoportal ?

map.geo.admin.chCédric MoulletHead of FSDI Web Infrastructure

@cedricmoullet [email protected]

mailto:[email protected]

Federal Office of Topography swisstopoCOSIG

Federal Office of Topographyswisstopo• Federal Geo-Information center

• 346 employees

• Producer of the swiss national maps

• Provider of about 80 geoservices and web mapping applications federated under «geo.admin.ch: the geoportal of the Swiss Confederation»

• swisstopo operates geo.admin.ch on behalf of the coordinating agency for Federal geographical information, GCG

www.swisstopo.admin.ch – www.geo.admin.ch

http://www.swissinfo.ch/fre/sciences_technologies/Un_nouvel_outil_pour_voyager_dans_le_temps.html?cid=35095116

http://www.swisstopo.admin.ch/

http://www.geo.admin.ch/internet/geoportal/en/home.html


Agenda

• Geo.admin.ch• Situation 1.1.2013• Redesign• Situation 1.5.2014


geo.admin.ch: the geoportal of the Swiss ConfederationThe federal geodata portal is a publicly accessible platform for geographical information, data and services.

Geographical information consists of geographically and spatially referenced data. It describes the characteristics of a country or region in the form of coordinates and place names.


Geo.admin.ch: Geoinformation Act

The Geoinformation Act (GeoIG) came into force on 1st July 2008. It provides the legal framework, for all activities relating to information about basic geodata of Federal law and its exchange and use.


Geo.admin.ch: Geoinformation Act

Art. 1 Aim

This Act has the aim of ensuring that geodata relating to the territory of the Swiss Confederation is made available for general use to the authorities of the Confederation, the cantons and communes, the private sector, the public and to academic and scientific institutions in a sustainable, up-to-date, rapid and easy manner, in the required quality and at a reasonable cost.


map.geo.admin.ch

Digital data can be viewed, printed out, ordered and supplied by means of the map viewer tool. The required data is available in the form of digital maps and photos, vector data and also as online services. The desired data is available in the form of pixel maps, digital images, vector data etc., at a variety of scales.


End of theory


Situation 1.1.2013

Federal Office of Topography swisstopoCOSIG 10

Desktop Mobile

ExtJS 3OpenLayers 2

SenchaOpenLayers 2


1.1.2013: Issues

• Double code base• Double release cycle• iOS & Android support only• ExtJS & OpenLayers 2 end of life• ExtJS & Sencha frequent release cycles &

incompatibilities• No HTML5, no CSS3, no 3D• Always more screen sizes (smartphone, tablet,

phablets, smarttvs, 4K etc…)


1.1.2013: Other issues

• User survey feedback: functions are not understood and/or not discovered


MANDATORY REDESIGN & REDEVELOPMENT !!!


Don’t make me think !!!

… still 10’000 users per day ;-)


Our main issue ?

We are GIS specialists…


Who are the users ?

Authorities of the Confederation, the cantons and communes, the private sector, the public and the academic and scientific institutions

-> Oups, in other words, everyone


What want the users?

Fast access to information

-> Paradigm change from « Access to data » to « Access to information »

Federal office -> « We need to publish geodata »

Internet -> « Geodata are maps »

Citizen -> « I need an information »


What know the users?

Google & Google maps


What are our constraints and restrictions ?Law

Corporate Design Bund


New design proposal


Less parts4 parts

(previously 7)


More map

More map


Functions

Functions in one place


Navigation

Navigation in one place


Search

Only one central search


Topics

Topics for fast access to layers


…. and responsive !!!


How to create that ? Base library…

OpenLayers 3 (crowdfunding initiated by swisstopo) -> 3D ready, Google Closure, HTML5

Bootstrap for responsiveness / CSS3

AngularJS for JS architecture

https://github.com/geoadmin/mf-geoadmin3




How to create that ? … and work


Challenges

Mobile & desktop interactions are not the same (finger vs mouse, for example)

Devices heterogeneity -> testing challenge

Limited financial ressources

Avoid « Geoportal don’t work » syndrom -> focus on the essential (80/20)


Opportunities

Mobile first strategy

Wide plattform support (web app > app)

Huge performance improvement

Time support (historical maps and aerial images)

Fully Open Source

Bootstrap and AngularJS are used by big players - perenity


Next steps

3D viewer

Offline

Export KML

More data


Help yourself

http://map.geo.admin.ch

300 geodata layers freely accessible

http://map.geo.admin.ch/


Widely recognized


www.geo.admin.ch

map.geo.admin.ch

api.geo.admin.ch

[email protected]

Twitter: @swiss_geoportal

THANK YOU

Geospatialworldforum How to create a responsive geoportal ?

Government & Nonprofit

Transcript of Geospatialworldforum How to create a responsive geoportal ?