Sistem Pembayaran RT/RW NET - Web Aplikasi PHP Native untuk Manajemen Internet RT/RW
Pendahuluan
Halo teman-teman developer! Kali ini saya akan share project web aplikasi yang saya buat untuk mengelola pembayaran internet RT/RW atau layanan internet komunitas. Aplikasi ini dibuat menggunakan PHP Native (tanpa framework) dengan design modern menggunakan Tailwind CSS dan icon Font Awesome.
Sistem ini sangat cocok untuk:
- RT/RW NET (Internet komunitas perumahan)
- Kost-kostan dengan WiFi
- Warnet
- ISP kecil-menengah
- Layanan internet komunitas lainnya
Yang paling menarik, aplikasi ini sudah production-ready dan lengkap dengan fitur-fitur essential yang dibutuhkan untuk operasional sehari-hari.
Fitur-Fitur Utama
Untuk Admin:
Dashboard Admin
- Statistik real-time (total pelanggan, pelanggan aktif, tagihan pending, pendapatan)
- Grafik dan chart informatif
- Quick access ke fitur penting
- Notifikasi pembayaran baru
Management Pelanggan
- CRUD (Create, Read, Update, Delete) pelanggan
- Generate akun user otomatis
- Set tanggal tagih custom per pelanggan (1-31)
- Status aktif/nonaktif
- Filter dan search pelanggan
- Validasi: pelanggan tidak bisa dihapus jika masih punya tagihan
Management Paket Internet
- CRUD paket internet
- Set kecepatan (Mbps) dan harga
- Lihat jumlah pelanggan per paket
- Card layout yang elegant
- Auto calculate harga per Mbps
Kelola Tagihan
- Generate tagihan otomatis untuk semua pelanggan (fitur unggulan!)
- Filter: Semua, Belum Bayar, Menunggu Approval, Lunas, Jatuh Tempo
- Search berdasarkan nama pelanggan
- Auto detect jatuh tempo dengan highlight merah
- Delete tagihan (kecuali yang sudah lunas)
Approval Pembayaran
- Verifikasi bukti pembayaran dari pelanggan
- Approve atau Reject dengan alasan
- Lihat bukti pembayaran (klik untuk buka tab baru)
- Auto update status tagihan saat approve
- Notifikasi otomatis ke pelanggan
Setting Metode Pembayaran
- Kelola rekening bank
- Kelola nomor e-wallet (GoPay, OVO, DANA, dll)
- Upload QR Code untuk pembayaran
- Toggle aktif/nonaktif per metode
- Layout 3 kolom per tipe (Bank, E-Wallet, QR)
Laporan Pendapatan
- Filter periode: Bulan Ini, Bulan Lalu, Tahun Ini, Custom Range
- Total pendapatan & jumlah transaksi
- Rata-rata per transaksi
- Pendapatan per paket
- Trend 6 bulan terakhir (grafik)
- Top 5 pelanggan
- Transaksi terbaru
Untuk Pelanggan:
Dashboard Pelanggan
- Info paket internet (kecepatan, harga, tanggal tagih)
- Status koneksi (aktif/nonaktif)
- Total tagihan belum dibayar
- Daftar tagihan aktif
- Riwayat pembayaran terakhir
Tagihan Saya
- List semua tagihan (lunas & belum lunas)
- 2 Tombol terpisah:
- Cara Bayar → Lihat info rekening/e-wallet/QR
- Upload Bukti → Upload bukti pembayaran
- Status visual: Belum Bayar, Jatuh Tempo, Menunggu Approval, Lunas
- Re-upload jika ditolak admin
Info Pembayaran (Modal)
- 3 Kolom metode pembayaran:
- Transfer Bank (BCA, Mandiri, dll)
- E-Wallet (GoPay, OVO, DANA, dll)
- QR Code (scan langsung)
- Copy nomor rekening/e-wallet dengan 1 klik
- Tampil QR Code dalam ukuran besar
- Warning box untuk nominal yang harus dibayar
Riwayat Pembayaran
- Tabel semua transaksi pembayaran
- Info detail: tanggal, periode, metode, jumlah, status
- Link untuk lihat bukti pembayaran
- Tampil alasan jika pembayaran ditolak
- Statistik: Total Transaksi, Disetujui, Pending
Profil & Setting
- Edit data pribadi (nama, email, telepon, alamat)
- Ubah password dengan validasi
- Info paket & biaya bulanan
- Status akun
Fitur Tambahan:
- Light & Dark Mode - Toggle theme sesuai preferensi
- Responsive Design - Sempurna di mobile, tablet, desktop
- Notifikasi Real-time - Icon lonceng dengan badge counter
- Active State Sidebar - Menu aktif otomatis highlight
- Font Awesome Icons - Semua icon menggunakan Font Awesome 6.5.1
- Elegant UI - Design modern dengan gradient dan shadow
- Security - Password hashing, SQL injection prevention, XSS prevention
Teknologi yang Digunakan
| Teknologi | Versi | Keterangan |
|---|---|---|
| PHP | 8.3+ | Bahasa pemrograman backend |
| MySQL | 8.0+ | Database management system |
| Tailwind CSS | 3.x | Framework CSS (via CDN) |
| Font Awesome | 6.5.1 | Icon library (via CDN) |
| JavaScript | ES6+ | Client-side scripting |
Catatan: Aplikasi ini menggunakan PHP Native (no framework) sehingga lebih ringan dan mudah dipahami untuk pemula.
System Requirements
Sebelum install, pastikan server Anda memenuhi requirements berikut:
Minimum Requirements:
- PHP: 8.3 atau lebih tinggi
- MySQL: 8.0 atau lebih tinggi (atau MariaDB 10.5+)
- Web Server: Apache 2.4+ atau Nginx 1.18+
- PHP Extensions:
- mysqli
- pdo_mysql
- gd (untuk upload gambar)
- fileinfo
- mbstring
- Disk Space: Minimal 50 MB
- RAM: Minimal 512 MB
Recommended Requirements:
- PHP: 8.3
- MySQL: 8.0+
- Web Server: Apache dengan mod_rewrite enabled
- RAM: 1 GB atau lebih
- SSL Certificate: Untuk production (HTTPS)
Development Environment:
Untuk testing lokal, Anda bisa menggunakan:
- XAMPP 8.2+ (Windows/Linux/Mac)
- WAMP (Windows)
- MAMP (Mac)
- Laragon (Windows)
- Docker dengan PHP 8.3 + MySQL 8.0
Mobile Responsive
Aplikasi ini sudah fully responsive dan akan tampil sempurna di:
- Desktop (1920px+)
- Laptop (1366px - 1920px)
- Tablet (768px - 1366px)
- Mobile (320px - 768px)
Test di berbagai device menggunakan:
- Chrome DevTools (F12 → Toggle Device Toolbar)
- BrowserStack
- Real devices
Fitur yang Bisa Ditambahkan (Future)
Jika ingin develop lebih lanjut, berikut ide fitur tambahan:
Export Laporan
- Export ke Excel (PHPSpreadsheet)
- Export ke PDF (TCPDF/FPDF)
Email Notification
- PHPMailer untuk kirim email
- Notifikasi tagihan baru
- Notifikasi pembayaran approved
WhatsApp Integration
- WhatsApp API/Gateway
- Notifikasi via WA
Auto Suspend
- Auto nonaktifkan pelanggan yang nunggak
- Reminder sebelum suspend
Multi-User Admin
- Role: Super Admin, Admin, Operator
- Permission management
Statistik & Chart
- Chart.js untuk grafik interaktif
- Dashboard analytics lebih detail
API Integration
- Payment Gateway (Midtrans, Xendit)
- QRIS payment
Mobile App
- React Native
- Flutter
- PWA (Progressive Web App)
Credits
Terima kasih kepada:
- Tailwind CSS - Framework CSS yang amazing
- Font Awesome - Icon library terbaik
- PHP Community - Untuk dokumentasi lengkap
- Stack Overflow - Solusi berbagai problem
Kesimpulan
RT/RW NET - Sistem Pembayaran Internet adalah aplikasi web yang:
✅ Lengkap - Semua fitur essential sudah tersedia
✅ Mudah Install - Hanya 10 step, bisa jalan dalam 15 menit
✅ Ringan - PHP Native tanpa framework
✅ Modern - UI elegant dengan Tailwind CSS
✅ Responsive - Sempurna di mobile, tablet, desktop
✅ Secure - Password hashing, SQL injection prevention
✅ Production Ready - Siap digunakan untuk bisnis real
Cocok untuk:
- RT/RW NET operator yang ingin digitalisasi pembayaran
- ISP kecil yang butuh sistem management sederhana
- Kost-kostan dengan WiFi
- Warnet
- Developer yang ingin belajar CRUD PHP native
Download sekarang dan mulai kelola pembayaran internet Anda dengan lebih efisien!
Selamat mencoba! Jika ada pertanyaan, jangan ragu untuk bertanya di kolom komentar. Happy Coding! 🚀