16. Januar 2014
Der SCHWEIZER WELTATLAS interaktiv als Web Applikation
Ein Prototyp realisiert mit ArcGIS API for JavaScript
Leitung Prof. Dr. Lorenz Hurni Betreuung Thomas Koblet, Philipp Marty Autorin Barbara Born
Masterarbeit am Institut für Kartografie und Geoinformation
2
Java Problem
Das Java Plug-in wird NICHT unterstützt von…
• PDAs (Blackberry, Palm)
• Tablets (iPad, Android)
• Smartphones (iPhone, Android)
• Spielkonsolen (Nintendo Wii)
• MP3 / MP4-Player (iPod)
• Andere Personal Mobile-Geräte http://www.java.com/de/download/faq/java_mobile.xml (Zugriff: 8.12.13)
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
4
Zukunft des SWAi
http://schweizerweltatlas.ch/faq (Zugriff: 12. 1. 14)
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
5
Lösungsansätze für mobile Geräte
Aus Willnecker, Ismailović et al. (2012)
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
6
Ziele
• Web Applikation erstellen
• Web-Atlas mit 3 Karten
• Responsive Webdesign
• Grundfunktionen einer Webmap
• Freies Zeichnen und Editieren
• Feature-Manipulation mittels WFS
• Geoprozessierung
• Thematische Karte mit dynamischer Renderung
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
7
Technologie I
Internet
(GIS-)Server Browser HTML, CSS, JavaScript
OGC-Standards
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
Technologie II
8
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
ArcGIS API for JavaScript
• Eine von 3 Web-APIs
• Framework: Dojo
• Tutorials, Samples, Widgets, Templates, Sandbox
Dojo Toolkit
• Open-Source JavaScript Framework
jQuery
• Eingesetzt für DOM - Manipulation
Responsive Design
9
http://bernetblog.ch/wp-content/uploads/2012/01/responsive-webdesign.png (Zugriff: 8.12.13)
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
Responsive Design
10
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
Responsive Design
11
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
Workflow
12
Daten beschaffen / bearbeiten
Karte aufbereiten / (Service vorbereiten)
Karte / Service publizieren
Karte / Service in Atlas einbinden
Interaktive Elemente hinzufügen
Ohne Antialiasing
Normal Antialiasing
Best Antialiasing
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
Browser- und Geräte-Kompatibilität
13
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
Demo
14
Kuppen Mulden
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
Ergebnisse
15
Kuppen Mulden
• Responsive Web-Applikation
• 5 Karten implementiert
• 1 Geoverarbeitungs-Service
• Verschiedene Kartenfunktionen
• Läuft auf Geräten mit einem modernen Browser
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
Browser- und Geräte-Kompatibilität
16
Kuppen Mulden
Nach R. Goscinny und A. Uderzo
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
17
Kuppen Mulden
Browser- und Geräte-Kompatibilität
Kompatibilität
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
Stärken
18
Kuppen Mulden
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
• Systemvoraussetzung: Moderner Browser • 1 Code für alle Geräte • Keine Installation / Download / Update • Geoverarbeitungs-Service • Echtzeit-Karten • Public Participation • OGC-Standards: Externe Daten direkt einbinden
(KML, WMS, WMTS)
Schwächen
19
Kuppen Mulden
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
• Browser- und Geräte-Kompatibilität • Internetverbindung nötig • Eigenschaften der Geräte (z.B. Touchscreen) beeinflussen
Bedienbarkeit • Datenmenge bei fehlendem W-LAN (40min, 25MB) • Serverleistung • Vermarktung
Fazit
20
Kuppen Mulden
• Web Applikation bringt den SWAi auf mobile Geräte
• Zeichnungstoolbox bietet neue Möglichkeiten für den Unterricht Speichern sollte möglich sein
• Prototyp ist eine Mischung aus Karte und GIS
• Abhängigkeit von HTML Spezifikationen, deren Unterstützung durch die Browser und der ArcGIS API
• Der durchgeführte Kompatibilitätstest deckt nicht alle Funktionen ab und ersetzt keinen Applikations-Test
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
Ausblick
21
Kuppen Mulden
• Brauchbarkeit und Benutzbarkeit der Applikation testen
• Andere Mapping APIs in Betracht ziehen
• Geräte- und Browser-Eigenschaften besser berücksichtigen
• Option hybride App für Tablets und Smartphones prüfen
• Datenmenge für mobile Geräte ohne W-LAN minimieren, evtl. Daten in Cache ablegen
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen
Danke für Ihre Aufmerksamkeit
22
Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen