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 cedric.moullet@swisstopo.ch

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

Federal Office of Topography swisstopoCOSIG

Agenda

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

Federal Office of Topography swisstopoCOSIG

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.

Federal Office of Topography swisstopoCOSIG

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.

Federal Office of Topography swisstopoCOSIG

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.

Federal Office of Topography swisstopoCOSIG

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.

Federal Office of Topography swisstopoCOSIG

End of theory

Federal Office of Topography swisstopoCOSIG

Situation 1.1.2013

Federal Office of Topography swisstopoCOSIG 10

Desktop Mobile

ExtJS 3OpenLayers 2

SenchaOpenLayers 2

Federal Office of Topography swisstopoCOSIG

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…)

Federal Office of Topography swisstopoCOSIG

1.1.2013: Other issues

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

Federal Office of Topography swisstopoCOSIG

MANDATORY REDESIGN & REDEVELOPMENT !!!

Federal Office of Topography swisstopoCOSIG

Don’t make me think !!!

… still 10’000 users per day ;-)

Federal Office of Topography swisstopoCOSIG

Our main issue ?

We are GIS specialists…

Federal Office of Topography swisstopoCOSIG

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

Federal Office of Topography swisstopoCOSIG

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 »

Federal Office of Topography swisstopoCOSIG

What know the users?

Google & Google maps

Federal Office of Topography swisstopoCOSIG

What are our constraints and restrictions ?Law

Corporate Design Bund

Federal Office of Topography swisstopoCOSIG 20

New design proposal

Federal Office of Topography swisstopoCOSIG 21

Less parts4 parts

(previously 7)

Federal Office of Topography swisstopoCOSIG

More map

More map

Federal Office of Topography swisstopoCOSIG 23

Functions

Functions in one place

Federal Office of Topography swisstopoCOSIG

Navigation

Navigation in one place

Federal Office of Topography swisstopoCOSIG

Search

Only one central search

Federal Office of Topography swisstopoCOSIG

Topics

Topics for fast access to layers

Federal Office of Topography swisstopoCOSIG

…. and responsive !!!

Federal Office of Topography swisstopoCOSIG

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

Federal Office of Topography swisstopoCOSIG

How to create that ? … and work

Federal Office of Topography swisstopoCOSIG

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)

Federal Office of Topography swisstopoCOSIG

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

Federal Office of Topography swisstopoCOSIG

Next steps

3D viewer

Offline

Export KML

More data

Federal Office of Topography swisstopoCOSIG

Help yourself

http://map.geo.admin.ch

300 geodata layers freely accessible

Federal Office of Topography swisstopoCOSIG

Widely recognized

Federal Office of Topography swisstopoCOSIG

www.geo.admin.ch

map.geo.admin.ch

api.geo.admin.ch

info@geo.admin.ch

Twitter: @swiss_geoportal

THANK YOU