Design and Development of STEKOM Learning Management System (SIAKAD) to Optimize User Experience

Authors

DOI:

https://doi.org/10.51903/8gbfzh39

Keywords:

Single Page Application, React, User Experience, System Usability Scale (SUS), Cognitive Load

Abstract

The rapid digital transformation in higher education demands optimal user experience (UX) in e-learning systems. This study aims to optimize the UX of the STEKOM University Academic Information System by designing and developing a prototype based on the Single Page Application (SPA) architecture using the React framework. The research employs a Research and Development (R&D) method combined with a quantitative approach. Data were collected through usability testing using the System Usability Scale (SUS) and the User Experience Questionnaire (UEQ). The results show a SUS score of 76 and a 30-50% reduction in task completion time compared to the previous system, indicating significant improvements in usability and efficiency. This research contributes a practical model for integrating modern web technologies in academic systems to enhance learning effectiveness and minimize unnecessary cognitive load

References

[1] J. G. Ballard, M. R. Z. Embodo, J. G. A. Caw-it, C. C. Almirol, W. D. Amin, C. R. Balaba, and J. B. G. Lapura, "E-Learning User Satisfaction: A Survey for the Higher Education Institution's Web Domain Using a User Experience Questionnaire," Journal of Information Systems Engineering and Management, vol. 10, no. 32, pp. 555-567, 2025. [Online]. Available: https://jisem-journal.com/index.php/journal/article/view/5337

[2] J. Sidhiq, Q. K. Rini, and U. Majorsy, "Evaluasi Pengalaman Pengguna Pada Aplikasi E-Learning Di Perguruan Tinggi," Jurnal Ilmiah Informatika Komputer, vol. 27, no. 3, pp. 206–215, 2022. [Online]. Available: https://ejournal.gunadarma.ac.id/index.php/infokom/article/view/7640

[3] I. Purnamasari and M. D. Ramadhan, “Perancangan UI/UX Menggunakan Metode Design Thinking Pada Website Pendidikan Kahfi Education,” Jurnal Ilmiah Sistem Informasi, vol. 4, no. 3, pp. 607–629, Oct. 2025, doi: 10.51903/regpfj64.

[4] A. S. Putra and T. Kristiana, “Analisa Desain UI/UX Website E-Learning MTSN 33 Jakarta Menggunakan Metode User Centered Design,” Jurnal Ilmiah Sistem Informasi, vol. 4, no. 3, pp. 590–606, Oct. 2025, doi: 10.51903/32j40x26.

[5] E. Nita, K. J. Tute, and E. E. Sala, “Web-Based Information System for Student Internship Data Processing Using the Agile Method,” Jurnal Ilmiah Sistem Informasi, vol. 4, no. 3, pp. 571–589, Sep. 2025, doi: 10.51903/7hmb1006.

[6] M. Suryani, D. I. Sensuse, H. B. Santoso, R. F. Aji, S. Hadi, R. R. Suryono, and Kautsarina, “An Initial User Model Design for Adaptive Interface Development in Learning Management System Based on Cognitive Load,” Cognition, Technology & Work, vol. 26, no. 4, pp. 653–672, 2024. doi: 10.1007/s10111-024-00772-8.

[7] N. Bevan, J. Carter, J. Earthy, T. Geis, and S. Harker, “New ISO Standards for Usability, Usability Reports and Usability Measures,” in Human Computer Interaction. Theory, Design, Development and Practice, M. Kurosu, Ed., Cham: Springer International Publishing, vol. 9731, pp. 268–278, 2016. doi: 10.1007/978 3 319 39510 4_25.

[8] L. Elvitaria, S. Salamun, and E. Malau, “Penerapan Algoritma C4.5 Dalam Mengukur Tingkat Kepuasan Pengguna E Learning Pada Mahasiswa Universitas Abdurrab,” JEKIN (Jurnal Teknik Informatika), vol. 4, no. 2, pp. 392–397, 2024. doi: 10.58794/jekin.v4i2.898.

[9] D. Ivanov, “Digital Supply Chain Management and Technology to Enhance Resilience by Building and Using End to End Visibility During the COVID 19 Pandemic,” IEEE Transactions on Engineering Management, vol. 71, pp. 10485 10495, 2024. doi: 10.1109/tem.2021.3095193.

[10] M. Migunani, Rekayasa Perangkat Lunak. Semarang: Yayasan Prima Agus Teknik bekerja sama dengan Universitas Sains & Teknologi Komputer (Universitas STEKOM), 2022. [Online]. Available: https://digilib.stekom.ac.id/ebook/view/rekayasa-perangkat-lunak

[11] M. F. Aulia and A. Avorizano, “Penerapan Teknologi Single Page Application (SPA) Pada Sistem Surat Disposisi Online (Sudion) Di Universitas Muhammadiyah Prof Dr Hamka,” Jutikom: Jurnal Teknik Informatika dan Komputer, vol. 1, no. 1, pp. 19 24, 2022. doi: 10.22236/jutikom.v1i1.8740.

[12] A. T. Wibowo and A. S. Wiguna, “Pemanfaatan Teknologi Single Page Application (SPA) Dalam Pembuatan Aplikasi Feedback Dosen Dari Mahasiswa Sebagai Bentuk Pengawasan Lembaga Terhadap Kinerja Dosen di Bidang Pengajaran,” SMARTICS Journal, vol. 5, no. 1, pp. 34–43, 2019. doi: 10.21067/smartics.v5i1.3327.

[13] Wang J., Luo Z., Zhang X., Zhang M., Zhang K., & Ma W., “Design and Implementation of Web Project Front And Back Separation,” Software Engineering, vol. 23, no. 4, Apr. 2020. doi: 10.19644/j.cnki.issn2096 1472.2020.04.006.

[14] C. Wang and Z. Dai, “Design and Implementation of Online Education Platform Based on React,” in Proceedings of the 3rd International Conference on Educational Innovation and Multimedia Technology (EIMT 2024), Wuhan, China, 29–31 Mar. 2024. doi: 10.4108/eai.29 3 2024.2347638.

[15] O. S. I. Anggraeni, L. Sugiarto, and T. Agustin, “Studi Komparatif Performa Framework Javascript Modern dalam Pengembangan Aplikasi Web,” MODEM, vol. 2, no. 4, pp. 162–177, 2024. doi: 10.62951/modem.v2i4.239.

[16] J. Fernández Villamor, L. Díaz Casillas, and C. Íglesias, “A Comparison Model for Agile Web Frameworks,” in Proceedings of the 2008 Euro American Conference on Telematics and Information Systems (EATIS ’08), Aracaju, Brazil, 2008. doi: 10.1145/1621087.1621101.

[17] A. Kulkarni, H. Jain, and V. Sharma, “Navigating the E-Learning Platform with MongoDB, Express, React, and Node,” Int J Innov Sci Res Technol, vol. 9, no. 3, pp. 1288–1292, 2024. doi:10.2139/ssrn.4764855.

[18] V. Handoko, E. Rusdianto, and J. A. M. Nugraha, “Perancangan And Pengembangan Aplikasi E Learning Berbasis Web Pada SMA Education,” Proletarian: Community Service Development Journal, vol. 1, no. 2, pp. 66 74, 2023. doi: 10.61098/proletariancomdev.v1i2.82.

[19] J. Nielsen, “Recognition versus Recall,” Journal of Advertising Research, vol. 34, no. 3, pp. 75-91, 1994. doi: 10.1080/00218499.1994.12466952.

[20] Y. Yadi, “Analisa Usability Pada Website Traveloka,” Jurnal Ilmiah Betrik, vol. 9, no. 03, pp. 172–180, 2018. doi: 10.36050/betrik.v9i03.43.

[21] M. Fajar, F. Ramdani, and D. Praharsari, “Analisis Pengalaman Pengguna (User Experience) Aplikasi PRUforce Menggunakan Metode Usability Testing Dan User Experience Questionnaire (UEQ) (Studi Kasus Pada PT Prudential Life Assurance),” Jurnal Pengembangan Teknologi Informasi Dan Ilmu Komputer, vol. 5, no. 6, pp. 2118–2124, 2021. [online]. Available: https://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/9011

[22] J. Sweller, “Cognitive Load Theory, Learning Difficulty, and Instructional Design,” Learn Instr, vol. 4, no. 4, pp. 295–312, 1994. doi: 10.1016/0959-4752(94)90003-5.

[23] B. Laugwitz, T. Held, and M. Schrepp, “Construction And Evaluation Of A User Experience Questionnaire,” in HCI and Usability for Education and Work, Springer, 2008, pp. 63–76. doi: 10.1007/978-3-540-89350-9_6.

[24] M. S. Abubakari, Nurkhamid, and G. Hungilo, “Evaluating an E-Learning Platform at Graduate School Based on User Experience Evaluation Technique,” Journal of Physics: Conference Series, vol 1737, no. 1, pp. 1-11, 2020. doi: 10.1088/1742-6596/1737/1/012019.

[25] A. Hinderks, M. Schrepp, F. J. D. Mayo, M. J. Escalona, and R. T. Koch, “A Scale To Measure User Experience In Web-Based Education (UEQ-Edu): Construction And Validation,” Revista Brasileira de Informática na Educação, vol. 27, no. 1, p. 104, 2019. [online]. Available: https://kops.uni-konstanz.de/entities/publication/e47e81b6-8aa7-4a21-bea4-655e5502008b

[26] N. O. Syamsiah, I. Purwandani, S. Nurwahyuni, and M. Rosmiati, “Pemanfaatan User Experience Questionnaire dalam Analisis Pengalaman Pengguna MyBSI E-Learning System,” Jurnal Multinetics, vol. 9, no. 2, pp. 108–117, 2023. doi: 10.32722/multinetics.v9i2.6352.

[27] B. H. Santoso and others, “Measuring User Experience of the Student-Centered E-Learning Environment,” The Journal of Educators Online (JEO), vol. 13, no. 1, pp. 58–79, 2016.

[28] A. Bangor, P. T. Kortum, and J. T. Miller, “An Empirical Evaluation of the System Usability Scale,” Int J Hum Comput Interact, vol. 24, no. 6, pp. 574–594, 2008.

[29] A. R. Deluma, R. Maku, and S. Syahrial, “Analisis Usability Model ISO 9241-11 Pada Sistem Informasi Kuliah Kerja Dakwah,” Jurnal Ilmu Komputer (JUIK), vol. 3, no. 2, pp. 25–35, 2023.

[30] M. K. H. Khan, A. Setiawan, and I. Kustiawan, “Design and Development of a Single Page and Web-Based Responsive E-Learning System for Higher Education Institutions,” Invotec, vol. 15, no. 2, pp. 85–93, 2019.

[31] G. Waladow, S. D. E. Paturusi, and A. S. M. Lumenta, “E-Learning Portal Design: Usability Determination via Heuristic Evaluation from User Experience Analysis,” Jurnal Teknik Informatika, vol. 19, no. 2, pp. 149–159, 2024. [online]. Available: https://eric.ed.gov/?id=ej1087680

[32] F. D. Silalahi, S. A. Nugroho, and B. Hartono, “Framework-Driven Design: Analyzing the Impact of the Zachman Framework on LMS Effectiveness,” Journal of Technology Informatics and Engineering (JTIE), vol. 3, no. 2, 2024. doi: 10.51903/jtie.v3i2.196.

[33] E. Sutadji and others, “Measuring user experience on SIPEJAR as e-learning of Universitas Negeri Malang,” in IOP Conference Series: Materials Science and Engineering, vol. 732. no, 1, p. 012116, 2020. doi: 10.1088/1757-899x/732/1/012116.

[34] U. Rahardja, N. Lutfiani, E. P. Harahap, and L. Wijayanti, “iLearning: Metode Pembelajaran Inovatif Di Era Education 4.0,” Technomedia Journal, vol. 4, no. 2, pp. 261–276, 2021. doi: 10.33050/tmj.v4i2.1010.

Downloads

Published

2025-12-25

Issue

Vol. 5 No. 1 (2026): January: Jurnal Ilmiah Sistem Informasi

Section

Articles

License

Copyright (c) 2025 Azka Nahya Amanta, Migunani Migunani, Maya Utami Dewi

Creative Commons License

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

All articles published in this journal are open access and licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0 International License (CC BY-SA 4.0).

Under this license:

  • Authors retain copyright of their work.

  • Others are free to:

    • Share — copy and redistribute the material in any medium or format;

    • Adapt — remix, transform, and build upon the material for any purpose, even commercially;

  • As long as they:

    • Give appropriate credit to the original author(s) and the source;

    • Provide a link to the license;

    • Indicate if changes were made;

    • Distribute their contributions under the same license as the original.

This ensures that derivative works will also remain free and open under the same terms.