Beranda / Demo / FaceGate
🪪Absensi Wajah

FaceGateAbsensi wajah · face recognition AI

Demo AI pengenalan wajah untuk absensi. Daftarkan wajah sekali, lalu setiap kali wajah itu muncul di kamera, kehadirannya tercatat otomatis.

▶ Coba Demo Sekarang
FaceGate — ilustrasi Absensi wajah · face recognition AI
Demo Live1. Nyalakan kamera   2. Isi nama lalu klik "Daftarkan Wajah"
3. Keluar dari frame dan masuk lagi — absensi tercatat otomatis.
Menyiapkan AI…
Privasi: data wajah di demo ini hanya berupa angka (embedding 128 dimensi) yang disimpan di browser kamu sendiri, bukan foto, dan tidak dikirim ke mana pun. Klik "Hapus semua" untuk menghapusnya.
Di balik layar

Cara kerja demo ini

Deteksi wajahTiny Face Detector menemukan posisi wajah di setiap frame kamera.
Sidik wajah 128 angkaModel pengenal wajah mengubah wajah jadi embedding 128 dimensi — semacam sidik jari wajah.
PencocokanWajah dicocokkan ke yang terdaftar berdasarkan jarak embedding. Makin mirip, makin tinggi persentasenya.
Data di browserEmbedding disimpan di localStorage browser kamu sendiri, bukan foto, dan bisa dihapus kapan saja.
Multi sampelDaftarkan wajah dari beberapa sudut (sampai 5 sampel) supaya pengenalan lebih akurat.
KeterbatasanDemo ini belum punya liveness detection — foto wajah di layar HP masih bisa dikenali.
Contoh penerapan
PerkantoranPabrikSekolah (absen siswa)Proyek konstruksiInstansi pemerintahGedung & apartemen
FAQ

Pertanyaan yang sering ditanyakan

Bagaimana cara kerja face recognition di demo ini?

Wajah dideteksi dulu, lalu 68 titik landmark dipetakan untuk meluruskan posisinya. Dari situ model membuat 'descriptor' berupa 128 angka yang mewakili ciri wajah. Saat absen, descriptor wajah di kamera dibandingkan dengan yang sudah didaftarkan; kalau jaraknya cukup dekat, dianggap orang yang sama.

Data wajah disimpan di mana?

Hanya di localStorage browser kamu sendiri, dan bisa dihapus kapan saja. Tidak ada data wajah yang dikirim ke server.

Apakah bisa dibobol pakai foto?

Bisa — demo ini tidak memiliki liveness detection (pengecekan wajah asli vs foto/layar). Sistem absensi wajah untuk penggunaan nyata biasanya menambahkan kamera kedalaman/inframerah atau tes gerakan untuk mencegah hal ini.

Apa hubungannya dengan IoT?

Di gedung pintar, pengenalan wajah sering dipasang pada terminal atau kunci pintu IoT: kamera mengenali wajah di perangkat, lalu perangkat membuka akses dan mengirim log kehadiran ke server.

Pelajari lebih lanjut
Demo lainnya
CrowdSense — Penghitung Pengunjung📹 CCTV Pintar
👥

CrowdSense

Penghitung Pengunjung

Hitung orang yang masuk & keluar lewat garis virtual, plus heatmap area paling ramai.

Lihat demo
PlateVision — Pembaca Plat Nomor (ANPR)📹 CCTV Pintar
🚗

PlateVision

Pembaca Plat Nomor (ANPR)

Baca plat nomor Indonesia dari foto dan kenali kode wilayah asal kendaraannya.

Lihat demo
TrafficSense — Penghitung Kendaraan📹 CCTV Pintar
🚦

TrafficSense

Penghitung Kendaraan

Deteksi dan hitung motor, mobil, bus, dan truk per arah saat melewati garis virtual.

Lihat demo
DriveGuard — Deteksi Kantuk Pengemudi🦺 Keselamatan & K3
🚚

DriveGuard

Deteksi Kantuk Pengemudi

Pantau mata tertutup & menguap lewat webcam, alarm berbunyi saat terdeteksi mengantuk.

Lihat demo
SafeZone — Keamanan Area & K3🦺 Keselamatan & K3
🦺

SafeZone

Keamanan Area & K3

Gambar zona terlarang di layar kamera, alarm berbunyi saat ada orang yang masuk.

Lihat demo
FireSight — Deteksi Api Dini🦺 Keselamatan & K3
🔥

FireSight

Deteksi Api Dini

Kenali nyala api dari kamera lewat analisis warna & kedipan, lengkap dengan simulasi kebakaran.

Lihat demo
FallGuard — Deteksi Orang Jatuh🦺 Keselamatan & K3
🧓

FallGuard

Deteksi Orang Jatuh

Lacak 33 titik tubuh, alarm berbunyi saat orang jatuh lalu tidak bangun. Contoh pemantauan lansia.

Lihat demo
GestureHome — Kontrol Gestur Smart Home🖐️ Kontrol Gestur
🖐️

GestureHome

Kontrol Gestur Smart Home

Nyalakan lampu, kipas, TV, dan tirai rumah pintar virtual cukup dengan gestur tangan di depan kamera.

Lihat demo
HelmCheck — Cek APD Helm & Rompi🦺 Keselamatan & K3
⛑️

HelmCheck

Cek APD Helm & Rompi

Periksa apakah tiap orang memakai helm proyek dan rompi reflektif — pelanggaran K3 ditandai merah.

Lihat demo
GestureTrade — Trading Crypto dengan Gestur🖐️ Kontrol Gestur
📈

GestureTrade

Trading Crypto dengan Gestur

Simulasi trading crypto tanpa sentuh: jempol ke atas beli, jempol ke bawah jual, tunjuk ke atas untuk scroll koin.

Lihat demo
SliceFruit — Game Potong Buah 3D🎮 Game & Edukasi Anak
🍉

SliceFruit

Game Potong Buah 3D

Game 3D potong buah pakai ujung jari: AI melacak telunjuk lewat kamera, tebas buah & hindari bom.

Lihat demo
AlphaGrab — Belajar Membaca dengan Gestur🎮 Game & Edukasi Anak
🔤

AlphaGrab

Belajar Membaca dengan Gestur

Jepit huruf di depan kamera, taruh di papan, dan AI membaca gabungannya dalam bahasa Indonesia. Full kontrol gestur.

Lihat demo
DizzyBird — Game Tembak Burung Ramah Anak🎮 Game & Edukasi Anak
🐦

DizzyBird

Game Tembak Burung Ramah Anak

Bidik pakai pistol jari, hentakkan tangan ke atas untuk menembak. Burung yang kena cuma pusing, lalu terbang lagi.

Lihat demo
JariPintar — Belajar Berhitung dengan Jari🎮 Game & Edukasi Anak
✋

JariPintar

Belajar Berhitung dengan Jari

Untuk anak 4–5 tahun: angkat jari di depan kamera, AI menghitung bersama satu per satu dan memberi bintang.

Lihat demo
WarnaKu — Belajar Mengenal Warna🎮 Game & Edukasi Anak
🎨

WarnaKu

Belajar Mengenal Warna

Cari benda di rumah sesuai warna yang diminta AI, tunjukkan ke kamera, dan kumpulkan koleksi foto warnamu.

Lihat demo
NyamNyam — Game Mangap Makan Buah🎮 Game & Edukasi Anak
😋

NyamNyam

Game Mangap Makan Buah

Gerakkan kepala dan buka mulut untuk memakan buah & sayur yang jatuh. AI melacak mulutmu lewat kamera. Awas kaus kaki!

Lihat demo
PancingKu — Simulasi Memancing Anak🎮 Game & Edukasi Anak
🎣

PancingKu

Simulasi Memancing Anak

Turunkan kail pakai gerakan jari, kenalan dengan 13 hewan laut, lalu lepaskan lagi. Tanpa skor, tanpa gagal.

Lihat demo
HujanAngka — Belajar Angka 1–100🎮 Game & Edukasi Anak
🔢

HujanAngka

Belajar Angka 1–100

Angka 1 sampai 100 berjatuhan, tangkap pakai ujung jari dan AI menyebut angkanya. Kumpulkan sampai papan angka penuh.

Lihat demo
BentukKu — Belajar Mengenal Bentuk🎮 Game & Edukasi Anak
🔺

BentukKu

Belajar Mengenal Bentuk

AI bertanya “Mana segitiga?”, anak menunjuk bentuk yang benar pakai jari. Kenalan dengan 10 bentuk beserta faktanya.

Lihat demo
PilahSampah — Belajar Memilah Sampah🎮 Game & Edukasi Anak
♻️

PilahSampah

Belajar Memilah Sampah

Tunjuk tempat sampah yang benar pakai jari: organik, anorganik, atau B3. AI menjelaskan kenapa, sambil belajar menjaga lingkungan.

Lihat demo
EmosiKu — Belajar Mengenal Emosi🎮 Game & Edukasi Anak
😊

EmosiKu

Belajar Mengenal Emosi

Tirukan ekspresi senang, sedih, kaget, sampai marah dengan wajahmu. AI membaca ekspresi lewat kamera lalu menjelaskan perasaannya.

Lihat demo
TubuhKu — Belajar Mengenal Anggota Tubuh🎮 Game & Edukasi Anak
🧒

TubuhKu

Belajar Mengenal Anggota Tubuh

“Pegang hidung!” Anak memegang bagian tubuhnya di depan kamera dan AI pose tubuh memeriksanya. Bisa sambil belajar bahasa Inggris.

Lihat demo