Dashboard Architektur
Die Wahl eines geeigneten Frameworks zur Entwicklung von Webapplikationen kann das Endprodukt stark prägen. Daher ist eine initiale Evaluation des geeigneten Frameworks essentiell für die Zukunft des Endproduktes. Diese Arbeit befasst sich mit der Evaluation der drei Frontend Frameworks/Libraries Angular, React und Vue.
Scandurra, Giuseppe Loris, 2018
Art der Arbeit Bachelor Thesis
Auftraggebende Swisscom (Schweiz) AG
Betreuende Dozierende Schaaf, Marc
Views: 13
Als Technologie-Partner entwickelt und wartet Swisscom eine Software im Kreditrisiko Bereich für eine Kooperation von Kantonalbanken. Banken verwenden diese Software um die Kreditrisiken ihrer Kunden einschätzen zu können. Zukünftig soll eine Software die Kunden zusätzlich anhand von Frühwarnindikatoren überwachen. Diese sollen in einem Monitoring Dashboard abgebildet werden. Das Dashboard soll als Webapplikation den Banken zur Verfügung stehen. Die Swisscom wollte ein geeignetes Framework/Library evaluieren, um diesen Use Case abdecken zu können. Evaluiert wurden die drei Frameworks/Libraries Angular, React und Vue.
Zuerst wurde eine Literaturrecherche vorgenommen um die drei zu evaluierenden Frameworks/Libraries besser zu verstehen. Danach wurde ein Kriterienkatalog erstellt, der mit dem Auftraggeber abgestimmt wurde. Die Kriterien im Kriterienkatalog wurden dabei vom Auftraggeber nach Wichtigkeit gewichtet, um eine aussagekräftigere Evaluation zu ermöglichen. Anschliessend wurde mit dem besten Framework der Evaluation ein Proof of Concept (POC) erstellt. Der POC wurde vor der Umsetzung als Mockup modelliert, um den groben Funktionsumfang und das Layout mit dem Kunden abstimmen zu können.
Diese Arbeit soll eine Entscheidungsgrundlage für die Swisscom bilden, um ein geeignetes Framework für ihren Use Case zu finden.
Aus den drei Frameworks/Libraries Angular, React und Vue geht Vue als Sieger hervor. Vue konnte durch eine gute Dokumentation, einer steilen Lernkurve, einer sehr einfachen und flexiblen Formularvalidierung und durch eine hervorragende Implementation des Statemanagement überzeugen.
Der POC wurde in Vue umgesetzt und umfasst folgende Funktionalitäten:
- Darstellung von Warnungen im Tabellenformat
- Warnungen werden von einem Webservice bereitgestellt und abgerufen
- Suchfunktion
- Filterfunktion
- Mehrsprachigkeit (Deutsch und Englisch)
Studiengang: Wirtschaftsinformatik (Bachelor)
Keywords JavaScript, Framework, Webapplikation, App, Vue, React, Angular, Dashboard, Webtechnologien, Web, Frontend
Vertraulichkeit: vertraulich