Laravel
Tailwind CSS
JavaScript
Human (TensorFlow.js)
HTML5 Geolocation API
MySQL
AbsensiAI adalah aplikasi web absensi online mandiri untuk guru dan pegawai yang mengintegrasikan kecerdasan buatan (Artificial Intelligence) dan pembatasan wilayah geografis (Geofencing). Aplikasi ini dirancang untuk mengatasi manipulasi data kehadiran (titip absen) dengan memanfaatkan verifikasi wajah langsung melalui kamera perangkat dan pengecekan lokasi GPS secara real-time.
Aplikasi ini dibangun menggunakan arsitektur Laravel yang kuat di sisi backend, Tailwind CSS untuk antarmuka yang modern dan responsif, serta pustaka @vladmandic/human (berbasis TensorFlow.js) untuk memproses deteksi dan pengenalan wajah lokal langsung di browser pengguna.
Fitur Utama Sistem
- Pengenalan Wajah Berbasis AI: Memanfaatkan pustaka
@vladmandic/human untuk mendeteksi wajah secara lokal di browser. Fitur ini menghemat bandwidth server karena menggunakan vektor deskriptor wajah (face embedding), bukan video mentah, sehingga proses pendaftaran dan absensi menjadi instan. - Pembatasan Wilayah GPS (Geofencing): Menggunakan HTML5 Geolocation API untuk melacak koordinat pengguna, kemudian menghitung jarak presisi ke titik sekolah/kantor menggunakan Rumus Haversine. Absensi hanya bisa dilakukan dalam radius toleransi (misalnya 100 meter).
- Dashboard Admin & Monitoring Real-Time: Menampilkan statistik kehadiran harian, tabel monitoring tersinkronisasi dengan foto profil, serta filter lokasi presensi masuk/pulang untuk menjaga akurasi.
- Manajemen Jam Kerja & Libur Dinamis: Pengaturan jadwal masuk dan pulang yang fleksibel setiap harinya. Sistem juga otomatis terkunci pada Hari Libur Nasional dan memberikan penanda status seperti "Tepat Waktu" atau "Terlambat".
- Workflow Pengajuan & Approval Izin: Memungkinkan pegawai mengajukan izin (Sakit, Cuti, Dinas) beserta alasan tertulis. Admin dapat menyetujui atau menolak permohonan tersebut melalui panel terpusat yang otomatis memperbarui data absensi.
- Rekapitulasi & Pratinjau Cetak Laporan: Menyediakan halaman pratinjau (Print Preview) laporan bulanan yang rapi dan siap cetak untuk kebutuhan administrasi atau perhitungan gaji.
Arsitektur Teknis & Privasi Data
- Keamanan Privasi: Deskriptor wajah disimpan dalam bentuk data array numerik terenkripsi di database MySQL, bukan berupa foto mentah. Hal ini menjamin privasi dan keamanan data biometrik dari penyalahgunaan.
- Laravel Framework: Menjamin keamanan sistem dengan menangani routing, validasi data, otentikasi multi-level, serta mencegah SQL Injection menggunakan Eloquent ORM.
- Tailwind CSS: Memastikan antarmuka tampil premium dengan transisi halus, tata letak grid yang bersih, dan desain yang nyaman untuk mata (eye-friendly).
Tertarik membuat project seperti ini?
Diskusi Dengan Saya