Rancang Bangun Aplikasi Absensi Siswa Secara Online Dengan React JS
Keywords:
Student Attendance, QR Code, React JS, Web-Based SystemAbstract
Attendance is a routine conducted by individuals to indicate their presence or absence in an institution. The attendance system for students at di SMK N 1 Stabat has so far been manually handled by recording attendance in books. This method is time-consuming, often inaccurate, and poses challenges for teachers when compiling reports. To address this issue, an attendance system was designed within the system using QR Code as an assistive tool. With this system, students can simply scan the QR Code on their identity cards to register their attendance. The application was built using the React JS framework with a waterfall methodology. This system also facilitates teachers in creating recapitulation and attendance reports that are directly integrated with students’ parents. Besides saving time, this system is expected to enhance student discipline and prevent proxy attendance practices. SMK Negeri 1 Stabat becomes one of the pioneers in implementing this technology for student attendance, paving the way for similar applications in other institutions.
References
[1] E. Herlina and T. Hidayatulloh, “Penerapan QR Code Untuk Sistem Absensi Siswa SMP Berbasis Web,” JATI, vol. 7, no. 2, Jan. 1970, doi: 10.34010/jati.v7i2.865.
[2] Sukirman, F. El Fazza, U. Pangerang, and Salmia, “Rancang Bangun Aplikasi Absensi Siswa Berbasis Web Pada Smpn 1 Maros,” jtek, vol. 2, no. 01, Jun. 2022, doi: 10.56923/jtek.v2i01.62.
[3] Muchlis Harly Winata, Febiyanti, Nuliyani, and Alfiah Fajriani, “Pengembangan Absensi Siswa Berbasis Aplikasi Web Di Sekolah Menengah Kejuruan,” Decode, vol. 1, no. 2, pp. 69–75, Sep. 2021, doi: 10.51454/decode.v1i2.26.
[4] I. P. Sari, S. T. Siska, and A. Budiman, “Perancangan Aplikasi Pelayanan Gangguan Tv Kabel Berbasis Web Dan Sms Gateway,” Vol ., no. 1, 2021.
[5] V. Asih, A. Saputra, and R. T. Subagio, “PENERAPAN ALGORITMA FISHER YATES SHUFFLE UNTUK APLIKASI UJIAN BERBASIS ANDROID,” JD, vol. 10, no. 1, p. 59, May 2020, doi: 10.51920/jd.v10i1.156.
[6] D. M. Tambunan, “PENGARUH PENGGUNAAN GAME ONLINE TERHADAP PERKEMBANGAN ROHANI REMAJA KRISTEN DI SMP KRISTEN NASIONAL ANGLO RAWASARI JAKARTA PUSAT”.
[7] “Aplikasi Teknologi QR ( Quick Response ) Code Implementasi Yang Universal (Yohana Tri Widayati)”.
[8] C. N. Aini and M. W. Habibi, “DEVELOPMENT OF BOOKLET BASED SCIENCE LEARNING MEDIA FOR JUNIOR HIGH SCHOOL,” insecta, vol. 1, no. 2, pp. 155–167, May 2021, doi: 10.21154/insecta.v1i2.2269.
[9] S. K. Murti and A. Sujarwo, “Membangun Antarmuka Pengguna Menggunakan ReactJs untuk Modul Manajemen Pengguna”.
[10] D. Tarmizi and Muh. R. Ridha, “SISTEM INFORMASI GEOGRAFIS BERBASIS WEB PERSEBARAN FASILITAS PELAYANAN KESEHATAN DI KOTA TEMBILAHAN,” jupel, vol. 3, no. 3, pp. 111–123, Oct. 2021, doi: 10.32520/jupel.v3i3.1703.
[11] S. A. Octafian and S. D. Budiwati, “Aplikasi Simpan Pinjam di Koperasi Warga Mitra Bhakti Usaha”.
[12] S. E. Y. Putri and S. St, “PENERAPAN MODEL NAIVE BAYES UNTUK MEMPREDIKSI POTENSI PENDAFTARAN SISWA DI SMK TAMAN SISWA TELUK BETUNG BERBASIS WEB,” vol. 1, no. 1, 2021.
[13] U. K. Siregar, “Pengembangan database Management system menggunakan My SQL,” vol. 1, no. 1.
[14] A. Noviantoro, A. B. Silviana, R. R. Fitriani, and H. P. Permatasari, “RANCANGAN DAN IMPLEMENTASI APLIKASI SEWA LAPANGAN BADMINTON WILAYAH DEPOK BERBASIS WEB,” JTS, vol. 1, no. 2, pp. 88–103, Jun. 2022, doi: 10.56127/jts.v1i2.108.
[15] D. Destiarini, “Sistem Informasi Percetakan Mandiri Creative Berbasis Website Dengan Menggunakan Codeignite,” INTECH, vol. 5, no. 1, pp. 28–34, May 2024, doi: 10.54895/intech.v5i1.2496.
[16] M. Khoirudda’I Hermawan, A. Pandu Kusum, and F. Febrinita, “PERANCANGAN SISTEM PENGELOLAAN KEUANGAN HASIL PANEN PERTANIAN DI DESA SIDODADI KABUPATEN BLITAR,” jati, vol. 6, no. 2, pp. 773–781, Nov. 2022, doi: 10.36040/jati.v6i2.5716.
[17] M. Putri and I. Hidayanti, “Perancangan Sistem Informasi Pengelolaan Surat Pada Kantor Kementerian Agama Kota Palembang,” MDP-SC, vol. 2, no. 1, pp. 416–424, Apr. 2023, doi: 10.35957/mdp-sc.v2i1.4497.
[18] K. Nistrina and T. A. Lestari, “Desain Inovatif Sistem Informasi Profil Hotel Damanaka Pangalengan Berbasis Website Menggunakan UML dan Figma,” Jurnal Sistem Informasi, vol. 06, 2024.
