Mockup#

Ein Mockup ist eine grafische Darstellung eines Benutzeroberfläche. Es dient als Vorlage für die Entwicklung einer Software und bereits in der Planung auf Fehler deuten. Funktionalitäten und Designs können so bereits vor der Entwicklung getestet und visualisiert werden. Zu beachten ist, dass es nur ein Prototyp ist und die tatsächliche Umsetzung davon abweichen kann.

Die Mockups wurden mit Figma erstellt. Figma ist eine Webanwendung, die es ermöglicht, gemeinsam an einem Projekt zu arbeiten. Es ist kostenlos und auf allen Geräten benutzt werden. Die Mockups sind öffentlich und können hier eingesehen werden. Die Mockups sind in drei Bereiche unterteilt: Start, User und Admin. Der Startbereich ist die Startseite der Website, auf welcher die Anmeldung passiert. Der Userbereich ist die Seite, die der User sieht, wenn er sich angemeldet hat. Dort kann er seine Vorlagen herunterladen und Neue erstellen. Der Adminbereich ist die Seite, die nur die Administratoren sehen. Dort können sie die Anträge der User bestätigen oder ablehnen.

Wenn die Verbindungen der einzelnen Seiten eingesehen werden möchte, dann kann dies durch das Umstellen auf den Prototypen-Modus erreicht werden. Dieser Modus zeigt die Verbindungen zwischen den einzelnen Seiten an. Sie werden nur in diesem Modus angezeigt.

Falls die Mockups nicht angezeigt werden, dann kann dies hier eingesehen werden.
Die Illustrationen stammen von niceillustrations.com. Für die Icons wurden die Icons von Octicons verwendet.

Farben#

Als Farbpalette werden folgende vier Farben verwendet:

Verbindungen#