mirror of
https://github.com/st-tu-dresden-praktikum/swt23w23
synced 2024-07-19 21:04:36 +02:00
Add GUI prototype
Co-authored-by: Mathis Kral <mathis_tiberius.kral@mailbox.tu-dresden.de>
This commit is contained in:
parent
79e7ac3ea4
commit
a1dac54060
|
@ -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.
|
||||||
|
|
Loading…
Reference in a new issue