... | ... | @@ -2,13 +2,13 @@ |
|
|
|
|
|
*Autoren: Dennis Klein, Marius Schäfer*
|
|
|
|
|
|
# Screen-Design Grundideen (Mockup) *(MaS)*
|
|
|
# Screen-Design Grundideen (Mockup)
|
|
|
|
|
|
<b>Absprache mit Dennis! -> Wie in Konzeption und wie im Prototypen umgesetzt? z.B. Umschalten der Ansichten</b>
|
|
|
*Autor: Marius Schäfer*
|
|
|
|
|
|
Die erste und wichtigste Phase der Softwareentwicklung ist die Anforderungsanalyse. In dieser sollen möglichst alle Wünsche und Vorstellungen des Kunden erfasst werden, denn um so später sich diese bemerkbar machen, desto aufwändiger (Arbeitszeit, Personalkosten, ...) ist es, diese umzusetzen. Durch die im Vorfeld erfassten [User Stories](https://gitlab.fbg-hsbo.de/web3dscans/web3dscans1/wikis/User%20Stories), ergibt sich eine deutliche Einschätzung der Anforderungen, die an das System und die Benutzeroberfläche gestellt werden. [(Siehe Methodik Anforderungsanalyse)](https://gitlab.fbg-hsbo.de/web3dscans/web3dscans1/wikis/Methodik-Anforderungsanalyse)
|
|
|
<b>Absprache mit Dennis! -> Wie in Konzeption und wie im Prototypen umgesetzt? z.B. Umschalten der Ansichten</b>
|
|
|
|
|
|
Die übergeordnete Anwendung vereint mindestens drei Anwendungsteile innerhalb der übergeordneten "Gesamtanwendung". Diese drei Anwendungsteile ergeben sich unmittelbar aus den User Stories. Es handelt sich um die
|
|
|
Entsprechend der im Vorfeld erfassten [User-Storys](https://gitlab.fbg-hsbo.de/web3dscans/web3dscans1/wikis/User%20Stories) lassen sich in der Anwendung (mindestens) drei Anwendungsteile innerhalb der übergeordneten Gesamtanwendung benennen. Es handelt sich um die
|
|
|
- (2D-) Kartendarstellung,
|
|
|
- den interaktiven 3D-Viewer zur Darstellung der Gesteine (z. B. Handstücke oder Bohrkerne) und die
|
|
|
- Anzeige des zugehörigen "Steckbriefs".
|
... | ... | @@ -63,9 +63,11 @@ Die mobile Anwendung soll nicht über nicht so viele Buttons verfügen, wie die |
|
|
|
|
|
Das Mockup (Prototyp) wurde mit der Webanwendung "Figma" erstellt. Diese Webanwendung ermöglicht es kollaborativ und zur selben Zeit an einem Design zu arbeiten (vergleichbar zu Google Docs für Textdokumente). Figma lässt sich für ein Projekt mit bis zu drei Entwürfen kostenlos nutzen. Es können nicht nur Designelemente festgelegt werden, sondern auch Klickdummys erzeugt werden. Dafür lasen sich unter "Prototyp" Klickabfolgen umsetzen. Ein Klickdummy zeigt einige einfache 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 *(DeK)*
|
|
|
CSS, JQuery ..
|
|
|
# Technische Umsetzung
|
|
|
|
|
|
*Autor: Dennis Klein*
|
|
|
|
|
|
CSS, JQuery ..
|
|
|
**ToDo**
|
|
|
|
|
|
[(Zurück zum Inhalt des Endberichts)](https://gitlab.fbg-hsbo.de/web3dscans/web3dscans1/wikis/Endbericht) |
|
|
\ No newline at end of file |