In dieser Arbeit präsentieren wir eine Lösung für die Herausforderungen bei der Entwicklung von attraktiven und anpassbaren Webapplikationen. Unser Adaptive Grid ermöglicht die automatische Generierung eines User-Interfaces, das sich während der Laufzeit an die Anforderungen des Benutzers und des Systems anpasst. Wir untersuchen die Anwendung von Adaptive UI-Prinzipien, um die Usability im automatisch generierten Frontend von Enablerr, einer revolutionären Business Solution, zu verbessern. Unsere Forschungsfragen beziehen sich auf die Auswahl von existierenden Konzepten und Technologien, die Anwendung von Neuanordnungsregeln und die Behandlung von Fehlerfällen in unserer Lösung. Unser Adaptive Grid bietet ein solides und skalierbares Fundament, das ein grosses Potenzial für Ausbau- und Erweiterungsmöglichkeiten aufweist und sich in einem bisher unerforschten Bereich bewegt.
Adaptives UI, Webdesign
Unser Ziel ist es ein System zu entwickeln, welches bei der automatischen Generation von Elementen im Frontend das UI stetig Usability freundlich konfiguriert. Während des erarbeiten des Konzeptes möchten wir untersuchen, welche Adaptive UI-Prinzipien uns in diesem Projekt unterstützen können.
Durch unsere Recherche mussten wir feststellen, dass Arbeiten über Adaptive UI existieren, sich jedoch mehr auf Benutzer- und Systemkontext fokussieren. Unser Projekt fokussiert sich mehr auf eine ansprechende Layout-Generierung. Des Weiteren durften wir unser Adaptive Grid evaluieren an einer in Entwicklung stehender ERP-Software namens Enablerr. Hier wird zurzeit für das Dashboard Svelte-Grid verwendet.
Während unserer Recherche haben wir festgestellt, dass die meisten Arbeiten zu Adaptive-UI sich hauptsächlich mit der Verarbeitung von Benutzer- und Systemkontext beschäftigen. Es existieren jedoch nur wenige Informationen und Arbeiten zur spezifischen Generierung von Layouts und UI-Komponenten im Zusammenhang mit Adaptive UI. Unser Adaptive Grid füllt diese Lücke und bietet die Möglichkeit, ein zur Laufzeit interaktives Gridsystem zu generieren. Das Konzept wurde erfolgreich umgesetzt und durch Ergänzungen verbessert. Unser Produkt ist skalierbar und performant, da jeder Benutzer und Entwickler es durch den Einsatz von Rulesets erweitern kann. Nach Durchführung von Evaluierungen haben wir positive Rückmeldungen erhalten. Es ist jedoch wichtig zu erwähnen, dass wir eine Reevaluierung des Adaptive Grids im Use-Case des Enabler vorschlagen, wenn mehr Komponenten im Dashboard vorhanden sind. Das Adaptive Grid bietet ein solides Fundament und Grundgerüst, das eine Vielzahl von Anforderungen abdeckt. Unser npm-Paket wurde bereits veröffentlicht und hat in der ersten Woche über 200 Downloads erhalten. Insbesondere ist das Potential, die Ausbaumöglichkeiten und die Einsatzmöglichkeiten von Adaptive Grid interessant.
| Projekttyp: | Informatik Projekt 5 (IP5) |
| Projektdauer: | 19.09.2022 - 20.01.2023 |
| Teamgrösse: | 2 Personen |
| Aufwand: | 180 Stunden |
FHNW Hochschule für Technik
Institut für Interaktive Technologien
Norbert Seyff
norbert.seyff@fhnw.ch
FHNW Hochschule für Technik
Institut für Interaktive Technologien
Nitish Patkar
nitish.patkar@fhnw.ch
Adhurim Gervalla - adhurim.gervalla@students.fhnw.ch
Julian Frey - julian.frey@students.fhnw.ch
Norbert Seyff - norbert.seyff@fhnw.ch
Nitish Patkar - nitish.patkar@fhnw.ch
