Skip to content

GitLab

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
W
web3dscans1
  • Project overview
    • Project overview
    • Details
    • Activity
    • Releases
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 17
    • Issues 17
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
  • Merge Requests 0
    • Merge Requests 0
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
  • Operations
    • Operations
    • Incidents
    • Environments
  • Analytics
    • Analytics
    • CI / CD
    • Repository
    • Value Stream
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • Web3DScans
  • web3dscans1
  • Wiki
  • Screen Design

Last edited by Benno Schmidt Dec 01, 2023
Page history
This is an old version of this page. You can view the most recent version or browse the history.

Screen Design

3.1 Methodisches Vorgehen

Autor: Dennis Klein, Marius Schäfer

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 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.

Webanwendung (Vollbild)

  1. Wenn die Anwendung gestartet wird, steht die Karte im Vordergrund. Über die räumliche Verortung der verschiedenen unüblichen Datenträger (Handstücke/Bohrkerne), soll eine Auswahl getroffen werden, über welches Objekt Informationen im 3D-Viewer und in der Steckbriefanzeige angezeigt werden. Daraus erschließt sich, dass die Karte den Hauptanteil des Bildschirmes füllen wird.
  2. Wurde ein Objekt gewählt, sollen die weiterführenden Informationen über dieses Objekt auf einen Blick ersichtlich sein. Dies wird nicht über einen weiteren Klick realisiert, sondern die Steckbriefanzeige und der 3D-Viewer nehmen dann zusammen auf der rechten Seite ca. 1/3 des Bildschirms ein (jeder 1/6 des Bildschirms). Diese können von Anfang an geöffnet und zunächst leer sein oder sich erst mit Klick auf ein Objekt öffnen. Gleichzeitg kann der Nutzer in dieser Ansicht noch leicht auf ein anderes Objekt wechseln, da die Karte noch im Vordergrund steht und die weiterführenden Informationen schnell überflogen werden können, ob dieses Objekt wirklich von Interesse ist.
  3. Möchte der Nutzer die zusätzlichen Informationen zum Objekt weitergehend studieren, kann jede der Ansichten als Hauptfenster aufgerufen werden. Dadurch wird die Karte an den rechten Rand verwiesen und der Steckbrief wird dargestellt oder der 3D-Viewer.
  4. Für alle Fenster sollen Werkzeuge bereitgestellt werden, um einen unkomplizierten Umgang mit der Anwendung zu ermöglichen. Dazu gehören die z.B. Standardwerkzeuge einer Karte (Zoomen, Schieben, zur letzten Ansicht ...) oder auch die Werkzeuge für den 3D-Viewer (Ausdehnung auf Objekt setzten, Achsen anzeigen ...). Diese sollen allerdings nur im Hauptfenster zur Verfügung stehen, um eine Überladung der kleineren Fenster zu vermeiden.

mobile Anwendung (Handy)

Hin- und Herschalten der Bereiche, Aufteilung des Screens (warum 3 anstatt 2 o.ä.).

Technische Umsetzung (DK)

CSS, JQuery ..

(Zurück zum Inhalt des Endberichts)

Clone repository
  • 3.3 3D Viewer
  • 3D Darstellungsparameter
  • 3D Formate
  • 3D Viewer Komponente
  • 3D Viewer
  • Anzeigefenster
  • Arbeitsumgebung
  • Aufgabenbeschreibung
  • BOM
  • Bohrprofil Anzeige
  • CrossReferencer
  • Desktop und mobile Version
  • Endbericht
  • Generierung der 3D Modelle
  • Geodatengrundlage beim HLNUG
View All Pages