Development
Campus Navigator - Indoor AR Navigatie App
Een mobiele AR navigatie-app gebouwd in React Native / Expo, waarmee nieuwe en internationale studenten hun lokaal kunnen vinden op Windesheim. Ik was verantwoordelijk voor de AR navigatiefunctie.
User Persona
Li Wei — 24 jaar, HBO-ICT, internationale eerstejaars student
- Spreekt goed Engels, geen Nederlands
- Hoog digitaal vaardig, gebruikt de app tijdens het lopen
- Behoefte: snel en zonder stress het juiste lokaal vinden
- Frustraties: Nederlandse borden, grote campus, geen duidelijke navigatie binnen gebouwen
"I don't want to think too much — I just want to follow and arrive."
User Journey
De student doorloopt vijf fases: aankomst op campus, QR-code scannen bij ingang, lokaal selecteren, AR navigatie volgen, aankomst bij lokaal.
Kansen: visuele navigatie met pijlen, bevestiging bij aankomst, app zonder registratie gebruiken.
Wireframes
AR wireframe
App als geheel
App Screenshots
Home scherm
Lokaal selecteren
AC1.70 en AC1.30 beide vanaf de hoofdingang.
AR navigatie — goede richting
Animerende groene chevrons bij correcte richting.
AR navigatie — verkeerde richting
Rode pijlen en melding bij verkeerde richting.
Licht afwijken
Gele pijlen bij lichte afwijking van de route.
Technische Aanpak
| Technologie | Gebruik |
| React Native / Expo | Mobiele app framework |
| expo-camera | Camera als AR achtergrond |
| Magnetometer | Kompas voor richting |
| Accelerometer | Stap detectie |
| Pedometer | Stap teller (iOS) |
Navigatie logica:
- Tilt-gecompenseerd kompas via sensor fusion
- Dual-source stap detectie: Pedometer + Accelerometer
- Automatisch doorlopen op basis van staptelling
- Roltrap timer: 20 sec, versnelt bij beweging
- Kleurcodering: groen / geel / oranje / rood
- Taalondersteuning: Engels en Nederlands
Routes
Ingang naar AC1.70
- Naar roltrap lopen (262°, ~4 stappen)
- Roltrap omhoog (20 sec timer)
- Rechtdoor lopen (263°, ~3 stappen)
- Links afslaan (177°, ~5 stappen)
- Links afslaan naar AC1.70 (93°, ~6 stappen)
Ingang naar AC1.30
- Naar roltrap lopen (262°, ~4 stappen)
- Roltrap omhoog (20 sec timer)
- Rechtdoor lopen (263°, ~3 stappen)
- Rechts afslaan (347°, ~4 stappen)
- Links afslaan, rechtdoor lopen (260°, ~43 stappen)
- Rechts afslaan naar AC1.30 (350°, ~4 stappen)
- AC1.70 naar AC1.30 en retour Vanaf AC1.70 kan direct doorgegaan worden naar AC1.30 en ook teruggenavigeerd worden.
Mijn Bijdrage
- Volledige AR navigatiescherm ontwikkeld in React Native
- Tilt-gecompenseerd kompas geïmplementeerd
- Automatische stap detectie met dual-source logica
- Animerende chevron pijlen met kleurcodering
- Roltrap timer met shake-detectie
- Meertalige ondersteuning (EN/NL)
- Route data verzameld op locatie (kompasgraden + stappen gemeten)
- Integratie met team app
Resultaat
De app werkt volledig op locatie bij Windesheim Almere. Studenten navigeren via AR pijlen van de ingang naar AC1.70 of AC1.30, met automatisch doorlopen op basis van staptelling en kompasrichting.
De volledige app biedt daarnaast:
- Rooster — studenten kunnen hun lesrooster toevoegen en inzien
- Plattegrond — een interactieve plattegrond van het gebouw als alternatief voor AR navigatie
- Lettergrootte aanpassen — toegankelijkheidsoptie om tekst groter of kleiner te maken
- Taal wisselen — de app is beschikbaar in het Engels en Nederlands, te wisselen via een knop rechtsboven
- AR navigatie — stap-voor-stap begeleiding via de camera met animerende pijlen en kompas