- Latar belakang: mengapa sistem ini dibuat
- Tentang aplikasi ini
- Membuka halaman & mengenal tampilannya
- Tab Zakat — arti tiap angka, tabel & filter tahun
- Tab Qurban — arti tiap angka, grafik & tabel
- Tab Tasyaruf — filter tanggal, grafik, foto & tabel
- Label kepercayaan: kelengkapan, keterkinian & kontak
- Linimasa tahunan di halaman depan
- Laporan agregasi tahunan (cetak)
- Mengunduh & membaca dokumen PDF
- Memverifikasi dokumen lewat QR code
- Halaman turunan: tahunan, profil unit & galeri
- Mode gelap, HP, dan mencetak halaman
- Istilah-istilah yang dipakai
- Kendala umum & solusinya
- Untuk petugas pencatat data
- Tentang dokumen panduan ini
1Latar belakang: mengapa sistem ini dibuat
Kondisi sebelum ada sistem
Selama bertahun-tahun, pencatatan kegiatan dan keuangan umat di Ranting NU Pelem dilakukan secara manual — buku tulis, lembaran lepas, dan catatan di gawai pribadi pengurus. Cara ini menimbulkan persoalan yang berulang setiap tahun:
Buku catatan basah, sobek, atau terselip; berkas di HP hilang saat ganti perangkat. Sekali hilang, data satu periode lenyap tanpa cadangan — tidak bisa direkonstruksi.
Setiap musholla/masjid dan setiap seksi menyimpan catatannya sendiri. Saat dibutuhkan rekap ranting (misalnya laporan ke LAZISNU/MWC), pengurus harus menagih, menunggu, lalu menjumlah manual — lambat dan rawan salah hitung.
Penyaluran santunan, belasungkawa, donor darah, dan bantuan dhuafa berjalan rutin, tetapi bukti pelaksanaannya tercecer: foto di HP berbeda-beda, tanpa tanggal, tanpa kode arsip. Setahun kemudian sulit membuktikan apa yang sudah dikerjakan.
Saat kepengurusan berganti, catatan periode lama ikut "pensiun" bersama pengurus lama. Pengurus baru memulai dari nol tanpa arsip yang bisa dirujuk.
Surat/laporan kertas mudah dipalsukan atau diragukan. Tidak ada cara cepat bagi masyarakat untuk memastikan sebuah dokumen benar-benar terbit dari pengurus.
Yang dibangun untuk menjawabnya
| Masalah | Jawaban di sistem ini |
|---|---|
| Data hilang | Seluruh catatan tersimpan di basis data terpusat dengan cadangan (backup) — tidak lagi bergantung pada satu buku atau satu HP. |
| Rekap tersebar | Angka ringkasan, tabel, grafik, dan linimasa tahunan dihitung otomatis per tahun, per kegiatan, atau per rentang tanggal. |
| Dokumentasi tercecer | Setiap penyaluran wajib tercatat (kode giat, tanggal, penerima, alamat) plus foto dokumentasi yang dikompres otomatis. |
| Pengetahuan terputus | Arsip digital abadi — pengurus baru bisa menelusuri seluruh riwayat 2022 sampai hari ini. |
| Keaslian diragukan | Setiap dokumen PDF membawa QR validasi; pindai untuk membuka halaman bukti resmi dari sistem. |
2Tentang aplikasi ini
Aplikasi ini mempublikasikan laporan pengelolaan dana umat oleh Pengurus Ranting NU Pelem dalam tiga kelompok kegiatan. Semua angka dihitung otomatis dari data yang dicatat petugas — pembaca tidak bisa mengubah apa pun dari halaman publik.
| Tab | Isi & periode | Contoh data |
|---|---|---|
| Zakat | Laporan Zakat, Infak & Shodaqoh tiap musholla/masjid per tahun Hijriah. | Total penerimaan Rp, muzaki, beras, penyaluran per asnaf. |
| Qurban | Pelaksanaan qurban tiap musholla/masjid per tahun Masehi/Hijriah. | Jumlah sapi, kambing, dan penerima daging. |
| Tasyaruf | Penyaluran insidental UPZIS (bukan agenda tahunan). | Santunan yatim, belasungkawa, donor darah, bantuan dhuafa. |
Selain tiga tab, tersedia linimasa tahunan (gambaran setahun penuh), laporan agregasi tahunan siap cetak per fitur, dokumen PDF per data, dan halaman verifikasi QR.
3Membuka halaman & mengenal tampilannya
Ketik alamat situs di peramban HP/komputer. Halaman langsung terbuka tanpa akun.
- Bilah atas: logo/nama, jam berjalan, tanggal Masehi + Hijriah hari ini, dan tombol Rekapitulasi.
- Judul besar + kutipan: menyesuaikan tab aktif; kutipan ayat/hadis berganti setiap hari (6 kutipan berbeda per tab, dipilih acak harian).
- Linimasa tahunan: 12 kotak bulan + pemilih tahun (penjelasan di bagian 7).
- Tiga tombol tab: Zakat Qurban Tasyaruf — tab aktif berwarna hijau tua.
- Tombol bulan/matahari di samping judul: mengganti mode terang/gelap, tersimpan di peramban.
4Tab Zakat — arti tiap angka, tabel & filter tahun
4.1 Memilih tahun
Kotak Pilih Tahun Hijriah (contoh: 1447). Seluruh isi di bawahnya — ringkasan, tabel jenis, dan daftar unit — ikut tahun tersebut. Label hijau "Menampilkan data tahun …" menandakan tahun yang sedang aktif.
4.2 Arti kartu ringkasan
| Kartu | Artinya |
|---|---|
| Total Laporan | Banyaknya laporan unit (musholla/masjid) pada tahun itu. |
| Total Penerimaan | Jumlah seluruh uang zakat/infak yang diterima semua unit (Rp). |
| Total Penyaluran | Jumlah seluruh uang yang disalurkan (Rp). |
| Saldo | Penerimaan dikurangi penyaluran. |
| Total Muzaki / Penerima / Beras | Jumlah pembayar zakat (orang), penerima manfaat (orang), dan total beras (Kg). |
4.3 Tabel “Penerimaan per Jenis ZIS”
Merinci penerimaan per jenis (Fitrah, Maal, Fidyah, Infak) beserta persentase masing-masing terhadap total — untuk melihat jenis dana yang paling dominan.
4.4 Tabel daftar laporan musholla
| Kolom | Artinya |
|---|---|
| Tanggal | Tanggal laporan dicatat. |
| Nama Musholla | Unit pelapor, lengkap dengan ketua & bendahara. |
| Penerimaan / Total Beras | Nominal dan beras yang dihimpun unit tersebut. |
| Tombol PDF | Mengunduh laporan rinci satu unit (lihat bagian 9). |
5Tab Qurban — arti tiap angka, grafik & tabel
5.1 Memilih tahun
Kotak pilihan menampilkan pasangan tahun, contoh 2026M / 1447H. Label hijau menunjukkan tahun yang sedang aktif.
5.2 Arti kartu ringkasan
| Kartu | Artinya |
|---|---|
| Unit | Banyaknya masjid/musholla pelaksana pada tahun itu. |
| Sapi / Kambing | Total ekor hewan yang disembelih. |
| Penerima | Total penerima daging/bungkus. |
5.3 Membaca grafik kegiatan per tahun
Sumbu mendatar = tahun (tanda M = Masehi). Batang hijau tua = sapi, emas = kambing. Tinggi batang = jumlah ekor; arahkan kursor/sentuh batang untuk angka pastinya.
5.4 Tabel daftar unit
Kolom: nomor, tempat, tipe (Masjid/Musholla), Sapi, Kambing, Penerima, dan tombol PDF per baris.
6Tab Tasyaruf — filter tanggal, grafik, foto & tabel
Tasyaruf terjadi sewaktu-waktu, sehingga penyaringannya memakai rentang tanggal + kegiatan, bukan tahun.
6.1 Menggunakan filter
- Dari / Sampai Tanggal — boleh diisi salah satu atau keduanya; kosongkan untuk semua waktu.
- Kegiatan — dropdown berisi seluruh jenis kegiatan (Santunan Yatim, Hantaran Belasungkawa, Giat Donor Darah, dll).
- Tekan Tampilkan. Tanpa filter, yang ditampilkan adalah 50 data terbaru.
6.2 Kartu, grafik & tabel
| Bagian | Artinya |
|---|---|
| Total Penyaluran | Banyaknya kejadian penyaluran pada filter aktif. |
| Jenis Kegiatan | Banyaknya jenis kegiatan berbeda pada filter aktif. |
| Grafik per kegiatan | Batang per jenis kegiatan; makin tinggi = makin sering disalurkan. |
| Tabel data | Kolom: Kode (mis. AKB001), Tanggal, Kegiatan, Penerima (+alamat), Foto, dan tombol PDF. |
7Label kepercayaan: kelengkapan, keterkinian & kontak
Angka yang bagus belum cukup — Anda perlu tahu apakah datanya lengkap dan baru. Karena itu setiap tab menampilkan label kepercayaan:
| Label | Arti & lokasi |
|---|---|
| “X dari Y unit melapor” | Di samping pemilih tahun (Zakat & Qurban). X = unit yang laporannya masuk dan cocok dengan daftar resmi; Y = seluruh unit terdaftar. Selisihnya berarti unit yang belum melapor — bukan data hilang. |
| “Update terakhir: …” | Di bawah filter tiap tab. Menunjukkan kapan data terakhir berubah (“Hari ini”, “Kemarin”, atau tanggalnya). Jika label ini lama, mintalah pengurus memutakhirkan. |
| Kontak pengurus | Di kaki halaman (bila diisi pengurus): nama + tombol WhatsApp untuk koreksi data atau bantuan. Gunakan jalur ini, bukan komentar acak. |
8Linimasa tahunan di halaman depan
Tepat di bawah judul dan kutipan, ada strip Linimasa yang merangkum ritme kerja setahun penuh dalam 12 kotak bulan (Januari–Desember).
Kotak pilihan tahun (mis. 2022–2026) menampilkan linimasa tahun tersebut. Isi tab di bawahnya tidak ikut berubah — linimasa berdiri sendiri.
- Angka besar = banyaknya penyaluran tasyaruf pada bulan itu.
- Label ZAKAT (hijau) = bulan berisi Ramadhan — musim zakat fitrah.
- Label QURBAN (emas) = bulan berisi Dzulhijah — Idul Adha & penyembelihan.
- Bulan Ramadhan/Dzulhijah dihitung otomatis dari kalender Hijriah, bisa jatuh di bulan Masehi yang berbeda tiap tahun.
Memasang linimasa di situs lain (widget)
Linimasa tersedia sebagai widget embed seperti widget waktu sholat: tempel kode berikut di situs masjid/musholla, dan linimasa tampil otomatis mengikuti data terbaru (ganti tahun lewat ?tahun=2025).
<iframe src="https://zis.rantingnupelem.or.id/widget/linimasa" width="100%" height="420" style="border:0;border-radius:12px;" loading="lazy"></iframe>9Laporan agregasi tahunan (cetak)
Selain rekap di layar, tiap fitur punya laporan agregasi tahunan siap cetak (tombol Cetak / Simpan PDF dan Kembali otomatis hilang saat dicetak):
| Laporan | Isi |
|---|---|
| Agregasi Zakat per tahun Hijriah | Tabel PENERIMAAN (per jenis: uang, beras, muzaki) + PENYALURAN (per asnaf: uang, beras, mustahik) + total + catatan harga beras. |
| Agregasi Qurban per tahun | Tabel REKAPITULASI (sapi, kambing, total hewan, penerima) + RINCIAN PER MASJID/MUSHOLLA + total. |
| Agregasi Tasyaruf per tahun Masehi | Tabel REKAPITULASI PER KEGIATAN + PER BULAN (Januari–Desember penuh, bulan kosong = 0) + total. |
10Mengunduh & membaca dokumen PDF
Ada di tiap baris tabel (Zakat/Qurban/Tasyaruf). Berkas terunduh otomatis; dokumen Qurban & Tasyaruf dirancang muat satu halaman.
- Kop hijau: judul, kode/tahun/tanggal, identitas unit/penerima, dan QR validasi di kanan atas.
- Isi: pendahuluan, tabel data, dan penutup. Zakat memuat penerimaan + penyaluran per asnaf + rekap keuangan; Qurban memuat kartu total + tabel hewan; Tasyaruf memuat tabel penyaluran + foto dokumentasi (di samping tabel).
- Bawah: Zakat — tanda tangan Ketua & Bendahara ber-QR (plus lampiran SK bila ada); Qurban — baris tanggal dokumen; Tasyaruf — tanda tangan Ketua & Bendahara UPZIS ber-QR sesuai nama di Pengaturan.
11Memverifikasi dokumen lewat QR code
Gunakan kamera HP / aplikasi pemindai biasa. Tidak perlu aplikasi khusus.
- Label DOKUMEN RESMI + rincian data sesuai jenisnya (Zakat: unit/tahun/ringkasan angka; Qurban: tempat/tahun/hewan; Tasyaruf: kode/kegiatan/tanggal/penerima + foto).
- Pernyataan bahwa data sudah diverifikasi Pengurus Ranting NU Pelem Kertosono dan tercatat resmi, plus stempel waktu verifikasi.
- Bandingkan isi halaman dengan dokumen fisik — harus sama persis.
12Halaman turunan: tahunan, profil unit & galeri
- Laporan Tahunan — dibuka dari tautan “tahun dalam Angka” di strip linimasa. Satu halaman berisi kisah setahun: zakat terhimpun, hewan qurban, penyaluran tasyaruf, plus tombol ke laporan agregasi tiap fitur. Ganti tahun lewat pilihan angka di atasnya.
- Profil Unit — klik nama musholla/masjid di tabel mana pun untuk membuka riwayat unit tersebut (riwayat zakat, qurban, dan tasyaruf yang diterima).
- Galeri — tautan di kaki halaman; berisi foto dokumentasi tasyaruf yang bisa disaring per kegiatan. Keterangan foto hanya kegiatan + tanggal + kode, tanpa nama penerima.
13Mode gelap, HP, dan mencetak halaman
- Mode gelap/terang: tombol bulan/matahari di samping judul halaman depan; pilihan tersimpan di peramban masing-masing.
- Layar kecil: kartu menumpuk vertikal dan tabel dapat digeser horizontal — tidak ada fungsi yang hilang.
- Mencetak panduan ini: gunakan Ctrl+P (atau menu Bagikan > Cetak di HP); panduan ini sudah diatur ramah cetak.
- Menyimpan halaman rekap sebagai PDF: bisa lewat menu cetak peramban > Save as PDF, namun untuk dokumen resmi selalu gunakan tombol PDF di tabel.
14Istilah-istilah yang dipakai
- Muzaki
- Pembayar/penitip zakat.
- Mustahik
- Penerima zakat yang berhak.
- Asnaf
- Delapan golongan penerima zakat (fakir, miskin, amil, muallaf, riqab, gharim, fisabilillah, ibnu sabil).
- ZIS
- Zakat, Infak, Shodaqoh.
- UPZIS
- Unit Pengumpul Zakat, Infak & Shodaqoh tingkat ranting.
- LAZISNU
- Lembaga Amil Zakat, Infak & Shadaqah Nahdlatul Ulama (tingkat di atas ranting).
- Shohibul Qurban
- Orang yang berqurban.
- Kode Giat
- Nomor unik tiap penyaluran tasyaruf, format AKB + angka (contoh AKB001); terisi otomatis dan boleh diganti manual selama unik.
- Tasyaruf
- Penyaluran/penggunaan dana untuk kegiatan kemaslahatan.
- Linimasa
- Ringkasan 12 bulan dalam setahun: angka tasyaruf per bulan plus penanda musim zakat (Ramadhan) dan qurban (Dzulhijah).
- Agregasi
- Rekap gabungan seluruh unit/kegiatan dalam satu periode menjadi satu laporan.
- Interaksi manfaat
- Total sentuhan manfaat (mustahik + penerima qurban + penyaluran tasyaruf); bukan jumlah jiwa unik karena satu orang bisa menerima berkali-kali.
- Master unit
- Daftar resmi seluruh musholla/masjid; menjadi penyebut “X dari Y unit”.
- Profil unit
- Halaman riwayat satu musholla/masjid lintas ketiga fitur.
- Galeri
- Kumpulan foto dokumentasi tasyaruf, tanpa nama penerima.
- QR validasi
- Kode QR di dokumen; dipindai untuk membuka halaman bukti resmi dari sistem.
- Master kegiatan
- Daftar resmi jenis kegiatan tasyaruf yang tampil sebagai pilihan (dropdown) saat mencatat.
- Habes / Bidhaun / Gidora
- Singkatan internal buku catatan untuk Hantaran Bela Sungkawa, Bingkisan Dhuafa, dan Giat Donor Darah.
- Tahun Hijriah (H) / Masehi (M)
- Zakat memakai tahun Hijriah (mis. 1447H); Qurban memakai keduanya (mis. 2026M/1447H).
15Kendala umum & solusinya
| Kendala | Solusi |
|---|---|
| Data kosong / "Belum ada data" | Ubah filter tahun/tanggal/kegiatan, atau pastikan tab yang dipilih benar. |
| Angka terlihat tidak cocok antar kartu | Kartu dihitung dari filter yang sama — pastikan filter tidak berubah saat membandingkan. |
| Grafik tidak muncul | Grafik qurban butuh data > 1 tahun; pastikan internet aktif (pustaka grafik dari CDN). |
| Foto tidak tampil / rusak | Muat ulang halaman; bila tetap, laporkan kode giat-nya ke pengurus (berkas foto mungkin belum terunggah). |
| PDF tidak terunduh | Izinkan unduhan di peramban; coba Chrome/Edge; nonaktifkan mode hemat data. |
| QR tidak terpindai | Pastikan cetakan tajam dan utuh (jangan terpotong/terlipat di area QR), cahaya cukup, jarak 10–20 cm. |
| Halaman verifikasi error/kosong | Periksa koneksi internet lalu pindai ulang; bila berlanjut, catat kode dokumen dan hubungi pengurus. |
| Jam/tanggal di bilah atas tidak jalan | Aktifkan JavaScript di peramban; jam dihitung dari perangkat masing-masing. |
16Untuk petugas pencatat data
Pencatatan data dilakukan oleh petugas yang ditunjuk dan memerlukan akun khusus. Akun dibuat dan dibagikan oleh admin sistem, bukan melalui halaman publik ini.
- Kode giat terisi otomatis (AKB001, AKB002, …) tetapi boleh diganti manual selama unik dan berformat AKB + angka.
- Jenis kegiatan berupa dropdown dari master yang dikelola — kegiatan baru ditambahkan lewat menu Master Kegiatan (kegiatan yang sudah dipakai data tidak bisa dihapus, hanya dinonaktifkan).
- Foto dokumentasi (JPG/PNG/WebP): pratinjau tampil sebelum simpan; foto besar dikecilkan otomatis di peramban lalu dikompres maksimal 200 KB di server. Mengganti foto akan menghapus berkas lama.
- Nama Ketua & Bendahara UPZIS diisi lewat menu Pengaturan dan otomatis tercetak di tanda tangan PDF tasyaruf beserta QR-nya.
- Laporan agregasi tiap fitur tersedia lewat tombol Agregasi di dashboard; laporan tahunan tasyaruf dibuka lewat pilihan tahun di halaman agregasinya.
- Master Unit dijaga kebenarannya (tambah/nonaktifkan unit) karena menjadi dasar indikator kelengkapan dan pencocokan nama lintas fitur.
- Data yang dihapus tidak bisa dikembalikan — periksa kembali sebelum menghapus.
17Tentang dokumen panduan ini
- Dokumen publik, terbuka tanpa akun, dan tidak memuat informasi masuk admin.
- Revisi 24 September 2026 — mencakup: latar belakang, 3 tab, linimasa publik, laporan agregasi tahunan, foto dokumentasi, QR validasi & halaman verifikasi.
- Jika tampilan situs berubah setelah tanggal revisi, laporkan ke pengurus agar panduan dimutakhirkan.