Moderne Web GIS-Clients als Vorbild für den GIP 2.0 WebClient

Kartenunterstützte Webapplikationen
Geodatenvisualisierung von Daten
Salzburg, am 21.11.2018
Moderne Web GIS-Clients als
Vorbild für den GIP 2.0 WebClient

1. Firmen- und Teamvorstellung
2. Anliegen
3. Begriffe
4. Web-Apps: Rolle des Browsers
5. Aufbau & Prinzipien moderner Web-Clients
6. Dashboard, Clients & Kommunikation
7. Fachbereiche & Beispiele
8. Best Practices
9. Fragen und Diskussion
Präsentationsablauf
2

Firmen- und Teamvorstellung – w3geo
3
DI Johannes Gruber: Raum- und Infrastrukturplanung, UVP-Planung, GIS
Projektsteuerung, Bedienkonzept, UI/UX
DI Andreas Hocevar: Raumplanung, Entwickler (JavaScript), Kernentwickler OpenLayers
Entwicklung der Kartenapplikation, Applikationsarchitektur
DI Arnold Pichler: Telematik, Entwickler mit Schwerpunkt Web-Applikationen
UI/UX, Webentwicklung, Applikationsarchitektur

4
Eine kurze Reise...
Anliegen
Web-Apps:
Die Idee...
Zukunft
von
Anwender-
SoftwareWas ist technisch möglich
Die harten Fakten
der täglichen Praxis…mit Blick auf den Stand der Dinge, aber...
• nicht "richtig" oder "falsch"
• nicht "gut" oder "schlecht"
• nicht "brauchbar" oder "unbrauchbar"

5
Anliegen II
Ein Schritt auf die Seite, ein Schritt zurück
• Dinge / Vorgänge "neu denken"
• Es gibt keine perfekte Lösung - aber es gibt gute Lösungen!
• ALLE Fragen stellen
Fragen
• Wie ändert sich meine Herangehensweise? Was muss ich anders machen?
• Was kann ich nun machen, das bisher so nicht möglich war?
• Was kann ich machen, woran ich bisher noch gar nicht gedacht hatte?

6
Begriffe
Das Experten-Dilemma
• Fachbegriffe kontra Umgangssprache
• Unterschiedliche Besetzung von Fachbegriffen
• Bedeutungswandlung durch Anglizismen / Originäre Bedeutung
Denken hängt an Begriffen
• Assoziation von Begriffen mit Themenwelten
• "Bilder im Kopf"

7
Begriffe II
Eine Illustration:
"Strauben"

8
Begriffe III
Viele Begriffe für eine Sache
• Web-Applikation, Web-App, Web-Anwendung
• Web-Client
• Client, Rich Client, Smart Client
• Cloud-Software, Software in / aus der Cloud
• Online-Software, Online-Anwendung
• usw.
• Durchaus korrekt, aber "vorbelastet": App

9
Begriffe IV
SERVERCLIENT
("Irgendwo")(Lokal)
WEB-BASIERT LOKAL
Web-App Anwendung
("Software")
BROWSER
BETRIEBSSYSTEM
DATEN

10
Web-Apps: Rolle des Browsers
Der Browser als "OS im OS"
• Moderne Browser bieten eine "Sandbox-Umgebung" für Applikationen
• Stellen eine neue Schicht nach dem "Schichtenmodell" dar (Hardware -> Software)
• Kommunikation mit "der Welt" und der Computerhardware
• JavaScript als Entwicklungssprache, wichtigste aktuelle Programmiersprache
• Standardisierung jenseits des Betriebssystems und der Geräteklasse
• Aus Datensicht lediglich "Transportsystem" (wie auch das OS)

11
Lokale Anwendungen
• Umfangreiche Desktop-Software
mit großem Funktionsumfang
• Erweiterung durch Plugins / Skripts
• Oft Betriebssystem-gebunden
• Manchmal Hardware-gebunden
• Einstiegshürde Lernkurve
• Praktisches Maximum an Funktion
• Zugänglichkeit über Menüs o.ä.
Web-Clients
• Spezialisiert, reduziert im Umfang,
"One App per Task"
• Anpassbar
• Betriebssystem-unabhängig
• Durch Hardwareleistung limitiert
• Bestmöglich selbsterklärend
• Workflow-zentriert
• Dashboard-Ansatz
Aufbau und Prinzipien moderner Web-Clients

12
Vorteile von Web-Apps
• Plattformunabhängig
• Omnioperabel - überall verfügbar
• Zentral wartbar
• Viele Open-Source Komponenten
für Entwicklung verfügbar
• Entwickler-Ressourcen verfügbar
• Einfaches Teilen
Nachteile
• Eingeschränkte Ressourcen
• Eine Interpretations- / Kompilations-
Ebene mehr: Performance
• Im Regelfall nur online nutzbar
Nicht die Anwendung bestimmt die Arbeitsweise,
Sondern die gewünschte Arbeitsweise schafft die Anwendung
Aufbau und Prinzipien moderner Web-Clients II

13
One App per Task / Workflow-zentriert
• Für eine bestimmte Aufgabe ("Task") möglichst gut und effizient geeignet
• Task (Aufgabe):
o Summe möglicher Interaktionen zum Erreichen eines Ziels
• Workflow:
o Die typische Abfolge von Interaktionen innerhalb eines Tasks
o Definiert durch die Summe von Daten und Operationen auf diese
• Häufige Workflows müssen sehr einfach umgesetzt werden
• Umsetzung muss intuitiv und leicht bedienbar erfolgen
• Adaptive / "intelligente" Apps
Aufbau und Prinzipien moderner Web-Clients III

14
Dashboard, Apps & Kommunikation
Dashboard
• Ausgangspunkt für Task-spezifische Apps ("Clients")
• Kann je nach User-Rolle ("Authentifizierung") unterschiedlich aussehen
• Kann auch Auswertungen bzw. Übersichten liefern oder Aufgaben bereitstellen
• Kann individuell konfigurierbar sein
• Ist letztlich der Startpunkt für jede "Arbeit" mit einer Web-Applikation

15
Dashboard, Clients & Kommunikation II

16
Dashboard, Clients & Kommunikation III
Kommunikation zwischen Apps
• Dynamisches Laden von Apps (Kommunikation durch Datenbasis)
• Transport von Status und Einstellungen via URL bei Aufruf (Links, Bookmarks)
• Session-Daten
• Zugriff auf Server-Basis (durch Authentifizierung eindeutig)

17
Fachbereiche und Beispiele
Je nach Fachbereich / Branche unterschiedlich stark verbreitet
• Einsatzgebiet (z.B. Apps, Ressourcenabhängigkeit usw.)
• Zielpublikum (Akzeptanz, Budget usw.)
• Technische Machbarkeit, Datenumfang
• Oft noch "Spielzeug" - aber mit Hintergrund Business-Tauglichkeit
• Fehlender Massenmarkt als "Technologie-Bremse" - oft künstlich erzeugt

18
Fachbereiche und Beispiele II
Erfolgsgeschichten
• Softwareentwicklung
• Buchhaltung / Banking
• Registrierkassen
• Projektmanagement
• Customer Relation Management
• Architektur / Visualisierung
• Aktien / Trading
• ….

19
Fachbereiche und Beispiele III

20
Fachbereiche und Beispiele IV

21
Fachbereiche und Beispiele IV

22
Fachbereiche und Beispiele V

23
Ausblick
Zukunft der Anwendersoftware
• Anteil der Web-Applikationen stark im Steigen
• Verwendung im Browser wird zur Selbstverständlichkeit
• Spezialisierte Software im Vormarsch kontra "Alleskönner"
• Eine Anwendung auf vielen Endgeräten
• Arbeiten "in der Cloud"

24
Best Practices – iD Editor (OSM) - Überblick
• Vereinfachte Ansicht mit
Hinweis
• Bearbeitung ab ZS16
(ca. M 1:11.000)
• Suche im linken Bereich
• Hintergrundkarten in den
Controls rechts

25
Best Practices – iD Editor (OSM) - Edit
• Detailansicht
• Bessere Performance ab
ZS18 (ca. M 1:2.500)
• Dynamisches Formular im
linken Bereich
• Import, Karten etc. in den
Controls rechts
• Neue Einträge, undo
oben

26
Best Practices – iD Editor (OSM) - Neuer Weg 1
• Tastenkürzel „2“
• Letzte gewählte
Wegeklasse oben
• Alle anderen Wegklassen
gesammelt darunter
• Suche nach Wegklasse
immer möglich

27
• Fußweg gewählt
• Dyn. Formular
• Re. Maustaste ermöglicht
Bearbeitung

28
• Node einfügen mit
Doppelklick
• Knoten Objekttypen
zuweisen
• Teilen mit re. Maustaste
• Schrittweiser undo
immer möglich

29
Best Practices – iD Editor (OSM)
Abbiegebeschränkungen
• Knoten auswählen
• Abbiegebeschränkungen
werden hervorgehoben
• Ergeben sich aus
Einbahnregelungen
• Karte zur Navigation und
Auswahl
• Datenfenster zur
Detailansicht und Eingabe

30
giscloud - GIS-Nachbau
Dashboard als Teil des Menüs (Ribbon-Design)

31
Giscloud -
GIS-Nachbau (Ribbon-Design)

32
Best Practices – GIP Netzclient
Einfache Bedienung (nicht mehr weiterentwickelt)

33
Tinkercad -
Gegliedertes Dashboard

34
Tinkercad -
Erste Schritte im Web von Autodesk

35
Best Practices – Sketchup
Dashboard mit Verknüpfungen

36
Best Practices – Sketchup
Intuitives, einfaches, dynamisches WebCAD

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

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

Moderne Web GIS-Clients als Vorbild für den GIP 2.0 WebClient

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Moderne Web GIS-Clients als Vorbild für den GIP 2.0 WebClient

Ähnlich wie Moderne Web GIS-Clients als Vorbild für den GIP 2.0 WebClient (20)

Moderne Web GIS-Clients als Vorbild für den GIP 2.0 WebClient

Hinweis der Redaktion