|
|
@@ -259,7 +259,7 @@ Wir habe für jeden Menüpunkt eine HTML-Seite erstellt, welche im Unterpunkt ge |
|
|
|
|
|
|
|
Bei der Gestaltung von Weboberflächen verwendet man in der Regel ein CSS-Framework. Im ersten Projektabschnitt haben wir uns für das Framework Bootstrap entschieden, \mbox{das} eine Umsetzung entsprechend der Material Design Richtlinien ermöglicht. Es stellt auch JavaScript-Erweiterungen, wie z.B. Modale, |
|
|
|
bereit, welche allerdings nicht konkret auf das, in der App verwendete, JavaScript-Framework Vue.js abgestimmt sind. Deswegen \mbox{entschieden} wir uns ein alternatives, konkret für Vue.js konzipierte, Css-Framework zu verwenden. Der Vorteil darin besteht, dass es neben vordefinierten Styles ebenfalls Oberflächen Komponenten für Vue bereitstellt. |
|
|
|
Die Wahl fiel auf Buefy, das auf dem Framework Bulma \mbox{basiert}.([1])\\ |
|
|
|
Die Wahl fiel auf Buefy, das auf dem Framework Bulma \mbox{basiert}.\\ |
|
|
|
|
|
|
|
Die Einbindung von Buefy erforderte zunächst eine Anpassung aller bereits bestehenden Komponenten, da Bootstrap und Buefy zum Teil gleiche Klassennamen verwenden und somit nicht zusammen genutzt werden können. In diesem Zug habe wir uns von Material-Design losgelöst und dessen Richtlinien in der Gestaltung nur noch zum Teil berücksichtigt. |
|
|
|
In den weiteren Gliederungspunkten werden einige Komponenten von Buefy näher \mbox{erläutert}. |