06 // MR/06PROOF // SUB-SECOND QR SCANPOS & WEB APP

QR ATTENDANCE SYSTEM

School & Lab Attendance System via QR Code Scanning

INFRA SPEC:HTML5-QRCODE · PHP · XLSX SPREADSHEET ENGINE
PHPMySQLJavaScripthtml5-qrcodeExcel Import
QR ATTENDANCE SYSTEM
PROJECT // MR/06
01 // CONTEXT

PROJECT BACKGROUND

Absensi laboratorium dan sekolah yang menggunakan tanda tangan manual memakan waktu hingga 10 menit dan rawan kecurangan 'titip absen'.

02 // PROBLEM

THE CORE CHALLENGE

Siswa sering menandatangani absen untuk temannya yang terlambat atau tidak hadir, sementara rekapitulasi data bulanan memakan waktu berhari-hari bagi staf tata usaha.

03 // APPROACH

ENGINEERING STRATEGY

Mengembangkan sistem presensi digital dengan QR code terenkripsi per siswa, pemindaian langsung dari kamera laptop/ponsel via library html5-qrcode, dan validasi jam aktif sesi lab.

04 // SYSTEM TOPOLOGY

ARCHITECTURE SPECIFICATION

  • 01Client Engine: JavaScript html5-qrcode utilizing device video feeds directly in-browser
  • 02Server Validation: PHP script validating scan timestamps against active lab schedules
  • 03Storage & Export: MySQL database supporting mass XLSX student import and report generation
[ARCHITECTURE TOPOLOGY // SYSTEM CONTRACT]MODULAR ENGINEERING

This project implements structured separation between presentation, state dispatch, relational data storage, and environment hosting.

05 // KEY FEATURES

DELIVERED CAPABILITIES

  • Sub-second QR scanning from laptop webcams or mobile phone cameras
  • Time-bound attendance validation preventing scanning outside authorized lab hours
  • Bulk student data import via Excel spreadsheet and automated ID card generation
  • Real-time attendance recapitulation dashboard for school operators
06 // CURRENT STATUS

PROJECT LIFECYCLE

Live web application demo at smknusantaradigital.rf.gd.

07 // REFLECTION

TECHNICAL TAKEAWAY

Mempersingkat waktu absensi dari 10 menit menjadi di bawah 2 menit membuktikan bagaimana otomasi web sederhana langsung berdampak pada efisiensi jam belajar.