Projektgruppe Business Intelligence Applications and Evaluation ...

Projektgruppe Cuberunner
Jinengo – DV Konzept
Charts
Für das Zeichnen der Charts wird sich für den SVG-Standard entschieden. Mit Hilfe der JavaScript-
Bibliothek „Highcharts“ 17 und selbst entwickelten Modulen sollen die Charts in dem Grafikformat
SVG live im Browser gezeichnet werden.
Navigationsmenü
Das Navigationsmenü soll gemäß den Anforderungen in HTML und CSS gestaltet werden. Dabei wird
versucht auf Grafiken verzichten und das Menü weitestgehend mit modernen CSS3 Techniken zu gestalten,
um die Performance der Anwendung zu verbessern. Das Untermenü soll sich dabei bei Mouse-
Over öffnen und animiert auffahren. Sobald eine Chart-Variante gewählt wird, soll der entsprechende
Chart gezeichnet und das Untermenü wieder geschlossen werden.
JavaScript-Anwendung
Zur besseren Übersicht wir der Aufbau der JavaScript-Anwendung in Abbildung 4.3 dargestellt. Die
grau eingefärbten Module entsprechen JavaScript-Klassen.
Abbildung 4.3: Sequenzdiagramm Reporting-Frontend
Zu Beginn erfragt das Hauptmodul Anwender- und Freundesdaten vom Webservice und nutzt diese,
um die Webseite mit der Freundesliste und einem individuellen Begrüßungstext zu initialisieren.
Die Interaktion zwischen Nutzer und Anwendung wird ebenfalls über das Hauptmodul realisiert. Es
erstellt Event-Listener, welche in der Lage sind auf Klick-Ereignisse des Nutzers zu reagieren. Jedem
17 Für weitere Informationen siehe: http://www.highcharts.com
103