Cloud-Integrated Offline-First HTML Attendance System for Classroom Administrative Efficiency
Keywords:
Digital Attendance, Offline-First, Google Apps Script, Teacher Workload, Human-AI Collaboration.Abstract
The administration of student attendance in elementary schools frequently encounters challenges related to the physical vulnerability of documents and inadequate network infrastructure. This study aims to describe the development of an offline-first, HTML-based digital classroom attendance system integrated with cloud storage (Google Sheets) via Human-AI collaborative programming using Gemini AI. Furthermore, it evaluates the system's practicality and efficacy in reducing the administrative burden on teachers at SDN Cangkringrembang. Employing a Research and Development (R&D) methodology anchored in the ADDIE procedural framework (Analysis, Design, Development, Implementation, Evaluation), the instrument was developed and pilot-tested in Grade 3B. Practicality testing involving six peer elementary school teachers yielded a feasibility score of 94.17%, categorizing the system as "Highly Practical." The implementation significantly curtailed the monthly attendance recapitulation time from 30–45 minutes to mere seconds through automated processing. Crucially, the offline-first architecture leveraging browser Local Storage ensured seamless attendance tracking in classrooms with Wi-Fi blind spots, enabling reliable data synchronization via personal cellular networks at zero operational cost.
References
Ardiansyah, G., & Toyib, R. (2024). Aplikasi Absensi Siswa Berbasis Android. Mars: Jurnal Teknik Mesin, Industri, Elektro Dan Ilmu Komputer, 2(5), 12–18. https://doi.org/10.61132/mars.v2i5.315
Aulia, Z. M., Hidayat, T., Al Fauzan, F., & Sutardi, S. (2024). Sistem Informasi Rekap Absensi Berbasis Website. Journal Peqguruang: Conference Series, 6(2), 587–594. https://doi.org/10.35329/jp.v6i2.5851
Branch, R. M. (2009). Instructional Design: The ADDIE Approach. New York: Springer.
Demak District Education and Culture Office. (2026). Bimtek Peningkatan Kompetensi KBM Inovatif Berbasis AI dan Coding untuk Guru Sekolah Dasar. Demak District Education Office.
Fitriati, I., Ilyas, I., & Wahyudin, W. (2023). Perancangan Aplikasi Presensi Berbasis QR Code Untuk Efisiensi Manajemen Kehadiran Siswa. Inverted: Journal of Information Technology Education, 3(2). https://doi.org/10.37905/inverted.v3i2.20919
Google Apps Script Documentation. (2025). Web Apps and Content Service Guides. Google Developer Registry.
Hamdani, D., Wibowo, A. P. W., & Heryono, H. (2024). Perancangan Sistem Presensi Online Menggunakan Metode Prototyping. Jurnal Teknologi Dan Informasi, 14(1), 62–73. https://doi.org/10.34010/jati.v14i1.11844
Musdalifa, Amaliyah, N., & Bidala, A. (2024). Mengeksplorasi Persepsi Guru Sekolah Dasar Terhadap Pemanfaatan Artificial Intelligence (AI). Jurnal Pendidikan Dasar Islam, 2(3). https://garuda.kemdiktisaintek.go.id/documents/detail/5250435
Prasetia, A. D., Pamungkas, R., & Setiawan, D. (2024). Digitalisasi Presensi Siswa Berbasis Website Menggunakan Metode Waterfall Yang Terintegrasi Dengan Kurikulum Merdeka. Prosiding SENDIKO (Seminar Nasional Hasil Penelitian & Pengabdian Masyarakat Bidang Ilmu Komputer), 3. https://prosiding.unipma.ac.id/index.php/sendiko/article/view/6971
Sugiyono. (2019). Metode Penelitian dan Pengembangan (Research and Development/R&D). Bandung: Alfabeta.
