Development of Interactive Video Tutorials for LAN Network Simulation in Grade XI TJKT at SMKN 1 Bonjol

Vira Safarilla; Adlia Alfiriani; Heri Mulyono

doi:10.70356/jafotik.v4i2.128

Authors

Vira Safarilla Universitas PGRI Sumatera Barat
Adlia Alfiriani Universitas PGRI Sumatera Barat
Heri Mulyono Universitas PGRI Sumatera Barat

DOI:

https://doi.org/10.70356/jafotik.v4i2.128

Keywords:

Interactive Video Tutorial, H5P, LAN Simulation, Cisco Packet Tracer, MDLC

Abstract

Conventional guides and linear, one-way video tutorials used in Local Area Network (LAN) simulation practical sessions tend to make students passive and create difficulties in understanding technical procedures. This study aims to develop interactive video tutorial media as a valid and practical digital practical guide to improve the quality of self-directed learning. The research employed a Research and Development (R&D) approach using the Multimedia Development Life Cycle (MDLC) model, consisting of six stages: concept, design, material collecting, assembly, testing, and distribution. The media was developed by integrating CapCut, Cisco Packet Tracer, Canva, and Lumi H5P to provide interactive features such as pop-up quizzes and auto-pause. Data were collected through questionnaires and analyzed using Aiken’s V index for validity and percentage formulas for practicality. The results showed that the developed media achieved a very high level of validity, with an average media validity score of 0.926 and material validity score of 0.8194. The practicality level reached 91.94% based on teacher responses and 92.37% based on student responses, both categorized as very practical. These findings highlight the importance of H5P-based interactive media in providing immediate feedback and structured practical guidance.

Downloads

Download data is not yet available.

References

U. S. Wardani and W. Sahayu, “The implementation of Merdeka Curriculum in vocational school: Progressivism perspective analysis,” ELTIN Journal: Journal of English Language Teaching in Indonesia, 2024.

D. N. Purnama, S. Siswanto, R. I. Aghni, and V. Astuti, “Implementation of learning models in the Merdeka Curriculum: Perception of vocational high school accounting teachers in the Special Region of Yogyakarta,” Jurnal Ekonomi dan Pendidikan, vol. 21, no. 2, pp. 29–39, 2024, doi: https://doi.org/10.21831/jep.v21i2.78327.

S. Y. Yousef, M. A. Chatti, and U. Schroeder, “The state of video-based learning: A review and future perspective,” International Journal on Advances in Life Sciences, 2014.

D. Zhang, L. Zhou, R. O. Briggs, and J. F. Nunamaker Jr., “Instructional video in e-learning: Assessing the impact of interactive video on learning effectiveness,” Information & Management, vol. 43, no. 1, pp. 15–27, 2006, doi: https://doi.org/10.1016/j.im.2005.01.004.

P. J. Guo, J. Kim, and R. Rubin, “How video production affects student engagement: An empirical study of MOOC videos,” in Proc. First ACM Conf. Learning @ Scale, 2014, pp. 41–50.

S. L. Kuhlmann et al., “Students’ active cognitive engagement with instructional videos predicts STEM learning,” Computers & Education, vol. 216, p. 105050, 2024, doi: https://doi.org/10.1016/j.compedu.2024.105050.

D. Zhang, L. Zhou, R. O. Briggs, and J. F. Nunamaker Jr., “Instructional video in e-learning: Assessing the impact of interactive video on learning effectiveness,” Information & Management, vol. 43, no. 1, pp. 15–27, 2006, doi: https://doi.org/10.1016/j.im.2005.01.004.

Y. Zhang, R. Li, Z. Pi, and J. Yang, “Active learning strategies in video learning: A meta-analysis,” Educational Research Review, vol. 48, p. 100708, 2025, doi: https://doi.org/10.1016/j.edurev.2025.100708.

C. L. Yaas, Sanatang, and Agustiah, “Meningkatkan keaktifan siswa dalam menerima materi dengan memanfaatkan konten interaktif H5P,” Jurnal MediaTIK, vol. 5, no. 2, 2022, doi: https://doi.org/10.59562/mediatik.v5i2.2971.

A. W. E. Prastya, A. E. Cahyono, and N. M. Ulfa, “The use of H5P interactive video as a learning medium to improve vocational high school students’ learning outcomes,” Teaching, Learning, and Development, vol. 3, no. 2, 2025, doi: https://doi.org/10.62672/telad.v3i2.67.

R. Deng and Y. Gao, “Effects of embedded questions in pre-class videos on learner perceptions, video engagement, and learning performance in flipped classrooms,” Active Learning in Higher Education, vol. 25, no. 3, 2024, doi: https://doi.org/10.1177/14697874231167098.

P. Z. Yong and S. W. H. Lim, “Observing the testing effect using Coursera video-recorded lectures: A preliminary study,” Frontiers in Psychology, vol. 6, p. 2064, 2016, doi: https://doi.org/10.3389/fpsyg.2015.02064.

M. H. Yoon, H. Zheng, and I. H. Cho, “Interactive video player for supporting learner engagement in video-based online learning,” Educational Technology International, vol. 23, no. 2, pp. 129–155, 2022.

J. Jacob and S. Centofanti, “Effectiveness of H5P in improving student learning outcomes in an online tertiary education setting,” Journal of Computing in Higher Education, 2023, doi: https://doi.org/10.1007/s12528-023-09361-6.

I. I. D. Yusuf, M. Jahiri, Henderi, and A.-B. B. Ladjamudin, “Design and development of interactive media in vocational high schools using the Multimedia Development Life Cycle method based on Android,” JINAV: Journal of Information and Visualization, 2024, doi: https://doi.org/10.35877/454RI.jinav2883.