Cara Penggunaan · Daungroup OS Manager

01 · Akses

🔐 Login ke Aplikasi

Aplikasi dilindungi dengan username dan password. Session tersimpan di browser — kamu tidak perlu login ulang tiap buka halaman, selama browser tidak di-clear.

1

Buka URL aplikasi

Akses https://daungroupmanager.shiloh.web.id di browser. Kamu akan langsung diarahkan ke halaman login.

2

Masukkan kredensial

Isi Username dan Password sesuai yang dikonfigurasi. Tekan Enter atau klik tombol Masuk →.

3

Session otomatis tersimpan

Setelah login berhasil, session disimpan di localStorage. Kalau buka lagi di browser yang sama, langsung masuk tanpa login ulang. Untuk keluar, klik tombol Logout di pojok kanan atas.

Info

Kredensial dikonfigurasi langsung di file index.html bagian CREDS. Default: admin / masukaja. Ganti sebelum deploy ke publik.

02 · Overview

◈ Dashboard

Dashboard menampilkan ringkasan kondisi keuangan dan operasional secara real-time. Ini tab pertama yang muncul saat login.

Kartu	Isi / Logika
Saldo Kas	Total semua kas masuk dikurangi semua kas keluar (seluruh waktu, bukan per bulan).
Pemasukan Bulan Ini	Total transaksi tipe masuk yang tanggalnya masuk bulan berjalan (YYYY-MM sekarang).
Pengeluaran Bulan Ini	Total transaksi tipe keluar bulan berjalan.
Iuran Bulan Ini	Total nominal iuran yang sudah Lunas di bulan berjalan + info "X/Y anggota lunas".
Akun Dikelola	Total akun sosmed tersimpan + jumlah yang statusnya Aktif.

Di bawah kartu ada tabel Transaksi Terbaru — menampilkan 5 entri kas terakhir. Klik Lihat Semua → untuk pindah ke tab Kas.

03 · Kas

◎ Cara Input Kas

Tab Kas adalah tempat mencatat semua pemasukan dan pengeluaran secara manual. Transaksi dari iuran anggota yang ditandai lunas otomatis masuk ke sini juga.

1

Klik tombol "+ Catat"

Tombol ada di pojok kanan atas area Riwayat Transaksi. Akan muncul modal form catat transaksi.

2

Pilih tipe: Pemasukan atau Pengeluaran

Toggle di atas form — ▲ Pemasukan atau ▼ Pengeluaran. Klik salah satu. Ini menentukan apakah nominal akan ditambah atau dikurangi dari saldo.

3

Isi field yang tersedia

Tanggal *wajib terisi otomatis hari ini — bisa diganti

Nominal (Rp) *wajib — angka saja, tanpa titik/koma

Keterangan *wajib — deskripsi singkat transaksi

Kategori — pilih dari dropdown (Fee Jasa, Iuran Anggota, Operasional, dst.)

Klien / Referensi (opsional) — nama klien atau referensi project

Catatan (opsional) — info tambahan bebas

4

Klik "Simpan"

Data langsung tersimpan ke Supabase dan muncul di tabel. Saldo otomatis terupdate. Toast notifikasi hijau muncul kalau berhasil.

Edit & Hapus

Setiap baris di tabel kas punya tombol Edit dan Hapus — kecuali transaksi dengan label auto (dibuat otomatis dari iuran). Transaksi auto hanya bisa dihapus lewat tab Iuran dengan membatalkan status Lunas atau menghapus entri iurannya.

Kategori tersedia

Fee Jasa · Iuran Anggota · Bonus / Insentif · Refund · Ads / Iklan · Tools / Langganan · Operasional · Lainnya

04 · Kas

↕ Filter & Sort Transaksi

Ada tiga mekanisme untuk menyaring data kas — bisa dikombinasikan semua sekaligus.

A

Filter Bulan (dropdown)

Dropdown "Semua Bulan" di pojok kanan atas tabel. Pilih bulan tertentu untuk melihat transaksi bulan itu saja. Kartu saldo (Saldo Total, Total Masuk, Total Keluar) ikut menyesuaikan ke bulan yang dipilih.

Dropdown ini otomatis terisi berdasarkan bulan-bulan yang ada di data. Default menampilkan bulan berjalan.

B

Filter Tipe (chip: Semua / Masuk / Keluar)

Tiga tombol chip di bawah section header. Klik untuk filter tipe transaksi:

▲ Masuk ▼ Keluar

Filter ini bekerja di dalam filter bulan yang aktif — jadi kalau pilih "Juni 2025 → Masuk", yang muncul hanya pemasukan Juni 2025.

C

Search (kotak Cari...)

Ketik kata kunci di kotak pencarian — filter real-time mencari ke kolom:

Keterangan
Klien / Referensi
Kategori

Bisa dikombinasikan dengan filter bulan dan chip tipe.

Urutan data

Data kas dimuat dari Supabase dengan urutan tanggal terbaru di atas (order by tanggal DESC). Tidak ada fitur sort manual — urutan mengikuti tanggal input.

05 · Kas

₊ Cek Kas Masuk / Keluar

Tiga kartu statistik di atas tabel Kas menampilkan ringkasan finansial. Nilainya berubah mengikuti filter bulan yang aktif.

Saldo Total

Masuk − Keluar

Saldo bersih di periode yang dipilih. Negatif = lebih banyak keluar.

Total Masuk

Pemasukan

Jumlah semua transaksi tipe "masuk" di bulan/periode yang dipilih.

Total Keluar

Pengeluaran

Jumlah semua transaksi tipe "keluar" di bulan/periode yang dipilih.

Tips

Untuk melihat saldo keseluruhan (sepanjang waktu), set dropdown filter bulan ke "Semua Bulan". Nilai di kartu Dashboard → "Saldo Kas" juga selalu menampilkan saldo keseluruhan tanpa filter bulan.

06 · Iuran Anggota

◎ Iuran Anggota

Tab Iuran mengelola tagihan bulanan setiap anggota tim. Ada dua lapisan data: Daftar Anggota (master data) dan Tagihan per Bulan (record pembayaran).

A · Tambah Anggota Baru

1

Klik "+ Anggota"

Tombol di pojok kanan atas tab Iuran. Buka modal form tambah anggota.

2

Isi data anggota

Nama Anggota *wajib
Iuran / Bulan (Rp) — nominal tagihan bulanan default
Status — Aktif / Nonaktif (hanya anggota Aktif yang masuk generate)
Tanggal Bergabung — opsional
Catatan — opsional

3

Simpan

Anggota tersimpan dan muncul di tabel Daftar Anggota di bawah.

B · Generate Tagihan Bulanan

1

Pilih bulan yang diinginkan

Gunakan tombol ‹ dan › untuk navigasi bulan. Label bulan aktif muncul di tengah.

2

Klik "⟳ Generate Bulan Ini"

Sistem akan membuat tagihan baru untuk semua anggota Aktif yang belum punya tagihan di bulan itu. Anggota yang sudah ada tagihannya tidak akan di-generate ulang (aman diklik berkali-kali).

Logika Generate

Generate membaca anggotaData yang statusnya Aktif, lalu crosscheck dengan iuranData bulan yang dipilih. Hanya anggota yang belum ada entry iurannya yang dibuatkan tagihan baru dengan nominal default dari data anggota.

C · Tandai Lunas

1

Klik "Tandai Lunas" di baris anggota

Tombol hijau muncul di baris yang statusnya masih Belum.

2

Isi detail pembayaran (opsional)

Tanggal Bayar — default hari ini, bisa diubah
Override Nominal — kosongkan = pakai nominal default anggota; isi angka lain jika bayar beda jumlah
Catatan — opsional

3

Klik "✓ Tandai Lunas"

Sistem akan:

Update status iuran → Lunas
Otomatis buat entri kas masuk dengan kategori "Iuran Anggota"
Link entri kas ke iuran lewat kas_id

Batalkan Lunas

Kalau tandai lunas salah, klik tombol Batalkan yang muncul menggantikan tombol hijau. Sistem akan:

Reset status iuran kembali ke Belum
Hapus entri kas otomatis yang terkait

07 · Akun Sosmed

◉ Akun Sosial Media

Database semua akun sosmed yang dikelola — per platform, per klien, lengkap dengan info login dan status.

A · Tambah Akun Baru

1

Klik "+ Tambah"

Tombol di pojok kanan atas. Buka modal form akun baru.

2

Isi data akun

Field	Keterangan	Status
Platform	Instagram, TikTok, Facebook, Twitter/X, YouTube, LinkedIn, Threads, Lainnya	Wajib
Status	Aktif / Nonaktif / Paused	Wajib
Username / Handle	@handle akun	Wajib*
Klien / Owner	Nama klien pemilik akun	Wajib*
Email Terdaftar	Email login akun	Opsional
No. HP / Recovery	Nomor pemulihan akun	Opsional
Password Hint	Hint saja — bukan plain password. Ada tombol 👁 untuk show/hide.	Opsional
Tanggal Mulai Kelola	Kapan mulai pegang akun ini	Opsional
Catatan	Rate, info kontrak, dll.	Opsional

* Minimal salah satu dari Username atau Klien harus diisi.

B · Filter & Cari Akun

A

Filter Platform

Dropdown "Semua Platform" — pilih platform tertentu untuk melihat akun dari platform itu saja.

B

Filter Status (chip)

Aktif Nonaktif Paused

Filter bisa dikombinasikan dengan filter platform dan search.

C

Search

Cari di kolom Username, Email, dan Klien secara bersamaan. Real-time saat mengetik.

08 · Catatan Penting

⚡ Tips & Perilaku Sistem

Iuran Lunas → otomatis masuk Kas

Setiap kali tandai iuran lunas, sistem otomatis buat entri kas masuk. Jangan catat manual juga — akan double count.

Hapus anggota = hapus semua iurannya

Kalau hapus anggota, semua record iuran milik anggota itu ikut dihapus. Entri kas yang sudah terbuat dari iuran tersebut tidak ikut terhapus — perlu dihapus manual dari tab Kas jika diperlukan.

Transaksi "auto" tidak bisa diedit dari Kas

Entri kas yang sumbernya dari iuran ditandai label auto. Ubahnya lewat tab Iuran — batalkan lunas dulu, baru isi ulang dengan nominal yang benar.

Badge Iuran di nav tab

Badge di tab "Iuran Anggota" berubah warna merah kalau ada anggota yang belum lunas di bulan berjalan. Angkanya = jumlah anggota yang belum bayar bulan ini.

Dark / Light Mode

Toggle tema (ikon 🌙/☀️) ada di header kanan atas. Preferensi tersimpan di localStorage dan tetap aktif setelah refresh atau buka ulang browser.

Data di-load sekali saat login

Semua data (kas, akun, anggota, iuran) di-fetch sekaligus saat masuk app. Kalau ada perubahan dari perangkat lain, refresh halaman untuk sinkronisasi.

09 · Konfigurasi

</> Tambah Tombol "Cara Penggunaan" di App

Tambahkan link ke halaman ini langsung dari header index.html, di sebelah kiri tombol theme toggle. Copy snippet berikut dan paste sebelum baris <button class="theme-toggle">:

        
<!-- Paste ini SEBELUM <button class="theme-toggle"> di header -->
<a href="/cara-penggunaan"
   class="btn-logout"
   title="Cara Penggunaan"
   style="text-decoration:none; color:var(--text-3);">
  ? Panduan
</a>

Konteks dalam index.html

Cari baris ini di file index.html:

<button class="theme-toggle" onclick="toggleTheme()" id="app-theme-btn">

Paste snippet di atas baris itu (sebelumnya). Hasilnya di header akan terlihat: [? Panduan] [🌙] [Logout]

Cara PenggunaanOS Manager