SIM Presensi Ulul Albab

Sistem Informasi Akademik & Presensi SD

Simulasi Login Role
Portal Absensi SD Ulul Albab

Selamat Datang, {{ currentUser.name }}!

Kelola presensi harian siswa dan absensi pendidik secara terintegrasi dengan akurat dan efisien.

{{ todayStats.present }}
Siswa Hadir
{{ todayStats.permission }}
Siswa Izin/Sakit
{{ todayStats.absent }}
Siswa Tanpa Ket.
{{ teacherStats.present }}/{{ teachers.length }}
Guru Hadir

Tingkat Kehadiran Siswa

Grafik presensi 7 hari sekolah terakhir

Rata-rata {{ averageAttendance }}%

Status Rekap Per Kelas

Tanggal {{ selectedDate }}

{{ cls.code }}
{{ cls.name }}
Wali: {{ cls.teacher_name }}
{{ getClassAttendancePercentage(cls.id) }}%
Tercatat

Form Presensi Siswa

Pilih kelas dan tanggal untuk mencatat atau memperbarui absensi siswa

Daftar Siswa {{ currentClassName }} {{ filteredStudents.length }} Siswa
Hadir: {{ currentAttendanceCount.hadir }} Izin: {{ currentAttendanceCount.izin }} Sakit: {{ currentAttendanceCount.sakit }} Alpa: {{ currentAttendanceCount.alpa }}
No NIS / NISN Nama Siswa Biometrik Wajah Status Kehadiran Catatan / Keterangan
{{ idx + 1 }} {{ student.nis }} / {{ student.nisn }}
{{ student.name }}
L/P: {{ student.gender }}
Terdaftar DB
Perekam data: {{ currentUser.name }}

Presensi Mandiri Guru

Lakukan absensi masuk dan pulang sekolah harian

{{ myTeacherProfile.initials }}
{{ myTeacherProfile.name }}
NIP/NIPT: {{ myTeacherProfile.nip }}
Jabatan: {{ myTeacherProfile.position }}
Waktu Datang: {{ myTodayAttendance.checkIn || '--:--:--' }}
Waktu Pulang: {{ myTodayAttendance.checkOut || '--:--:--' }}
Status Kehadiran: {{ myTodayAttendance.statusText }}

Daftar Absensi Pendidik Hari Ini

Pemantauan kehadiran seluruh guru & staf

{{ teachers.length }} Personil
NIP / NIPT Nama Guru Jabatan / Mapel Biometrik Wajah Masuk Pulang Status
{{ log.nip }} {{ log.name }} {{ log.subject }} Terdaftar {{ log.checkIn }} {{ log.checkOut }} {{ log.status }}

Database & Enrollment Biometrik Wajah AI Face recognition

Pendaftaran sampel foto wajah siswa dan guru ke database SIM Sekolah untuk pencocokan presensi otomatis

Total Wajah Terdaftar
{{ registeredFaceCount }} Data Personil
Siap untuk absensi kamera
Belum Terdaftar Wajah
{{ unregisteredFaceCount }} Personil
Perlu melakukan enrollment
Model AI Extraction
98.8% Akurasi
VGG-Face / ResNet Descriptor
Nomor Induk Nama Lengkap Kategori / Unit Status Wajah DB Vektor Hash Biometrik Aksi Pendaftaran

Rekapitulasi & Log Presensi Sekolah

Laporan terintegrasi hasil pencatatan presensi siswa dan absensi pendidik

Tanggal Unit / Kelas Nama Personil Status Petugas Perekam (`recorded_by`)
{{ item.date }} {{ item.className }} {{ item.studentName }} {{ item.status }} {{ item.recordedBy }}

Master Data Referensi (SIM SD)

Struktur data terdaftar sesuai basis data `ypiulula_sim-sd`

Daftar Kelas (tabel `classes`) {{ classes.length }} Kelas

{{ c.name }}
Kode: {{ c.code }} | Ruang: {{ c.room }}
Wali: {{ c.teacher_name }}

Tahun Akademik (tabel `academic_years`) {{ academicYears.length }} Periode

{{ ay.name }} - {{ ay.semester }}
{{ ay.start_date }} s.d {{ ay.end_date }}
{{ ay.is_active ? 'Aktif' : 'Non-Aktif' }}

Pengaturan & Integrasi Database MySQL {{ dbConnected ? 'Terhubung ke Live Database' : 'Mode Simulasi (Local)' }}

Konfigurasi parameter koneksi basis data MySQL `ypiulula_sim-sd` dan endpoint REST API backend

Parameter Server MySQL & API

Sediakan endpoint API PHP yang terhubung ke skrip schema.sql.

Terminal Konsol Uji Diagnostik
Live Status Check
[{{ log.time }}] {{ log.text }}
Status Terakhir: {{ dbConnected ? '✔ READY: Direct MySQL Connected' : '⚠ DEMO: Using Local In-Memory DB' }}

File Backend API PHP (`api.php`) Untuk Server XAMPP / cPanel

Tempatkan file backend ini di folder web server Anda untuk menghubungkan MySQL secara langsung.

{{ toast.message }}

Koneksi Database MySQL

Database Name: ypiulula_sim-sd

Sediakan endpoint API PHP / Node.js yang mengeksekusi skrip schema.sql.

Skrip SQL `schema.sql` berisi tabel: students, teachers, classes, student_attendances, dan vektor biometrik.

Export Laporan Presensi

Pilih format ekspor laporan absensi siswa SD Ulul Albab untuk kebutuhan arsip dan rekapitulasi nilai.

Absensi Face Recognition AI

Deteksi & Pencocokan Biometrik Database

Target Personil Scan:

Akses Kamera Terbatasi / Diizinkan

Pastikan membuka via server http://localhost & beri izin kamera browser Anda.

{{ scanStatusText }}
{{ recognizedPerson.initials }}
DB
Cocok Dengan Database ({{ matchConfidence }}%)
{{ recognizedPerson.name }}
{{ recognizedPerson.subtitle }}
Vektor Hash: {{ recognizedPerson.faceHash }}
HADIR TERCATAT
Biometrik SIM Sekolah

Enrollment Sampel Wajah Biometrik

Menyimpan Vektor Descriptor Ke Database `ypiulula_sim-sd`

Target Personil
{{ targetRegistrationPerson?.name }}
{{ targetRegistrationType === 'student' ? 'Siswa (Kelas ' + getClassCode(targetRegistrationPerson?.class_id) + ')' : targetRegistrationPerson?.position }}
{{ targetRegistrationPerson?.isFaceRegistered ? 'Update Biometrik' : 'Pendaftaran Baru' }}
Webcam Tidak Terhubung / Ditolak Browser
Pastikan kamera laptop/PC terhubung & buka web melalui http://localhost.
Mengekstrak Feature Vector Biometrik...