Percakapan dengan Gemini buatkan saya file **svg****`index.html`** **lengkap dengan dashboard billing WiFi modern + menu Pelanggan, Paket, Tagihan, Pembayaran, dan MikroTik**, kemudian kita svglanjutkan file PHP dan `billing.sql` sampai siap dipasang di cPanel. Berikut adalah paket lengkap source code sistem Billing & Bandwidth Management System untuk PT Tiga Putra ZAMBILIZ (zambiliz.id). File interface UI frontend HTML modern telah dibuat dan siap diunduh: Ikon HTML index HTML Buka Berikut adalah file pendukung database SQL dan script backend PHP untuk integrasi MikroTik & cPanel: Database: Ikon SQL billing SQL Buka Konfigurasi Database & Router: Ikon PHP config PHP Buka Controller Isolir API: Ikon PHP action PHP Buka Class RouterOS API: Ikon PHP routeros_api.class PHP Buka 🛠️ Panduan Pasang (Deployment) di cPanel: 1. Persiapan Database (cPanel) Masuk ke cPanel -> MySQL® Databases. Buat database baru (misal: zambiliz_billing). Buat User MySQL baru dan sambungkan (Assign) ke Database dengan centang ALL PRIVILEGES. Buka phpMyAdmin, pilih database yang baru dibuat, klik tab Import, pilih file billing.sql, lalu klik Go/Kirim. 2. Unggah File Aplikasi Buka File Manager di cPanel -> masuk folder public_html (atau folder subdomain seperti billing.zambiliz.id). Upload seluruh file berikut: index.html (Ubah nama menjadi index.php jika ingin dihubungkan langsung ke DB PHP). config.php action.php routeros_api.class.php Edit file config.php di cPanel File Manager: Isikan nama database, username database, dan password database cPanel Anda. Isikan IP Router MikroTik, User API, serta Password API Router Anda. ⚡ Setting Auto-Redirect Isolir di Router MikroTik Agar pelanggan yang berstatus ISOLIR otomatis diarahkan (redirect) ke halaman pemberitahuan isolir web/subdomain zambiliz.id, jalankan perintah berikut melalui New Terminal di Winbox / MikroTik: Cuplikan kode # 1. Buat NAT Redirect Port HTTP (80) untuk IP yang ada di Address-List ISOLIR_LIST /ip firewall nat add chain=dstnat action=redirect to-ports=8080 protocol=tcp dst-port=80 src-address-list=ISOLIR_LIST comment="REDIRECT_ISOLIR_ZAMBILIZ" # 2. Buat Web Proxy internal untuk me-redirect ke subdomain isolir zambiliz.id /ip proxy set enabled=yes port=8080 /ip proxy access add action=deny redirect-to="http://isolir.zambiliz.id" comment="REDIRECT_PAGE" Gemini adalah AI dan dapat membuat kesalahan. Menganalisis ZAMBILIZ.ID - Billing & Bandwidth Management System

Dashboard Overview

PT Tiga Putra ZAMBILIZ - Billing Management Panel

MikroTik Online

148

Total Pelanggan

135

Pelanggan Aktif

13

Isolir / Suspend

Rp 28.450.000

Pendapatan Bulan Ini

Statistik Traffic Bandwidth Real-Time
Daftar Pelanggan Active & Isolir
ID Nama Pelanggan Paket No. Telepon / WA IP / Secret PPPoE Status Aksi
#ZMB-001 Ahmad Fauzi 20 Mbps Home 081234567890 10.10.10.2 AKTIF
#ZMB-002 Budi Santoso 30 Mbps Family 081987654321 10.10.10.3 ISOLIR
Paket Layanan Broadband WiFi
Nama Paket Speed Download/Upload Harga / Bulan Profile MikroTik Aksi
Paket 20Mbps 20 Mbps / 20 Mbps Rp 150.000 profile-20M
Paket 30Mbps 30 Mbps / 30 Mbps Rp 246.000 profile-30M
Paket 40Mbps 40 Mbps / 40 Mbps Rp 350.000 profile-40M
Paket 1 Tahun 20 Mbps Dedicated Rp 1.450.000 profile-1yr
Tagihan Bulanan Subskripsi
No Invoice Pelanggan Jatuh Tempo Total Tagihan Status Aksi
INV-202603-001 Ahmad Fauzi 25 Maret 2026 Rp 150.000 LUNAS
INV-202603-002 Budi Santoso 20 Maret 2026 Rp 246.000 BELUM BAYAR
Riwayat Transaksi Masuk
Tanggal No Invoice Nama Metode Jumlah
2026-03-01 10:15 INV-202603-001 Ahmad Fauzi Transfer Bank BCA Rp 150.000
Pengaturan API Router MikroTik
index.html Menampilkan index.html.