Win Web UI Toolkit, welches für alle Web Enticklern als freies Repository zu Verfügung steht.
Toolkit, Web, HTML, CSS, JavaScript (ES6), Projector Pattern, W3C Standards, Open Source
Das Ziel der Arbeit ist der Aufbau eines hochwertigen, unabhängigen, Open-Source Web UI Toolkits, das allen Web-Entwicklern als freies Repository zu Verfügung steht. Die enthaltenen Komponenten sollen höchsten Ansprüchen genügen, sowohl was die Gestaltung und die Usability angeht. Ebenfalls wird die innere Strukturierung, die Testbarkeit, die Haltbarkeit, die Konsistenz sowie eine verständliche Dokumentation forciert, damit das Toolkit erweitert werden kann.
Für das Entwickeln von hochwertigen Applikationen benötigt es spezialisierte Komponente, welche unabhängig von den eingesetzten Frameworks (React, Vue.js, etc) in einer Applikation eingesetzt werden können. Unser Toolkit soll eine weitreichende Variation an Komponenten in verschiedenen Domänen bereitstellen, so dass eine Benutzeroberfläche einfach und kostengünstig angefertigt werden kann. Viele bestehende Frameworks und Bibliotheken bergen bestimmte Risiken, da sie mit vielen Abhängigkeiten verknüpft sind oder dem Entwickler zu wenig Freiheit anbieten.
Zwei Komponente, Login und Registrierung, die als Basis für die Erweiterung des Toolkits dienen wurden von uns erstellt und getestet. Die Komponenten wurden mit einem neu entworfenem Pattern realisiert, welches die Robustheit, Modularität und Austauschbarkeit der Komponenten extrem vereinfachen und verbessern. Das Pattern heisst Projector Pattern und wurde ursprünglich vom Dozenten für Web Engineering, Prof. Dierk König, konzipiert. Mit einem selbst erstelltem Test Framework, die grosse Ähnlichkeiten mit dem bereits weit verbreitetem Test Framework Jest hat, haben wir unsere Komponente getestet und kann für neue Komponente verwendet werden. Für die Verbeitung unseres Repository wird der CDN (Content Delivery Network) als Verbreitungsmethode verwendet, als auch unser Repository als Open-Source freigestellt. Für weitere Komponente haben wir einen Styleguide erstellt, die als Richtlinie für zukünftige Studierenden dienen.
Prof. Dierk König, dierk.könig@fhnw.ch
Fabian Affolter, fabian.affolter@fhnw.ch
Dusan Misic
Fabian Häfliger
Prof. Dierk König, dierk.könig@fhnw.ch
Fabian Affolter, fabian.affolter@fhnw.ch
