Das Kolibri Web Ui Toolkit ist eine Sammlung von nachhaltig und hochwertig programmierten Abstraktionen in JavaScript. In diesem Projekt wurde das Toolkit mit einer einigen nützlichen Auswahlkomponente ergänzt.
Ziel der Arbeit ist die Gestaltung und Umsetzung einer Komponente, die eine Auswahl aus mehreren, vorgegebenen Auswahlmöglichkeiten ansprechend und effizient ermöglicht. Dabei ist auf Einhaltung der Qualitätsvorgaben für Kolibri Komponenten zu achten: Synchronisation von Gestaltung und Umsetzung, Einbindung in das Kolibri Design System, Visuelles und Interaktionsdesign, Validierung des Design durch Benutzertests, automatisierte Umsetzungstests, Anbindung and die Kolibri Modelle und Projektoren, Usability Tests für die Developer Experience, Beweis der Nützlichkeit in einer Demo Applikation.
Die FHNW betreibt das Web UI Toolkit Kolibri, das die Errungenschaften aus den Web Aktivitäten der Hochschule für Technik der Wirtschaft zur Verfügung stellt. In dem Toolkit sind unter anderem standardisierte Komponenten für Benutzerinteraktionen verfügbar. Es sind aber noch nicht alle Interaktionsmöglichkeiten abgedeckt. Diese gilt es zu vervollständigen.
Die Entwicklung der Dropdown-Auswahlkomponente im Kolibri Web UI Toolkit adressiert die Herausforderungen bei der Auswahl aus umfangreichen Listen. Die Komponente integriert sich in das bestehende Designsystem und berücksichtigt dabei Aspekte der Benutzerfreundlichkeit und technischen Effizienz. Prototyping-Methoden wie Lo-Fi, Papier und Hi-Fi unterstützen die iterative Entwicklung und fördern eine benutzerzentrierte Gestaltung. Die Implementierung nutzt moderne Webtechnologien und folgt einem modularen Ansatz, um Wiederverwendbarkeit und Wartbarkeit zu gewährleisten. User-Tests tragen zur Bewertung und Optimierung der Bedienbarkeit und Funktionalität bei.
Weiter Informationen sind in unserer Gitbook Dokumentation zu finden.
| Projekttyp: | Informatik Projekt 5 (IP5) |
| Projektdauer: | 11.09.2023 bis 19.01.2024 |
| Teamgrösse: | 2 Personen |
| Aufwand: | 180h pro Person |
University of Applied Sciences and Arts Northwestern Switzerland
Institute of Mobile and Distributed Systems
Prof. Dierk König
dierk.koenig@fhnw.ch
Fabian Affolter
fabian.affolter@fhnw.ch
Lea Burki - lea.burki@students.fhnw.ch
Ramona Marti - ramona.marti@students.fhnw.ch
Prof. Dierk König -
dierk.koenig@fhnw.ch
Fabian Affolter - fabian.affolter@fhnw.ch
