Update Ziel des Projektes

Marcel Schwarz 2021-01-26 16:17:59 +00:00
parent b6e6b857d8
commit 8625d003ab

@ -6,20 +6,20 @@ Hauptbestandteil der Webapplikation ist eine Map, welche folgende Informationen
* Verfügbarkeit von Fahrrädern in jeder Station als Heatmap
* geografische Lage eines Unfalls mit Fahrradbeteiligung für das Jahr 2019 gekennzeichnet als Marker mit farblicher Abstufung nach Schwere
Jede Information wird über ein Layer auf die Map aufgeschaltet. Dem Nutzer steht hierfür ein Menü zur Verfügung, um beliebig zwischen den Layern hin und herzuschalten.
Jede Information wird über einen Layer auf die Map aufgeschaltet. Dem Nutzer steht hierfür ein Menü zur Verfügung, um beliebig zwischen den Layern zu wechseln.
<div align="center">
<img src="uploads/1a542512c75649ab2d374374f80c62d6/layercontrol.png"/>
</div>
Neben dem allgemeinen Informationsgewinn, wann und wo eine Bikesharing Station Fahrräder verfügbar hat, soll der Nutzer die Möglichkeit einer ausführlicheren Analyse bekommen. Dies kann der User mit einem Mausklick auf einen Marker realisieren.
Es öffnet sich ein Pop-up, in welchem man ein Chart über die Verfügbarkeit von Fahrrädern in der gerade ausgewählten Station erhält.
Neben dem allgemeinen Informationsgewinn, wann und wo eine Bikesharing Station Fahrräder verfügbar hat, soll der Nutzer die Möglichkeit einer ausführlicheren Analyse bekommen. Dies kann er mit einem Mausklick auf einen Marker.
Es öffnet sich ein Pop-up, in welchem ein Balkendiagramm über die Verfügbarkeit von Fahrrädern in der gerade ausgewählten Station Auskunft gibt.
<div align="center">
<img src="uploads/fc5dd63498138268556f1a6350cf06d2/pop-up.png"/>
</div>
Des Weiteren befindet sich in dem Pop-up ein Button mit dem man dann schließlich auf das Dashboard gelangt.
Des Weiteren befindet sich in dem Pop-up ein Button, mit dem man auf das Dashboard gelangt.
Wir gehen zu einem späteren Zeitpunkt detailliert auf das Dashboard ein, aber folgende Visualisierungen wurden umgesetzt:
@ -36,14 +36,14 @@ Auf dem Dashboard passen sich die Visualisierungen der gewählten Zeitspanne an.
</div>
## Aufgabenstellung allgemein
Nach unserer Problembeschreibung aus unserem [Projektplan](projektarbeit-3/projektplan) kristallisiert sich ein wichtiger Punkt für unsere Applikation:
Nach unserer Problembeschreibung aus unserem [Projektplan](projektarbeit-3/projektplan) kristallisiert sich ein wichtiger Punkt für unsere Applikation heraus:
Die Echtzeitanalyse der Daten aus der London Traveler API muss gewährleistet sein. Nur so können wir dem Projektziel gerecht werden, sodass sowohl Einheimische als auch Touristen einen Nutzen aus der Verwendung unserer Webapplikation ziehen können.
Aus dieser Anforderung ergab sich der Grundstein unserer Herangehensweise. Denn wir mussten erst eine tiefe und ausführliche Analyse des OpenApi-Datensatzes durchführen, um zu garantieren, dass wir im Frontend Daten in Echtzeit beziehen und anzeigen lassen können. Eine Konvertierung der Daten auf unsere Bedürfnisse haben wir anfangs nicht ausgeschlossen, sondern sahen dies eher als wahrscheinlich an. Nach ausführlicher Analyse wurden die OpenApi-Daten auf unser eigen konzipiertes Datenmodell gemappt und darauf aufbauend ein eigenes Backend entwickelt, welches die gemappten Daten zur Verfügung stellt. Die API-Spezifikation für unser Backend ist unter folgendem Link verfügbar: [London Bikestations Dashboard API Dokumentation](https://it-schwarz.net/api/docs)
Aus dieser Anforderung ergab sich der Grundstein unserer Herangehensweise. Denn wir mussten erst eine tiefe und ausführliche Analyse des OpenApi-Datensatzes durchführen, um zu garantieren, dass wir im Frontend Daten in Echtzeit beziehen und anzeigen lassen können. Eine Konvertierung der Daten auf unsere Bedürfnisse haben wir anfangs nicht ausgeschlossen, sondern sahen dies eher als wahrscheinlich an. Nach ausführlicher Analyse wurden die OpenApi-Daten auf unser eigen konzipiertes Datenmodell portiert und darauf aufbauend ein eigenes Backend entwickelt, welches den neuen Datensatz zur Verfügung stellt. Die API-Spezifikation für unser Backend ist unter folgendem Link verfügbar: [London Bikestations Dashboard API Dokumentation](https://it-schwarz.net/api/docs)
Der Ansatz im Frontend konnte in mehrere Teilbereiche untergliedert werden.
Der Ansatz im Frontend konnte daraufhin in mehrere Teilbereiche untergliedert werden.
* Dynamische Anzeige und Generierung von Leaflet-Komponenten
* Visualisierung der einzelnen Bereiche im Dashboard (Charts, Map und Input des Users)