SVARA — Museum Borobudur
A web platform for Museum Candi Borobudur that pairs with the SVARA IoT audio-guide device — delivering a zero-interaction visitor experience where proximity-triggered narratives play automatically, plus an admin dashboard for centralized artifact, device, and audio content management.
Capstone project between Teknik Elektro and Teknologi Informasi, tackling a gap in Indonesian museums: 86% of visitors with visual impairments rely on audio guides, yet the infrastructure barely exists. SVARA reframes this with a zero-interaction model — proximity sensors trigger narration automatically, no user input. I built the web layer: a visitor site for artifact discovery and an admin dashboard for managing artifacts, devices, and audio content remotely.
- Built the full-stack web layer — visitor site + admin dashboard in Next.js, React, and Tailwind, integrating with the SVARA IoT fleet via Python FastAPI + Express.js
- Device-artifact assignment system — operators pair SVARA hardware with artifacts and push audio updates remotely, no on-site intervention
- Secured IoT data transactions via Cloudflare Tunneling — encrypted audio-management traffic without exposing infrastructure
- WAV audio pipeline with file-size optimization to balance fidelity and bandwidth for proximity-triggered playback
- PostgreSQL on Supabase with Jest coverage on the Express service layer
Next.js
React.js
Express.js
FastAPI
Python
PostgreSQL
Supabase
Tailwind CSS
Cloudflare
Microsoft Azure
JestSee it in action
A short walkthrough of the product in motion.
Hero landing — SVARA positioned as the zero-interaction audio guide for Museum Candi Borobudur, pairing IoT hardware with an integrated web platform.
Visitor site — public artifact discovery surface, presenting museum collections in an accessible, content-first layout that complements the zero-interaction audio experience.
Artifact detail page — extended narration copy, imagery, and contextual information extending the in-museum audio narrative for visitors.
Articles section — editorial content extending the in-museum experience with deeper historical and cultural context for visitors.
Admin dashboard — centralized artifact catalog where museum operators manage exhibit entries and their associated SVARA devices.
Device assignment flow — pairing a SVARA hardware unit to a specific artifact, linking proximity-triggered audio content to physical exhibits.
