# Manual Book - Sistem Keuangan TK Al-Fath Selamat datang di Manual Book Sistem Keuangan TK Al-Fath. Manual ini akan memandu Anda melalui penggunaan sistem dari awal hingga akhir, khususnya untuk peran **Admin**. Sistem ini dirancang untuk mengelola keuangan sekolah dengan efisien, transparan, dan mudah digunakan. ## Daftar Isi 1. Pengantar Sistem 2. Akses Sistem 3. Login sebagai Admin 4. Dashboard Admin 5. Modul Data Siswa 6. Modul Pembayaran 7. Modul Kegiatan 8. Modul Daftar Ulang 9. Modul TPA 10. Modul Tabungan 11. Modul Periode 12. Pengaturan Rekening 13. Logout 14. Tips dan Troubleshooting ## Pengantar Sistem Sistem Keuangan TK Al-Fath adalah platform digital terintegrasi untuk mengelola: - Pembayaran SPP, TPA, dan kegiatan sekolah - Data siswa dan wali murid - Laporan keuangan real-time - Tabungan siswa - Daftar ulang tahunan Sistem ini dapat diakses melalui web browser di desktop atau mobile, dengan fitur keamanan tingkat tinggi dan antarmuka yang user-friendly. ## Akses Sistem 1. Buka browser web (Chrome, Firefox, Safari, dll.) 2. Kunjungi URL landing page: `http://localhost:5173/` (atau URL produksi jika sudah di-deploy) 3. Anda akan melihat halaman landing page TK Al-Fath dengan informasi sekolah dan fitur sistem. ### Navigasi Landing Page - **Header**: Logo TK Al-Fath, menu navigasi (Beranda, Fitur, Cara Kerja, Kontak) - **Hero Section**: Deskripsi sistem dan tombol "Mulai Sekarang" - **Fitur**: Penjelasan fitur utama (Pencatatan Keuangan, Pembayaran SPP, Laporan Realtime, dll.) - **Cara Kerja**: Panduan 4 langkah implementasi - **Kontak**: Informasi kontak sekolah - **Footer**: Link ke halaman login admin atau wali murid ## Login sebagai Admin Untuk mengakses sistem sebagai admin: 1. Dari landing page, klik tombol **"Mulai Sekarang"** atau navigasi ke halaman login admin. 2. URL login admin: `http://localhost:5173/login` (atau `/admin/login` jika ada routing khusus) 3. Pada halaman login: - **Username**: Masukkan `admin` - **Password**: Masukkan `admin123` - **Ingat Saya**: Centang jika ingin menyimpan kredensial - Klik **"Masuk Sekarang"** ### Catatan Login - Sistem akan memvalidasi kredensial - Jika berhasil, Anda akan diarahkan ke dashboard admin - Jika gagal, periksa kembali username/password - Demo credentials tersedia di halaman login untuk testing ## Dashboard Admin Setelah login berhasil, Anda akan masuk ke dashboard admin (`/admin/dashboard`). ### Komponen Dashboard 1. **Header**: Logo, notifikasi, dan menu profil 2. **Sidebar**: Navigasi ke modul-modul (Dashboard, Data Siswa, Pembayaran, dll.) 3. **Stats Cards**: Ringkasan data (Total Siswa, Kegiatan Aktif, Pendapatan, dll.) 4. **Recent Activities**: Aktivitas terbaru (pembayaran, validasi, dll.) 5. **Bank Info Card**: Informasi rekening untuk pembayaran 6. **Charts**: Grafik pendapatan (akan diintegrasikan dengan Chart.js) ### Fitur Utama Dashboard - **Edit Informasi Pembayaran**: Klik "Edit" pada card informasi pembayaran untuk mengubah panduan pembayaran - **Copy Nomor Rekening**: Klik ikon copy ## Modul Data Siswa Modul ini digunakan untuk mengelola data siswa dan wali murid sebagai admin. ### Langkah-langkah Detail: 1. Dari sidebar dashboard admin, klik **"Data Siswa"** untuk masuk ke halaman manajemen data siswa. 2. Pada halaman Data Siswa: - **Menambah Siswa Baru**: - Klik tombol **"Tambah Siswa"** (ikon plus atau tombol hijau). - Isi form yang muncul: - Nama Lengkap Siswa - NIS (Nomor Induk Siswa) - Kelas (pilih dari dropdown: TK A, TK B, dll.) - Tanggal Lahir - Alamat - Nama Wali Murid - Kontak Wali (Nomor HP/Email) - Status (Aktif/Non-Aktif) - Klik **"Simpan"** untuk menyimpan data. Sistem akan memberikan notifikasi sukses. - **Mengedit Data Siswa**: - Cari siswa di tabel menggunakan search bar (cari berdasarkan nama atau NIS). - Klik ikon edit (pensil) pada baris siswa yang ingin diubah. - Ubah data di form edit. - Klik **"Update"** untuk menyimpan perubahan. - **Menghapus Siswa**: - Klik ikon hapus (sampah) pada baris siswa. - Konfirmasi penghapusan di dialog popup (klik "Ya" untuk hapus, "Batal" untuk membatalkan). - **Filter dan Pencarian**: - Gunakan filter berdasarkan kelas atau status. - Search bar untuk pencarian cepat. - **Export Data**: - Klik **"Export"** untuk mengunduh data siswa dalam format CSV atau PDF. 3. **Validasi Data**: Pastikan semua field wajib diisi untuk menghindari error saat menyimpan. 4. **Navigasi Kembali**: Klik **"Kembali"** untuk kembali ke dashboard. ## Modul Pembayaran Modul ini mengelola semua jenis pembayaran sebagai admin, termasuk SPP, TPA, dan kegiatan. ### Langkah-langkah Detail: 1. Dari sidebar, klik **"Pembayaran"** untuk masuk ke halaman pembayaran. 2. Pada halaman Pembayaran: - **Pilih Jenis Pembayaran**: - Klik tab atau dropdown untuk memilih: SPP, TPA, Kegiatan, atau Semua. - **Menambah Pembayaran Baru**: - Klik **"Tambah Pembayaran"**. - Pilih Siswa dari dropdown (otomatis terisi berdasarkan data siswa). - Masukkan Jumlah Pembayaran. - Pilih Tanggal Pembayaran (default hari ini). - Pilih Metode Pembayaran (Transfer, Tunai, dll.). - Tambahkan Catatan jika diperlukan. - Klik **"Simpan"**. - **Validasi Pembayaran**: - Pada tabel pembayaran, klik **"Validasi"** untuk pembayaran yang pending. - Konfirmasi validasi (sistem akan mengubah status ke "Lunas"). - **Edit Pembayaran**: - Klik ikon edit pada baris pembayaran. - Ubah detail, klik **"Update"**. - **Hapus Pembayaran**: - Klik ikon hapus, konfirmasi. - **Lihat Laporan**: - Klik tab **"Laporan"** untuk melihat ringkasan pembayaran bulanan/tahunan. - Filter berdasarkan periode, jenis, atau siswa. - Export laporan ke PDF atau Excel. 3. **Notifikasi**: Sistem akan mengirim notifikasi jika ada pembayaran baru atau overdue. 4. **Integrasi Bank**: Jika ada integrasi, pembayaran transfer akan otomatis terdeteksi. ## Modul Kegiatan Modul untuk mengelola kegiatan sekolah dan pembayaran terkait sebagai admin. ### Langkah-langkah Detail: 1. Dari sidebar, klik **"Kegiatan"**. 2. Pada halaman Kegiatan: - **Menambah Kegiatan Baru**: - Klik **"Tambah Kegiatan"**. - Isi form: Nama Kegiatan, Tanggal Mulai, Tanggal Akhir, Biaya, Deskripsi, Kategori (Opsional). - Klik **"Simpan"**. - **Mengedit Kegiatan**: - Klik ikon edit, ubah detail, klik **"Update"**. - **Menghapus Kegiatan**: - Klik ikon hapus, konfirmasi. - **Kelola Peserta**: - Klik **"Daftar Peserta"** pada kegiatan tertentu. - Pilih siswa dari list, klik **"Tambah Peserta"**. - Untuk menghapus peserta, klik ikon hapus di list peserta. - **Kelola Pembayaran Kegiatan**: - Dari sub-menu, klik **"Pembayaran"**. - Tambah pembayaran untuk peserta seperti di Modul Pembayaran. - **Laporan Kegiatan**: - Klik **"Laporan"** untuk melihat peserta dan status pembayaran. - Export data. 3. **Status Kegiatan**: Aktif, Selesai, atau Dibatalkan. ## Modul Daftar Ulang Modul untuk mengelola daftar ulang siswa setiap tahun sebagai admin. ### Langkah-langkah Detail: 1. Dari sidebar, klik **"Daftar Ulang"**. 2. Pada halaman Daftar Ulang: - **Pilih Periode**: - Pilih Tahun Ajaran dari dropdown. - **Proses Daftar Ulang**: - Klik **"Proses Daftar Ulang"** untuk siswa yang memenuhi syarat (misalnya, SPP lunas). - Sistem akan menampilkan list siswa eligible. - Klik **"Konfirmasi"** untuk setiap siswa. - Isi form: Biaya Daftar Ulang, Status Pembayaran (Lunas/Belum). - **Edit Status**: - Klik ikon edit pada baris siswa, ubah status. - **Laporan Daftar Ulang**: - Klik **"Laporan"** untuk melihat statistik daftar ulang. - Export ke PDF. 3. **Otomatisasi**: Sistem dapat mengirim reminder ke wali murid jika belum daftar ulang. ## Modul TPA Modul untuk mengelola pembayaran TPA sebagai admin. ### Langkah-langkah Detail: 1. Dari sidebar, klik **"TPA"**. 2. Pada halaman TPA: - **Menambah Pembayaran TPA**: - Klik **"Tambah Pembayaran TPA"**. - Pilih Siswa, Masukkan Jumlah, Tanggal, Metode. - Klik **"Simpan"**. - **Validasi dan Edit**: - Sama seperti Modul Pembayaran. - **Laporan TPA**: - Klik **"Laporan"** untuk ringkasan pembayaran TPA per siswa atau periode. - Export data. 3. **Integrasi dengan Data Siswa**: Otomatis terhubung dengan modul siswa. ## Modul Tabungan Modul untuk mengelola tabungan siswa sebagai admin. ### Langkah-langkah Detail: 1. Dari sidebar, klik **"Tabungan"**. 2. Pada halaman Tabungan: - **Menambah Tabungan Baru**: - Klik **"Tambah Tabungan"**. - Pilih Siswa, Masukkan Saldo Awal. - Klik **"Simpan"**. - **Menambah Transaksi**: - Klik **"Tambah Transaksi"** pada tabungan siswa. - Pilih Jenis (Setor/Tarik), Masukkan Jumlah, Tanggal. - Klik **"Simpan"**. - **Edit/Hapus Transaksi**: - Klik ikon edit/hapus pada transaksi. - **Generate Laporan**: - Klik **"Cetak Laporan"** untuk laporan tabungan siswa. - Pilih format PDF atau Excel. 3. **Riwayat Transaksi**: Lihat semua transaksi di tabel. ## Modul Periode Modul untuk mengelola periode akademik sebagai admin. ### Langkah-langkah Detail: 1. Dari sidebar, klik **"Periode"**. 2. Pada halaman Periode: - **Menambah Periode Baru**: - Klik **"Tambah Periode"**. - Isi: Tahun Ajaran, Tanggal Mulai, Tanggal Akhir. - Klik **"Simpan"**. - **Mengaktifkan Periode**: - Klik **"Aktifkan"** pada periode yang ingin digunakan. - **Edit/Hapus Periode**: - Klik ikon edit/hapus. 3. **Pengaruh Periode**: Periode aktif mempengaruhi laporan dan pembayaran. ## Pengaturan Rekening Modul untuk mengatur informasi rekening sebagai admin. ### Langkah-langkah Detail: 1. Dari sidebar, klik **"Pengaturan Rekening"**. 2. Pada halaman Pengaturan: - Klik **"Edit Rekening"**. - Isi: Nama Bank, Nomor Rekening, Atas Nama, Kode Bank (opsional). - Klik **"Simpan"**. 3. **Preview**: Lihat bagaimana info muncul di dashboard. ## Logout 1. Klik menu profil di header dashboard. 2. Klik **"Logout"**. 3. Konfirmasi, lalu diarahkan ke landing page. ## Tips dan Troubleshooting - **Reset Password**: Hubungi admin utama. - **Error**: Refresh halaman atau cek koneksi. - **Backup**: Lakukan backup mingguan. - **Support**: Email support@tkalfath.com. --- Manual ini fokus pada peran admin. Untuk peran lain, lihat bagian terpisah.