Development of Web-Based Interactive Learning Media for Computer Networking Learning
DOI:
https://doi.org/10.35134/jpti.v13i1.290Keywords:
interactive learning media, web-based learning, computer networking, vocational education, learning mediaAbstract
The rapid development of digital technology has encouraged the integration of interactive learning media to improve students' understanding of abstract concepts. This study aimed to develop a web-based interactive learning media for Computer Networking subjects and evaluate its validity, practicality, and effectiveness in improving students' conceptual understanding. The study employed the Research and Development (R&D) method using the Four-D (4D) model, consisting of Define, Design, Develop, and Disseminate stages. The participants included one material expert, one media expert, one vocational school teacher, and 30 tenth-grade students of SMK Al-Muhammad Cepu. Data were collected through observations, interviews, validation sheets, practicality questionnaires, and pretest-posttest assessments. The developed learning media integrates digital learning materials, instructional videos, interactive quizzes, automatic scoring, and learning progress reports within a web-based platform. The validation results indicated that the media achieved an average score of 4.38 from the media expert and 4.50 from the material expert, both categorized as highly valid. Practicality assessment showed excellent results, with teacher and student responses reaching 100% and 88.4%, respectively. Furthermore, the effectiveness test produced an N-Gain score of 0.91, indicating a high improvement in students' conceptual understanding. These findings demonstrate that the developed web-based interactive learning media is valid, practical, and effective for supporting Computer Networking learning in vocational high schools.
References
I. Aimmah and M. Amin, "Thiagarajan's 4-D Learning Model: A Theoretical Study and Its Application in Learning Device Development," Journal of Education Policy Analysis, vol. 1, no. 1, pp. 17-24, 2025.
M. I. Baigofik and Y. Anistyasari, "Rancang Bangun Media Pembelajaran Berbasis Website Menggunakan Model PjBL untuk Meningkatkan Kompetensi Dasar Jaringan Komputer Siswa Kelas X TKJ," IT-Edu: Jurnal Information Technology and Education, vol. 9, no. 3, pp. 48-55, 2024, doi:10.26740/it-edu.v9i3.64876.
B. Çeken and N. Taşkın, "Multimedia Learning Principles in Different Learning Environments: A Systematic Review," Smart Learning Environments, vol. 9, no. 1, 2022, doi:10.1186/s40561-022-00200-2.
M. R. Cuhanazriansyah, A. K. Amin, R. S. Ningsih, L. K. Saputra, and L. R. A. Putri, "Model Design-Based Research untuk Peningkatan Kepatuhan WCAG AA, Usabilitas, dan Literasi Digital pada Platform E-Learning," EduTech: Jurnal Teknologi Pendidikan, vol. 24, no. 3, pp. 3015-3030, 2025, doi:10.17509/e.v24i3.90347.
J. Dewi, "Multimedia Pembelajaran Interaktif dengan Uji Efektivitas Pelajaran Media dan Jaringan Telekomunikasi Berbasis Android untuk Kelas X SMK," Jurnal Pendidikan dan Teknologi Indonesia, vol. 3, no. 8, pp. 357-364, 2023, doi:10.52436/1.jpti.309.
D. Ferdiansyah and D. Irfan, "Interactive Learning Media Based on Website in Vocational School," Al-Ishlah: Jurnal Pendidikan, vol. 13, no. 1, pp. 1-12, 2021, doi:10.35445/alishlah.v13i1.591.
Y. Handayani and N. Suryani, "Inovasi Media Pembelajaran Berbasis Teknologi Digital dalam Meningkatkan Pemahaman Konsep Siswa," Jurnal Basicedu, vol. 6, no. 4, pp. 6501-6510, 2022, doi:10.31004/basicedu.v6i4.3503.
I. Islapirna, Y. H. Fadhilah, and Wakhinuddin, "Development of Interactive Learning Media in Computer Subjects and Basic Networks in Vocational High Schools," Journal of Informatics and Telecommunication Engineering, vol. 6, no. 2, pp. 579-586, 2023, doi:10.31289/jite.v6i2.8867.
A. D. Kusumawati and A. Prapanca, "Pengembangan Media Pembelajaran Berbasis Website dengan Model Project Based Learning," IT-Edu: Jurnal Information Technology and Education, vol. 8, no. 2, pp. 137-146, 2023, doi:10.26740/it-edu.v8i2.55847.
R. E. Mayer, "The Past, Present, and Future of the Cognitive Theory of Multimedia Learning," Educational Psychology Review, vol. 36, no. 1, pp. 1-25, 2024, doi:10.1007/s10648-023-09842-1.
S. McKenney and T. C. Reeves, Educational Design Research: Portraying, Conducting, and Enhancing Productive Scholarship. Routledge, 2021.
E. Pertiwi and D. Irfan, "Development of Web-Based Learning Media on Computer System Subjects," INTECOMS, vol. 4, no. 2, pp. 202-208, 2021.
D. D. Samo et al., "Pengaruh Penggunaan Media Pembelajaran Matematika Berbasis Website terhadap Peningkatan Hasil Belajar Siswa," Jurnal Riset Pendidikan Matematika, vol. 10, no. 1, pp. 89-101, 2023.
D. P. Sari, R. E. Putra, and S. Wahyuni, "Analisis Peningkatan Hasil Belajar Siswa Menggunakan Normalized Gain (N-Gain)," Jurnal Evaluasi Pendidikan, vol. 12, no. 2, pp. 85-94, 2021.
D. O. Sopa et al., "Development of Web-Based Learning Media for Vocational High School," Jurnal Komputer, Informasi dan Teknologi, vol. 5, no. 1, 2025.
F. Yusup, "Uji Validitas dan Reliabilitas Instrumen Penelitian Kuantitatif," Jurnal Tarbiyah: Jurnal Ilmiah Kependidikan, 2021.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 JURNAL PTI (PENDIDIKAN DAN TEKNOLOGI INFORMASI) FAKULTAS KEGURUAN ILMU PENDIDIKAN UNIVERSITA PUTRA INDONESIA "YPTK" PADANG

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



