Web-Based Quality Assurance Activity Monitoring Dashboard for LPM UIN Sumatera Utara Using RAD

Zaki Mahbub; Diaz Alfaridzi; Arif Syafaruddin Gultom

doi:10.55537/cosie.v5i4.1948

Authors

Zaki Mahbub Universitas Islam Negeri Sumatera Utara
Diaz Alfaridzi Universitas Islam Negeri Sumatera Utara
Arif Syafaruddin Gultom Universitas Islam Negeri Sumatera Utara

DOI:

https://doi.org/10.55537/cosie.v5i4.1948

Keywords:

Rapid Application Development, Black Box Testing, Dashboard Monitoring, Penjamin Mutu, Sistem Informasi Berbasis Web

Abstract

The Quality Assurance Institute (LPM) at UIN Sumatera Utara manages diverse quality assurance activities, but records remain distributed across printed documents and spreadsheets, hindering progress monitoring and report compilation. This study aimed to design and implement a web-based quality assurance activity monitoring dashboard using Rapid Application Development (RAD) that centralizes activity recording, monitoring, and reporting, and to verify its functional behavior against specified requirements. Development followed four stages: requirements planning, user design, construction, and cutover. Use case, activity, and class diagrams guided implementation. The backend used Node.js, Express, and Prisma with PostgreSQL, while the frontend used React and Vite. Functional evaluation employed black box testing of nine scenarios, one for each of nine functional requirements; non-functional requirements were specified as design requirements and were not empirically evaluated. The resulting system comprised nine web pages covering authentication, profiles, a summary dashboard, activities, a calendar, categories, documentation, documentation details, and user administration. All nine executed test cases (TC-01–TC-09) passed, yielding a functional test-case success rate of 100% (9/9) within the tested scope. The findings indicate that the implemented dashboard satisfied the specified functional requirements in the executed scenarios and brought quality assurance activity monitoring into a single web application. Its applicability to similar institutions remains to be validated. Effects on reporting time, usability, security, and operational performance were not measured and require further evaluation

Downloads

Download data is not yet available.

References

[1] A. W. Gafur, R. H. Dai, B. S. Rijal, I. R. Padiku, M. Polin, and A. Dwinanto, “Implementasi Sistem Informasi Audit Mutu Internal Berbasis Web di Universitas Negeri Gorontalo,” J. Autom. Comput. Inf. Syst., vol. 6, no. 1, 2026, doi: 10.47134/jacis.v6i1.147.

[2] F. A. Ahmad and E. P. Silmina, “Implementasi Rapid Application Development (RAD) pada Pengembangan Dashboard Monitoring CCTV Kota Yogyakarta Menggunakan Framework Laravel,” JATI J. Mhs. Tek. Inform., vol. 9, no. 5, pp. 8141–8148, 2025, doi: 10.36040/jati.v9i5.14824.

[3] Rasim et al., “Rancang Bangun Sistem Informasi Monitoring dan Analisis Kinerja Penjualan Menggunakan Metode Rapid Application Development (RAD),” J. Inf. Syst. Informatics Comput., vol. 9, no. 2, pp. 266–274, 2025, doi: 10.52362/jisicom.v9i2.2078.

[4] Y. M. Djaksana, “Analisa dan Perancangan Sistem Monitoring Inventory Berbasis Website dengan Metode Rapid Application Development,” SENTRI J. Ris. Ilm., vol. 4, no. 10, pp. 2341–2354, 2025, doi: 10.55681/sentri.v4i10.4772.

[5] A. P. G. Cahyani and D. Mahdiana, “Systematic Literature Review Application of Methods in Information Systems Development,” J. Tek. Inform. (JUTIF), vol. 5, no. 4, 2024, doi: 10.52436/1.jutif.2024.5.4.1954.

[6] D. Brinendo and A. M. Mayestino, “Rancang Bangun Aplikasi Pengaduan Pelanggan Menggunakan Metode RAD (Rapid Application Development),” JATI J. Mhs. Tek. Inform., vol. 8, no. 2, pp. 1462–1469, 2024, doi: 10.36040/jati.v8i2.9017.

[7] B. B. Aryandra and A. C. Wardhana, “Perancangan Sistem Informasi Desa Wisata Berbasis Website dengan Metode Rapid Application Development (RAD),” JATI J. Mhs. Tek. Inform., vol. 8, no. 4, pp. 5936–5944, 2024, doi: 10.36040/jati.v8i4.9768.

[8] R. F. Pahlevi, E. K. Permatasari, and M. S. Parikesit, “Pengembangan Sistem Informasi Penjaminan Mutu Online untuk Perguruan Tinggi Muhammadiyah/’Aisyiyah Menggunakan Framework Laravel,” J. Tek. Inform. dan Sist. Inf., vol. 11, no. 4, pp. 208–219, 2024, doi: 10.35957/jatisi.v11i4.8338.

[9] L. Rosyidi, E. Wibowo, and H. Tsabitah, “Perancangan Dashboard Sistem Informasi Penjaminan Mutu Perguruan Tinggi dengan Metode Design Thinking,” J. Riset Rumpun Ilmu Tek., vol. 4, no. 3, pp. 23–32, 2025, doi: 10.55606/jurritek.v4i3.5955.

[10] J. Cevin, D. Gultom, and L. Hermawan, “Digitalisasi Sistem Penjaminan Mutu Internal (SPMI) untuk Institusi Pendidikan Berbasis Website,” MDP Student Conf., vol. 4, no. 1, pp. 313–320, 2025, doi: 10.35957/mdp-sc.v4i1.11183.

[11] N. W. Rhomadhona, M. A. Muhammad, P. B. Wintoro, and Y. Mulyani, “Penerapan Metode Rapid Application Development untuk Sistem Informasi Event Berbasis Web pada Universitas Lampung,” J. Inform. dan Tek. Elektro Terap., vol. 13, no. 1, pp. 339–351, 2025, doi: 10.23960/jitet.v13i1.5597.

[12] M. Al Hafidz, A. C. Puspitaningrum, M. S. Prasetya, and L. D. Fitrani, “Implementation of Web-Based Student Achievement Applications in Senior High Schools in Indonesia,” Sistemasi J. Sist. Inf., vol. 13, no. 4, pp. 1464–1475, 2024, doi: 10.32520/stmsi.v13i4.4143.

[13] S. Supriyatna and S. Farizy, “Perancangan dan Implementasi Aplikasi Monitoring Berkas Pencairan Dana Berbasis Web Menggunakan Metode Rapid Application Development,” Sainstech, vol. 34, no. 3, pp. 1–8, 2024, doi: 10.37277/stch.v34i3.2078.

[14] A. P. Wibisono, L. Andrawina, and F. H. Hasanudin, “Rancangan Sistem Informasi Manajemen Pengawasan Berkala Menggunakan Metode Rapid Application Development,” Matrik J. Manaj. dan Tek. Ind. Produksi, vol. 25, no. 2, pp. 131–142, 2025, doi: 10.30587/matrik.v25i2.8516.

[15] E. Fitriani et al., “Penerapan Sistem Informasi Akademik Berbasis Web Menggunakan Metode Rapid Application Development,” J. Inf. Syst. Appl. Manag. Account. Res., vol. 8, no. 4, pp. 770–782, 2024, doi: 10.52362/jisamar.v8i4.1551.

[16] A. P. Sari, M. M. Al Haromainy, and R. Purnomo, “Implementasi Metode Rapid Application Development Pada Aplikasi Sistem Informasi Monitoring Santri Berbasis Website,” Decode J. Pendidik. Teknol. Inf., vol. 4, no. 1, pp. 316–325, 2024, doi: 10.51454/decode.v4i1.348.

[17] S. Dalis, S. Agustiani, S. Bahri, Wahyudin, and A. Prawikas, “Model Rapid Application Development (RAD) Untuk Perancangan Sistem Informasi Pengelolaan Surat (SIPERA) Pada Kelurahan,” IMTechno J. Ind. Manag. Technol., vol. 5, no. 1, pp. 31–37, 2024, doi: 10.31294/imtechno.v5i1.2448.

[18] F. P. E. Putra, R. W. Efendi, A. B. Tamam, and W. A. Pramadi, “Tren dan Praktik Terbaik dalam Pengembangan Web Berbasis API: Kajian Literatur terhadap Framework Laravel dan React,” Infomatek, vol. 27, no. 1, pp. 165–178, 2025, doi: 10.23969/infomatek.v27i1.25122.

[19] N. P. Lestari and L. L. Utami, “Pengembangan Sistem Manajemen Bengkel Menggunakan Laravel Dengan Metode Rapid Application Development (RAD),” J. Inform. dan Tek. Elektro Terap., vol. 13, no. 2, pp. 1132–1141, 2025, doi: 10.23960/jitet.v13i2.6413.

[20] Y. Aryani, I. Aqil, and B. Paramita, “Penerapan Unified Modeling Language (UML) pada Digitalisasi Sistem Informasi Perpustakaan,” Digit. Transform. Technol., vol. 4, no. 2, pp. 1032–1040, 2025, doi: 10.47709/digitech.v4i2.5153.

[21] M. A. Senubekti, M. A. Kartawidjaja, and G. B. W. Adyana, “Penerapan Metode Hybrid Waterfall-RAD pada Sistem Antrian Web untuk Optimalisasi Layanan di Pengadilan Negeri Bale Bandung,” JOINS J. Inf. Syst., vol. 10, no. 1, pp. 60–70, 2025, doi: 10.33633/joins.v10i1.12668.

[22] U. Radvilaitė and D. Kalibatienė, “Integrating rapid application development courses into higher education curricula,” Appl. Sci., vol. 15, no. 6, Art. no. 3323, 2025, doi: 10.3390/app15063323.

[23] A. Sorour et al., “Big data challenge for monitoring quality in higher education institutions using business intelligence dashboards,” J. Electron. Sci. Technol., vol. 22, no. 1, Art. no. 100233, 2024, doi: 10.1016/j.jnlest.2024.100233.