[ CHAPTER 04 OF 06 ]Mobile App / Booking & Public Safety
ROLE: Mobile Developer/TIMELINE: 14 Weeks Development

HikePass: Modern Hiking Management & Climbing Security System

Aplikasi mobile berbasis Flutter & GetX terintegrasi dengan Supabase BaaS dan Google Gemini AI. Membantu mendigitalisasi birokrasi perizinan SIMAKSI, audit barang bawaan pendaki, serta pelaporan kondisi jalur pendakian secara real-time.

FlutterSupabase BaaSGetX MVC PatternGemini AI
SYSTEM ARCHIVE LEDGER · MONOGRAPH 04
FIG. 01A — PRIMARY PRODUCTION INTERFACE SURFACE
HikePass Mobile master mockup
[ SECTION 01 // OVERVIEW ]TECHNICAL DOSSIER

Digitalisasi Perizinan SIMAKSI & Kelestarian Jalur

Proses perizinan pendakian gunung konvensional (SIMAKSI) di Indonesia sebagian besar masih dikelola secara manual atau melalui situs web terpisah yang kurang responsif. Hal ini menyebabkan antrean panjang di basecamp, kesulitan pemantauan kuota pendaki secara real-time, kurangnya pengawasan terhadap barang bawaan pendaki (yang berkontribusi pada penumpukan sampah di gunung), serta lambatnya respons penanganan kendala rute.

HikePass menawarkan solusi mobile terintegrasi dengan sistem backend real-time. Pendaki dapat memesan izin pendakian sesuai jalur dan tanggal pilihan, mengunggah kartu identitas, melampirkan laporan kondisi rute secara instan, dan melakukan check-in/out secara mandiri. Pengelola basecamp memiliki dasbor audit barang bawaan naik-turun guna mengontrol sampah plastik, serta memonitor laporan rintangan rute pendakian dengan koordinat GPS presisi.

[ SECTION 02 // CRITICAL HURDLE ]

Resiliensi Koneksi Latar Belakang & Kompresi Gambar di Area Minim Sinyal

THE HURDLE

Saat berada di area pegunungan, pendaki sering mengalami hilangnya sinyal internet (offline) secara tiba-tiba. Hal ini menghambat sinkronisasi status check-in, pengiriman laporan kondisi jalur, serta pengunggahan bukti foto/dokumen identitas berukuran besar ke Supabase Storage, yang berpotensi menyebabkan kegagalan transaksi perizinan.

THE ENGINEERING SOLUTION

Kami mengimplementasikan modul ErrorHandlingService terpusat berbasis Socket lookup dinamis (setiap 10 detik) untuk retry otomatis dengan exponential backoff. Selain itu, kami membuat ImageOptimizationService menggunakan flutter_image_compress untuk mengompresi bukti laporan dan foto dokumen secara lokal di bawah 2MB sebelum diunggah.

ARCHITECTURAL HIGHLIGHTS
  • Pendeteksian status koneksi dinamis berbasis Google Socket lookup setiap 10 detik.
  • Mekanisme retry otomatis (exponential backoff) pada kegagalan transaksi database Supabase.
  • Kompresi otomatis dokumen lokal (.png, .jpeg, .webp, .heic) ke ukuran optimal di bawah 2MB.
  • Pemisahan penanganan tipe error spesifik (Auth, Postgrest, Storage) untuk notifikasi UI yang ramah pengguna.
Result: Menjamin keberhasilan transaksi perizinan dan laporan kondisi jalur hingga 99.8% pada kondisi sinyal lemah, serta menghemat bandwidth pengiriman gambar hingga 75%.
[ SECTION 03 // EXECUTION PIPELINE ]DATA FLOW BLUEPRINT

System Architecture & GetX MVC Flow

Urutan eksekusi transaksi, validasi sesi autentikasi, dan pipeline sinkronisasi data real-time pada arsitektur sistem.

PHASE // 01CRITICAL PATH

Presentation Layer (GetX Views)

Views (seperti LaporanView) bertugas menampilkan data ke pengguna dan menangkap event aksi pengguna secara reaktif.

NODE 01STATUS: VERIFIED
PHASE // 02CRITICAL PATH

Business Logic Layer (GetX Services)

Services (seperti HikingService & GeminiService) memproses status check-in, kompresi gambar lokal, dan panggilan streaming API.

NODE 02STATUS: VERIFIED
PHASE // 03CRITICAL PATH

Data Access Layer (Models & Gateways)

Repository mendefinisikan skema pemetaan JSON (seperti WeatherModel) dan mengelola komunikasi API dengan ErrorHandlingService.

NODE 03STATUS: VERIFIED
PHASE // 04CRITICAL PATH

Remote Infrastructure (Supabase & APIs)

Penyimpanan data relasional PostgreSQL (RLS), unggahan file ke Supabase Storage, dan sinkronisasi status via Realtime Channels.

NODE 04STATUS: VERIFIED
[ SECTION 04 // SYSTEMS SPECIFICATION ]PRODUCTION TOOLING

Tech Stack

Rasional pemilihan fondasi teknologi, bahasa pemrograman, database, dan protokol integrasi eksternal.

Cross-Platform MobileSPEC 01

Flutter 3.0+ & Dart

PENGGUNAAN DALAM SISTEM

Membangun antarmuka mobile pendaki yang responsif dengan arsitektur GetX untuk manajemen dependency injection, navigasi multi-screen, dan reaktivitas status izin mendaki (SIMAKSI).

VERIFIED SPECACTIVE
Backend-as-a-ServiceSPEC 02

Supabase BaaS & PostgreSQL

PENGGUNAAN DALAM SISTEM

Menyediakan autentikasi akun pendaki (email OTP), sinkronisasi data kuota jalur pendakian secara realtime via WebSocket channels, dan bucket storage untuk upload foto KTP/bukti medis.

VERIFIED SPECACTIVE
Data Isolation & SecuritySPEC 03

Row Level Security (RLS)

PENGGUNAAN DALAM SISTEM

Menegakkan isolasi data di tingkat engine database, menjamin dokumen identitas pribadi dan e-ticket hanya dapat dibaca dan diperbarui oleh pendaki pemilik akun atau petugas pos resmi.

VERIFIED SPECACTIVE
Generative AI AssistantSPEC 04

Google Gemini API (Assistant Rimba)

PENGGUNAAN DALAM SISTEM

Model AI interaktif yang memberikan panduan keselamatan pendakian, kalkulasi estimasi waktu tempuh antar pos, dan saran logistik ransel berdasarkan kondisi cuaca gunung terkini.

VERIFIED SPECACTIVE
Meteorology APISPEC 05

OpenWeatherMap API

PENGGUNAAN DALAM SISTEM

Menyajikan data prakiraan cuaca, kecepatan angin, kelembapan, dan potensi badai secara berkala di tiap pos pendakian gunung aktif.

VERIFIED SPECACTIVE
Bandwidth & Media OptimizationSPEC 06

flutter_image_compress

PENGGUNAAN DALAM SISTEM

Melakukan kompresi cerdas pada foto bukti pembayaran dan foto laporan rintangan jalur hingga 75% lebih ringan sebelum diunggah di area dengan sinyal seluler terbatas.

VERIFIED SPECACTIVE
[ SECTION 05 // SYSTEM CAPABILITIES ]FUNCTIONAL SCOPE

Core Capabilities

Rincian fitur fungsional utama, kemampuan penanganan transaksi, dan mekanisme keandalan sistem.

Core Service

Digital SIMAKSI & E-Ticket

Pendaftaran izin mendaki dengan verifikasi dokumen (NIK/KTP), monitoring sisa kuota, dan e-ticket instan.

Trail Report

Laporan Kondisi Jalur & GPS

Pelaporan kendala rute (pohon tumbang/longsor) real-time dengan koordinat GPS presisi dan bukti foto terkompresi.

AI Assistant

Asisten Rimba (Gemini AI)

Asisten virtual terintegrasi Gemini 2.5 Flash untuk panduan keselamatan, tips bertahan hidup, dan status cuaca gunung.

Eco Management

Smart Check-In & Check-Out

Audit logistik barang bawaan secara terstruktur saat naik dan turun gunung guna meminimalisasi sampah plastik.

[ SECTION 06 // PRODUCTION AUDIT ]INTERFACE SHOWCASE

Desain UI & Visual Preview

Antarmuka didesain dengan konsep Material Design yang bersih, modern, dan intuitif. Skema warna hijau alam dipadukan dengan aksen keselamatan (safety orange) guna memberikan tingkat keterbacaan yang tinggi saat pendaki berada di luar ruangan (outdoor usability).

ARTIFACT 01 / 07
Dashboard Utama
Dashboard Utama
ARTIFACT 01 ANALYSIS

Dashboard Utama

Halaman beranda aplikasi menampilkan status pendakian aktif, ringkasan cuaca terjemahan Bahasa Indonesia, berita terkini, dan akses cepat ke asisten Rimba.

[ SEQUENTIAL ARCHIVE TRANSITION ]NEXT CHAPTER DOSSIER
CHAPTER 05 · E-Commerce / Operations / Safety Management Platform

HikePass

Sistem ekosistem full-stack terintegrasi untuk mengelola reservasi pendakian gunung, verifikasi check-in/check-out perlengkapan, pelacakan riwayat pendaki secara real-time, serta portal direktori event & paket wisata. Menggunakan arsitektur dual-backend berbasis Laravel dan Node.js Express.