wiki:vorlesung/storyboards

Version 2 (modified by tr, 7 years ago) (diff)

--

Oberflächenbeschreibung mit Storyboards

Storyboards sind eine einfach verständliche Möglichkeit, die wesentlichen funktionalen Elemente und Abläufe einer grafischen Benutzeroberfläche zu beschreiben.

Modellelemente

Storyboards bestehen im Wesentlichen aus den folgenden Elementen:

Element Verwendung
Name Ihr Browser kann kein SVG.

Anwendungsteil / Dialog / Control

Elemente dieser Art können ineinander geschachtelt werden, um Abstraktionen zu erreichen (Anwendungsteile enthalten Dialoge sowie deren Zusammenhänge und Dialoge enthalten Controls)

Ihr Browser kann kein SVG.

Kontroll- / Dialogfluss

Ihr Browser kann kein SVG.

Verzweigung von Dialog- / Kontrollfluss

[ Text ] Ihr Browser kann kein SVG.

Ereignis / Zustand

Text Ihr Browser kann kein SVG.

Kommentar, kann an beliebige Elemente gesetzt werden

3 3 Ihr Browser kann kein SVG.

Verbindung von Elementen des Storyboards in verschiedenen Darstellungen

Beispiel eines Storyboards für das Login einer Webanwendung
Login User Pwd OK [Login fail] [Login OK] Login prüfen Konto Willkommen... Ihr Browser kann kein SVG.

Abstraktion und Konkretisierung mittels Schachtelung

TODO