14
File Mockup HTML
21
Sprint Docs
3
Platform
8.4K
Total Baris Kode
Platform Overview
Tiga platform utama sistem PPPK Command Center
Web App
Command Center Dashboard
Dashboard utama untuk Dispatcher, Supervisor, dan Admin. Dispatch CAD, monitoring GPS real-time, analitik KPI, dan pelaporan.
Mobile App
Aplikasi Petugas Lapangan
Aplikasi mobile untuk petugas lapangan. GPS tracker otomatis, dispatch alert FCM, update status insiden, dan mode offline penuh.
Landing Page
Marketing & Informasi Produk
Halaman publik marketing PPPK Command Center untuk 514 dinas pemadam kebakaran Indonesia. Fitur, integrasi, harga, dan demo request.
Web App — Halaman
9 halaman utama Command Center Dashboard
Login
Halaman masuk dengan demo credential per role. Route otomatis ke dashboard sesuai role.
Entry Point
↗
Dashboard
Ringkasan operasional real-time: stat cards, peta GPS, dispatch alert overlay, BMKG warning.
Role: Dispatcher
↗
Insiden
Manajemen insiden dengan filter status, detail slide-in panel, timeline, dan form buat insiden.
CRUD Insiden
↗
Dispatch CAD
CAD engine: 3-column layout, rekomendasi AI, score bar, multi-select unit, confirm modal.
CAD Engine
↗
Peta Real-time
Peta fullscreen GPS real-time, filter overlay, unit detail panel, GPS counter simulator.
GPS Tracking
↗
Armada
Manajemen unit armada dengan toggle grid/table, battery bar, status 6 warna, GPS indicator.
Unit Management
↗
Personel
Daftar personel, SIDAMKAR sync tab, jadwal shift, badge status sync per pegawai.
SIDAMKAR Sync
↗
Analitik KPI
SVG gauge compliance, bar chart tren, donut chart tipe insiden, heatmap jam × hari.
KPI Dashboard
↗
Laporan
Generate wizard PDF/Excel/CSV, progress bar simulator, arsip laporan dengan status ready/proses.
Auto Report
↗
Notifikasi
Feed notifikasi real-time insiden & dispatch, tab filter tipe, tandai dibaca, badge unread counter.
Real-time Feed
↗
Pengaturan
Konfigurasi profil dinas, notifikasi, integrasi API SIDAMKAR/SIPADAM, manajemen pengguna.
System Config
↗
Mobile App — Screens
Aplikasi petugas lapangan (buka di lebar ≤ 430px untuk tampilan terbaik)
Login Mobile
Halaman masuk dengan NIP + password. Auto-fill demo credential.
Entry Point
↗
Beranda
Duty toggle, GPS status, stat cards, insiden aktif, tombol "Saya Sudah Tiba".
Tab: Beranda
↗
Insiden
Daftar insiden aktif & selesai. Klik kartu untuk lihat detail & rute di peta.
Tab: Insiden
↗
Peta Mobile
Peta GPS real-time dengan unit markers, incident pins, filter overlay, dan legend.
Tab: Peta
↗
Profil & Offline
Info petugas, menu navigasi, simulasi offline mode dengan GPS buffer counter.
Tab: Profil
↗