PENGEMBANGAN VIDEO PEMBELAJARAN BERBASIS WEB LUMI H5P PADA MATERI GAMBAR TEKNIK KELAS X TEK
DOI:
https://doi.org/10.51878/vocational.v6i4.15122Keywords:
Video Pembelajaran, Gambar Teknik, Hasil BelajarAbstract
Technical drawing instruction in vocational schools requires learning media that can present materials visually while providing an interactive learning experience. However, the limited use of interactive learning media indicates a gap between the needs of vocational learning and the availability of appropriate instructional resources. Addressing this gap is important because understanding technical drawing requires clear and systematic visualization that actively engages students in the learning process. This study aims to develop web-based instructional videos using Lumi H5P for technical drawing material for 10th-grade students in the Electronics and Communications Technology (TEK) program at SMK Negeri 5 Surabaya and to determine the feasibility and effectiveness of the product on student learning outcomes. The study employed a Research and Development (R&D) method using the 4D development model, consisting of the define, design, develop, and disseminate stages. The product was developed using Canva and enhanced with interactive elements through Lumi H5P. Validation was conducted by subject matter and media experts, while product effectiveness was tested using a quasi-experimental design with a quasi-non-equivalent design involving 72 students divided into control and experimental groups. The validation results indicated feasibility levels of 98% from the subject matter expert and 92% from the media expert, while user trials indicated a highly feasible category. The results of the independent samples t-test showed no significant difference in the pretest, with a Sig. (2-tailed) value of 0.191, whereas a significant difference was found in the posttest, with a Sig. (2-tailed) value of 0.011. These findings indicate that the Lumi H5P web-based instructional video is highly feasible and effective for supporting technical drawing instruction and improving students' learning outcomes.
ABSTRAK
Pembelajaran gambar teknik di SMK memerlukan media yang mampu menyajikan materi secara visual sekaligus memberikan pengalaman belajar yang interaktif. Namun, penggunaan media pembelajaran yang masih terbatas dan belum optimal dalam memanfaatkan teknologi interaktif menunjukkan adanya kesenjangan antara kebutuhan pembelajaran vokasional dan ketersediaan media yang sesuai. Kondisi tersebut penting untuk diatasi karena pemahaman gambar teknik membutuhkan visualisasi yang jelas, sistematis, dan memungkinkan siswa terlibat aktif dalam proses belajar. Penelitian ini bertujuan untuk mengembangkan video pembelajaran berbasis web menggunakan Lumi H5P pada materi gambar teknik kelas X Teknik Elektronika Komunikasi (TEK) di SMK Negeri 5 Surabaya serta mengetahui kelayakan dan efektivitas produk terhadap hasil belajar siswa. Penelitian menggunakan metode Research and Development (R&D) dengan model pengembangan 4D yang meliputi tahap define, design, develop, dan disseminate. Produk dikembangkan menggunakan Canva dan dilengkapi elemen interaktif melalui Lumi H5P. Validasi dilakukan oleh ahli materi dan ahli media, sedangkan efektivitas produk diuji melalui quasi-experimental dengan desain quasi-non-equivalent pada 72 siswa yang terbagi menjadi kelas kontrol dan kelas eksperimen. Hasil validasi menunjukkan tingkat kelayakan sebesar 98% dari ahli materi dan 92% dari ahli media, sedangkan hasil uji coba pengguna menunjukkan kategori sangat layak. Hasil independent samples t-test menunjukkan tidak terdapat perbedaan signifikan pada pretest dengan nilai Sig. (2-tailed) sebesar 0,191, sedangkan pada posttest terdapat perbedaan signifikan dengan nilai Sig. (2-tailed) sebesar 0,011. Hasil tersebut menunjukkan bahwa video pembelajaran berbasis web Lumi H5P sangat layak dan efektif digunakan untuk mendukung pembelajaran gambar teknik serta meningkatkan hasil belajar siswa.
Downloads
References
Anderson, L. W., & Krathwohl, D. R. (Eds.). (2001). A taxonomy for learning, teaching, and assessing: A revision of Bloom's taxonomy of educational objectives. Longman.
Ariri, A. N., Mustaji, & Harwanto. (2020). Pengembangan modul gambar teknik elektronika aplikasi Sprint Layout dalam mata pelajaran kerja bengkel dan gambar teknik bagi siswa. Lembaran Ilmu Kependidikan, 49(1), 13–21.
Branch, R. M. (2009). Instructional design: The ADDIE approach. Springer. https://doi.org/10.1007/978-0-387-09506-6
Bustanil S, M., Asrowi, & Adianto, D. T. (2019). Pengembangan media pembelajaran interaktif berbasis video tutorial di sekolah menengah kejuruan. JTP: Jurnal Teknologi Pendidikan, 21(2), 119–134. https://doi.org/10.21009/jtp.v21i2.11568
Fauziah, A., Denni, I., & Bariah, S. H. (2026). Pengembangan media pembelajaran video interaktif sebagai inovasi teknologi pembelajaran untuk materi sistem komputer di SMK pada era digital. DIAJAR: Jurnal Pendidikan dan Pembelajaran, 5(1), 1–10. https://doi.org/10.54259/diajar.v5i1.5984
Iriandy, S. B. A., Khaerun Niza, A., Purnamasari, F., & Muh Akbar Saputra, A. (2025). Implementation of interactive video content H5P to increase student activeness in receiving praktik plumbing material. INTEC Journal: Information Technology Education Journal, 4(1), 81–86. https://doi.org/10.59562/intec.v4i2.7794
Jacob, T., & Centofanti, S. (2023). Effectiveness of H5P in improving student learning outcomes in an online tertiary education setting. Journal of Computing in Higher Education, 36, 469–485. https://doi.org/10.1007/s12528-023-09361-6
Macfarlane, L.-A., & Ballantyne, E. (2018). Bringing videos to life with H5P: Expanding experiential learning online. Proceedings of the Atlantic Universities' Teaching Showcase, 22, 28–33.
Morgado, M., Botelho, J., Machado, V., Mendes, J. J., Adesope, O., & Proença, L. (2024). Video-based approaches in health education: A systematic review and meta-analysis. Scientific Reports, 14(1). https://doi.org/10.1038/s41598-024-73671-7
Navarrete, E., Nehring, A., Schanze, S., Ewerth, R., & Hoppe, A. (2025). A closer look into recent video-based learning research: A comprehensive review of video characteristics, tools, technologies, and learning effectiveness. International Journal of Artificial Intelligence in Education, 35(4), 1631–1694. https://doi.org/10.1007/s40593-025-00481-x
Nonthamand, N. (2024). Designing the video-based learning environments using workflow and scaffolding to enhance self-instructional video production ability of pre-service teacher. Contemporary Educational Technology, 16(1). https://doi.org/10.30935/cedtech/14102
Nur, F., Febrianti, F., Novitasari, W., Rasty Rahman, N., & Nabila. (2024). Pengembangan media video pembelajaran interaktif untuk meningkatkan kemampuan pemahaman konsep matematis siswa. Belaindika: Pembelajaran dan Inovasi Pendidikan, 6(2), 95–106. https://doi.org/10.52005/belaindika.v6i2.185
Ploetzner, R. (2024). The effectiveness of enhanced interaction features in educational videos: A meta-analysis. Interactive Learning Environments, 32(5), 1597–1612. https://doi.org/10.1080/10494820.2022.2123002
Sinnayah, P., Salcedo, A., & Rekhari, S. (2021). Reimagining physiology education with interactive content developed in H5P. Advances in Physiology Education, 45(1), 71–76. https://doi.org/10.1152/advan.00021.2020
Suhirman, L., Marta, R. F., Wachyudi, K., Wibawa, A. P., Kafiar, E., Ismail, Adawiyah, R., Anyan, & Puteri, G. B. (2025). Media pembelajaran (L. Dwi, Ed.). Askara Sastra Media.
Thiagarajan, S., Semmel, D. S., & Semmel, M. I. (1974). Instructional development for training teachers of exceptional children: A sourcebook. Indiana University.
Trenholm, S., & Ramos, M. F. (2024). When video improves learning in higher education. Education Sciences, 14(3), Article 311. https://doi.org/10.3390/educsci14030311
Uno, H. B. (2013). Teori motivasi dan pengukurannya: Analisis di bidang pendidikan (Cet. 11). Bumi Aksara.
Wachtler, J., Hubmann, M., Zöhrer, H., & Ebner, M. (2016). An analysis of the use and effect of questions in interactive learning-videos. Smart Learning Environments, 3(1), Article 13. https://doi.org/10.1186/s40561-016-0033-3
Weinert, T., Thiel de Gafenco, M., Billert, M. S., & Börner, N. (2020). Fostering interaction in higher education with deliberate design of interactive learning videos. In International Conference on Information Systems (ICIS) 2020 Proceedings (Article 12). AIS Electronic Library.
