FOSSGIS 2012, Dessau...22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM) “ 1 FOSSGIS 2012, Dessau GeoExt Mobile (GXM) GIS WebApps mit nativem Look and Feel für unterwegs

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 1

FOSSGIS 2012, Dessau

GeoExt Mobile (GXM)

GIS WebApps mit nativem

Look and Feel für unterwegs

Marc Jansen, terrestris GmbH & Co. KG

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 2

Gliederung

● Einleitung● Begrifflichkeiten● Was ist GXM?● Was kann GXM?● Beispiele● Ausblick & Fazit

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 3

Einleitung – Über mich

● Marc Jansen● Anwendungsentwickler /

Projektleiter bei terrestris● Frontendentwicklung

OpenSource-GIS-Stack● Co-Autor „OpenLayers —

Webentwicklung mit dynami-schen Karten und Geodaten“(ISBN 978-3-937514-92-5)

● Trunk committer OpenLayers

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 4

Einleitung – Über terrestris

● OpenSource WebGIS Technologien● Softwareentwicklung● Schulung● Consulting● Weiterentwicklung Basissoftware

● Geoportale, Geodaten, Standards...● Partner für D/A/CH von OpenGeo● Sponsor FOSS4G, FOSSGIS

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 5

Begrifflichkeiten

● WebApp?● HTML5-Webseite (Aussehen und Bedienung)● Läuft im Browser● Adressierbar via URL

● App?● Je OS (Apple, Android) neu zu entwickeln● Vertrieb via „Store“

● Hybride Lösungen (etwa via PhoneGap)

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 6

Was ist GXM?

● Framework zur Erstellung von WebApps mit WebGIS-Charakter

● JavaScript, HTML5 und CSS3● Open Source ● Schwesternprojekt von GeoExt● Copyright by OSGeo

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 7

OpenLayers(> 2.11)

Sencha Touch(1.1.0/2.0)

GXM(0.1/0.2beta)

EigenerAppl.-Code

Komponenten

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 8

OpenLayers(> 2.11)

Sencha Touch(1.1.0/2.0)

GXM(0.1/0.2beta)

EigenerAppl.-Code

Komponenten

„GEO“-OBERFLÄCHEN

„GEO“-OBERFLÄCHEN

KARTENKARTEN

OBERFLÄCHENOBERFLÄCHEN

INSTANZENINSTANZEN

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 9

Komponenten

OpenLayers

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 10

OpenLayers (> 2.11)

● http://openlayers.org/

● Touch Events● pan, pinch, tap, double tap etc.● Zeichnen, Selektieren, Verschieben & Modifizieren von

Vektoren

● Geolocation

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 11

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 12

Komponenten

Sencha Touch

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 13

Sencha Touch (1.1.0/2.0)

● http://www.sencha.com/products/touch/● Mobile Web Applikationen

● HTML5● CSS3● JavaScript

● Natives „Look and Feel“● Sencha Touch 2.0 (06.03.2012)● Objektorientierung

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 14

Sencha Touch (1.1.1)

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 15

Sencha Touch (1.1.1)

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 16

GXM (0.1)

● https://github.com/geoext/GXM & ● http://trac.geoext.org/wiki/mobile● Verknüpft OpenLayers mit Sencha Touch, v.a.

● Komponenten MapPanel, LayerList, Button● Basis CSS

● Entwickelt durch terrestris, Review durch OpenGeo, Subprojekt von GeoExt

● Basis: Projekt für swisstopo

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 17

Was kann GXM?

● Map● LayerList● Button● FeatureList (GXM 0.2beta )● FeaturePopup (GXM 0.2beta )

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 18

GXM (0.1)

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 19

GXM (0.1)

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 20

GXM (0.1)

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 21

Applikationen

● http://mobile.map.geo.admin.ch/● Bundesamt für Landestopografie

der Schweiz● Bestehendes Portal basierend auf Mapfish,

OpenLayers, GeoExt● Mobile Version● Kurze Umsetzungsdauer

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 22

Applikationen

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 23

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 24

Applikationen

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 25

Applikationen

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 26

Applikationen

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 27

Applikationen

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 28

Applikationen

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 29

Styling & Theming

Dies ist der Entwurf einer Grafikerin ...

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 30

Applikationen

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 31

Applikationen

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 32

Ausblick & Fazit

● Mobile WebGIS Applikationen● HTML5, CSS3, JavaScript● OpenSource Bibliotheken

● OpenLayers● Sencha Touch● GXM

● Flexibel und robust● Einfache bis komplexe Anforderungen

GXM 0.2basierend auf

Sencha Touch 2...bald!

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 33

Vielen Dank

Ich bedanke mich für die Aufmerk-samkeit und freue mich auf viele

Fragen und Anmerkungen

http://github.com/geoext/GXM

22. März 2012 |FOSSGIS 2012 | M. Jansen: „GeoExt Mobile (GXM)“ 34

Impressum

Autor:Marc Jansen @selectoidterrestris GmbH & Co. KG http://terrestris.de/Pützchens Chaussee 56 [email protected] Bonn https://github.com/marcjansenTel. +49 228 – 962 899 53 Fax: +49 228 – 962 899 57

Lizenz der Vortragsfolien:Creative Commons (by-sa) 2.0-Lizenzhttp://creativecommons.org/licenses/by-sa/2.0/de/