SIMPEL - SISTEM PRESENSI ELEKTRONIK
Ditulis oleh ROZI ARDIANSYAH | Dibaca 4 kali
PANDUAN FITUR
Aplikasi E-Absensi Sekolah
Penjelasan Fitur Per Peran & Per Halaman — Edisi Terbaru 2025
|
👑
ADMIN
Akses Penuh
|
📚
GURU
Kelola Kelas
|
👁
WAKEL
Memantau & Melaporkan
|
🎒
SISWA
Dasbor Pribadi
|
Dokumen ini menjelaskan seluruh fitur terbaru yang tersedia di setiap halaman, diposting berdasarkan peran pengguna.
|
👑
|
PERAN: ADMINISTRATOR
Akses penuh ke seluruh fitur, data, dan konfigurasi sistem
|
|
🏠 Dasbor
Ringkasan statistik kehadiran seluruh sekolah hari ini
|
|
▸
|
Kartu statistik animasi: Total Siswa, Hadir, Sakit, Izin, Alpa, Belum Absen
|
|
▸
|
Grafik donut chart persentase kehadiran hari ini secara realtime
|
|
▸
|
Akses cepat: tombol shortcut ke Scan, Data Siswa, Laporan
|
|
▸
|
Informasi tanggal hari ini tampil otomatis di header
|
|
▸
|
Mode hari libur: dashboard mengubah tampilan saat hari libur aktif
|
|
|
👥 Data Siswa
Kelola seluruh data siswa sekolah (CRUD lengkap)
|
|
▸
|
Tambah siswa baru: Nama, NISN, Kelas, dan data lainnya
|
|
▸
|
Edit data siswa yang sudah ada
|
|
▸
|
Hapus data siswa dengan konfirmasi SweetAlert
|
|
▸
|
Filter tampilan berdasarkan kelas
|
|
▸
|
Pencarian cepat berdasarkan nama atau NISN
|
|
▸
|
Tabel responsif dengan data lengkap per siswa
|
|
|
👨🏫 Pakar Data
Kelola akun dan kelas yang diampu oleh guru / wakel
|
|
▸
|
Tambah akun guru atau bangun baru (username, password, kelas)
|
|
▸
|
Edit data guru termasuk kelas yang diampu
|
|
▸
|
Hapus akun guru dengan konfirmasi SweetAlert
|
|
▸
|
Satu guru bisa mengampu lebih dari satu kelas (pisah koma, contoh: 7-A,7-B)
|
|
▸
|
Peran badge ditampilkan pada tabel (guru/wakel)
|
|
|
🗂️ Manajemen Kelas
Kelola struktur kelas aktif di sekolah
|
|
▸
|
Tambah kelas baru ke sistem
|
|
▸
|
Ubah nama kelas yang sudah ada
|
|
▸
|
Hapus kelas (data siswa tidak ikut terhapus)
|
|
▸
|
Daftar semua kelas tampil aktif dalam tabel
|
|
|
📋 Daftar Hadir
Proses absensi harian siswa dengan scan QR atau input manual
|
|
▸
|
Mode Masuk: pindai Kode QR siswa untuk mencatat jam datang
|
|
▸
|
Mode Pulang: scan QR Code siswa untuk mencatat jam pulang
|
|
▸
|
Batch Scan : scan banyak siswa berturut-turut lalu submit sekaligus
|
|
▸
|
Update status manual per siswa: Hadir / Sakit / Izin / Alpa
|
|
▸
|
Sorot animasi pada baris siswa yang baru di-scan
|
|
▸
|
Banner konfirmasi setelah data berhasil disimpan
|
|
▸
|
Pilih kelas terlebih dahulu sebelum memulai absensi
|
|
|
🕌 Absensi Sholat
Catat dan rekap kehadiran ibadah sholat siswa
|
|
▸
|
Input absensi ibadah sholat harian per kelas
|
|
▸
|
Pilih jenis sholat sesuai konfigurasi sekolah
|
|
▸
|
Rekap absensi sholat berdasarkan kelas dan periode
|
|
▸
|
Status indikator: sudah terisi / belum terisi hari ini
|
|
▸
|
Banner konfirmasi setelah data ibadah berhasil tersimpan
|
|
|
🗓️ Kelola Absen
Konfigurasi hari libur dan jam absensi per hari
|
|
▸
|
Tambah tanggal hari libur nasional / libur khusus sekolah
|
|
▸
|
Hapus hari libur dari daftar
|
|
▸
|
Konfigurasi jam absensi per hari (Senin – Minggu):
|
|
▸
|
• jam_masuk_mulai : kapan absen datang mulai dibuka
|
|
▸
|
• jam_masuk_akhir : batas waktu (lewat ini dianggap Terlambat)
|
|
▸
|
• jam_pulang_mulai : kapan absen pulang mulai dibuka
|
|
▸
|
• jam_pulang_akhir : batas akhir absen pulang
|
|
▸
|
Hari libur rutinan (misal Sabtu-Minggu) dapat dikonfigurasi tersendiri
|
|
▸
|
Saat hari libur aktif: absensi otomatis ditutup di semua halaman
|
|
|
📊 Laporan (Rekap Absensi)
Hasilkan dan unduh laporan kehadiran harian
|
|
▸
|
Filter berdasarkan kelas dan rentang tanggal
|
|
▸
|
Tabel rekap status per siswa per hari secara rinci
|
|
▸
|
Hitung total Hadir, Sakit, Izin, Alpa secara otomatis
|
|
▸
|
Ekspor ke file Excel (.xlsx) — siap cetak atau dikirim ke wali siswa
|
|
|
📅 Rekap Bulanan
Laporan sekilas dalam satu bulan penuh
|
|
▸
|
Filter berdasarkan bulan, tahun, dan kelas
|
|
▸
|
Tabel ikhtisar jumlah Hadir / Sakit / Izin / Alpa per siswa
|
|
▸
|
Persentase kehadiran tiap siswa dihitung otomatis
|
|
▸
|
Ekspor ke file Excel (.xlsx)
|
|
|
🎓 Kenaikan Kelas
Proses perpindahan siswa antar kelas secara massal
|
|
▸
|
Pilih kelas asal dan kelas tujuan dari dropdown
|
|
▸
|
Pratinjau daftar siswa yang akan dipindahkan sebelum eksekusi
|
|
▸
|
Proses batch: pindahkan semua siswa sekaligus dalam satu klik
|
|
▸
|
Konfirmasi SweetAlert sebelum proses dijalankan
|
|
▸
|
Ideal digunakan saat pergantian tahun ajaran
|
|
|
📚
|
PERAN: GURU
Mengelola absensi, ibadah, dan komunikasi untuk kelas yang diampu
|
|
📌
|
Guru hanya dapat mengakses data kelas yang tercantum di kolom Kelas pada akun mereka. Jika mengampu lebih dari satu kelas, pisahkan dengan koma (contoh: 7-A,7-B).
|
|
🏠 Pakar Dasbor
Ringkasan kehadiran kelas yang diampu hari ini
|
|
▸
|
Informasi kelas yang sedang aktif / diampu
|
|
▸
|
Statistik hari ini: Hadir, Belum Absen, Sakit, Izin, Alpa
|
|
▸
|
Tanggal hari ini tampil otomatis di header
|
|
▸
|
Akses cepat ke halaman Daftar Hadir
|
|
|
📋 Daftar Hadir
Proses absensi harian untuk kelas yang diampu
|
|
▸
|
Mode Masuk: pindai Kode QR siswa untuk mencatat jam datang
|
|
▸
|
Mode Pulang: scan QR Code siswa untuk mencatat jam pulang
|
|
▸
|
Batch Scan : scan banyak siswa berturut-turut lalu submit sekaligus
|
|
▸
|
Update status manual per siswa: Hadir / Sakit / Izin / Alpa
|
|
▸
|
Hanya menampilkan siswa dari kelas yang diampu guru tersebut
|
|
▸
|
Sorot animasi pada baris siswa yang baru di-scan
|
|
|
🕌 Absensi Sholat
Catat absensi ibadah sholat kelas yang diampu
|
|
▸
|
Input absensi ibadah sholat harian untuk kelas sendiri
|
|
▸
|
Rekap absensi sholat kelas yang diampu per periode
|
|
▸
|
Banner konfirmasi setelah data berhasil tersimpan
|
|
|
👁 Pemantauan
Pantau status kehadiran kelas secara realtime
|
|
▸
|
Daftar siswa dan status keberadaan terkini
|
|
▸
|
Filter berdasarkan kelas yang diampu
|
|
▸
|
Segarkan manual untuk mendapatkan data terbaru
|
|
▸
|
Indikator visual: Hadir (hijau), Belum (abu), Sakit/Izin/Alpa (warna berbeda)
|
|
|
📅 Rekap Bulanan
Laporan kehadiran bulanan kelas yang diampu
|
|
▸
|
Filter berdasarkan bulan, tahun, dan kelas yang diampu
|
|
▸
|
Tabel ringkasan total kehadiran per siswa dalam satu bulan
|
|
▸
|
Persentase kehadiran dihitung otomatis
|
|
▸
|
Ekspor ke file Excel (.xlsx)
|
|
|
👁
|
PERAN: WAKEL (Wakil Kepala Sekolah)
Akses pemantauan dan laporan — tidak dapat mengubah konfigurasi atau data
|
|
ℹ️
|
Wakel hanya memiliki akses baca (read-only) untuk laporan dan monitoring. Tidak dapat mengubah data siswa, guru, jam absensi, atau mengirim pesan.
|
|
🏠 Dasbor
Ringkasan statistik kehadiran seluruh sekolah hari ini
|
|
▸
|
Kartu statistik kehadiran global: Total, Hadir, Sakit, Izin, Alpa, Belum Absen
|
|
▸
|
Grafik donat bagan persentase kehadiran
|
|
▸
|
Tanggal hari ini tampil otomatis di header
|
|
▸
|
Mode hari libur: tampilan berubah otomatis saat hari libur aktif
|
|
|
📊 Laporan (Rekap Absensi)
Lihat dan unduh laporan kehadiran harian
|
|
▸
|
Filter berdasarkan kelas dan rentang tanggal
|
|
▸
|
Tabel rekap status per siswa per hari
|
|
▸
|
Total Hadir, Sakit, Izin, Alpa dihitung otomatis
|
|
▸
|
Ekspor ke file Excel (.xlsx)
|
|
|
📅 Rekap Bulanan
Laporan singkatnya dalam satu bulan
|
|
▸
|
Filter berdasarkan bulan, tahun, dan kelas
|
|
▸
|
Tabel ringkas per siswa dalam satu bulan
|
|
▸
|
Persentase kehadiran per siswa dihitung otomatis
|
|
▸
|
Ekspor ke file Excel (.xlsx)
|
|
|
🎒
|
PERAN: SISWA
Akses dashboard kehadiran pribadi dan kartu QR digital untuk scan absensi
|
|
🏠 Dasbor Siswa
Informasi status kehadiran pribadi hari ini
|
|
▸
|
Kartu Berbagai: nama siswa dan tanggal hari ini
|
|
▸
|
Status absensi hari ini: Belum Absen / Hadir / Terlambat / Selesai
|
|
▸
|
Jam Datang dan Jam Pulang ditampilkan setelah pemindaian berhasil
|
|
▸
|
Peringatan merah jika siswa belum melakukan absen datang
|
|
▸
|
Kartu profil: Nama lengkap, NISN, Kelas, Status Aktif
|
|
▸
|
Mode hari libur: dashboard mengubah tampilan dan absensi ditutup otomatis
|
|
|
🪪 Kartu Saya (Kode QR Digital)
QR Code unik pribadi siswa untuk proses scan absensi
|
|
▸
|
Menampilkan QR Code unik yang berisi NISN siswa
|
|
▸
|
Informasi lengkap di kartu: Nama, NISN, Kelas
|
|
▸
|
QR Code di-scan oleh guru melalui halaman Daftar Hadir
|
|
▸
|
Tampilan kartu digital yang dapat ditampilkan langsung dari layar HP
|
|