Membangun Website Absensi Geofencing Face Recognition dengan Laravel 12 Filament 4
Full-Stack Web DeveloperOverview
Kali ini kita akan membuat Sistem absensi modern berbasis pengenalan wajah (face recognition) dan geofencing yang dibangun dengan Laravel 12 + Filament 4.
Demo: Klik Disini
Fitur Utama
Absensi Check-in/Check-out — Karyawan check-in via browser dengan verifikasi wajah dan GPS secara real-time
Face Recognition — Deteksi dan pengenalan wajah langsung di browser menggunakan AI (face-api.js / TensorFlow.js), tanpa server ML terpisah
Geofencing — Validasi lokasi karyawan harus berada dalam radius tertentu dari kantor (Haversine formula)
Deteksi Keterlambatan — Otomatis tandai telat berdasarkan jam threshold yang bisa dikonfigurasi
Notifikasi WhatsApp — Kirim notifikasi otomatis ke karyawan yang telat dan laporan rekap harian ke grup WhatsApp via Fonnte
Watermark Foto — Foto absensi di-watermark otomatis dengan nama, timestamp, dan koordinat GPS
Manajemen Cuti — Pengajuan cuti oleh karyawan, workflow approval/reject oleh admin
Admin Dashboard — Panel admin lengkap dengan widget statistik, manajemen karyawan, rekap absensi
Portal Karyawan — Panel mandiri untuk karyawan melihat histori absensi dan mengajukan cuti
REST API — Endpoint check-in/check-out dengan autentikasi token (Laravel Sanctum)
Pengaturan Dinamis — Semua konfigurasi (koordinat kantor, radius, jam masuk, token WA) bisa diubah dari panel admin
Laporan Harian Otomatis — Scheduled command kirim rekap absensi harian ke WhatsApp group
Apa yang akan Kamu dapatkan?
Tools dalam E-Course?
Persyaratan Mengikuti E-Course
Materi Pembelajaran
1.
Setting Helper
11 Menit
2.
Fonnte Service
12 Menit
3.
Geofence Service
10 Menit
1.
Setting Seeder
7 Menit
2.
Setting Page
25 Menit
1.
Model dan Migration
5 Menit
2.
Form
25 Menit
3.
Table
7 Menit
4.
Setup Wajah 1
14 Menit
5.
Setup Wajah 2
26 Menit
6.
Setup Wajah 3
9 Menit
1.
Model dan Migration
9 Menit
2.
Form
16 Menit
5.
Pages
12 Menit
3.
Table
16 Menit
4.
Show
13 Menit
1.
Model & Migration
3 Menit
2.
Form
14 Menit
3.
Table
10 Menit
4.
Show
21 Menit
5.
Action
8 Menit
1.
Leave Request Employee
22 Menit
2.
Employee Attendance Histories
10 Menit
1.
Controller - Check In
17 Menit
2.
Controller - Check Out
7 Menit
3.
Mendaftarkan Controller ke API
2 Menit
