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/
