Source Code Sistem Pembayaran RT/RW NET dengan PHP Native + MySQL
Sistem Pembayaran RT/RW NET dengan PHP Native + MySQL

Sistem Pembayaran RT/RW NET dengan PHP Native + MySQL

04 Feb 2026 Standard License Verified
Sponsored

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

TeknologiVersiKeterangan
PHP8.3+Bahasa pemrograman backend
MySQL8.0+Database management system
Tailwind CSS3.xFramework CSS (via CDN)
Font Awesome6.5.1Icon library (via CDN)
JavaScriptES6+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! 🚀

Support Us

Siap Mengembangkan Project Ini?

Download source code lengkap beserta dokumentasi dan database. Tingkatkan skill codingmu sekarang.