= 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
}}}
}}}
{{{#!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
}}}
}}}
{{{#!td
Kontroll- / Dialogfluss
}}}
|--------------------
{{{#!td
{{{
#!html
}}}
}}}
{{{#!td
Verzweigung von Dialog- / Kontrollfluss
}}}
|--------------------
{{{#!td
{{{
#!html
}}}
}}}
{{{#!td
Ereignis / Zustand
}}}
|--------------------
{{{#!td
{{{
#!html
}}}
}}}
{{{#!td
Kommentar, kann an beliebige Elemente gesetzt werden
}}}
|--------------------
{{{#!td
{{{
#!html
}}}
}}}
{{{#!td
Verbindung von Elementen des Storyboards in verschiedenen Darstellungen
}}}
Beispiel eines Storyboards für das Login einer Webanwendung::
{{{
#!html
}}}
== Abstraktion und Konkretisierung mittels Schachtelung ==
// TODO