Phase 4 — Aplikasi Mobile (Android & iOS)

flowchart TD A["Pelanggan buka aplikasi Jantra Kakikaki"] --> B["Layar Login"] B --> C["Masukkan email atau nomor HP"] C --> D["Klik Kirim Tautan Masuk"] D --> E["Sistem kirim tautan ke email/WhatsApp"] E --> F["Pelanggan klik tautan dari HP"] F --> G["Aplikasi otomatis terbuka — verifikasi token"] G --> H{Token valid?} H -->|Ya| I["Login berhasil — masuk ke Halaman Utama"] H -->|Tidak| J["Token kadaluarsa — minta tautan baru"] J --> B I --> K["Setelah login pertama, aktifkan Login Sidik Jari / Face ID"] K --> L["Login berikutnya cukup tempelkan jari"] style I fill:#16a34a,color:#fff style L fill:#16a34a,color:#fff

flowchart TD A["Buka aplikasi — klik Reservasi Baru"] --> B["Langkah 1: Pilih Cabang"] B --> C["Tampilan grid cabang + cari + lihat di peta"] C --> D["Langkah 2: Pilih Paket"] D --> E["Centang paket — bisa geser untuk lihat detail item"] E --> F["Langkah 3: Pilih Jadwal"] F --> G["Kalender geser horizontal + sesi vertikal"] G --> H["Langkah 4: Isi Data (otomatis dari akun)"] H --> I["Form satu halaman — data kendaraan dan diri sudah terisi"] I --> J["Langkah 5: Konfirmasi dan Submit"] J --> K["Ringkasan + tombol Konfirmasi"] K --> L["Reservasi berhasil — notifikasi push diterima"] style L fill:#16a34a,color:#fff

flowchart TD A["Buka aplikasi — Halaman Utama"] --> B{Pilih menu} B -->|Kendaraan Saya| C["Lihat daftar kartu kendaraan"] B -->|Riwayat| D["Lihat daftar reservasi — scroll tak terbatas"] B -->|Notifikasi| E["Lihat semua notifikasi push"] C --> F["Swipe kiri: hapus — klik: edit"] C --> G["Tambah kendaraan baru (FAB)"] D --> H["Filter: Semua / Aktif / Selesai / Dibatalkan"] D --> I["Klik > Detail lengkap + timeline pengerjaan"] I --> J["Tombol Batalkan / Ubah Jadwal (jika status Dikonfirmasi)"] E --> K["Klik notifikasi > langsung buka detail reservasi"] style C fill:#059669,color:#fff style D fill:#059669,color:#fff