= 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 =|| {{{#!td {{{ #!html Name Beschriftung Ihr Browser kann kein SVG. }}} }}} {{{#!td 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) Name und Beschriftung sind optional. }}} |-------------------- {{{#!td {{{ #!html Ihr Browser kann kein SVG. }}} }}} {{{#!td Kontroll- / Dialogfluss }}} |-------------------- {{{#!td {{{ #!html Ihr Browser kann kein SVG. }}} }}} {{{#!td Verzweigung von Dialog- / Kontrollfluss }}} |-------------------- {{{#!td {{{ #!html [ Text ] Ihr Browser kann kein SVG. }}} }}} {{{#!td Ereignis / Zustand }}} |-------------------- {{{#!td {{{ #!html Text Ihr Browser kann kein SVG. }}} }}} {{{#!td Kommentar, kann an beliebige Elemente gesetzt werden }}} |-------------------- {{{#!td {{{ #!html 3 3 Ihr Browser kann kein SVG. }}} }}} {{{#!td Verbindung von Elementen des Storyboards in verschiedenen Darstellungen }}} Beispiel eines Storyboards für das Login einer Webanwendung:: {{{ #!html Login User Pwd OK [Login fail] [Login OK] Login prüfen Konto Willkommen... Ihr Browser kann kein SVG. }}} == Abstraktion und Konkretisierung mittels Schachtelung == // TODO