... | ... | @@ -3,7 +3,7 @@ |
|
|
|
|
|
# Screen-Design Grundideen (Mockup) *(MS)*
|
|
|
|
|
|
Die erste und wichtigste Pahse der Softwareentwicklung ist die Anforderungsanalyse. In dieser sollen möglichst alle Wünsche und Vorstellungen des Kunden erfasst werden, denn desto später sich diese bemerkbar machen, desto umständlicher (zeitlich/preislich) ist es diese umzusetzen. Durch die schon erfassten User Stories, ergibt sich eine deutliche Vorstellung und Anfordeurngen an das System.
|
|
|
Die erste und wichtigste Pahse der Softwareentwicklung ist die Anforderungsanalyse. In dieser sollen möglichst alle Wünsche und Vorstellungen des Kunden erfasst werden, denn desto später sich diese bemerkbar machen, desto umständlicher (zeitlich/preislich) ist es, diese umzusetzen. Durch die schon erfassten User Stories, ergibt sich eine deutliche Vorstellung und Anfordeurngen an das System und die Benutzeroberfläche.
|
|
|
Die Anwendung, egal ob mobil oder im Web, deckt mindestens drei Anwendungen ab. Dabei handelt es sich um die Kartendarstellung, den 3D-Viewer und die Anzeige eines Steckbriefs.
|
|
|
|
|
|
<b>Webanwendung <b>(Vollbild)
|
... | ... | @@ -16,7 +16,7 @@ Die Anwendung, egal ob mobil oder im Web, deckt mindestens drei Anwendungen ab. |
|
|
|
|
|
Hin- und Herschalten der Bereiche, Aufteilung des Screens (warum 3 anstatt 2 o.ä.).
|
|
|
|
|
|
Das Mockup (Prototyp) wurde mit der Webanwendung "Figma" erstellt. [Link Mockup](https://www.figma.com/file/3NnKHJvSFiaYvfGqN9lWWF/BohrungenHessen?node-id=45%3A6)
|
|
|
Das Mockup (Prototyp) wurde mit der Webanwendung "Figma" erstellt. Diese Webanwendung ermöglicht es kollaborativ und zu selben Zeit an einem Design zu arbeiten (ähnlich zu Google Docs). Figma lässt sich für bis zu drei Entwürfe für ein Projekt kostenlos nutzen. Es können nicht nur Designelemente festgelegt werden, sondern unter "Prototyp", lassen sich auf Klickabfolgen umsetzen, sodass ein Klickdummy ensteht. Ein Klickdummy zeigt einige einfach Funktionen der Anwendung, ohne diese programmieren zu müssen. In dem vorliegenden Entwurf, ist das Vertauschen der einzelnen Fenster beispielhaft realisiert. [(Link Mockup)](https://www.figma.com/file/3NnKHJvSFiaYvfGqN9lWWF/BohrungenHessen?node-id=45%3A6)
|
|
|
|
|
|
# Technische Umsetzung *(DK)*
|
|
|
CSS, JQuery ..
|
... | ... | |