Bachelorarbeit

Thema: Entwicklung von Darstellungs- und Interaktionsmöglichkeiten in Virtual Reality für das Cranach Digital Archive
Autor: Nikolas Beckel
Matrikelnummer: 11103435
1. Prüfer: Prof. Christian Noss
2. Prüfer: Matthias Groß
Startdatum: 21.09.2020
Abgabedatum: 23.11.2020

Hinweis

Hier werden einige Hinweise für die Prüfer notiert, um Missverständnisse zu vermeiden.

1. Kommentare: Einige Kommentare existieren doppelt (z.B. Methodenbeschreibung im Interface und in der Klasse). In der Regel würde ich nur die Methoden innerhalb des Interfaces kommentieren. Für das Verständnis des Codes ist es aber einfacher, wenn die Kommentare einmal im Interface und einmal in der Klasse vorhanden sind. So muss man, falls man sich fragt, was die Methode macht, nicht extra nochmal zum Interface springen. Manche IDEs zeigen beim Hovern der Methode die Beschreibung im Interface an, jedoch nicht alle. Da ich nicht weiß, welche die Prüfer verwenden werden, wurden die Kommentare sicherheitshalber doppelt gepflegt.
2. Beim ersten Laden der Anwendung können kurze Standbilder auftreten. Einfach mit dem Kopf hin und her bewegen, etwas drehen, damit die vollständige Umgebung geladen werden kann.

Branchbeschreibung

In diesem Branch landen unter anderem bereits überprüften Codestellen oder Texte, die aus dem Branch doc/preliminary-work (Noch nicht korrekturgelesene Bachelorarbeit) oder code/playground-and-testarea (Testumgebung für A-Frame und Spielplatz für Ideen) stammen. Der master branch stellt das Endergebnis dar. Natürlich kann nicht zu 100% garantiert werden, dass jeder Pull Request vollkommen final ist, deshalb können immer noch Änderungen bereits gepushter Informationen oder Codestellen überarbeitet werden. Für Änderungen innerhalb des master branches muss immer ein feature/* oder bugfix/* (für Code) und doc/* (für Doku) branch erstellt werden. Bei erfolgreichter Prüfung des branches kann dieser mittels Pull Request gemerged werden. So kann gewährleistet werden, dass parallel ausgeführte Aufgaben nicht in Konflikt geraten. Vor jedem Pull Request rebase nicht vergessen 😉.

Branching-Modell

Es wird nach einem vereinfachten Git-flow-Workflow gearbeitet. Da es sich hierbei nicht um ein Produkt handelt, welches öffentlich zugänglich ist und regelmäßig Produktupdates erhält, entfällt hier der develop branch. Neue Funktionen werden sofort in ihrem feature branch getestet und sobald der Code refactort und die Funktionen getestet wurden, kann er in den master branch gemergt werden. In diesem Projekt würde ein develop branch nur unnötig Zeit verschwenden und Verwaltungsaufwand mit sich bringen.

Installationsanleitung für die VR-Anwendung

Zum Ausführen der Anwendung wird Node.js benötigt.

1. Code/ Ordner aus dem USB-Stick auf den Computer ziehen und mit der Kommandoleiste dorthin navigieren
2. Wurde der Code über GitHub geladen, npm i ausführen.
3. npm run serve ausführen
4. Prototypen aufrufen

• Technischer Prototyp: https://localhost:8080/public/prototypes/technical-prototype-v1/
• Lucas Cranachs Werkstatt: https://localhost:8080/public/prototypes/workshop-v1/
• Neuronales Netz: https://localhost:8080/public/prototypes/neural-network-v1/

Die Anwendung kann dann mit der VR-Brille über das lokale Netz erreicht werden. A-Frame bietet aber auch eine 3D-Darstellung im Browser an. Sofern keine Möglichkeit besteht innerhalb des Netzwerks darauf zuzugreifen, kann ich ngrok zum Aufrufen der Prototypen empfehlen. Dafür einfach die Kommandozeile aufrufen, ngrok http https://localhost:8080/ eingeben. Man erhält eine https-URL von ngrok. Zu dieser muss noch /public/prototypes/neural-network-v1/ angefügt werden. Diese kann man dann in der VR-Brille aufrufen. Aber vorsicht: Das erste Laden der Anwendung dauert hierbei ein wenig länger. Zusätzlich empfehle in innerhalb der VR-Brille, auf dem Smartphone oder auf dem PC die Anwendung mit Firefox zu öffnen. Auf dem PC funktionieren aber auch Chromium-basierte Browser.

3D-Modelle

• Books [Mikael Ganehag Brorsson]
• Stuhl [Poly by Google]
• Staffelei [S. Paul Michael]
• Hocker [Poly by Google]
• Säge [sirkitree]
• Hammer [sirkitree]
• Bürotisch [tsishir]
• Werktisch [Miguelangelo Rosario]
• Holzbrett [Jeremy Eyring]
• Kronleuchter [Poly by Google]
• Farbpalette [Poly by Google]
• Kleiner Tisch [Brandon Abbott]
• Truhe [Poly by Google]
• Tür [Poly by Google ]

Icons

• Fußabdrücke [Freepik]
• Volume [Google]
• Browsersymbol [Freepik]

Texturen

• Steinwand [textures.com]
• Baumstruktur [textures.com]
• Holzboden [textures.com]
• Himmel [A-Frame]

Sound

• Sounddatei eingesprochen von Nikolas Beckel.