<Hello World />
I'm Fiqhan Chusnan Arriziq
Fullstack Developer & AR Enthusiast
Bridging Heritage and Technology through AR
Lead Developer of DiengVibe — Crafting immersive AR experiences that bring cultural heritage to life on mobile devices.
Featured Projects
A showcase of my work in Flutter development, AR experiences, and mobile optimization
DiengVibe
An immersive AR-powered travel companion app showcasing the Dieng Plateau cultural heritage. Features temple recognition, historical information overlay, and interactive cultural experiences.
Successfully migrated from Unity to Flutter Native, achieving 98% device compatibility while maintaining AR features. Solved critical Oppo A77s compatibility and Google Play policy issues.
AR Heritage Navigator
Mobile AR application for exploring historical monuments with real-time object recognition and contextual information display.
Integrated computer vision models for accurate monument identification with 95% accuracy rate.
Performance Profiler
Developer tool for analyzing and optimizing Flutter app performance with real-time metrics and heatmap visualization.
Reduced app startup time by 40% through systematic profiling and optimization techniques.
Cultural Quiz AR
Educational gamified AR experience testing knowledge of Indonesian cultural heritage through interactive 3D models.
Engaged 50K+ users with educational AR content featuring 100+ cultural artifacts.
DiengVibe Case Study
Deep dive into the Unity to Flutter Native AR migration
Problem vs Solution
Unity Build
- Only 62% of Android devices supported
- High APK size (150MB+)
- Heavy battery consumption
- Slow cold start time (8s+)
Flutter Native
- 98% Android device compatibility
- Reduced APK to 25MB
- Optimized battery usage
- Fast cold start (2s)
Unity Issues
- SDK transparency requirements
- Multiple permission requests
- Unclear data handling disclosure
- Delayed review process
Flutter Solution
- Full SDK transparency achieved
- Minimal permissions required
- Clear data handling policies
- Fast review approval
Unity AR
- High memory footprint
- Frame drops on mid-range devices
- Limited ARCore optimization
- Inconsistent tracking quality
Native ARCore
- Memory optimized by 60%
- 60fps on 95% of devices
- Deep ARCore integration
- Stable tracking algorithm
3D Model Integration
Using model_viewer_plus to embed interactive 3D temple models with AR support
1300">"text-purple-400">import 300">'package:model_viewer_plus/model_viewer_plus.dart';23300">"text-purple-400">class TempleModelViewer 300">"text-purple-400">extends 300">"text-purple-400">StatelessWidget {4300">"text-purple-400">final 300">"text-green-400">String modelPath;5300">"text-purple-400">final 300">"text-green-400">String templeName;67300">"text-purple-400">const TempleModelViewer({8300">"text-purple-400">super.key,9required 300">"text-purple-400">this.modelPath,10required 300">"text-purple-400">this.templeName,11});1213@override14300">"text-purple-400">300">"text-green-400">Widget 300">"text-purple-400">build(300">"text-purple-400">BuildContext context) {15300">"text-purple-400">return 300">"text-green-400">Column(16children: [17// 3D Model Viewer 300">"text-purple-400">with AR support18SizedBox(19height: 400,20child: ModelViewer(21src: modelPath, // e.g., 300">'assets/models/prambanan.glb'22alt: 300">'3D model of $templeName',23ar: true, // Enable AR viewing24arModes: 300">"text-purple-400">const [300">'scene-viewer', 300">'webxr', 300">'quick-look'],25autoRotate: true,26cameraControls: true,27backgroundColor: 300">"text-purple-400">const 300">"text-green-400">Color(0xFF0F172A),28shadowIntensity: 1,29exposure: 0.8,30loading: Loading.lazy,31),32),33// AR Button custom styling34300">"text-green-400">Container(35margin: 300">"text-purple-400">const 300">"text-green-400">EdgeInsets.only(top: 16),36child: 300">"text-purple-400">const 300">"text-green-400">Text(37300">'Tap model to view in AR',38style: TextStyle(color: Colors.grey),39),40),41],42);43}44}
Key Takeaways
- Flutter Native provides better performance and smaller bundle size
- Direct ARCore integration enables deeper hardware optimization
- Proper SDK documentation ensures smooth Play Store approval
- TensorFlow Lite enables on-device ML without cloud dependency
Interactive 3D Heritage
Explore the temple model in 3D. Drag to rotate, scroll to zoom.
Place your .glb model in the public/models/ folder
Get In Touch
Have a project in mind or want to collaborate? Let's talk!
Let's Build Something Amazing
I'm always open to discussing new projects, creative ideas, or opportunities to be part of your visions. Whether you have a question or just want to say hi, I'll try my best to get back to you!
Location
Indonesia