🔐 Attendance siswa dapat diakses kapan saja selama berada di area sekolah.
📥 MODE TIME IN • Scan QR Master Attendance
🔌 USB 2D QR / BARCODE SCANNER
⚪ USB SCANNER NONAKTIF
Belum ada scan.
📷 SCAN QR / BARCODE
Kamera siap.
SCAN QR / BARCODE
Belum ada kode yang dipindai.
🔊 Audio Ready
Student Photo
SMART ATTENDANCE • STUDENT PROFILE

Profil Siswa

Kelas - ISN / ID -
Memeriksa akses attendance...
🔔 Pengingat Attendance Aktifkan lokasi untuk menerima pengingat saat berada di area sekolah.
🔐 PROFILE-BOUND
🔐 Attendance siswa dapat diakses kapan saja selama berada di area sekolah.
📍 Barcode Attendance: radius 300 meter • 📱 akses kapan saja
TIME IN
--:--:--
Belum tercatat hari ini
TIME OUT
--:--:--
Belum tercatat hari ini
📍 Attendance Station

Administrator menyiapkan 1 QR Master di meja guru. Setiap siswa login pada profilnya, lalu memindai QR tersebut dengan kamera HP.

QR Master hanya mengidentifikasi station. Nama, kelas, foto, dan ISN diambil dari profil siswa yang sedang login sehingga satu siswa tidak dapat memilih identitas siswa lain.
👨‍🏫 Guru Piket
Belum ada informasi guru piket.
🔐 Keamanan Login Profil

Daftarkan Pola, PIN, Password atau Biometric/Fingerprint pada HP ini. Setelah terdaftar, metode tersebut dapat digunakan untuk membuka profil siswa yang sama tanpa memilih identitas lain.

Memuat metode login...
📋 Daftar Kehadiran Hari Ini
Memuat data kehadiran...
🟢 HADIR 0
Memuat...
🔴 TIDAK HADIR 0
Memuat...
📎 Dokumen Ketidakhadiran

Upload dokumen pendukung untuk ketidakhadiran. File tersimpan pada perangkat/browser siswa.

🔐 Attendance siswa dapat diakses kapan saja selama berada di area sekolah.

👤 Attendance List Face Recognition

Arahkan wajah siswa ke kamera untuk pencatatan otomatis Jam Masuk & Jam Keluar.

HIGH CONTRAST • FACE VERIFICATION
🔐 LEVEL 6 • HIGH ACCURACY BIOMETRIC ATTENDANCE • Face-api 128-D + InsightFace/ArcFace-family embedding + geometry + liveness + multi-template + consecutive consensus
Memuat sistem Face Recognition...
🛡️ LEVEL 6 BIOMETRIC SECURITY ENGINE
AI MODELMemuat InsightFace...
LIVENESSMenunggu wajah...
MULTI-TEMPLATEMenunggu database...
CONSENSUS0/6 frame
Face-api + InsightFace/ArcFace-family + facial geometry + quality gate + liveness/anti-spoof + multi-template + second-best margin aktif.

✅ Hasil Pengenalan

Foto siswa

Menunggu wajah...

Kelas 11

Confidence: -

🖼️ Galeri Wajah Siswa

Daftar sampel foto wajah siswa terdaftar.

📸 Registrasi / Ambil Wajah Siswa

Pilih siswa dan daftarkan sampel foto wajah baru.

📷
Pilih kamera laptop atau USB yang digunakan untuk registrasi wajah.
● Camera Ready
Gunakan kamera yang sama saat registrasi dan absensi untuk hasil lebih konsisten. Pastikan wajah terang, lurus, dan tidak terlalu jauh.
Kualitas wajah: menunggu kamera...
Pilih siswa kemudian mulai kamera.

ℹ️ Petunjuk Registrasi Wajah

1. Pilih nama siswa pada dropdown di sebelah kiri.
2. Klik Mulai Kamera dan posisikan wajah di tengah area kamera.
3. Pastikan pencahayaan cukup dan wajah terlihat jelas.
4. Pilih kamera USB external bila tersedia dan gunakan pencahayaan/kontras tinggi.
5. Pengambilan wajah dilakukan secara manual dengan satu klik tombol dan beberapa percobaan deteksi frame.
6. Setiap sampel dibandingkan dengan seluruh database untuk mencegah duplicate wajah.
7. Level 6 membuat multi-template InsightFace/ArcFace-family dari beberapa frame berkualitas, bukan satu foto saja.
8. Registrasi juga melakukan duplicate check dua mesin: Face-api + InsightFace/ArcFace-family.
9. Liveness/anti-spoof diperiksa saat registrasi dan pengenalan jika skor model tersedia.
10. Pengenalan membutuhkan 6 frame berturut-turut, kandidat kedua harus cukup jauh, dan template terbaik harus konsisten.
11. Template InsightFace disimpan terenkripsi di browser. Data cloud lama tetap kompatibel, tetapi untuk Level 6 penuh siswa perlu registrasi ulang.
12. Hasil dapat dipantau di menu Galeri Wajah.

🖐 Fingerprint Registration

Registration tangan kanan: Ibu Jari → Telunjuk → Jari Tengah → Jari Manis → Kelingking. Setiap jari direkam beberapa kali, kemudian template fingerprint dicocokkan sebelum disimpan. Data identitas mengikuti Master Student / QR Scan: ISN, Nama, Kelas, dan Foto.

1. Pilih Siswa & Fingerprint

2. Urutan Jari Tangan Kanan

🔐 Template biometrik sebaiknya tidak disimpan sebagai gambar sidik jari. Sistem menyimpan template/feature hasil scanner, mengikatnya ke student_id + ISN, dan melakukan verifikasi melalui backend.

3. Rekam → Cocokkan → Verifikasi

🖐️
Menunggu fingerprint scanner
Hubungkan scanner USB ke komputer. Node.js Fingerprint Bridge harus berjalan di komputer yang terhubung ke scanner.
0 / 3 sampel jari
Belum ada hasil pencocokan.
JariSampelQualityMatchStatus
Belum ada data registrasi pada sesi ini.

Total Siswa

0

11.1: 0 • 11.2: 0 • 11.3: 0

Hadir Hari Ini

0

Tidak Hadir

0

👆 Klik untuk melihat daftar

Sudah Pulang

0

⏰ Terlambat

0

Siswa dengan Time In ≥ 06:46

🏫 Rekap Jenjang & Kelas

Dashboard menampilkan seluruh siswa Kelas 10, Kelas 11 IPA Murni, dan seluruh Kelas 12 dari master siswa.

📊 Status Semua Siswa Hari Ini

Memuat status kehadiran realtime...
🟡 Sinkronisasi attendance...
No.FotoKelasNama SiswaISNTime InKetepatanTime OutStatus

⏰ Daftar Siswa Terlambat Hari Ini

Menampilkan siswa dengan Time In ≥ 06:46 secara realtime dari Hostinger.
No.FotoJenjang/KelasNama SiswaISNTime InStatus

Laporan Kehadiran Siswa (Jam Masuk & Keluar)

Tanggal Kelas Nama Siswa Jam Masuk Jam Keluar Status

📅 History Attendance List

Pilih tanggal untuk melihat siswa yang hadir dan tidak hadir pada hari sebelumnya.

Total Siswa

0

Hadir

0

Tidak Hadir

0

Sudah Pulang

0

📋 Rekap Kehadiran Berdasarkan Tanggal

Hadir Tidak Hadir Sudah Pulang
No.TanggalKelasNama SiswaJam MasukJam KeluarStatus

🛡️ Administrator

Pusat kendali Usher/Guru Piket dan QR Master Attendance.

● SERVER CONNECTED WORKFLOW

🔐 Manajemen Login Siswa / Guru

Administrator dapat menghapus/reset Pola, PIN, Password, dan Biometric yang tersimpan di server.

Catatan: Fingerprint menggunakan WebAuthn/platform authenticator. Browser akan meminta fingerprint, Face ID, atau PIN perangkat sesuai kemampuan HP. Sistem tidak membaca atau menyimpan sidik jari mentah.
ALUR ATTENDANCE
ADMINISTRATORUSHER / GURU PIKETGENERATE QR MASTERPRINT QRSISWA SCAN DENGAN HP
✓ QR Station resmi✓ Profil siswa aktif✓ Database server✓ Kelas siswa✓ Jam sekolah✓ Lokasi sekolah

👨‍🏫 Input Guru Piket

Atur nama guru piket dan jam piket yang akan tampil pada Mode Full Screen Attendance.

● Terintegrasi Full Screen
Mulai
Sampai
Jam ke-1
Belum ada guru piket yang disimpan.

📍 Barcode Attendance Station (opsional untuk mode siswa via HP)

Guru menyiapkan satu barcode yang dipakai seluruh siswa. Barcode tidak menyimpan identitas siswa.

Cara kerja

  1. Guru login sebagai Administrator.
  2. Generate/Print satu barcode Attendance Station.
  3. Siswa login dari HP dengan Kelas + ISN/ID Profil + Kode Akses Kelas.
  4. Siswa membuka menu QR Attendance dan scan barcode station.
  5. Sistem mencocokkan barcode station + profil siswa + kelas + jam/lokasi sekolah.
  6. Attendance Masuk dicatat satu kali per profil per hari.
Keamanan: barcode station tidak menentukan siapa siswa. Identitas diambil dari akun siswa yang sedang login, sehingga siswa tidak dapat memilih nama siswa lain dari barcode.
SMART ATTENDANCE
Barcode Attendance Station PNG
Membuat kode...
SCAN DENGAN HP SISWA

📱 QR Master Attendance Station

Satu QR Master untuk semua siswa. QR ini hanya membawa kode station. Identitas siswa, Guru Piket, dan Usher dikelola di luar area QR.

  1. Administrator login.
  2. Atur Guru Piket dan jam piket.
  3. Generate QR Master lalu print dan letakkan di meja guru.
  4. Siswa login melalui HP dengan profil masing-masing.
  5. Siswa pilih Time In atau Time Out, lalu scan QR Master.
  6. Sistem mencocokkan station + profil siswa + database + akses sekolah dan menyimpan waktu secara otomatis.
SMART ATTENDANCE
SCAN DENGAN HP SISWA

▦ Student QR Generator

Generate QR Code & ID Card siswa SMA. QR Code berisi ISN asli dan dapat langsung dipindai menggunakan kamera laptop/Chromebook/HP Guru.

📷 Cara Scan: tampilkan QR Code dari ID Card siswa tepat di depan kamera laptop. Sistem membaca ISN → mencocokkan Master Data → menampilkan nama/foto → mencatat attendance → audio “Thank you, [Nama]” → memperbarui Dashboard Administrator. Tidak ada CODE128/barcode lama pada generator ini.

🪪 Student ID Card

Data ID Card 100% mengikuti Master Data pada Student QR Generator. ISN, nama, kelas, dan foto berasal dari sumber data yang sama.

🔗 Data tersinkron: Student QR Generator ↔ Student ID Card  •  📏 85.60 × 53.98 mm  •  🖨️ 8 kartu / A4
Pilih siswa atau klik Tampilkan Semua.
🕐 SMART ATTENDANCE • LIVE CLOCK Memuat tanggal... 00:00:00