Tutorial — Buku Besar

1. Pendahuluan — Tentang Aplikasi

Buku Besar adalah sistem informasi berbasis web untuk pendataan dan pengelolaan Buku Besar Bank Sampah. Aplikasi ini dirancang untuk memudahkan pencatatan transaksi penyetoran sampah dari nasabah, pengelolaan data master, serta pelaporan yang akurat dan real-time.

Fitur Utama

● Dashboard — Ringkasan statistik dengan filter bulanan
● Master Data — Kelola kelompok, nasabah, kategori, satuan
● Transaksi — Pencatatan penyetoran sampah multi-item
● Laporan — Rekap per nasabah dengan filter lengkap
● Absensi — Kehadiran petugas per kegiatan
● Export — Excel (CSV) dan cetak PDF
● Multi-Pos — Dukungan banyak kelompok/pos

Jenis Pengguna

Admin

Akses penuh ke semua fitur, semua data kelompok, manajemen user, dan pengaturan sistem.

User (Petugas Pos)

Akses terbatas sesuai kelompok/pos yang ditugaskan. Hanya melihat data kelompoknya sendiri.

Alur Kerja Umum Sistem

1. Login 2. Siapkan Master Data 3. Input Transaksi 4. Lihat Dashboard 5. Export Laporan

2. Registrasi Akun Baru

Untuk mendaftar sebagai pengguna baru:

1

Buka halaman registrasi — Klik "Daftar" di halaman login.

2

Isi formulir — Nama lengkap, email, dan password (min. 6 karakter).

3

Klik "Daftar" — Akun dibuat dan Anda masuk ke halaman menunggu.

4

Tunggu persetujuan admin — Anda akan melihat halaman "Menunggu Persetujuan".

⚠️ Penting: Akun yang didaftarkan sendiri berstatus Pending. Hubungi admin untuk persetujuan.

Tampilan Form Registrasi

Buku Besar

Buat akun baru

Nama Lengkap

Ahmad Petugas

Email

ahmad@email.com

Password

••••••••

Konfirmasi Password

••••••••

Daftar

Tampilan Halaman Menunggu Persetujuan

pending-approval

Menunggu Persetujuan

Halo Ahmad, akun Anda sudah terdaftar namun masih menunggu persetujuan admin.

Hubungi administrator untuk mendapatkan persetujuan akses ke sistem.

Logout Refresh

3. Login ke Sistem

1

Buka halaman login — Akses alamat aplikasi di browser.

2

Masukkan email & password — Gunakan kredensial yang sudah disetujui.

3

Centang "Ingat saya" (opsional) — Agar tidak perlu login ulang.

4

Klik "Masuk" — Anda akan masuk ke Dashboard.

💡 Tips: Jika melihat error merah, pastikan email dan password benar. Jika lupa password, hubungi admin.

Tampilan Form Login

Buku Besar

Bank Sampah Tunjung Setto

Masuk ke akun Anda

Email

admin@banksampah.id

Password

••••••••

Ingat saya

Masuk

Belum punya akun? Daftar

Panduan Penggunaan

4. Dashboard — Memahami Data

Setelah login, Anda akan melihat Dashboard — pusat informasi ringkasan semua aktivitas bank sampah.

Tampilan Dashboard (Admin)

Dashboard

Selamat datang, Administrator! 👋

Anda login sebagai Administrator — mengelola seluruh data Bank Sampah.

Dashboard

Periode: Februari 2026

Februari 2026 ▼

Excel Cetak Tambah Transaksi

248

Nasabah

7

Kelompok

42

Kategori

156

Transaksi

Rp 3.450.000

Total Nilai

Perbandingan Transaksi Antar Pos

Pos A — Karangdowo52 nasabah · 42 trx · Rp 1.250.000

Pos B — Pondok48 nasabah · 38 trx · Rp 980.000

Pos C — Krajan35 nasabah · 28 trx · Rp 720.000

Top 10 Kategori Sampah

Botol PlastikRp 520.000

Kertas HVSRp 380.000

KardusRp 290.000

...

Transaksi Terbaru

Lihat semua →

Siti Aminah

A0015 · 22 Feb 2026

Rp 45.000

Budi Santoso

B0003 · 21 Feb 2026

Rp 32.500

Penjelasan Tiap Bagian:

🎉 Banner Selamat Datang

Menampilkan nama Anda dan role. Petugas pos melihat nama pos mereka.

📊 Kartu Statistik

5 kartu ringkasan: Nasabah, Kelompok (admin), Kategori, Transaksi, dan Total Nilai.

📈 Perbandingan Antar Pos

Admin melihat grafik bar horizontal perbandingan performa setiap pos.

🏆 Top Kategori & Nasabah

Kategori sampah paling laku dan nasabah paling aktif berdasarkan periode.

5. Filter Periode & Export Data

5.1 Filter Periode

Di header Dashboard terdapat dropdown Periode Bulan. Secara default menampilkan bulan berjalan.

Tombol-Tombol Aksi di Dashboard

Filter Periode:

Export:

Excel Cetak Tambah Transaksi

📊 Tombol Excel

Download file CSV yang bisa dibuka di Excel/Sheets. Data sesuai filter periode aktif.

🖨 Tombol Cetak

Buka halaman cetak rapi di tab baru. Gunakan Ctrl+P → "Save as PDF" untuk simpan PDF.

➕ Tambah Transaksi

Shortcut langsung ke form input transaksi baru tanpa harus buka dari menu sidebar.

6. Navigasi Sidebar

Sidebar adalah panel navigasi utama di sebelah kiri layar. Di HP, buka dengan tombol menu (☰) di pojok kiri atas.

Sidebar Navigasi

Buku Besar

Bank Sampah

A

Administrator

admin@banksampah.id

Menu Yang Tersedia:

🏠Dashboard — Halaman utama ringkasan data

📦Kelompok — Data pos bank sampah Admin

👥Nasabah — Anggota bank sampah

⚖️Satuan — Kg, Pcs, Liter, dll Admin

🏷️Kategori Sampah — Jenis + harga

📋Transaksi — Daftar & input penyetoran

📊Laporan Nasabah — Rekap per nasabah

✅Absensi — Catat kehadiran petugas

🪪Petugas — Data petugas per pos Admin

👤Manajemen User — Kelola akun Admin

⚙️Pengaturan — Identitas aplikasi Admin

💡 Tips Mobile: Ketuk ☰ di pojok kiri atas untuk membuka sidebar. Sidebar otomatis tertutup saat memilih menu.

7. Master Data: Kelompok (Admin)

🔒 Khusus Admin — Menu ini hanya bisa diakses oleh administrator.

Kelompok = pos/unit bank sampah. Setiap kelompok punya kode unik (A, B, C, ...) dan nama.

1

Buka menu Master Data → Kelompok.

2

Klik tombol "Tambah Kelompok".

3

Isi Kode (mis: F) dan Nama (mis: Kelurahan Baru).

4

Klik "Simpan". Edit/hapus via tombol di tabel.

8. Master Data: Satuan (Admin)

🔒 Khusus Admin

Satuan mengukur jumlah sampah. Contoh: Kg, Pcs, Liter, Karung.

1

Buka menu Master Data → Satuan dan klik "Tambah Satuan".

2

Isi nama satuan dan klik "Simpan".

9. Master Data: Kategori Sampah

Jenis sampah beserta harga per satuan. Admin bisa tambah/edit, petugas pos hanya melihat.

1

Buka Master Data → Kategori Sampah dan klik "Tambah Kategori".

2

Isi nama (mis: Botol Plastik), pilih satuan (Kg), masukkan harga (Rp 3.000).

3

Klik "Simpan". Sistem menyimpan riwayat perubahan harga (price history).

💡 Tips: Petugas pos hanya bisa melihat daftar dan harga, tidak bisa mengubah.

10. Master Data: Nasabah

Nasabah = anggota bank sampah. Kode digenerate otomatis berdasarkan kelompok (A0001, B0003, ...).

1

Buka Master Data → Nasabah dan klik "Tambah Nasabah".

2

Pilih Kelompok (admin), isi Nama, Alamat, Telepon.

3

Kode otomatis muncul. Klik "Simpan".

💡 Petugas pos hanya melihat nasabah di kelompok mereka sendiri.

Modal Form Nasabah

Tambah Nasabah

✕

Kelompok

A - Karangdowo

Kode (Otomatis)

A0053

Nama

Siti Rahayu

Alamat

Jl. Melati No. 12, RT 03/05

Telepon

081234567890

Email

siti@email.com

Simpan

Batal

11. Membuat Transaksi Penyetoran

Ini adalah fitur utama — mencatat penyetoran sampah dari nasabah. Setiap transaksi bisa memiliki banyak item.

1

Klik "+ Tambah Transaksi" di Dashboard atau buka Transaksi → Tambah.

2

Pilih Nasabah — Ketik nama/kode untuk mencari, klik untuk memilih.

3

Tambah Item — Pilih kategori, masukkan jumlah (qty). Harga & total otomatis.

4

Ulangi untuk tambah item lain dalam satu transaksi.

5

Review total di sidebar kanan, lalu klik "Simpan Transaksi".

Tampilan Form Transaksi Baru

Transaksi Baru

Dashboard Transaksi Baru

Pilih Nasabah

Ketik nama atau kode nasabah...

Siti Aminah

A0015 · Jl. Mawar No. 5

✕

Item Sampah

Tambah Item

1

Kategori

Botol Plastik (Kg) - Rp 3.000

Qty (Kg)

5.5

Subtotal

Rp 16.500

2

Kategori

Kardus (Kg) - Rp 2.000

Qty (Kg)

3.0

Subtotal

Rp 6.000

🗑️

Ringkasan

NasabahSiti Aminah

Jumlah Item2 item

Total Rp 22.500

Simpan Transaksi

⚠️ Penting: Harga yang tersimpan adalah snapshot saat transaksi dibuat. Perubahan harga kemudian tidak mempengaruhi transaksi lama.

12. Daftar & Detail Transaksi

1

Buka menu Transaksi dari sidebar.

2

Gunakan pencarian untuk mencari berdasarkan nama/kode nasabah.

3

Gunakan filter tanggal (Dari dan Sampai) untuk periode.

4

Klik baris transaksi untuk melihat detail lengkap + item.

5

Klik Edit untuk mengubah atau Hapus untuk menghapus.

Daftar Transaksi

Cari nama/kode nasabah...

Dari: 01/02/2026

Sampai: 28/02/2026

ID	Tanggal	Nasabah	Item	Total	Aksi
#42	22/02/2026	Siti Aminah (A0015)	2 item	Rp 22.500	Detail Hapus
#41	21/02/2026	Budi Santoso (B0003)	3 item	Rp 45.000	Detail Hapus

Hal 1 dari 5 · Total 42

Prev Next

13. Laporan Nasabah

Menu Laporan → Laporan Nasabah menampilkan rekap total transaksi per nasabah.

1

Buka Laporan → Laporan Nasabah.

2

Filter berdasarkan kelompok (admin) dan tanggal.

3

Klik header kolom untuk mengurutkan (nama, transaksi, total).

💡 Petugas pos hanya melihat nasabah kelompok mereka. Admin melihat semua.

14. Petugas & Absensi

14.1 Mengelola Petugas (Admin)

🔒 Khusus Admin

1

Buka Admin → Petugas dan klik "Tambah Petugas".

2

Isi nama, telepon, pilih kelompok dan jabatan (Ketua/Sekretaris/Bendahara/Anggota).

14.2 Mencatat Absensi

Tampilan Form Absensi Petugas

Absensi Petugas

Pencatatan Rekap Bulanan

Tanggal

22/02/2026

Kelompok

A - Karangdowo

Simpan Absensi

#	Nama	Jabatan	Status	Keterangan
1	Pak Ahmad	Ketua	✅ Hadir	-
2	Bu Sari	Sekretaris	📋 Izin	Acara keluarga
3	Pak Budi	Anggota	✅ Hadir	-

14.3 Rekap Bulanan

Klik tab "Rekap Bulanan" untuk melihat ringkasan kehadiran setiap petugas per bulan (hadir/izin/sakit/alpha).

15. Manajemen User (Admin)

🔒 Khusus Admin

Menambah User

1

Klik "Tambah User".

2

Isi nama, email, password, pilih role dan pos.

3

User dari admin langsung aktif.

Menyetujui User Baru

User yang mendaftar sendiri berstatus:

Pending → Klik toggle → Disetujui

Tabel Manajemen User

Nama	Email	Role	Pos	Status	Aksi
Administrator	admin@banksampah.id	Admin	—	Disetujui	Edit
Petugas Karangdowo	pos.karangdowo@banksampah.id	User	A	Disetujui	Edit Hapus
User Baru	baru@email.com	User	—	⌛ Pending ← Klik utk approve	Edit Hapus

16. Pengaturan Aplikasi (Admin)

🔒 Khusus Admin

Admin dapat mengubah identitas aplikasi secara dinamis.

1

Buka Admin → Pengaturan.

2

Ubah Nama Aplikasi (tampil di sidebar & header).

3

Ubah Tagline (di bawah nama).

4

Upload Logo baru (JPG/PNG/SVG, maks 2MB).

5

Klik "Simpan Pengaturan".

Form Pengaturan

Nama Aplikasi

Buku Besar

Tagline

Bank Sampah Tunjung Setto

Logo Aplikasi

Pilih File

JPG, PNG, SVG. Maks 2MB

Simpan Pengaturan

17. Tips & FAQ

Hubungi administrator untuk mereset password Anda melalui menu Manajemen User → Edit user.

Menu tersebut khusus admin. Petugas pos hanya bisa mengakses menu relevan: Nasabah, Kategori, Transaksi, Laporan, dan Absensi.

Di Dashboard, klik tombol "🖨 Cetak" (biru). Halaman cetak terbuka di tab baru. Tekan Ctrl+P → pilih "Save as PDF" pada dialog print untuk menyimpan.

Tidak. Transaksi menyimpan snapshot harga saat dibuat. Perubahan harga hanya berlaku untuk transaksi baru. Data lama tetap aman.

Admin → Master Data → Kelompok → Tambah Kelompok (isi kode & nama). Lalu buat user baru di Manajemen User dan assign ke kelompok tersebut.

Admin melihat data semua kelompok. Petugas pos hanya melihat data kelompok mereka sendiri — nasabah, transaksi, laporan, dan absensi semuanya di-filter otomatis.

Ketuk ☰ di pojok kiri atas untuk sidebar. Gunakan breadcrumb di atas setiap halaman untuk navigasi cepat. Semua fitur sudah responsif.

Dari Dashboard, langsung klik tombol hijau "+ Tambah Transaksi". Ketik sebagian nama nasabah untuk pencarian cepat. Tab antar field untuk input lebih cepat.

Panduan Penggunaan Lengkap

Buku Besar

Daftar Isi

1. Pendahuluan — Tentang Aplikasi

Fitur Utama

Jenis Pengguna

Alur Kerja Umum Sistem

2. Registrasi Akun Baru

Menunggu Persetujuan

3. Login ke Sistem

4. Dashboard — Memahami Data

Penjelasan Tiap Bagian:

5. Filter Periode & Export Data

5.1 Filter Periode

6. Navigasi Sidebar

Menu Yang Tersedia:

7. Master Data: Kelompok (Admin)

8. Master Data: Satuan (Admin)

9. Master Data: Kategori Sampah

10. Master Data: Nasabah

11. Membuat Transaksi Penyetoran

12. Daftar & Detail Transaksi

13. Laporan Nasabah

14. Petugas & Absensi

14.1 Mengelola Petugas (Admin)

14.2 Mencatat Absensi

14.3 Rekap Bulanan

15. Manajemen User (Admin)

Menambah User

Menyetujui User Baru

16. Pengaturan Aplikasi (Admin)

17. Tips & FAQ