Add GUI prototype

Co-authored-by: Mathis Kral <mathis_tiberius.kral@mailbox.tu-dresden.de>
This commit is contained in:
Erik Hohlfeld 2023-10-25 15:00:07 +02:00 committed by Simon Bruder
parent 79e7ac3ea4
commit a1dac54060
Signed by: simon
GPG key ID: 8D3C82F9F309F8EC

View file

@ -1023,9 +1023,36 @@ Achten Sie darauf, dass deren Erfüllung (mindestens theoretisch) messbar sein m
== GUI Prototyp == GUI Prototyp
In diesem Kapitel soll ein Entwurf der Navigationsmöglichkeiten und Dialoge des Systems erstellt werden. === Überblick: Dialoglandkarte
Idealerweise entsteht auch ein grafischer Prototyp, welcher dem Kunden zeigt, wie sein System visuell umgesetzt werden soll. Erstellen Sie ein Übersichtsdiagramm, das das Zusammenspiel Ihrer Masken zur Laufzeit darstellt. Also mit welchen Aktionen zwischen den Masken navigiert wird.
Konkrete Absprachen - beispielsweise ob der grafische Prototyp oder die Dialoglandkarte höhere Priorität hat - sind mit dem Kunden zu treffen. //Die nachfolgende Abbildung zeigt eine an die Pinnwand gezeichnete Dialoglandkarte. Ihre Karte sollte zusätzlich die Buttons/Funktionen darstellen, mit deren Hilfe Sie zwischen den Masken navigieren.
=== Dialogbeschreibung
Für jeden Dialog:
1. Kurze textuelle Dialogbeschreibung eingefügt: Was soll der jeweilige Dialog? Was kann man damit tun? Überblick?
2. Maskenentwürfe (Screenshot, Mockup)
3. Maskenelemente (Ein/Ausgabefelder, Aktionen wie Buttons, Listen, …)
4. Evtl. Maskendetails, spezielle Widgets
=== Umsetzung
Die folgenden Bilder sollen zeigen, wie die Software aussehen soll.
[small]_(Bilder folgen später, vorerst nur Beschreibung)_
Software soll enthalten:
- Login-Seite als Startseite
- Navigationsbereich (Optionen erst sichtbar nach Login)
* Terminverwaltung - in Kalenderform, editierbare Einträge
* Kundenverwaltung - tabellarisch, Löschfunktion, Umbenennungsfunktion
* Mitarbeiterverwaltung - tabellarisch, Löschfunktion, Umbenennungsfunktion, Rollenverwaltung
* Lager - Produktname, Produktbild, Menge, Preis
- Eventplanungsseite - evtl. Drop-down-Menüs für Eventtypauswahl und eventspezifische Eingabefelder
- Kann: Produktseite - Produktname, Produktbeschreibung, Preis, Bilder
[small]_Notiz: Überschüssige Zeit könnte in Design investiert werden._
=== Überblick: Dialoglandkarte === Überblick: Dialoglandkarte
Erstellen Sie ein Übersichtsdiagramm, das das Zusammenspiel Ihrer Masken zur Laufzeit darstellt. Also mit welchen Aktionen zwischen den Masken navigiert wird. Erstellen Sie ein Übersichtsdiagramm, das das Zusammenspiel Ihrer Masken zur Laufzeit darstellt. Also mit welchen Aktionen zwischen den Masken navigiert wird.