181206_Präsentation_Vorstellung-eBOD-neu.pdf

Vorstellung der neuen digitalen Bodenkarte des Bundesamts für Wald (BFW).

Firmen- und Teamvorstellung - w3geo
Ausgangsposition / Zielvorgaben für die eBOD-neu
User Experience - eBOD-neu
Vektorkacheln in OpenLayers
Kachelgenerierung, Datenaufbereitung
Static Website
Deployment / Datenaktualisierung
Live-Demo

Transcript

1. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten eBOD2 www.bodenkarte.at Ausgangsposition / Ziele (DI Johannes Gruber) User Experience (DI Arnold Pichler) Technische Umsetzung (DI Andreas Hocevar) Wien, am 06.12.2018 Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten Vorstellung eBOD-neu Die digitale Bodenkarte des BFW
2. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten 1. Firmen- und Teamvorstellung - w3geo 2. Ausgangsposition / Zielvorgaben für die eBOD-neu 3. User Experience - eBOD-neu 4. Vektorkacheln in OpenLayers 5. Kachelgenerierung, Datenaufbereitung 6. Static Website 7. Deployment / Datenaktualisierung 8. Live-Demo Präsentationsablauf 2
3. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten Firmen- und Teamvorstellung – w3geo 3 DI Arnold Pichler: Telematik, Entwickler mit Schwerpunkt Web-Applikationen UI/UX, Webentwicklung, Applikationsarchitektur DI Andreas Hocevar: Raumplanung, Entwickler (JavaScript), Kernentwickler OpenLayers Entwicklung der Kartenapplikation, Applikationsarchitektur DI Johannes Gruber: Raum- und Infrastrukturplanung, UVP-Planung, GIS Projektsteuerung, Bedienkonzept, UI/UX
4. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten eBOD - Ausgangsposition / Zielvorgaben 4 Ausgangssituation BFW • Bestehende Bodenkarte modernisieren • Übernehmen aller Layer Zielvorgaben • Intuitive und selbsterklärende Bedienung • Übersichtlichkeit erhöhen • Umsetzung mittels Vektorkacheln und als Static Website • Responsives Design -> Optimale Bedienung auf sämtlichen Devices • Hohe Performanz und Leichtgängigkeit, flexibler Aufbau • Datenaktualisierung erleichtern
5. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten eBOD – Bodenerhebung des BFW 5 Bodenerhebung - Feldaufnahme • Erhebung sämtlicher Standortseigenschaften der landwirtschaftlich nutzbaren Böden. • Bodensondierung ca. 1m tief (durchschn. 1 Einstich pro ha), wird in Feldkarte eingetragen. • Zusammenfassung von Flächen mit ähnlicher Beschaffenheit zur Bodenform. • Für jede Bodenform wird eine Profilstelle (Grube) ausgehoben -> Beschreibung der Horizonte Bodenmaterial im Bohrer Begangsschema Aufriss Begangsschema Grundriss
6. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten eBOD – Entwurfsgrundlagen 6 • Single Page Applikation • Klares Design • Leichte Bedienbarkeit (UI, UX) • Hohe Performance • Volltextsuche (Adresse, Koordinaten) • Erläuterungen via CMS integriert (kein Verlassen der Seite) • Open Source • BFW / Basemap • Vollresponsiv
7. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten eBOD – Layergruppierung, dynamische Legende 7 Layergruppierung -> max. 5 Elemente -> erhöhte Übersicht Dynamische Legende -> nur dargestellte Werte werden angezeigt -> opt. Platzausnutzung Dynamische Karte -> Klickanimation zu ZS 13 Hash-URL -> Bookmarks -> Vor-Zurück
8. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten eBOD – Layerinformationen I 8 Transparenzsteuerung -> nach Hintergrund -> nach Verwendungszweck Autom. Layersteuerung -> Basemap, Luftbild Hervorheben der Auswahl Verschiebbare Fenster Export / Import / Tools
9. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten eBOD – Layerinformationen II 9
10. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten eBOD – Toolbox 10
11. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten eBOD – Erläuterungen in der Plattform 11
12. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten eBOD – Responsiv 12
13. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten Vektorkacheln in OpenLayers 13 Merkmale • Zoomstufenabhängige Datenqualität in fixem Raster • Effizientes Dekodieren durch pbf Format • Rendering mit Canvas 2D Vorteile • Läuft auf einer Vielzahl von Geräten, da kein WebGL nötig • Gestochen scharfe Darstellung unabhängig von der Displayauflösung • Schnelles Laden der Daten, geringer Bandbreitenverbrauch • Vereinfachte Darstellung nach Zoom/Pan – vor Eintreffen der neuen Kacheln • Attributdaten verfügbar, daher Styleänderung und Info ohne Nachladen von Daten
14. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten Kachelgenerierung, Datenstruktur (Tippecanoe) 14 Grundlagen – Tippecanoe (mapbox/ericfischer) • Zoomstufen 6-15 generiert aus einer GeoJSON Datei • Topologieerkennung (angrenzende Polygone) Performance-Überlegungen • Übertragung vom Server gzip-komprimiert • Maximale Tilegröße von 500 kB (nach gunzip) – Vereinfachen und Weglassen Überlegungen zur Datenstruktur • Geometrien aufgelöst in kleinste Einheiten aller Attributausprägungen • Attribute für alle thematischen Ansichten an die Geometrie geknüpft • Daher nur ein Kachelset für sämtliche Ansichten nötig
15. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten Technische Umsetzung - Static Website 15 Bedeutung • Vorgenerierung aller benötigten Datenabfrageergebnisse (JSON-Dateien) • Datenaufbereitung als Teil des Build-Prozesses • Deployment rein statischer Ressourcen Vorteile • Keine Skriptausführung am Server • Daher keine applikationsspezifischen Sicherheitslücken • Minimaler Installations- und Wartungsaufwand für den Serverbetreiber
16. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten Deployment / Datenaktualisierung 16 Installationsskript • Holt Rohdaten vom BFW • Aufbereitung aller Rohdaten • Kompletter Build der Applikation inkl. Daten • Admin muss lediglich noch das Build-Verzeichnis auf den Production Server hochladen Unter der Haube • Alles JavaScript basiert mit node/npm • Lediglich 2 Befehle für eine komplette Datenaktualisierung • Läuft auf allen Unix-Plattformen inkl. Windows Subsystem for Linux
17. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten Live-Demo 17 Live-Demo eBOD-neu • http://ebod.w3geo.at/ Präsentation - online • https://speakerdeck.com/w3geo/
18. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten Eingesetzte Technologien 18 • Build-Umgebung mit Node, npm und webpack • Komplette Codebasis in ECMAScript 2015 • Transpiliert für Lauffähigkeit auf älteren Browsern (IE10) • Vektorkacheln für die Bodenkarte, GeoJSON/TopoJSON für sonstige Daten • Tippecanoe zur Erzeugung der Vektorkacheln • OpenLayers v5.0 als Mapping Library • basemap.at als Hintergrundkarte
19. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten DI Andreas Hocevar DI Arnold Pichler DI Johannes Gruber w3geo OG Piaristengasse 11/1-3 1080 Wien www.w3geo.at info@w3geo.at 0664 35 55 135
20. Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten Kartenunterstützte Webapplikationen Geodatenvisualisierung von Daten www.w3geo.at info@w3geo.at 0664 35 55 135 w3geo OG Piaristengasse 11/1-3 1080 Wien DI Andreas Hocevar DI Arnold Pichler DI Johannes Gruber