Der SCHWEIZER WELTATLAS interaktiv als Web Applikation

23
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

Transcript of Der SCHWEIZER WELTATLAS interaktiv als Web Applikation

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

3

Java Problem

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

Fragen / Diskussion

23

Einführung Ausgangslage Vorgehen Demo Ergebnisse Fazit/Ausblick Diskussion/Fragen