1:"$Sreact.fragment"
2:I[73323,["/_next/static/chunks/59b1f5cd5db1b504.js","/_next/static/chunks/9e0912baf10ee320.js","/_next/static/chunks/712c63e97ae3f233.js","/_next/static/chunks/dbf4e08002dd050f.js","/_next/static/chunks/3744dd151335484a.js","/_next/static/chunks/1b1ffa1cccbd1b5c.js"],"Column"]
3:I[79520,["/_next/static/chunks/59b1f5cd5db1b504.js","/_next/static/chunks/9e0912baf10ee320.js","/_next/static/chunks/712c63e97ae3f233.js","/_next/static/chunks/dbf4e08002dd050f.js","/_next/static/chunks/3744dd151335484a.js","/_next/static/chunks/1b1ffa1cccbd1b5c.js"],""]
4:I[74855,["/_next/static/chunks/59b1f5cd5db1b504.js","/_next/static/chunks/9e0912baf10ee320.js","/_next/static/chunks/712c63e97ae3f233.js","/_next/static/chunks/dbf4e08002dd050f.js","/_next/static/chunks/3744dd151335484a.js","/_next/static/chunks/1b1ffa1cccbd1b5c.js"],"ProjectCard"]
9:I[97367,["/_next/static/chunks/ff1a16fafef87110.js","/_next/static/chunks/61cc43b3d7ad2990.js"],"OutletBoundary"]
a:"$Sreact.suspense"
5:Tb41,
## Overview

KATAVEN is an Augmented Reality (AR)–based heritage exploration application developed to enhance visitor engagement at Kampoeng Heritage Kajoetangan, Malang.
The application combines AR navigation, marker-based gamification, interactive storytelling, and digital memory collection to create an immersive cultural learning experience.
KATAVEN transforms traditional heritage tourism into a spatial, interactive, and gamified digital journey.

## Key Features

- **AR Navigation System**
Real-time AR-based directional guidance using visual path indicators and spatial markers, helping users easily locate heritage spots within the area.
- **Marker-Based Treasure Hunt (Gamification)**
Users scan hidden markers placed across heritage locations to unlock digital treasures, historical stories, and collectible memories.
- **Interactive Memory Collection**
Digital artifacts and historical images are unlocked and stored inside a virtual “memory chest,” encouraging exploration and repeat engagement.
- **Educational Storytelling Layer**
Cultural and architectural explanations are presented contextually within AR scenes, making learning intuitive and location-based.
- **User-Friendly Mobile Interface**
Designed with a clean, immersive, and accessible UI to ensure ease of use for tourists, students, and local communities.

## Technologies Used

  - **Unity** – Core application development and AR integration
  - **AR Foundation / Vuforia** – Marker-based and spatial AR tracking
  - **C#** – Application logic and interaction system
  - **UI/UX Design System** – Custom mobile UI optimized for immersive experience
  - **Android Deployment** – Mobile distribution and field testing

## Challenges and Learnings

One major challenge was ensuring stable AR tracking in outdoor heritage environments with varying lighting conditions and spatial constraints.
The team addressed this by optimizing marker placement, improving detection thresholds, and refining UI clarity to guide users intuitively.
Another challenge involved balancing gamification elements with educational depth. The solution was integrating concise, contextual storytelling directly within AR interactions to avoid cognitive overload while maintaining engagement.
Collaboration between researcher, supervisors, and developer strengthened the alignment between research objectives and technical implementation.

## Outcome
KATAVEN successfully demonstrates how AR technology can:
  - Enhance heritage tourism experiences
  - Increase visitor engagement through gamification
  - Support cultural preservation through digital storytelling
  - Provide an interactive educational tool for students and tourists

The project establishes a scalable foundation for future AR-based cultural exploration systems and immersive learning applications.
0:{"buildId":"dGIaEKVv4DE4pH8d0YJHt","rsc":["$","$1","c",{"children":[["$","$L2",null,{"maxWidth":"m","paddingTop":"24","children":[["$","$L3",null,{"id":"schema-webPage-/work","type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"WebPage\",\"url\":\"https://portoboril.com/work\",\"sameAs\":[],\"headline\":\"Projects – Boril\",\"description\":\"Design and dev projects by Boril\",\"image\":\"https://portoboril.com/api/og/generate?title=Projects%20%E2%80%93%20Boril\",\"author\":{\"@type\":\"Person\",\"name\":\"Boril\",\"url\":\"https://portoboril.com/about\",\"image\":{\"@type\":\"ImageObject\",\"url\":\"https://portoboril.com/images/avatar.webp\"}}}"}}],["$","h1",null,{"className":"font-heading font-strong font-xl neutral-on-background-strong mb-l","style":{"textAlign":"center","textWrap":"balance"},"children":"Projects – Boril"}],["$","$L2",null,{"fillWidth":true,"gap":"xl","marginBottom":"40","paddingX":"l","children":[["$","$L4","building-once-ui-a-customizable-design-system",{"priority":true,"href":"/work/building-once-ui-a-customizable-design-system","images":["/images/projects/project-01/Kataven01.avif","/images/projects/project-01/Kataven02.avif","/images/projects/project-01/Kataven03.avif","/images/projects/project-01/Kataven4.avif"],"videoFilters":[],"title":"KATAVEN — Immersive AR Heritage Experience","description":"Development of an Augmented Reality–based heritage exploration and navigation application.","content":"$5","avatars":[{"src":""},{"src":""},{"src":""},{"src":"/images/avatar.webp"}],"link":""}],"$L6","$L7"]}]]}],null,"$L8"]}],"loading":null,"isPartial":false}
6:["$","$L4","simple-portfolio-builder",{"priority":true,"href":"/work/simple-portfolio-builder","images":["/images/projects/project-01/Kataven01.avif","/images/projects/project-01/Kataven02.avif"],"videoFilters":[{"title":"Catch Coins Effect","category":"Games","videoType":"local","videoSrc":"/videos/ET1.webm"},{"title":"Chinese New Year Face Filter 2024","category":"Branded AR Campaign","videoType":"local","videoSrc":"/videos/ET2.webm","description":"Company: WIR Group & AR&Co\nRole: AR Developer\nPlatform: Instagram (Meta Spark)\n","Contributions":["Real-time face tracking implementation","Animated festive overlay system","Performance optimization for mobile devices"]},{"title":"Meta Spark AR Experience","category":"Personal Project","videoType":"local","videoSrc":"/videos/IG3.webm","description":"Personal AR development.\n- Image tracking\n- Interactive animation\n- Optimized for Instagram\n"},{"title":"WIR Group & AR&Co","category":"Professional","videoType":"local","videoSrc":"/videos/ET4.webm","description":"Company: WIR Group & AR&Co\nRole: AR Developer\nPlatform: Instagram\n\nContributions:\n- Face tracking logic\n- Animation system\n- Performance optimization\n"}],"title":"Once UI: Open-source design system","description":"Collection of interactive AR filters built with Effect House and Spark AR.","content":"","avatars":[],"link":""}]
7:["$","$L4","hand-tracking",{"priority":false,"href":"/work/hand-tracking","images":["/images/projects/project-01/cv-hand.jpg"],"videoFilters":[],"title":"Real-time Hand Tracking Interaction","description":"Interactive real-time hand tracking system.","content":"\r\nimport HandTrackingScene from \"@/components/HandTrackingScene\"\r\n\r\n## Overview\r\nInteractive real-time hand tracking demo.\r\n\r\n<HandTrackingScene />\r\n\r\n---\r\n","avatars":[],"link":""}]
8:["$","$L9",null,{"children":["$","$a",null,{"name":"Next.MetadataOutlet","children":"$@b"}]}]
b:null