Samenvatting

Abstract
Move Agency is een onlangs gefuseerd softwarebedrijf gevestigd in Zwolle dat zich voornamelijk bezighoudt
met het ontwikkelen van mobile-first applicaties. Ze hebben applicaties ontworpen voor onder andere
Rabobank, Plus en NPO-Zapp. Move is tegenwoordig bezig voor een nieuwe klant, genaamd Dopple. Dopple
ontwikkelt slimme headsets en oordopjes.
Om het verkopen van deze headsets aantrekkelijk te maken, wil Dopple een softwareproduct ontwikkeld
hebben, waarin foto’s van het product in een 360°-model weergegeven kunnen worden. Daarnaast wil Dopple
ook dat het model ‘hotspots’ bevat. Hotspots zijn interactieve punten op het product, waar de gebruiker op
kan klikken en meer te weten kan komen over een specifiek onderdeel. Deze punten zijn ook een onderdeel
van het 360°-model, waardoor ze ook mee moeten draaien als het model in een andere positie komt te staan.
Move is vastberaden om een 360°-viewer te ontwikkelen, zodat het in meerdere applicaties geïntegreerd kan
worden. Hiervoor willen ze een eigen webcomponent voor maken, waar het 360°-model in verwerkt is.
Daarnaast wil Move ook een tool ontwikkelen waarmee deze hotspots geconfigureerd kunnen worden, zodat
gebruikers hun eigen producten kunnen maken.
Voor het ontwikkelen van een 360°-viewer en een configuratietool, moest onderzoek gedaan worden naar
bestaande frameworks. Hier is een multicriteria-analyse van gemaakt en is besloten om een eigen viewer te
ontwikkelen, met de functionaliteiten die de andere onderzochte frameworks ook bevatten. Daarnaast is
onderzoek gedaan naar een webcomponent framework, genaamd Lit.
Naast het onderzoeken van frameworks, is ook nagedacht over het opslaan en configureren van de hotspots.
Omdat dit een belangrijk onderdeel is van het eindproduct, moest hier goed over nagedacht worden. Verder is
een koppeling gemaakt met Google Firebase. Firebase bevat functionaliteiten zoals hosting, dataopslag en
authenticatie. Hiervoor is een technisch ontwerp opgesteld, waarin de technische keuzes staan beschreven.
Voor de configuratietool is een website ontwikkeld, die voor iedereen toegankelijk is, mits de gebruiker een
account heeft. De website is ontworpen aan de hand van functionele requirements en bepaalde designkeuzes.
Deze requirements en designkeuzes staan beschreven in het functioneel ontwerp.
Het managen van dit project gebeurde volgens de Scrum Agile methode. In sprints van twee weken werd hard
aan de producten gewerkt om zo tot een oplossing te komen. Hiervoor zijn tools gebruikt als WebStorm,
GitHub, Jira, Figma en Microsoft Office.
Uiteindelijk zijn twee producten geleverd: de viewer en de configuratietool. De viewer toont het product in
een 360°-model met alle hotspots en de configuratietool zorgt ervoor dat deze producten aangemaakt kunnen
worden en dat de hotspots geconfigureerd kunnen worden.