cardo 4 Technik Teil II René Neidt, IDU IT+Umwelt GmbH

Transkript

1 cardo 4 Technik Teil II René Neidt, IDU IT+Umwelt GmbH

2 Vor 24h

3 Vor 24h Erinnerung Benötigt wird technische Umgebung, die aus. Entwicklersicht: Perfekt in unsere Entwicklungsumgebung passt Nahezu fehlerfrei verwendet werden kann Vom einem dauerhaft verlässlichem Partner stammt (z.b. bzgl. Lizensierung, Kosten, Willen zur Weiterentwicklung etc.)!! Hohe Stabilität der vorhandenen Schnittstellen garantiert!!!! Es wurde eine intensive Evaluierung bestehender Frameworks auf diese Anforderungen durchgeführt Ergebnis: Machen wir es wieder wie Damals : Selber! Sie sind hier: Details zur Technik im 2. Vortrag!

4 Aufgabe 1 - Erstellen eines Frameworks Quelle: Wikipedia

5 Funktionen des Frameworks Bereitstellung von GUI Elementen Eingabefelder, Tabellen, Baumstrukturen, Schalter etc. Bereitstellung einer durchgängigen Client-Server Kommunikationsstruktur Ajax basiert, umfangreiche Unterstützung bei der Serialisierung (Geometrien, Dateien etc.) Bereitstellung von Programmschnittstellen Anwendungen, Komponenten, Widgets, etc

6 Funktionen des Frameworks Bereitstellung einer Ausführungsumgebung Fenstermanagement, Nachrichten, Anwendungsstarts, domänenspezifische Verwaltungskomponenten (z.b. verfügbare cardo Themen)

7 KISS Unser Framework: KISS Quelle: Wikipedia

8 KISS KISS ist vollständig in TypeScript implementiert! Wikipedia: TypeScript ist eine vom Unternehmen Microsoft entwickelte Programmiersprache, die auf den Vorschlägen zum zukünftigen ECMAScript- 6-Standard (JavaScript) basiert. Sprachkonstrukte von TypeScript, wie Klassen, Interfaces, Vererbung, Module, anonyme Funktionen, Generics und eine statische Typisierung sollen auch in ECMAScript 6 übernommen werden

9 KISS Darum lieben wir TypeScript

10

11 Beachte: Entwicklersicht, zum Zeitpunkt der Programmerstellung (!) Nicht die Nutzersicht, während der Ausführung (!)

12 KISS Alle Klassen, Schnittstellen sind streng (!) typisiert, vollständiger Verzicht auf any Datentypen Compiler-Fehler reduzieren die Laufzeitfehler auf ein Minimum Code ist faktisch selbstdokumentierend Dramatisch reduzierte Einarbeitungszeit Deutliche Steigerung der Effizienz Deutliche Steigerung der Qualität

13 KISS KISS setzt weitestgehend auf ECMAScript 6 ECMAScript 2015 (6th Edition) is the current version of the ECMAScript Language Specification standard. Auf gut Deutsch: ECMAScript 6 ist bzw. wird die aktuelle Sprachversion von JavaScript in allen neuen (!!) Browsern. Aktuell fehlende Features werden durch TypeScript ergänzt

14 KISS Keine Rücksicht auf alte Browserversionen Verzicht auf Kompatibilitäts-Skripte bringt deutliche Codereduktion Nutzung neuer APIs, z.b. für Dateiupload Teilweise deutlich bessere Performance (z.b. durch die Datentypen Map/Set) => Browser-Mindestanforderung: IE

15 KISS KISS verwendet für Layouts ausschließlich CSS Vor allem Flexbox-Layouts: Flexbox ist eine sehr moderne und einfache Möglichkeit, responsive und flexible Layouts zu erstellen, ohne feste Größenangaben und weitere CSS- Einstellungen wie position, float oder clear nutzen zu müssen. Dabei kann nicht nur die Größendarstellung, sondern auch die Reihenfolge der Elemente unabhängig vom HTML-Code durch CSS festgelegt werden. Quelle:

16 KISS Keine Rücksicht auf alte Browserversionen Deutlich performanter als JavaScript-Layouts Deutliche Codereduktion => Browser-Mindestanforderung: IE

17 Aufgabe 2 Integration in die Entwicklungsumgebung

18 DEV Entwicklungsumgebung: Visual Studio 2015 Durch TypeScript Support sehr viel Komfort gewonnen Anpassung der Code-Generierung an unseren Deploy Mechanismus Problem Client-Server Kommunikation

19 DEV Bereitstellung einer Visual Studio Erweiterung Weitere Optionen bezüglich TypeScript Generierung von TypeScript Code aus serverseitig erstellten Typen und Methoden Bereitstellung angepasster Serializer für bestimmte Typen Z.B. Geometrien, Dateien, Bekannte Typen, Dictionarys etc

20 DEV

21

22

23 Aufgabe 3 Rüsten für aktuelle und zukünftige Anforderungen bezüglich Geodatenbearbeitung und -anzeige

24 MAP Kartenkomponente, Basis: OpenLayers 3 Stabile API Starke Community, langfristig positive Entwicklung absehbar Implementierung von Iwan-Ebenen als ImageSource Sehr gutes Vektor-Rendering, potentiell Möglichkeiten zur 3D Darstellung Transformation über IDU Komponenten (NAD Grid etc.)

25 Aufgabe 4 Konzept für den Umgang mit den Inhalten

26 KONZEPT Wie erreichen wir besseren Umgang mit den im System gehaltenen Gegenständen? Gegenstände..? Ordner (aus administrativem Baum) Ebenen (aus administrativem Baum) Eigene Ebenen Tabellen Anwendungen Module, z.b. cardo.button

27 KONZEPT Die Anzahl unterschiedlicher Gegenstände sind begrenzt. Die damit möglichen Aktionen nicht. Beispiel: Gegenstand Tabellendaten Daten anzeigen Daten bearbeiten Evtl. in Karte anzeigen (wenn Geometrie vorhanden) Beschreibung anzeigen Beschreibung bearbeiten

28 KONZEPT Art des Gegenstands = Bekannter Typ

29 KONZEPT Gegenstück: Schnittstellen für Anwendungen, die mit bekannten Typen umgehen können: Laufzeitumgebung Initiiert Aufruf der Anwendung mit Parametern Ähnlich wie bisher mit Selektionen, jetzt konsequent für alle Typen!

30 KONZEPT Vorteil Bekannter Typen aus Sicht des Systems Sind persistierbar Sitzungszustand, damit Grundlage für Projekte Nutzung kann verfolgt werden Favoriten Können produziert und weiterverwendet werden Beispiel: das Upload-Modul, produziert eine Geodatenquelle, der GisViewer als Konsument steht zur Verfügung (und der Export und die Recherche )

31 Aufgabe 5 Koexistenz mit bestehendem Backend

32 Ihre Installation Zusammenspiel mit dem cardo3 Backend Kurzum: cardo4 trifft sich mit cardo3 auf der Datenbank (und an Iwan) 100% Nachnutzung aller Einstellungen Kein neues Managementcenter Neuprogrammierung bestimmter serverseitiger Komponenten erforderlich

33 Ihre Installation Cardo4 aus Sicht des Webservers Eigenes Web, völlig getrennt von cardo3 Keine Verwendung von Sitzungsstatus, Anwendung potentiell (last)verteilbar.net pur (und etwas native C++) alle Komponenten liegen in 64Bit Versionen vor Reduktion auf nur vier IIS Handler

34 Ihre Installation

35 Ihre Installation

36 Bald Toller Mechanismus zur Fensteranordnung Mein cardo ausbauen zum Speicher für Alles (Sketch, Abfragen etc.) Funktionen zum Teilen von Projekten für Benutzerkreise Ausbau der Recherchefunktionen

37 Fazit Wir haben viel geschafft! Wir haben noch viel vor! Es wird richtig gut! Es hält wieder 10 Jahre!