Rancang Bangun Media Pembelajaran Cerdas Berbasis Web pada Mata Pelajaran Pemrograman Web Dinamis untuk Siswa SMK Program Keahlian RPL

Naharotul Istiqomah

doi:10.21107/jedumatic.v7i1.34532

Rancang Bangun Media Pembelajaran Cerdas Berbasis Web pada Mata Pelajaran Pemrograman Web Dinamis untuk Siswa SMK Program Keahlian RPL

Naharotul Istiqomah

Abstract

Permasalahan pada mata pelajaran Pemrograman Web Dinamis untuk siswa SMK Program Keahlian Rekayasa Perangkat Lunak (RPL) meliputi rendahnya kemampuan logika pemrograman siswa, kebiasaan menyalin kode tanpa memahami konsep, keterbatasan guru dalam memberikan umpan balik individual, serta belum tersedianya sistem deteksi miskonsepsi secara otomatis. Penelitian ini bertujuan merancang media pembelajaran cerdas berbasis web yang adaptif dan interaktif untuk mengatasi permasalahan tersebut melalui pendekatan Artificial Intelligence (AI), automated feedback, adaptive learning, dan learning analytics. Metode penelitian yang digunakan adalah Design and Development Research (DDR) dengan lima tahapan: analisis kebutuhan, perancangan arsitektur sistem, perancangan antarmuka, validasi ahli, dan evaluasi usability. Subjek penelitian melibatkan 32 siswa kelas XI RPL dan dua guru produktif di SMKN 2 Bangkalan. Hasil studi pendahuluan menunjukkan bahwa 93,7% siswa membutuhkan fitur latihan coding interaktif, 87,5% memerlukan umpan balik langsung saat mengerjakan kode, dan 81,2% menginginkan materi yang disesuaikan dengan kemampuan mereka. Berdasarkan temuan tersebut, dirancang sistem yang mengintegrasikan empat fitur kecerdasan: automated feedback berlapis (sintaksis, logika, dan konseptual), adaptive learning engine berbasis Bayesian Knowledge Tracing, modul deteksi miskonsepsi otomatis, dan dashboard learning analytics untuk guru. Keseluruhan sistem dibangun di atas arsitektur Sense–Reason–Act–Learn (SRAL) yang memposisikan media sebagai agen pembelajaran adaptif dan responsif.

Full Text:

PDF (Bahasa Indonesia)

References

Al Husaeni, D. F., Budisantoso, E. N. Q., Urwah, M. A., Azizah, N. N., Dinata, P. Z., Apriliany, S., & Siregar, H. (2022). The Effect of Using Web-Based Interactive Learning Media for Vocational High School Students to Understanding of Looping: Qualitative Approach. Journal of Science Learning, 5(1), 115–126. https://doi.org/10.17509/jsl.v5i1.35534

Alanazi, M., Soh, B., Samra, H., & Li, A. (2025). The Influence of Artificial Intelligence Tools on Learning Outcomes in Computer Programming: A Systematic Review and Meta-Analysis. In Computers (Vol. 14, Number 5). Multidisciplinary Digital Publishing Institute (MDPI). https://doi.org/10.3390/computers14050185

Arikunto, S. (2013). Prosedur penelitian suatu pendekatan praktik. PT Rineka Cipta.

Bangor, A., Kortum, P., & Miller, J. (2009). Determining What Individual SUS Scores Mean: Adding an Adjective Rating Scale. In Journal of Usability Studies (Vol. 4).

Cavalcanti, A. P., Barbosa, A., Carvalho, R., Freitas, F., Tsai, Y. S., Gašević, D., & Mello, R. F. (2021). Automatic feedback in online learning environments: A systematic literature review. In Computers and Education: Artificial Intelligence (Vol. 2). Elsevier B.V. https://doi.org/10.1016/j.caeai.2021.100027

Guo, S., Latif, E., Zhou, Y., Huang, X., & Zhai, X. (2024). Using Generative AI and Multi-Agents to Provide Automatic Feedback. http://arxiv.org/abs/2411.07407

Hussain, T., Yu, L., Asim, M., Ahmed, A., & Wani, M. A. (2024). Enhancing E-Learning Adaptability with Automated Learning Style Identification and Sentiment Analysis: A Hybrid Deep Learning Approach for Smart Education. Information (Switzerland), 15(5). https://doi.org/10.3390/info15050277

ISO. (2019). ISO 9241-210:2019 ergonomics of human-system interaction - Part 210: Human-centred design for interactive systems. International Organization for Standardization.

Leinonen, J., Hellas, A., Sarsa, S., Reeves, B., Denny, P., Prather, J., & Becker, B. A. (2023). Using Large Language Models to Enhance Programming Error Messages. SIGCSE 2023 - Proceedings of the 54th ACM Technical Symposium on Computer Science Education, 1, 563–569. https://doi.org/10.1145/3545945.3569770

Masiello, I., Mohseni, Z., Palma, F., Nordmark, S., Augustsson, H., & Rundquist, R. (2024). A Current Overview of the Use of Learning Analytics Dashboards. In Education Sciences (Vol. 14, Number 1). Multidisciplinary Digital Publishing Institute (MDPI). https://doi.org/10.3390/educsci14010082

Nielsen, J. (1994). Enhancing the Explanatory Power of Usability Heuristics. Human Factors in Computing Systems.

Peraić, I., & Grubišić, A. (n.d.). Development and Evaluation of a Learning Analytics Dashboard for Moodle Learning Management System. 1–20. Retrieved www.moodle.org

Richey, R. C., & Klein, J. D. (2014). Design and development research. In Handbook of Research on Educational Communications and Technology: Fourth Edition (pp. 141–150). Springer New York. https://doi.org/10.1007/978-1-4614-3185-5_12

Sartika, I., Maksum, H., Novaliendry, D., Prodi, N., Padang, P., Prof, J., Air, H., Bar, T., & Padang, K. (2025). Pengembangan Bahan Ajar Interaktif Berbasis Web bagi Guru SMK: Tinjauan Sistematis Literatur Development of Web-Based Interactive Learning Materials for Vocational High School Teachers: A Systematic Literature Review. Reflection Journal, 5(2), 1135–1145. https://doi.org/10.36312/nf0xv812

Susnjak, T., Ramaswami, G. S., & Mathrani, A. (2022). Learning analytics dashboard: a tool for providing actionable insights to learners. International Journal of Educational Technology in Higher Education, 19(1), 12. https://doi.org/10.1186/s41239-021-00313-7

Treve, M. (2024). Integrating Artificial Intelligence in Education: Impacts on Student Learning and Innovation. International Journal of Vocational Education and Training Research, 10(2), 61–69. https://doi.org/10.11648/j.ijvetr.20241002.14

World Wide Web Consortium. (2023). Web content accessibility guidelines (WCAG) 2.2. https://www.w3.org/TR/WCAG22/

Zhang, Z., Dong, Z., Shi, Y., Matsuda, N., Price, T., & Xu, D. (2023). Students’ Perceptions and Preferences of Generative Artificial Intelligence Feedback for Programming. http://arxiv.org/abs/2312.11567

DOI: https://doi.org/10.21107/jedumatic.v7i1.34532