Projektgruppe Business Intelligence Applications and Evaluation ...

Projektgruppe Cuberunner
Jinengo - Dokumentation
tete grüne Linie den kleinsten möglichen Wert, wenn sie also immer das Verkehrsmittel mit der geringsten
Emission gewählt hätte. Man erkennt deutlich, dass sich ihre Kurve fast immer am oberen
roten Rand befindet, sie also relativ viel CO2 im Vergleich zu ihren möglichen Alternativrouten verbraucht.
Die rechte Grafik fasst die Bilanz noch einmal kompakt in Form eines animierten Nachhaltigkeitstachos
zusammen. Dieser zeigt, dass Becca nur gut 25 Prozent ihres Einsparpotentials nutzt und
sie sich daher noch deutlich nachhaltiger fortbewegen könnte.
Sollte der Nutzer genügend Information über sein Fahrverhalten gesammelt haben, kann er sich über
den oberen rechten „Abmelden“-Button wieder aus der Anwendung ausloggen.
1.6.2 Verwendete Technologien
Bei den verwendeten Technologien für die Weboberfläche wurden ausschließlich die drei Webstandards
JavaScript, HTML und CSS verwendet. Die Charts werden zudem, im vom W3C empfohlenen
SVG Format, live im Browser gezeichnet.
Hervorzuheben ist, dass durch den Einsatz dieser Technologien alle grafischen Elemente der Weboberfläche,
also Navigation und Chart vollständig ohne Bilder auskommen. Dies verbessert nicht nur
die Ladezeiten, sondern sorgt auch dafür, dass die Charts auf hochauflösenden Retina-Displays stets
scharf und in optimaler Auflösung dargestellt werden.
Das animiert aus- und einklappende Navigationsmenüs, sowie die Farbverläufe der Buttons wurden
ausschließlich mit CSS3 realisiert und entsprechen den neuesten Standards der Webentwicklung.
Aufbau der JavaScript Anwendung
Ein Großteil der Anwendung basiert auf JavaScript. Während HTML nur ein grobes Gerüst für den
Aufbau vorgibt, wird der weitere Inhalt dynamisch über JavaScript geladen. Dabei steuert JavaScript
unter anderem die Menüinteraktion, das Laden der Nutzer- und Kennzahlendaten und sowie das
Zeichnen der Charts. Die Anwendung wird hierfür in drei Module unterteilt. Diese Dreiteilung sorgt
für eine Trennung von Logik, Datenmanagement und Zeichnung der Charts.
Großgeschriebene JavaScript Dateien entsprechen Klassen. Für unterschiedliche Aufgaben existieren
verschiedene Klassen die von einer zentralen „logic.js“ Datei durch „new Klassenname“ instanziiert
werden. Die Verwendung von Klassen ermöglicht es Techniken der objektorientierten Programmierung
auf JavaScript zu übertragen. Hierdurch wird unter anderem eine Modularisierung ermöglicht,
die den Austausch- und die Wiederverwendung einzelner Anwendungskomponenten erleichtert.
149