In diesem Projekt haben wir eine Library für Geschäftsdiagramme mit grossen Datenmengen aufgebaut. Dies unter der Verwendung vom Framework Compose for Desktop und folglich der Programmiersprache Kotlin. Das Zielpublikum dieser Library sind einerseits Kotlin- und Compose-Programmierer, die diese Library in ihren Anwendungen verwenden, andererseits Sachbearbeiter, die das Produkt der Library nutzen: die Diagramme, die die Programmierer in ihre Anwendungen integrieren.
Diagramme, Charts, Kotlin, Compose For Desktop, UI-Design, UI-Engineering
Ziel dieses Projektes war die Entwicklung einer Chart-Library (Bibliothek für Diagramme) für Compose for Desktop, die einige der gängigen Business-Charts anbietet, die Entwicklung neuer Chart-Typen erleichtert und leicht in eine Compose Workbench integriert werden kann. Der Fokus liegt auf Charts zur Visualisierung und Analyse grosser Datenmengen und Zeitreihen.
Datenvisualisierung ist heutzutage ein wichtiger Bestandteil jeder grösseren Geschäftsanwendung. Durch die Analyse grosser Datensätze, eine wichtige Aufgabe von Sachbearbeitern, gewinnen Unternehmen wertvolle Erkenntnisse und damit einen Vorteil in einem bestimmten Bereich ihrer Arbeit. Diese Unternehmen verwenden selten Standard-Charts wie Torten- oder Balkendiagramme. Stattdessen sind hochspezifische Geschäfts-Charts mit grossen Datenmengen die Norm. Solche Charts sind leistungsfähig, dynamisch und hochinteraktiv und ermöglichen die Erkundung von Daten. Damit werden Geschäfts-Charts zu wertvollen grafischen Analysewerkzeugen für diese Unternehmen.
Entstanden ist eine Library, mit welcher Programmierer XYCharts erstellen können. Ein XYChart ist ein Chart, das um zwei Achsen herum aufgebaut ist. Im Einzelnen besteht es aus folgenden Komponenten: einer x- und einer y-Achse, einem Raster, einer Datenreihe für jeden anzuzeigenden Datensatz sowie einem oder mehreren Datenpunkten pro Datensatz. Das XYChart wird mit einem Einstellungs-Panel auf der rechten Seite und dem eigentlichen Chart auf der linken Seite angezeigt. Das XYChart ist vollständig anpassbar und erlaubt dem Programmierer zu entscheiden, wie genau es in der Benutzeroberfläche angezeigt werden soll. Das Chart selbst und jedes Chart-Element bieten eigene Einstellungen, die der Programmierer bei der Erstellung eines XYChart nach seinen Wünschen anpassen kann.
Einmal angezeigt, bietet das XYChart verschiedene Interaktionsmöglichkeiten in der Benutzeroberfläche für die Sachbearbeiter. Über das Einstellungs-Panel können sie Datenreihen ausblenden, zwischen den Datenreihentypen "Scatter" und "Linear" wechseln sowie den Minimal- und Maximalwert der x- und y-Achse des Chart verändern. Ausserdem können sie über einen Tooltip weitere Informationen zu einem Datenpunkt erhalten, indem sie den Mauszeiger über den Datenpunkt im Chart bewegen.
Aufgrund ihres modularen Aufbaus bildet die Library derzeit eine solide Basis, um das XYChart um weitere Funktionen und Interaktionen zu erweitern oder in der Zukunft neue Chart-Typen zu implementieren. Die XYChart-Chart-Elemente können auch weiter standardisiert werden, so dass sie in neu implementierten Chart-Typen wiederverwendet werden können.
| Projekttyp | Informatik Projekt 5 |
| Projektdauer | 19. September 2022 - 20. Januar 2023 |
| Aufwand in Personenstunden | 180 |
| Teamgrösse | 2 Personen |
Fachhochschule Nordwestschweiz Hochschule für Technik Bahnhofstrasse 6 5210 Windisch Institut für Mobile und Verteilte Systeme Dr. Dieter Holz
Alison Fersch, 7iC Dinah Bolli, 7iC
Dr. Dieter Holz, dieter.holz@fhnw.ch
Prof. Dierk König, dierk.koenig@fhnw.ch
