Sistem Presensi Berbasis Geofencing dan AI (Flutter + Laravel + Vue.js) - SITEPAT

SITEPAT adalah solusi absensi kelas enterprise terintegrasi (Mobile Client & Web Server) yang menggabungkan kecerdasan buatan (On-device AI), pemetaan geolokasi, dan manajemen operasional secara real-time.

Aplikasi ini dibagi menjadi dua komponen utama:

1. Frontend Mobile (Flutter): Berfungsi sebagai klien lapangan yang digunakan langsung oleh pegawai. Menangani pengenalan wajah (Face Recognition), pendeteksian kehidupan (Liveness Detection), proteksi sistem lokal, dan sinkronisasi data presensi secara langsung.
2. Backend Server (Laravel + Vue.js): Berfungsi sebagai otak sentral dan portal Admin Management. Menangani validasi token, Geofencing dinamis, penyimpanan data biometrik, pengelolaan Shift, dan Export Report.

🏗️ Full-Stack Enterprise Architecture

       [ MOBILE CLIENT ]                         [ CLOUD & SERVER ]
                               
┌─────────────────────────────┐            ┌────────────────────────────┐
│      Flutter Mobile App     │            │   Laravel REST API Server  │
│                             │ ◄────────► │                            │
│  - MLKit Face Detection     │   HTTPS    │  - JWT Auth Validation     │
│  - TFLite (MobileFaceNet)   │   (JWT)    │  - Data & Biometric Sync   │
│  - GPS & Anti-Fake Engine   │            │  - Location Geofencing     │
└─────────────────────────────┘            └─────────────┬──────────────┘
                                                         │
┌─────────────────────────────┐            ┌─────────────▼──────────────┐
│       Local Services        │            │   Database & File Storage  │
│                             │            │                            │
│  - Firebase Notifications   │            │  - MySQL 8 (Relational)    │
│  - On-Device Face Embedding │            │  - Local Public Storage    │
└─────────────────────────────┘            └─────────────┬──────────────┘
                                                         │
┌─────────────────────────────┐            ┌─────────────▼──────────────┐
│     End-User (Pegawai)      │            │       Web Admin Panel      │
│                             │            │                            │
│  - Absensi Harian           │            │  - Vue 3 + Inertia.js      │
│  - Izin & Dinas Luar        │            │  - Real-time Monitoring    │
│  - Rekam Data Wajah         │            │  - Pengaturan Core (.env)  │
└─────────────────────────────┘            └────────────────────────────┘

🚀 Key Features

📱 1. Mobile App Features (Frontend)

• AI Face Recognition: Integrasi MobileFaceNet dengan 192D Embedding untuk deteksi wajah presisi.
• Anti-Spoofing & Liveness: Validasi kehadiran pegawai asli melalui Blink Detection.
• Security Engine: Proteksi otomatis terhadap aplikasi Fake GPS dan Manipulasi Zona Waktu (Anti Fake Time).
• Background Support: Notifikasi push melalui Firebase Cloud Messaging.
• Modern UI/UX: Snackbar interaktif mirip Dynamic Island (GetX), mendukung mode malam dan navigasi mulus.

💻 2. Web & Admin Features (Backend)

• Role-Based Access Control (RBAC): Manajemen hak akses multi-level (Admin Super, Admin, Pegawai).
• Dynamic Geofencing: Pengaturan titik kantor dan radius kehadiran absensi secara live tanpa re-deploy aplikasi.
• Face ID Management: Hak eksklusif Admin Super untuk menghapus paksa data wajah (Face Embedding) jika pegawai harus merekam ulang.
• Shift & Pattern Management: Penjadwalan kompleks (Dinas Normal, Shift Regu, dan mode Libur).
• Dynamic System Settings: Admin Super dapat mengubah Environment aplikasi (.env), Endpoint, URL, dan konfigurasi database langsung melalui UI.
• Advanced Reporting: Hasilkan laporan absensi dinamis (Harian/Bulanan) untuk format PDF, CSV, dan Excel.

🛠️ Technology Stack (Full-Stack)

🔐 Security & Privacy Workflow

1. Biometric Privacy: Saat enrollment (Pendaftaran Wajah), aplikasi mengubah citra foto wajah menjadi angka vektor (192-Dimensional Array). Array inilah yang disimpan dan dicocokkan (melalui metode Euclidean/Cosine Distance).
2. Double Encryption: Jalur data klien dan server dienkripsi melalui protokol HTTPS, dilengkapi standar autentikasi JWT dinamis yang sulit ditembus.
3. Environment Security: Kode Backend mengunci Mixed Content secara paksa URL::forceScheme('https') di skala produksi dan menjaga hak modifikasi parameter inti (seperti nama basis data) pada menu Settings hanya untuk Super Admin.

An ecosystem where cutting-edge Mobile AI perfectly balances a robust Enterprise Backend.