Logo Logo Fallback

{{ company.loadingTitle || company.name || 'ISP Management Portal' }}

{{ company.loadingSubtitle || 'Sistem Administrasi, Billing, & Operasional Internet Service Provider' }}

{{ loadingStatusText }} {{ loadingProgress }}%

{{ company.name || 'Masuk Portal ISP' }}

Masukkan kredensial akun staf atau administrator

⚡ Akses Cepat Staf Administrasi 1-Klik Masuk

Petugas dan staf operasional dapat langsung mulai bekerja membuat penagihan dan surat tanpa perlu memasukkan kata sandi:

{{ company.name || 'PT CITRA DUTA NETWORK' }}
Antrean: {{ syncQueue.length }} ↻

Arsip Dokumen & Riwayat Operasional

Kelola dokumen yang telah diterbitkan dan pantau kesinambungan tagihan.

Total Pelanggan

{{ customers.length }}

Pelanggan terdaftar aktif
Total Arsip Dokumen

{{ documentArchive.length }}

Surat & tagihan tersimpan
Tagihan Lunas (PAID) {{ paidInvoiceCount }} Inv

{{ formatRupiah(totalPaidInvoiceAmount) }}

Telah dibayar & terbit kwitansi
Tagihan Tertunggak {{ unpaidInvoiceCount }} Inv

{{ formatRupiah(totalUnpaidInvoiceAmount) }}

Menunggu pembayaran pelanggan
Filter:
Jenis No. Dokumen Tanggal Target / Pelanggan Nominal Status Keterangan / Ref Aksi Terpadu
{{ doc.type }} {{ doc.no }} {{ formatIndoDate(doc.date) }} {{ doc.targetParty }} {{ doc.amount > 0 ? formatRupiah(doc.amount) : '-' }} {{ doc.status }} Ref: {{ doc.refDocNo }} -
Belum ada arsip dokumen yang tersimpan.

Master Data Pelanggan

Kelola informasi pelanggan korporasi dan ritel untuk kesinambungan penagihan & legalitas.

🔒 Penambahan & perubahan master pelanggan dibatasi untuk Administrator dan Finance.
ID Pelanggan Nama Perusahaan / Klien Alamat Kontak / PIC Paket Layanan Biaya Alur Dokumen
CSR REG {{ cust.customerId }} {{ cust.name }} {{ cust.address }}
{{ cust.phone }} WA ↗
{{ cust.package }} {{ cust.monthlyFee ? formatRupiah(cust.monthlyFee) : 'Gratis (CSR)' }}
Belum ada data pelanggan ditemukan.

Generator Invoice Penagihan

Penomoran otomatis berkesinambungan dengan kalkulasi PPN & Materai presisi.

Parameter Invoice 🔒 Terkunci

Item #{{ idx + 1 }}
Qty / Jumlah:
Harga Satuan (Rp):
Subtotal: {{ formatRupiah(item.qty * item.price) }}
Kenakan PPN 11%
Bea Materai Rp10.000
Sertakan stempel & tanda tangan digital
Skala:
Logo Perusahaan

{{ company.name || 'PT INTERNET SERVICE PROVIDER' }}

{{ company.license }}

{{ company.address }}

Telp: {{ company.phone }} | Email: {{ company.email }}

Web: {{ company.website }}

INVOICE

No: {{ invoice.no }}

Tanggal: {{ formatIndoDate(invoice.date) }}

Jatuh Tempo: {{ formatIndoDate(invoice.dueDate) }}

Kepada Yth:

{{ invoice.customerName || '[Nama Pelanggan]' }}

{{ invoice.customerAddress || '[Alamat Pelanggan]' }}

ID Pelanggan: {{ invoice.customerId || previewFormattedNo(numberingRules.customerPattern, (Number(numberingRules.customerSeq) || 0) + 1, 6) }}
Deskripsi Layanan & Keterangan Qty Harga Satuan Total
{{ item.desc || '[Deskripsi Layanan]' }}
{{ item.qty }}
{{ formatRupiah(item.price) }}
 {{ formatRupiah(item.qty * item.price) }}
Subtotal {{ formatRupiah(calcInvoiceSubtotal) }}
PPN 11% {{ formatRupiah(calcInvoicePpn) }}
Bea Materai {{ formatRupiah(10000) }}
Total {{ formatRupiah(calcInvoiceGrandTotal) }}
Terbilang: {{ terbilangRupiah(calcInvoiceGrandTotal) }} RUPIAH
Pembayaran Melalui Channel Pembayaran dibawah ini:

{{ getSelectedBank.bankName }} - {{ getSelectedBank.accountNumber }}

Atas Nama: {{ getSelectedBank.accountHolder }}

Harap cantumkan No. Invoice pada berita transfer.

Catatan & Keterangan:

{{ invoice.notes }}

Dokumen ini diterbitkan secara resmi oleh sistem penagihan ISP.

Generator Kwitansi Pembayaran

Bukti penerimaan dana resmi yang sah dan terhubung dengan riwayat penagihan.

Parameter Kwitansi 🔒 Terkunci

Ref: {{ kwitansi.refInvoiceNo }}

Memilih invoice otomatis memuat nama pembayar, nominal tagihan, dan peruntukan pelunasan.

Sertakan stempel & tanda tangan digital
Skala:
Logo Perusahaan

{{ company.name || 'PT INTERNET SERVICE PROVIDER' }}

{{ company.license }}

{{ company.address }}

Telp: {{ company.phone }} | Email: {{ company.email }}

Web: {{ company.website }}

KWITANSI PEMBAYARAN

No: {{ kwitansi.no }}

Tanggal: {{ formatIndoDate(kwitansi.date) }}

Tautan: {{ kwitansi.refInvoiceNo }}

Telah Diterima Dari: {{ kwitansi.customerName || '[Nama Pelanggan]' }}
ID Pelanggan {{ kwitansi.customerId }}
Uang Sejumlah: {{ terbilangRupiah(kwitansi.amount) }} RUPIAH
Untuk Pembayaran: {{ kwitansi.forPayment || '[Keterangan Pembayaran]' }}
Total Penerimaan: {{ formatRupiah(kwitansi.amount) }}

Bukti pembayaran sah dan diverifikasi oleh sistem keuangan.

Berita Acara Serah Terima (BAST)

Dokumen uji terima layanan internet & spesifikasi teknis aktivasi.

Parameter BAST 🔒 Terkunci

Sertakan stempel & tanda tangan digital
Skala:
Logo Perusahaan

{{ company.name || 'PT INTERNET SERVICE PROVIDER' }}

{{ company.license }}

{{ company.address }}

Telp: {{ company.phone }} | Email: {{ company.email }}

Web: {{ company.website }}

BERITA ACARA SERAH TERIMA

No: {{ bast.no }}

Pada hari ini, {{ formatIndoDate(bast.date, true) }}, bertempat di lokasi pelanggan, pihak Penyedia Jasa dan Pihak Pelanggan telah melaksanakan pengujian teknis (*commissioning test*) dan serah terima layanan internet dengan rincian konfigurasi sebagai berikut:

Parameter Teknis Hasil / Konfigurasi
Nama Pelanggan / Instansi {{ bast.customerName }}
ID Pelanggan {{ bast.customerId || previewFormattedNo(numberingRules.customerPattern, (Number(numberingRules.customerSeq) || 0) + 1, 6) }}
Jenis Layanan / Bandwidth {{ bast.serviceType }}
Catatan Teknis / Instalasi:

{{ bast.notes }}

Dengan ditandatanganinya berita acara ini, maka layanan tersebut dinyatakan telah aktif, berfungsi dengan baik, dan resmi diserahterimakan kepada pihak pelanggan.

Pihak Pelanggan / Penerima

(Tanda Tangan & Stempel)

{{ bast.customerName || 'Wakil Pelanggan' }}

Generator Surat Bantuan CSR

Dukungan sosial perusahaan untuk lembaga pendidikan, sosial, atau rumah ibadah.

Parameter Surat CSR 🔒 Terkunci

Bulan & Tahun Mulai:
Bulan & Tahun Berakhir:
Teks Periode (Otomatis / Kustom):
{{ lIdx + 1 }}.
Biaya Langganan & Instalasi:
Perangkat Pendukung (CPE):
Dukungan Pemeliharaan:
Sertakan stempel & tanda tangan digital
Skala:
Logo Perusahaan

{{ company.name || 'PT INTERNET SERVICE PROVIDER' }}

{{ company.license }}

{{ company.address }}

Telp: {{ company.phone }} | Email: {{ company.email }}

Web: {{ company.website }}

SURAT DUKUNGAN CSR

No: {{ csr.no }}

Nomor : {{ csr.no }}
Lampiran : {{ csr.attachment || '1 (Satu) Berkas Spesifikasi Teknis' }}
Perihal : {{ csr.subject || 'Pemberian Bantuan Akses Internet Program CSR' }}

{{ company.city || 'Kota' }}, {{ formatIndoDate(csr.date) }}

Kepada Yth: ID: {{ csr.customerId }}

{{ csr.recipientOrg || '[Nama Instansi / Lembaga]' }}

di Tempat

Dengan hormat,

Sebagai wujud nyata Tanggung Jawab Sosial dan Lingkungan Perusahaan (Corporate Social Responsibility / CSR), {{ company.name || 'PT Internet Service Provider' }} senantiasa berkomitmen untuk mendukung percepatan literasi digital, pemerataan akses teknologi informasi, serta pemberdayaan sarana pendidikan dan sosial keagamaan di wilayah layanan kami.

Menindaklanjuti permohonan kemitraan serta hasil asesmen teknis kelayakan jaringan yang telah dilakukan, dengan ini manajemen perusahaan menyetujui penyaluran {{ csr.aidType || 'bantuan penyediaan fasilitas akses internet cuma-cuma' }} kepada {{ csr.recipientOrg || '[Nama Instansi / Lembaga]' }} dengan rincian teknis pelaksanaan sebagai berikut:

Komponen Dukungan Keterangan / Spesifikasi Layanan
Jenis & Kapasitas Bantuan {{ csr.aidType }}
Periode Penyaluran Fasilitas {{ csr.period }}
Titik / Lokasi Pemasangan
  1. {{ loc || '-' }}
Biaya Langganan & Instalasi {{ csr.costSpec || '100% Gratis / Didanai Penuh Program CSR' }}
Perangkat Pendukung (CPE) {{ csr.cpeSpec || '1 Unit Router Access Point WiFi & Media Converter / ONT' }}
Dukungan Pemeliharaan {{ csr.maintenanceSpec || 'Dukungan Teknis Operasional (Helpdesk & Network Monitoring)' }}

{{ csr.closingNarrative }}

Tembusan:

1. Arsip Divisi Hubungan Masyarakat & CSR

2. Divisi Operasi Jaringan (*Network Operations*)

Dokumen verifikasi resmi program tanggung jawab sosial perusahaan.

Kontrak Perjanjian Kerjasama (MoU)

Perjanjian berlangganan layanan internet dan klausul SLA korporasi.

Parameter MoU 🔒 Terkunci

Sisipkan Cepat dari Preset Klausul:
Sertakan stempel & tanda tangan digital
Skala:
Logo Perusahaan

{{ company.name || 'PT INTERNET SERVICE PROVIDER' }}

{{ company.license }}

{{ company.address }}

Telp: {{ company.phone }} | Email: {{ company.email }}

Web: {{ company.website }}

PERJANJIAN KERJASAMA

No: {{ mou.no }}

Pada hari ini, {{ formatIndoDate(mou.date, true) }}, bertempat di {{ company.city || 'Kota' }}, dibuat dan disepakati perjanjian kerjasama antara:

1. PIHAK PERTAMA: {{ company.name || 'PT Internet Service Provider' }}, berkedudukan di {{ company.address }}, dalam hal ini diwakili oleh pejabat yang berwenang.

2. PIHAK KEDUA: {{ mou.secondPartyOrg }} (ID Pelanggan: {{ mou.customerId }}), bertindak untuk dan atas nama penerima layanan.

PASAL 1: RUANG LINGKUP & SLA

{{ templates.mouClause1 || 'Pihak Pertama sepakat menyediakan layanan akses internet Dedicated kepada Pihak Kedua dengan komitmen Service Level Agreement (SLA) 99.5% dan dukungan teknis 24/7.' }}

PASAL 2: BIAYA & TERMIN PEMBAYARAN

Biaya atas penyediaan layanan tersebut disepakati sebesar {{ formatRupiah(mou.monthlyFee) }} ({{ terbilangRupiah(mou.monthlyFee) }} Rupiah) yang wajib dibayarkan sesuai ketentuan yang disepakati.

PASAL 3: MASA BERLAKU

Perjanjian ini berlaku selama {{ mou.duration }} terhitung sejak tanggal ditandatanganinya dokumen ini dan dapat diperpanjang atas kesepakatan kedua belah pihak.

PIHAK KEDUA

Mitra / Pelanggan

(Tanda Tangan & Stempel)

{{ mou.secondPartyOrg || 'Wakil Klien' }}

Pengaturan Pola & Generator Nomor Dokumen

Konfigurasi pola penomoran otomatis dan kontrol urutan (*sequence counter*) untuk staf operasional.

💡

Informasi Variabel Format Penomoran:

Gunakan tag variabel: {YYYY} (Tahun 4 digit), {MM} (Bulan 2 digit), dan {SEQ} (Nomor urut otomatis 4 digit).

Seluruh nomor dokumen pada formulir surat otomatis dikunci dan berjalan berurutan sesuai konfigurasi ini.

Urutan Terakhir:
Berikutnya: {{ previewFormattedNo(numberingRules.invoicePattern, (Number(numberingRules.invoiceSeq) || 0) + 1, 4) }}
Urutan Terakhir:
Berikutnya: {{ previewFormattedNo(numberingRules.kwitansiPattern, (Number(numberingRules.kwitansiSeq) || 0) + 1, 4) }}
Urutan Terakhir:
Berikutnya: {{ previewFormattedNo(numberingRules.bastPattern, (Number(numberingRules.bastSeq) || 0) + 1, 3) }}
Urutan Terakhir:
Berikutnya: {{ previewFormattedNo(numberingRules.csrPattern, (Number(numberingRules.csrSeq) || 0) + 1, 3) }}
Urutan Terakhir:
Berikutnya: {{ previewFormattedNo(numberingRules.mouPattern, (Number(numberingRules.mouSeq) || 0) + 1, 3) }}
Urutan Terakhir:
Berikutnya: {{ previewFormattedNo(numberingRules.customerPattern, (Number(numberingRules.customerSeq) || 0) + 1, 6) }}
Urutan Terakhir:
Berikutnya: {{ previewFormattedNo(numberingRules.customerCsrPattern, (Number(numberingRules.customerCsrSeq) || 0) + 1, 6) }}

Profil Perusahaan & Rekening Bank

Konfigurasi identitas korporasi, logo kop surat, dan multi-rekening pembayaran.

Informasi Legalitas ISP & Layar Loading

Upload Aset Gambar (Folder Root: gambar/logo/ & gambar/qris/)

Daftar Rekening Bank Perusahaan

{{ b.bankName }} {{ b.accountNumber }} A.n: {{ b.accountHolder }} UTAMA

Manajemen Pejabat, TTD & Stempel

Daftarkan pejabat penandatangan beserta aset gambar TTD dan cap stempel basah (Folder: gambar/ttd_stempel/).

{{ s.name }}

{{ s.title }}

Tanda Tangan
Belum ada
Stempel Basah
Belum ada

Kelola Akun Staf & Pengguna

Pemberian akses login berjenjang antara Super Admin dan Staf Administrasi.

Nama Lengkap Username Peran (Role) Status Aksi
{{ u.name }} AKUN ANDA {{ u.username }} {{ u.role }} {{ u.active ? 'AKTIF' : 'NONAKTIF' }}

Google Sheets & Struktur Folder Root Penyimpanan

Integrasi Webhook Sheets dan arsitektur folder penyimpanan gambar & berkas dokumen di root hosting/Drive.

Endpoint Webhook Google Apps Script Terkoneksi Real-time

Buka Spreadsheet di Drive ↗

Tautan spreadsheet tempat tabel Invoices, Surat_Keluar, Pelanggan, dan Pengaturan_Sistem berada.

Didapatkan dari menu Ekstensi ➔ Apps Script ➔ Deploy ➔ New deployment (Web app) di spreadsheet Anda. Wajib berakhiran /exec.

Arsitektur Folder Penyimpanan (Root Directory)

Sistem mengelompokkan berkas secara otomatis ke dalam folder root berikut sesuai jenisnya:

📁 [CDN_STORAGE_ROOT] /
├── 📁 gambar/
├── 📁 logo/            # Logo perusahaan & kop surat
├── 📁 ttd_stempel/     # Scan tanda tangan & cap stempel
└── 📁 qris/            # Barcode QRIS pembayaran
└── 📁 dokumen/
├── 📁 invoices/        # Arsip tagihan penagihan bulanan
├── 📁 kwitansi/        # Bukti tanda penerimaan lunas
├── 📁 bast/            # Berita acara serah terima uji teknis
├── 📁 csr/             # Surat rekomendasi & bantuan sosial
└── 📁 mou/             # Kontrak perjanjian kerjasama SLA

Cadangan & Pemulihan Data Lengkap (JSON)

Amankan seluruh database arsip, pelanggan, profil perusahaan, rekening, dan penandatangan ke file JSON.

Log Aktivitas & Jejak Audit

Rekaman kronologis seluruh tindakan operasional, login, dan perubahan data.

Waktu Pengguna Aksi / Kategori Keterangan Detail
{{ log.timestamp }} {{ log.user }} {{ log.action }} {{ log.details }}
Belum ada catatan log aktivitas.

Kustomisasi Klausul Surat & Perjanjian

Sesuaikan kalimat pasal standar MoU, preset pasal tambahan dinamis, dan narasi default CSR sesuai kebijakan korporasi.

Preset Klausul Tambahan MoU

Daftar pasal siap pakai yang dapat langsung disisipkan staf saat membuat MoU.

{{ p.title }}

{{ p.content }}

+ Tambah Preset Klausul Baru
🚀

Panduan Aktivasi Webhook Google Apps Script

Hubungkan spreadsheet Anda agar dapat membaca & menyimpan data secara otomatis (1-2 menit).

Spreadsheet Target Terdeteksi
ID: {{ spreadsheetId }}
Buka Sheet ↗
1

Buka Editor Apps Script

Buka spreadsheet Anda di atas, lalu pada bilah menu klik: Ekstensi (Extensions) ➔ Apps Script.

2

Salin & Tempel Kode Backend Versi 2.0

Hapus seluruh kode lama di editor Apps Script, lalu klik tombol di bawah untuk menyalin kode baru dan tempelkan (Ctrl + V).

Setelah ditempel, tekan ikon Simpan (Disket) di Apps Script.

3

Deploy (Terapkan) sebagai Web App

Klik tombol biru Deploy ➔ New deployment (Penerapan baru) di kanan atas Apps Script.

  • Pilih jenis: Web app (Aplikasi Web)
  • Execute as: Me (Email Google Anda)
  • Who has access: Anyone (Siapa saja) *Penting agar portal dapat terhubung tanpa login Google berulang

Klik Deploy dan setujui izin jika diminta (Review permissions ➔ Advanced ➔ Go to script ➔ Allow).

4

Salin Web App URL (/exec) & Tempel di Sini

Salin URL yang diberikan Google (yang berakhiran /exec), lalu tempelkan di bawah ini:

📋

SOP Alur Kerja Operasional & Dokumen ISP

1. Pendaftaran Pelanggan Baru

Admin mendaftarkan identitas klien ke Master Pelanggan. Nomor ID pelanggan digenerate otomatis (CUST-xxx).

2. Penandatanganan Kontrak (MoU)

Penerbitan perjanjian kerjasama SLA internet. Biaya paket otomatis tersambung dari data pelanggan.

3. Aktivasi & BAST Uji Terima

Teknisi melakukan instalasi, uji redaman fiber optik (-dBm), alokasi IP, dan serah terima layanan.

4. Penerbitan Tagihan (Invoice)

Staf menerbitkan invoice bulanan. Nomor terkunci otomatis sesuai pola urutan sistem.

5. Pembayaran & Kwitansi Lunas

Kwitansi diterbitkan langsung dari invoice. Nomor invoice terikat sebagai referensi pelunasan.

{{ customerFormData.id ? 'Edit Data Pelanggan' : 'Tambah Pelanggan Baru' }}

Format standar Indonesia (08... / 628..., 10-14 digit) untuk korespondensi WA.
Pelanggan CSR bernilai Rp 0 (didukung program bantuan sosial).

{{ bankFormData.id ? 'Edit Rekening Bank' : 'Tambah Rekening Bank Baru' }}

{{ signerFormData.id ? 'Edit Pejabat Penandatangan' : 'Tambah Pejabat Baru' }}

{{ userFormData.id ? 'Edit Pengguna / Staf' : 'Tambah Pengguna Baru' }}

Pilih dari Master Pelanggan

{{ c.name }} ({{ c.customerId }})

{{ c.address }}

Pilih →
Pelanggan tidak ditemukan.
!

Konfirmasi Tindakan

{{ confirmDialog.message }}

📁

Alur Kerja Mandatori: Penyimpanan Berkas

SOP Wajib Seluruh Staf & Admin ISP

Jenis Dokumen: {{ mandatoryFolderModal.docType }}
Nomor Dokumen: {{ mandatoryFolderModal.docNo }}
Nama Berkas: {{ mandatoryFolderModal.fileName || '-' }}
Target Folder Fisik: [root]/{{ mandatoryFolderModal.folderPath }}
⚠️ Instruksi Wajib Pengarsipan:

Sesuai SOP operasional perusahaan, dokumen resmi yang diterbitkan wajib disimpan ke direktori folder proyek bersangkutan agar tertib administrasi dan mudah diaudit.

📲

Pasang Aplikasi di iPhone / iPad

Untuk memasang aplikasi ini di layar utama (Home Screen) perangkat iOS Anda agar berjalan layaknya aplikasi native:

1️⃣

Tekan tombol Berbagi (Share)

Ketuk ikon kotak dengan panah ke atas (⎋ / 📤) pada bilah navigasi bawah browser Safari.

2️⃣

Pilih "Tambah ke Layar Utama"

Gulir ke bawah dan ketuk opsi "Add to Home Screen" (➕ Tambah ke Layar Utama).

3️⃣

Konfirmasi "Tambah"

Ketuk tombol "Tambah / Add" di kanan atas. Ikon aplikasi langsung siap digunakan!

● {{ toast.message }}