I forbindelse med arbeidet med digitalisering og visualisering på jobb laget jeg en prototype på en kontoroversikt i 3D. Målet var å gjøre det enklere å orientere seg i bygget, finne kollegaer og se hvilke plasser som er i bruk – men også å teste hvordan moderne webteknologi kan brukes til mer enn “klassiske” dashboards.
Jeg valgte å bruke Three.js som rammeverk, siden det gir stor frihet til å bygge opp 3D-miljøer direkte i nettleseren uten behov for plugins. Modellen ble laget med en kombinasjon av Blender (for å lage en enkel base med etasjer og rom) og eksport til .glb, og så koblet opp mot et JSON-datasett med informasjon om ansatte, kontornummer og avdelinger.
Funksjonalitet jeg fikk på plass i prototypen:
- Navigering mellom etasjer (velge, skjule og vise ulike plan)
- Søkefelt som lar deg finne en kollega på navn og markere hvor kontoret ligger
- Reset-knapp som bringer modellen tilbake til en standardposisjon
Det mest spennende var å se hvor intuitivt dette kan bli når man kombinerer datakilder (for eksempel fra HR-systemer eller SharePoint) med en visuell representasjon. I stedet for å lete i lister eller statiske kart kan man faktisk “gå inn i bygget” – enten på skjerm eller i VR.
Dette er fortsatt et eksperiment, men det viser hvordan vi kan bruke web-basert 3D og XR til å gjøre informasjon mer tilgjengelig og forståelig. Jeg ser for meg at samme prinsipp kan brukes på alt fra anleggskart og sikkerhetsopplæring til produksjonsoversikter og simulatorer.