Document ID: /fineweb-2-swissfilter-quality_10-filterrobots/filtered/03274.jsonl.gz/1328

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.
Giuseppe Loris Scandurra, 2018
Bachelor Thesis, Swisscom (Schweiz) AG
Betreuende Dozierende: Marc Schaaf
Keywords: JavaScript, Framework, Webapplikation, App, Vue, React, Angular, Dashboard, Webtechnologien, Web, Frontend
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)
Fachbereich der Arbeit: Wirtschaftsinformatik & IT-Management
Vertraulichkeit: vertraulich