SP4N-LAPOR!

🚀 Fitur Lengkap

🌐 Portal Publik (Untuk Masyarakat)

• Homepage Informatif — Statistik pengaduan real-time, banner pengumuman, kategori layanan, dan langkah penggunaan yang jelas
• Buat Pengaduan Online — Form lengkap dengan judul, kategori, uraian, dan upload lampiran (JPG/PNG/PDF/DOC/MP4 maks 5MB)
• Pengaduan Anonim — Masyarakat bisa mengadu tanpa mengungkap identitas
• Kartu Tiket Digital — Bukti pengaduan bergaya boarding pass yang bisa dicetak, dilengkapi pola QR dekoratif
• Lacak Status Pengaduan — Cukup masukkan nomor tiket untuk melihat progress secara real-time beserta timeline tanggapan
• Rating & Penilaian — Masyarakat bisa memberi bintang 1–5 setelah pengaduan selesai
• Dashboard Statistik Publik — Grafik tren, kinerja OPD, pengaduan terbaru, dan SLA compliance terbuka untuk umum
• FAQ & Bantuan — Pusat bantuan dengan 10 FAQ bawaan, search keyword, highlight hasil, kategori, dan counter views
• Halaman Tentang Kami — Info resmi pemda, cara kerja sistem, dasar hukum, dan kontak
• Pengumuman/Banner — Banner informasi dari admin tampil otomatis sesuai jadwal

🔐 Autentikasi & Keamanan

• Login Multi-Role — Superadmin, Admin OPD, Pimpinan, Pelapor dengan hak akses berbeda
• CSRF Token — Proteksi di semua form
• PDO Prepared Statement — Anti SQL Injection
• bcrypt Password Hash — Enkripsi password standar industri (cost 10)
• Session Timeout — Auto logout setelah tidak aktif
• Rate Limiting — Batas login 5x per 15 menit, batas submit pengaduan 3x per 10 menit per IP
• IP Ban List — Blokir IP yang melebihi batas
• Output Buffering — Mencegah error "headers already sent"
• XSS Protection — htmlspecialchars di semua output
• Audit Log — Semua aksi penting tercatat lengkap dengan IP dan user agent
• Maintenance Mode — Portal bisa dimatikan sementara dengan halaman khusus dan estimasi waktu

📊 Dashboard & Analitik

• Dashboard Utama — Ringkasan statistik, grafik tren 7 hari, donut chart status, pengaduan terbaru, dan aktivitas terkini
• Statistik Lanjutan — Tren bulanan, distribusi per kategori, per hari dalam seminggu, dan perbandingan periode
• Kinerja OPD — Scorecard lengkap tiap OPD: total pengaduan, tingkat penyelesaian, rata-rata waktu, peringkat, dan perbandingan nasional
• Dashboard Publik — Halaman transparansi terbuka yang bisa ditautkan di website pemda
• Export Data — Download CSV dan JSON dengan filter tanggal, status, dan kategori

📝 Manajemen Pengaduan

• Daftar Pengaduan — Tabel lengkap dengan filter status, kategori, OPD, prioritas, dan pencarian
• Detail Pengaduan — Tampilan lengkap beserta lampiran, disposisi, timeline tanggapan, dan riwayat perubahan status
• Update Status — Ubah status pengaduan (Masuk → Verifikasi → Proses → Selesai/Tolak)
• Prioritas — Label Urgent/Tinggi/Normal/Rendah untuk triase pengaduan
• Disposisi — Teruskan pengaduan antar OPD dengan catatan dan SLA baru
• Tanggapan Resmi — OPD bisa memberikan tanggapan yang terlihat oleh pelapor
• Aksi Massal (Bulk) — Pilih banyak pengaduan sekaligus untuk: verifikasi, proses, selesai, tolak, set prioritas, disposisi massal, atau hapus
• Pencarian Full-Text Lanjutan — Cari di 6 field sekaligus (judul, isi, tiket, pelapor, kategori, OPD) dengan 10+ filter, highlight keyword, live search, dan export hasil
• Cetak PDF — Cetak detail pengaduan atau rekap periode sebagai PDF via browser (tanpa library tambahan), lengkap dengan kop surat dan area tanda tangan
• SLA Monitoring — Indikator visual overdue, alert di dashboard, dan laporan OPD yang sering melebihi batas

👥 Manajemen Data Master

• CRUD OPD — Tambah/edit/hapus Organisasi Perangkat Daerah dengan info lengkap (kepala, email, telepon, alamat)
• Import OPD dari CSV — Upload massal dengan preview dan validasi per baris sebelum disimpan
• Export OPD ke CSV — Download data OPD untuk backup atau pengolahan di Excel
• CRUD Kategori — Manajemen kategori pengaduan dengan icon picker (Bootstrap Icons, 1000+ pilihan)
• CRUD Pengguna — Kelola akun admin, operator, dan pelapor
• Import Users dari CSV — Password di-hash otomatis, validasi email dan role
• Export Users ke CSV — Download daftar pengguna

🔔 Notifikasi Otomatis

• Email SMTP Native — Kirim email tanpa Composer menggunakan koneksi SMTP langsung (Gmail, Yahoo, atau mail server sendiri), support TLS/STARTTLS
• Template Email HTML — Email responsif bergaya profesional dengan kop surat dan logo otomatis
• WhatsApp via Fonnte API — Notifikasi WhatsApp ke nomor pelapor secara otomatis
• Queue System — Antrian pengiriman dengan monitor real-time (pending/terkirim/gagal)
• Notifikasi In-App — Bell icon di topbar dengan dropdown panel, badge merah, dan mark all read
• Trigger Otomatis — Notif dikirim saat: pengaduan masuk, status berubah, pengaduan selesai
• Queue Runner — Script cron job untuk proses antrian otomatis setiap menit
• Test Kirim — Uji konfigurasi email dan WhatsApp langsung dari dashboard
• Retry Gagal — Kirim ulang notifikasi yang gagal dengan satu klik

📣 Pengumuman & Konten

• CRUD Pengumuman — Buat banner informasi dengan 4 tipe (Info/Peringatan/Penting/Sukses)
• Penjadwalan — Atur tanggal mulai dan selesai tayang secara otomatis
• Target Lokasi — Pilih tampil di: Portal Publik, Dashboard Admin, atau Semua Halaman
• Preview Langsung — Lihat tampilan banner sebelum disimpan
• CRUD FAQ — Kelola pertanyaan umum dengan kategori, urutan, dan status aktif/nonaktif

📊 Survei IKM Otomatis

• 9 Unsur IKM — Sesuai PermenPAN-RB No. 14/2017 (Persyaratan, Prosedur, Waktu, Biaya, Produk, Kompetensi, Perilaku, Maklumat, Sarana)
• Generate Otomatis — Link survei dibuat otomatis setiap pengaduan ditandai selesai
• Token Unik — Link survei berlaku selama N hari (bisa dikonfigurasi), setelah itu kadaluarsa
• Dashboard IKM — Nilai IKM 0-100, predikat A/B/C/D, response rate, bar chart per unsur
• Integrasi Rating — Nilai IKM otomatis dikonversi ke rating bintang di pengaduan

🔌 REST API

• Endpoint Publik — Tracking tiket dan statistik tanpa autentikasi
• Bearer Token Auth — Login via API untuk mendapatkan token 30 hari
• GET List/Detail — Ambil daftar pengaduan dengan pagination dan filter
• POST Create — Buat pengaduan baru via API (untuk integrasi aplikasi mobile)
• Rate Limiting — Maks 100 request/menit per pengguna
• CORS Headers — Siap diintegrasikan dengan aplikasi frontend/mobile
• Dokumentasi JSON — Endpoint /api/ menampilkan daftar endpoint lengkap

🎨 UI & Pengalaman Pengguna

• Dark Mode — Toggle gelap/terang persisten (disimpan di localStorage), semua komponen support
• Responsive Design — Tampil optimal di desktop, tablet, dan mobile
• Design System Konsisten — Satu file CSS dengan variabel warna, komponen standar, dan animasi
• Avatar Profil — Upload dan preview foto profil dengan auto-submit
• Strength Meter Password — Indikator kekuatan password saat ganti password
• Live Search — Pencarian dengan debounce 600ms, tidak perlu tekan enter
• Loading States — Spinner dan feedback visual di semua aksi async
• Toast Notification — Pesan sukses/error yang muncul dan hilang otomatis

👤 Profil Pengguna

• Edit Profil — Ubah nama, HP, NIK, alamat, dan foto profil
• Ganti Password — Dengan validasi password lama, strength meter, dan paksa logout untuk keamanan
• Riwayat Aktivitas — Timeline login, logout, gagal login, ganti password, dan update profil dengan IP address

👥 Hak Akses per Role

📐 Dasar Hukum

• Permenpan-RB No. 62 Tahun 2018 — Pedoman SP4N-LAPOR!
• PermenPAN-RB No. 14 Tahun 2017 — Survei Kepuasan Masyarakat (IKM)
• UU No. 25 Tahun 2009 — Pelayanan Publik
• PP No. 96 Tahun 2012 — Pelaksanaan UU Pelayanan Publik
• UU No. 14 Tahun 2008 — Keterbukaan Informasi Publik