🏫
E-Presensi YPPK GB
Sistem Absensi Digital Berbasis QR Code
SD Gembala Baik Abepura · Jayapura, Papua
Panduan Penggunaan Aplikasi
🎯 Tujuan Pengembangan Aplikasi
📋 Menggantikan sistem absensi manual (kertas) yang tidak efisien dan rawan kesalahan
⚡ Mempercepat proses pencatatan kehadiran siswa dan guru setiap hari
👨👩👧 Meningkatkan komunikasi antara sekolah dan orang tua melalui notifikasi real-time
📊 Menyediakan data kehadiran yang akurat dan dapat diakses kapan saja
⏰ Mendeteksi keterlambatan dan kepulangan lebih awal secara otomatis
🔒 Meningkatkan keamanan dan kedisiplinan siswa di lingkungan sekolah
📱 Memanfaatkan teknologi QR Code dan smartphone yang sudah dimiliki warga sekolah
⚙️ Dikembangkan Dengan
🖥️ Backend
PHP 8 — bahasa pemrograman server
MySQL — database penyimpanan data
Nginx — web server di Ubuntu
Node.js — server WhatsApp Gateway
🎨 Frontend
HTML5 + CSS3 + JavaScript
AdminLTE 3 — template dashboard
Bootstrap 4 — framework UI
Html5-QrCode — library scan QR
📡 Integrasi
WhatsApp Web.js — notifikasi WA
Telegram Bot API — notifikasi Telegram
Web Speech API — suara peringatan
MediaDevices API — akses kamera
🌐 Hosting
Ubuntu Server 22.04 LTS
Domain: sd-yppk-gembalabaik-jayapura
SSL HTTPS terenkripsi
Cron Job untuk antrian WA
✝️ Hubungan dengan Visi Sekolah
"MENJADI LEMBAGA PENDIDIKAN YANG UNGGUL BERLANDASKAN IMAN KRISTIANI,
✝️ Berkarakter & Disiplin
Deteksi otomatis keterlambatan mendorong kedisiplinan siswa
Rekam jejak kehadiran membentuk karakter tanggung jawab
💻 Berbasis Digital
QR Code menggantikan absensi manual sepenuhnya
Data tersimpan digital, akses kapan saja dan di mana saja
🏆 Lembaga Unggul
Sistem modern meningkatkan citra dan kualitas sekolah
Laporan akurat mendukung pengambilan keputusan manajemen
👨👩👧 Keterlibatan Orang Tua
Notifikasi WA/Telegram memperkuat komunikasi sekolah-keluarga
Orang tua tahu kondisi anak secara real-time
🧠 Hubungan dengan Pembelajaran Mendalam
Deep Learning (Pembelajaran Mendalam) = pendekatan belajar yang bermakna, reflektif, dan berpusat pada siswa
📊 Data sebagai Refleksi
Guru menganalisis pola kehadiran siswa secara mendalam
Data terlambat membantu identifikasi siswa yang perlu perhatian khusus
Laporan bulanan mendorong refleksi guru terhadap proses pembelajaran
🤝 Keterlibatan Bermakna
Orang tua terlibat aktif melalui notifikasi real-time
Wali kelas memantau perkembangan siswa secara holistik
Komunikasi tiga arah: sekolah ↔ guru ↔ orang tua
🎯 Pembelajaran Berpusat Siswa
Kedisiplinan hadir dibangun dari kesadaran, bukan paksaan
Siswa belajar tanggung jawab melalui sistem yang transparan
Rekam jejak mendorong siswa untuk konsisten hadir
💡 Literasi Digital
Siswa & guru terbiasa menggunakan teknologi QR Code
Mendukung kompetensi digital abad 21
Mempersiapkan warga sekolah untuk era digital
🚀 Fitur Utama Aplikasi
📱 Absensi QR Code
Scan QR siswa & guru
Input manual NISN/NIP
Dual camera support
Foto wajah otomatis
🔔 Notifikasi Otomatis
WhatsApp ke orang tua
Telegram ke wali kelas
Notif terlambat & pulang awal
Foto + caption dikirim
📊 Laporan & Dashboard
Dashboard real-time
Statistik hadir/terlambat
Export Excel
Riwayat absensi
👥 Multi User
Admin
Guru (login sendiri)
Wali Kelas
Publik (scan page)
🌐 Cara Mengakses Aplikasi
🖥️ Dashboard Publik: e-presensi.sd-yppk-gembalabaik-jayapura-papua.sch.id/public/
🔐 Login Admin: .../login.php
👨🏫 Login Guru: .../login_guru.php
📋 Login Wali Kelas: .../login_walikelas.php
📷 Halaman Scan: .../public/scan.php
Gunakan browser Chrome/Firefox terbaru untuk hasil terbaik
📷 Proses Absensi Siswa
1
Buka halaman Scan QR di browser/tablet sekolah 2
Siswa tunjukkan wajah ke kamera wajah 3
Arahkan QR Code kartu siswa ke kamera scan 4
Sistem otomatis deteksi: masuk / keluar / terlambat 5
Modal popup muncul + suara konfirmasi 6
Notifikasi WA/Telegram dikirim ke orang tua & wali kelas
📌 Status Absensi Otomatis
✅ HADIR — Scan sebelum batas waktu (default 07:15)
⚠️ TERLAMBAT — Scan setelah batas waktu → suara "Anda Terlambat"
🚪 KELUAR NORMAL — Scan keluar setelah jam pulang (default 15:00)
⚠️ PULANG LEBIH AWAL — Scan keluar sebelum jam pulang → suara peringatan
Batas waktu dapat diubah di menu Pengaturan → Batas Terlambat
🖥️ Dashboard Admin
📈 Statistik Hari Ini
Klik card Hadir → lihat daftar siswa hadir
Klik card Belum Pulang → siswa masih di sekolah
Klik card Sudah Pulang → siswa sudah keluar
Card Guru → statistik kehadiran guru
⏰ Card Terlambat
Klik card Terlambat → daftar siswa & guru terlambat
Ranking paling sering terlambat bulan ini
Data real-time update setiap scan
📋 Menu Admin
Data Master
Data Siswa (import Excel)
Data Guru + Akun Login
Data Kelas
Wali Kelas
Mata Pelajaran
Operasional
Laporan Absensi
Generate QR Code
Pengaturan Notifikasi
Setup Telegram Bot
Queue WhatsApp
📲 Notifikasi WhatsApp & Telegram
📱 WA dikirim ke nomor orang tua siswa secara otomatis
💬 Telegram dikirim ke wali kelas & orang tua yang punya Chat ID
📸 Foto wajah siswa dikirim bersama pesan notifikasi
⚙️ Template pesan dapat dikustomisasi di menu Pengaturan
🔄 Sistem antrian (queue) mencegah banned WhatsApp
Tag yang tersedia: {nama} {kelas} {tanggal} {jam} {status}
👨🏫 Fitur Login Guru
1
Admin buat akun guru di menu Data Guru → tombol "Buat Akun" 2
Guru login di halaman login_guru.php 3
Guru lihat dashboard: absensi siswa di kelasnya 4
Guru lihat riwayat perubahan absensi 5
Guru lihat laporan kehadiran per kelas
📚 Fitur Wali Kelas
Login khusus wali kelas dengan akun sendiri
Lihat absensi siswa di kelas yang diampu
Ubah status absensi siswa (izin/sakit/alpha)
Lihat laporan kehadiran bulanan
Terima notifikasi Telegram saat siswa absen
Akun wali kelas dibuat di menu Admin → Wali Kelas → Buat Akun
📥 Import Data Siswa
1
Download template Excel dari menu Import Siswa 2
Isi data: Nama, NISN, NIS, Kelas, No. WA Orang Tua 3
Upload file Excel (.xlsx/.xls/.csv) 4
Sistem validasi dan import otomatis 5
Generate QR Code untuk semua siswa 6
Print kartu QR Code siswa
💡 Tips Penggunaan Optimal
Gunakan 2 kamera: satu untuk scan QR, satu untuk foto wajah
Pastikan koneksi internet stabil untuk notifikasi real-time
Atur batas terlambat sesuai jam masuk sekolah
Backup database secara rutin setiap minggu
Gunakan mode fullscreen di halaman scan untuk tampilan lebih besar
QR Code bisa di-drag dan dipindah posisinya di layar
🎓
Terima Kasih
E-Presensi YPPK GB
Dikembangkan oleh BAYUN PRADIMAN
📞 081344762634
SD Gembala Baik Abepura · Jayapura, Papua · 2026
1 / 13
◀ Sebelumnya
Selanjutnya ▶