Pengembangan Sistem Kehadiran Siswa Berbasis QR Code di SMP Muhammadiyah 37 Parung
DOI:
https://doi.org/10.69693/ijmst.v4i2.10768Keywords:
Sistem Kehadiran Siswa, QR Code, Next.Js, Supabase, Rapid Application DevelopmentAbstract
Pengelolaan kehadiran siswa merupakan salah satu aspek penting dalam administrasi sekolah yang berperan dalam mendukung proses pembelajaran dan pengawasan kedisiplinan peserta didik. SMP Muhammadiyah 37 Parung masih menerapkan proses pencatatan kehadiran secara manual menggunakan media kertas sehingga menimbulkan berbagai permasalahan, seperti keterlambatan rekapitulasi data, risiko kehilangan dokumen, kesalahan pencatatan, serta rendahnya efisiensi dalam penyusunan laporan kehadiran. Penelitian ini bertujuan untuk mengembangkan sistem kehadiran siswa berbasis web yang memanfaatkan teknologi QR Code untuk mendukung proses pencatatan kehadiran secara digital dan terintegrasi. Metode pengembangan sistem yang digunakan adalah Rapid Application Development (RAD) yang terdiri atas tahapan perencanaan kebutuhan, perancangan, konstruksi, dan implementasi sistem. Sistem dikembangkan menggunakan framework Next.js dengan bahasa pemrograman TypeScript serta memanfaatkan Supabase sebagai backend dan basis data PostgreSQL. Fitur utama yang diimplementasikan meliputi autentikasi pengguna, pengelolaan data siswa dan guru, pembuatan QR Code absensi, pencatatan kehadiran berbasis pemindaian QR Code, pengajuan izin siswa, monitoring kehadiran, serta ekspor laporan kehadiran ke format Excel. Hasil pengujian menggunakan metode Black Box Testing menunjukkan bahwa seluruh fungsi utama sistem dapat berjalan sesuai kebutuhan pengguna dengan tingkat keberhasilan 100%. Implementasi sistem ini mampu meningkatkan efisiensi proses administrasi kehadiran, mempermudah monitoring kehadiran siswa secara real-time, serta mendukung penyusunan laporan kehadiran yang lebih cepat, akurat, dan terdokumentasi dengan baik di SMP Muhammadiyah 37 Parung.
References
Aini, Q., Rahardja, U., & Fatillah, A. (2018). Penerapan QRCode sebagai media pelayanan untuk absensi pada website berbasis PHP Native. Sisfotenika, 8(1), 47–56. https://doi.org/10.30700/jst.v8i1.151
Arya, K. B. W. K., Nyoman, I. Y. A. W., & Gede, I. J. E. P. (2024). Implementasi Next.js, TypeScript, dan Tailwind CSS untuk pengembangan aplikasi frontend sistem inventory perusahaan APAR (Studi kasus: CV Indoka Surya Jaya). JIKOM: Jurnal Informatika dan Komputer, 14(2), 95–108.
Avhad, S., Bendre, P., Gadge, S., Hawale, S., & Gorbal, M. (2026). Design and implementation of a role-based institutional credibility platform using Next.js and Supabase. International Journal of Innovative Research in Technology and Science, 14(2), 617–629.
Berliana Ghany, S., & Raharjo, G. (2025). Sistem informasi presensi siswa menggunakan QR Code berbasis web. JATI (Jurnal Mahasiswa Teknik Informatika), 9(5), 7874–7880. https://doi.org/10.36040/jati.v9i5.14931
Buminata, M. S. A., Maulana, I., & Nasution, M. F. F. (2025). Perancangan sistem informasi absensi mahasiswa berbasis web dengan QR Code, verifikasi lokasi GPS, dan notifikasi real-time menggunakan metode Waterfall. Spectrum: Multidisciplinary Journal, 2(3), 121–134.
Elmawati, Wedyawati, V., Nofriadiman, & Ardy, M. D. R. (2024). Perancangan sistem informasi absensi siswa menggunakan QR Code berbasis web pada SMK Pratama Padang. Jurnal Sains dan Teknologi: Jurnal Keilmuan dan Aplikasi Teknologi Industri, 24(2), 301–309. https://doi.org/10.36275/zkekg643
Fitriani, S., & Puspitasari, T. (2024). Sistem informasi presensi guru berbasis QR-Code pada SMAN 1 Waylima. Journal of Engineering and Computer Engineering, 2(1). https://doi.org/10.56327/jece.v2i1.80
Gulo, J. T. O., Febrianti, E. L., & Simalango, H. M. (2020). Rancang bangun sistem informasi akademik: Modul sistem absensi berbasis mobile dan web pada Universitas Universal. Jurnal Informatika Universitas Pamulang, 5(3), 228–235. https://doi.org/10.32493/informatika.v5i3.6714
Made Kusumawati, N., Werang, R., Luh, N., & Sulindawati, G. E. (2025). Sistem e-absensi siswa berbasis digital di sekolah menengah pertama. Journal of Education Action Research, 9(3), 463–471. https://doi.org/10.23887/jear.v9i3.94315
Mushaf, A., et al. (2025). Development of a web-based scheduling information system with agile methodology using Next.js and Supabase. Journal of Engineering Science and System Innovation, 6(2). https://doi.org/10.59562/jessi.v6i2.9588
Nugraha, M. R., Rianto, D. G., Rezkika, R., & Haryono, W. (2026). Rancang bangun aplikasi manajemen proyek berbasis web menggunakan React dan Supabase pada Yayasan Sa’adatul Atholibin. Jurnal Informatika dan Teknik Elektro Terapan, 14(1). https://doi.org/10.23960/jitet.v14i1.8741
Nugroho, R. P. A., & Sugandi, A. (2024). Meningkatkan performa frontend dengan menggunakan framework Next.js dalam pengembangan website. Journal of Cyber Health and Computer, 2(2), 14–19. https://doi.org/10.64163/jochac.v2i2.31
Pakpahan, A. F. (2024). Rapid application development of group attendance system for higher education using Laravel and VueJS. TEIKA, 14(1). https://doi.org/10.36342/teika.v14i1.3388
Rahmawati, E., Brawijaya, H., Andriansyah, D., & Mufida, E. (2025). Optimalisasi presensi sekolah berbasis QR Code dengan metode Rapid Application Development. Computer Science (CO-SCIENCE), 5(2), 87–94. https://doi.org/10.31294/coscience.v5i2.8505
Rojari, F., Kelen, Y. P. K., Syarifuddin, R., Fallo, K., & Syahyadi, A. I. (2025). Student attendance information system at SMKN with web-based QR Code. JESII: Journal of Elektronik Sistem Informasi, 3(1), 55–61. https://doi.org/10.31848/jesii.v3i1.4034
Willyansah, Aziz, S., & Syahrul. (2024). Web-based teacher and student attendance information system with QR Code SD Briliant Islamic School. ANTIVIRUS: Jurnal Ilmiah Teknik Informatika, 18(1). https://doi.org/10.35457/antivirus.v18i1.3514
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Indonesian Journal of Multidisciplinary on Social and Technology
This work is licensed under a Creative Commons Attribution 4.0 International License.
