mobile geoadmin mockup, 2011

11
Mockup mobile.geo.admin.ch Mobile version of map.geo.admin.ch David Oesch & Cédric Moullet Swisstopo

Upload: moullet

Post on 28-May-2015

1.472 views

Category:

Technology


1 download

DESCRIPTION

Mobile Mockup of mobile.map.geo.admin.ch

TRANSCRIPT

Page 1: Mobile GeoAdmin Mockup, 2011

Mockup mobile.geo.admin.chMobile version of map.geo.admin.ch

David Oesch & Cédric Moullet

Swisstopo

Page 2: Mobile GeoAdmin Mockup, 2011

©swisstopo.ch

Main Page

Logo /favicon + text Home action: reloads page

Swisstopo CopyrightsAction: opens an URL

Map

Function bar- Feedback action: popup a modal

panel- Option action: popup a modal

panel- Search action: popup a modal

panel- Data action: popup a modal

panel

Navigation- Geolocation API: recenter the

map, visible only if supported- Zoom Plus action- Zoom Minus action- Full extent action

Scale

S DF O

Page 3: Mobile GeoAdmin Mockup, 2011

©swisstopo.ch

Main Page Landscape

S DF O

Function bar aligned rightLogo /favicon + text

Home action: reloads page

Page 4: Mobile GeoAdmin Mockup, 2011

Feedback Action

S DF OThanks for providing your feedback:

Your email:

The following URL is transmitted:http://mobile.geo.admin.ch/Y=60000&X=200000

Cancel Send

Permalink

Email validation

Cancel: go back to mapSend: send the report and popup a thanks window

content, can be empty/not mandatory

Page 5: Mobile GeoAdmin Mockup, 2011

Option Action

S DF O

Language: French

Handedness: Right

Cancel SaveCancel: go back to mapSend: save the option and go back to map

If left, the function bar and the navigation bar goes on the left

Responsibilities and contacts

Coordination:Coordinating agency for Federal geographical information (GCG) Operation: geo.admin.ch, c/o Federal Office of Topography swisstopo Overall data controller: The Confederation, represented by the relevant Federal OfficeData management: Coordination, Geoinformation and Services (COGIS) Terms and Conditionsgeo.admin.ch is covered by the general conditions in accordance with www.disclaimer.admin.ch

Icon for Hyperlink

Page 6: Mobile GeoAdmin Mockup, 2011

Search Action

S DF OSearch for a location, PLZ or coordinate…

Zuerich last used

Payerne last used

600000 200000 last used

1

Cancel

S DF OPay

City: Payerne

PLZ: 1530 Payerne

2

Cancel

1A) Present the last used searches

2A)User searches and results appear with autocompletion

Go back to the map by selecting an item in worklfow A) or B) or clicking on cancel.

Zurich

Geneva

Lausanne

St.Gallen

Lugano

Wintherthur

Thun

1B) Present the 10 largest swiss cities Zurich

Geneva

Lausanne

St.Gallen

Lugano

Wintherthur

Thun

Basel

2B)User can select city

Basel

Page 7: Mobile GeoAdmin Mockup, 2011

Data Action

S DF OSearch for a layer

Dufour map last used i

River network last used i

Street network last used i

1

Cancel

S DF OVector

Vector 200 i

Vector 25 i

21A) Present the last used layers

2A) User searches and results appear with autocompletion.If an item is selected, the layer is added at the bottom

Go back to the map by clicking on apply or clicking on cancel.

Historical map Opacity: 25% i X

Background: Orthophoto

Apply

Visible Layers:

Lakes Opacity: 75% i X

Cancel

Historical map Opacity: 25% i X

Background: Orthophoto

Apply

Visible Layers:

Lakes Opacity: 75% i X

Vector 200 Opacity: 25% i X

Layer’s opacity can be changedLayers can be removedBy clicking on i, a modal window appears with the layer info

Base data

Agnes i

Lagefixpunkte i

Dufour Map i

Siegfried Map i

Agglomeration and isolated cities i

National border i

Canton borders i

1B)Present scrollable predefined list aggregagted in groups with all available data

Base data

Agnes i

Lagefixpunkte i

Dufour Map i

Siegfried Map i

Agglomeration and isolated cities i

National border i

Canton borders i

2B) User scrolls and selects. If an item is selected, the layer is added at the bottom

Page 8: Mobile GeoAdmin Mockup, 2011

Feature info Action

©swisstopo.ch

S DF O

Layer loaded with objects with attribute info. Action: Tap&Hold ON object

©swisstopo.ch

S DF O

1 2

Go back to the map by clicking on close X button in feature info.

Object is higlighted

Hydrological measurement stationInformationStationname SchönaustegStationnumber 2135Access to Data URL

Object information X

Feature info window is opened. Showing data from DB query, containing attribute specific information (incl URLs)

Page 9: Mobile GeoAdmin Mockup, 2011

Context info Action

©swisstopo.ch

S DF O

Layers can be loaded or not. Action: Tap&Hold NOT ON an object, just the background

©swisstopo.ch

S DF O

1 2

Go back to the map by clicking on close X button in Context info.

Coordinates CH03 600371 198276Coordinates WGS84 7.4435 46.93558Elevation 507.1 [m]

Position X

Context info window is opened. Showing position data from DB query. And using sharethis function to send permalink of position to mail /social network

Page 10: Mobile GeoAdmin Mockup, 2011

Geolocation API

Visible only if supported. Action: Click on it.

©swisstopo.ch

S DF O

©swisstopo.ch

S DF O

When activated, Icon is highlighted

Map is recentered on calculated current position- Calculated current position

marked in Red- Error of calculated Position

is shown in diameter of an Orange circle

Go back to the normal map mode by clicking on Gelocation button

1 2

Page 11: Mobile GeoAdmin Mockup, 2011

Components• Logo control• Attribution control• Scale control• Navigation control (GeoLocation API / Zoom / Full Extent)• Permalink control• GeoLocation API control• Feedack Widget• Option widget• Search Widget• Layer Search Widget• Layer Tree Widget• Layer List Widget• Feature Info Widget• Context Info Widget