Impelementasi Sistem Presensi Wisuda Berbasis QR Code untuk Meningkatkan Layanan Menggunakan MERN Stack
DOI:
https://doi.org/10.47065/bulletincsr.v6i4.979Keywords:
Information System; MERN Stack; QR Code; Attendance; GraduationAbstract
Graduation is a ceremonial activity routinely conducted at a university, including at Polytechnic Caltex Riau. The process of conferring degrees at Polytechnic Caltex Riau has been experiencing an increase each year. In the registration process, a website has already been used to facilitate the registration, but on the implementation day, it is still done manually. Like the attendance process for graduates still using paper, as well as parents who must sign in when they arrive. This takes a long time in the process, not to mention the loss of attendance records, duplicate signatures, and so on. Because of these issues, a graduation attendance system was built that will use QR codes in the registration process and was developed using MERN Stack technology. The purpose of developing this system is to facilitate the graduation committee in coordinating activities with parents and graduates. The use of MERN Stack technology is very suitable for development for real-time data, and using QR codes speeds up the existing process. From the research results, all features of the system are operational and can be used based on the UAT testing conducted on three users, namely the admin, super admin, and BAAK. The usability testing yielded a score of 63%, indicating that the system is somewhat difficult to use and the interface needs further improvement.
Downloads
References
K. Swawikanti, “Ini Perbedaan Yudisium dan Wisuda yang Perlu Kamu Tahu!” 2024, [Online]. Available: https://www.brainacademy.id/blog/perbedaan-yudisium-dan-wisuda.
M. Idris and A. Rahmah, “Pengembangan Sistem Informasi Wisuda berbasis Web menggunakan Model MVC,” J. Inform. Terpadu, vol. 8, no. 2, pp. 62–67, 2022, doi: 10.54914/jit.v8i2.419.
P. Lahagu and E. T. Siregar, “Penerapan Aplikasi Presensi Pegawai Bagian Produksi Menggunakan QR Code Berbasis Web Dan Android,” J. ITCC (Information Technol. Cyber Crime), vol. 2, no. 1, pp. 28–36, 2023.
D. Anggoro, D. V. S. Y. Sakti, and S. Waluyo, “Implementasi Sistem Informasi Berbasis QR Code Guna Mencegah Kerumunan dalam Antrian Wisuda,” Edumatic J. Pendidik. Inform., vol. 5, no. 1, pp. 128–136, 2021, doi: 10.29408/edumatic.v5i1.3383.
R. Nugrahani and J. S. Rupa, “Media Pembelajaran Berbasis Visual Berbentuk Permainan Ular Tangga untuk Meningkatkan Kualitas Belajar Mengajar di Sekolah Dasar,” J. Lembaran Ilmu Kependidikan, 2007.
M. M. Ishaq, P. Singh, S. Badjatya, S. Kumar, Y. Tomar, and S. Bansal, “Design and Development of a User-Friendly Social Media App using the MERN Stack,” in 2023 International Conference on Circuit Power and Computing Technologies (ICCPCT), 2023, pp. 1730–1736, doi: 10.1109/ICCPCT58313.2023.10245371.
A. Nugraha, R. D. Gunawan, and F. Ariany, “Perancangan Sistem Marketplace Penyedia Jasa Pangkas Rambut Berbasis Website Menggunakan MERN Stack,” J. Ilm. Inform. dan Ilmu Komput., vol. 2, no. 2, pp. 75–84, 2023, doi: 10.58602/jima-ilkom.v2i2.20.
N. H. Kamal and A. Gunaryati, “Implementasi Pengembangan Web Menggunakan Teknologi MERN Stack pada Sistem Informasi Akademik Siswa Berbasis Web,” J. Sist. dan Teknol. Inf., vol. 11, no. 3, p. 458, 2023, doi: 10.26418/justin.v11i3.53350.
H. Z. Ariyandi and A. N. Handayani, “Peran Penggunaan Teknologi QR Code untuk Meningkatkan Keterhubungan dan Efisiensi Masyarakat Menuju Era Transformasi Society 5.0,” J. Inov. Tek. dan Edukasi Teknol., vol. 2, no. 7, pp. 299–306, 2022, doi: 10.17977/um068v1i72022p299-306.
M. M. Haekal, “QR Code: Fungsi, Cara Kerja, dan Cara Membuatnya.” 2024, [Online]. Available: https://mekarisign.com/id/blog/qr-code-adalah/.
E. Solihatin and others, “Development of QR Code-Based Character Education Teaching Materials,” Rev. Int. Geogr. Educ. Online, vol. 11, no. 5, pp. 4095–4104, 2021, doi: 10.48047/rigeo.11.05.290.
D. Hamdani, A. P. W. Wibowo, and H. Heryono, “Perancangan Sistem Presensi Online dengan QR Code Menggunakan Metode Prototyping,” J. Teknol. dan Inf., vol. 14, no. 1, pp. 62–73, 2024, doi: 10.34010/jati.v14i1.11844.
M. A. Maulana, H. Haryoko, B. Santoso, and L. Lukman, “Penerapan Teknologi Stack MERN pada Aplikasi Service Manajemen Bengkel Berbasis Web,” J. Media Inform. Budidarma, vol. 6, no. 3, p. 1536, 2022, doi: 10.30865/mib.v6i3.4147.
S. A. Bafna, P. D. Dutonde, S. S. Mamidwar, M. S. Korvate, and D. Shirbhare, “Review on Study and Usage of MERN Stack for Web Development,” Int. J. Res. Appl. Sci. Eng. Technol., vol. 10, no. 2, pp. 178–186, 2022, doi: 10.22214/ijraset.2022.40209.
M. I. Hossain, “Software Development Life Cycle (SDLC) Methodologies for Information Systems Project Management,” Int. J. Multidiscip. Res., vol. 5, no. 5, 2023, doi: 10.36948/ijfmr.2023.v05i05.6223.
P. D. P. Silitonga and others, “Implementasi System Development Life Cycle pada Rancang Bangun Sistem Pendaftaran Pasien Berbasis Web,” J. Sist. Inf. Kaputama, vol. 5, no. 1, 2021, doi: 10.59697/jsik.v5i1.132.
H. J. Christanto and others, “Analysis and Design of Student Guidance Information System through Software Development Life Cycle (SDLC) and Waterfall Model,” J. Inf. Syst. Informatics, vol. 5, no. 1, 2023, doi: 10.51519/journalisi.v5i1.419.
Oracle Indonesia, “What is the MERN Stack? Guide & Examples.” 2024, [Online]. Available: https://www.oracle.com/id/database/mern-stack/.
M. Sholeh, I. Gisfas, Cahiman, and M. A. Fauzi, “Black Box Testing on ukmbantul.com Page with Boundary Value Analysis and Equivalence Partitioning Methods,” J. Phys. Conf. Ser., vol. 1823, no. 1, 2021, doi: 10.1088/1742-6596/1823/1/012029.
W. Welda, D. M. D. U. Putra, and A. M. Dirgayusari, “Usability Testing Website Dengan Menggunakan Metode System Usability Scale (SUS),” Int. J. Nat. Sci. Eng., vol. 4, no. 3, pp. 152–161, 2020, doi: 10.23887/ijnse.v4i2.28864.
I. Maramba, A. Chatterjee, and A. Newman, “Methods of usability testing in the development of eHealth applications: A scoping review,” Int. J. Med. Inform., vol. 126, pp. 95–104, 2019, doi: 10.1016/j.ijmedinf.2019.03.018.
Usability Geek, “How To Use The System Usability Scale (SUS) To Evaluate The Usability Of Your Website.” [Online]. Available: https://usabilitygeek.com/how-to-use-the-system-usability-scale-sus-to-evaluate-the-usability-of-your-website/.
A. Wulansari, A. Faroqi, and T. L. M. Suryanto, “Analisis Tingkat Usabilitas Website Perguruan Tinggi Menggunakan System Usability Scale (SUS),” J. Teknol. Inf. dan Terap., vol. 10, no. 2, pp. 126–131, Dec. 2023, doi: 10.25047/jtit.v10i2.328.
A. Wulandari, M. Y. Mappeasse, S. S. Dewi, and F. Firdaus, “Usability Analysis of Industrial Practice Information System (SIPI) Using System Usability Scale (SUS) in Informatics and Computer Engineering Department UNM,” J. Media Elektr., vol. 22, no. 3, pp. 279–286, 2025.
D. M. D. U. Putra and others, “Evaluasi Usability E-Modul Basis Data Menggunakan Metode System Usability Scale (SUS),” J. Ilm. Glob. Educ., 2024.
Bila bermanfaat silahkan share artikel ini
Berikan Komentar Anda terhadap artikel Impelementasi Sistem Presensi Wisuda Berbasis QR Code untuk Meningkatkan Layanan Menggunakan MERN Stack
ARTICLE HISTORY
How to Cite
Issue
Section
Copyright (c) 2026 Puja Hanifah, Felly Chandra, Dini Hidayatul Qudsi, Meilany Dewi

This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under Creative Commons Attribution 4.0 International License that allows others to share the work with an acknowledgment of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (Refer to The Effect of Open Access).













