Development of a Web-Based Interactive Learning Media to Improve Students' Conceptual Understanding of Subnetting through Flipped Classroom

Dzulfikri Najmul Falah; Enjang Ali Nurdin; Yogi Prasetyo

doi:10.21107/edutic.v13i2.34695

Development of a Web-Based Interactive Learning Media to Improve Students' Conceptual Understanding of Subnetting through Flipped Classroom

Dzulfikri Najmul Falah, Enjang Ali Nurdin, Yogi Prasetyo

Abstract

Subnetting is a challenging topic for vocational students because it requires understanding both network concepts and step-by-step calculation procedures. This study developed NetLearn, a web-based interactive learning media designed to support subnetting learning through structured learning paths, micro-learning content, visual explanations, gamification, and interactive CIDR, FLSM, and VLSM simulations within a Flipped Classroom setting. The novelty of NetLearn lies in the integration of these features into a single web-based platform specifically designed for vocational subnetting instruction. The research applied the ADDIE development model and involved 32 eleventh-grade Computer and Network Engineering students at a vocational high school in Bandung. Media feasibility was examined using the Learning Object Review Instrument, while students’ conceptual understanding was measured through equivalent pretest and posttest instruments. The collected data were analyzed using the Shapiro-Wilk normality test, Paired Sample T-Test, and Normalized Gain. Expert validation produced a feasibility score of 87.06%, placing the media in the highly feasible category. The implementation results indicated a significant improvement in students’ scores after using the developed media, with an average N-Gain score of 0.31 in the moderate category. These findings suggest that combining structured learning paths, interactive subnetting simulations, and Flipped Classroom activities can support students in learning subnetting in a more visual, guided, and interactive way. However, the findings should be interpreted with caution because the study used a one-group pretest-posttest design without a control group.

Keywords

Interactive Learning Media; Flipped Classroom; Computer Networks; Subnetting; Conceptual Understanding

Full Text:

PDF

References

Abeysekera, L., & Dawson, P. (2015). Motivation and cognitive load in the flipped classroom: definition, rationale and a call for research. Higher Education Research and Development, 34(1), 1–14. https://doi.org/10.1080/07294360.2014.934336

Andriani, D., & Amalia, I. F. (2022). Efektivitas Penggunaan Media Simulasi Interaktif Virtual Pada Pendekatan Inquiry Demonstration Untuk Meningkatkan Hasil Belajar Fisika Taruna. Indonesian Journal of Education and Learning, 5(2). https://doi.org/10.31002/ijel.v5i1.4852

Armansyah, F., Sulton, & Sulthoni. (2019). Multimedia Interaktif Sebagai Media Visualisasi Dasar-Dasar Animasi. JKTP: Jurnal Kajian Teknologi Pendidikan, 2(3), 224–229. https://doi.org/10.17977/um038v2i32019p224

Asadi, S., Allison, J., Khurana, M., & Nilashi, M. (2024). Simulation-Based Learning for Computer and Networking Teaching: A Systematic Literature Review and Bibliometric Analysis. Education and Information Technologies, 29, 15655–15690. https://doi.org/10.1007/s10639-024-12476-7

Astuti, M., Sudira, P., Mutohhari, F., & Nurtanto, M. (2021). Competency of Digital Technology: The Maturity Levels of Teachers and Students in Vocational Education in Indonesia. Journal of Education Technology, 5(2), 254–262. https://doi.org/10.23887/jet.v5i3.35108

Bishop, J. L., & Verleger, M. A. (2013, June). The Flipped Classroom: A Survey of the Research. 2013 ASEE Annual Conference & Exposition. https://doi.org/10.18260/1-2--22585

Branch, R. M. (2009). Instructional design: The ADDIE approach. In Instructional Design: The ADDIE Approach. Springer US. https://doi.org/10.1007/978-0-387-09506-6

Budiarto, M. K., Asrowi, Gunarhadi, & Rahman, A. (2025). A New Era of Education: Exploring Teachers’ Perspectives on the Utilization of ICT-Based Learning Resources in Schools. Journal of Teaching and Learning, 19(2), 24–40. https://doi.org/10.22329/jtl.v19i2.8771

Dani, N. R., Sumarni, S., Roemintoyo, & Waluyo. (2023). Efforts to Overcome the Industrial Revolution 4.0 Through Lesson Study. IJCEE: Indonesian Journal of Civil Engineering Education, 9(1), 51. https://doi.org/10.20961/ijcee.v9i1.70516

Fiqri, R. D., Prihantoro, C. R., & Sugiyanta, L. (2024). Flipped Classroom Learning Model Using a Digital Self-Learning Network Infrastructure Administration. Jurnal of Pedagogi: Jurnal Pendidikan, 1(3). https://doi.org/10.62872/fm59dm48

Hurrell, D. (2021). Conceptual Knowledge OR Procedural Knowledge or Conceptual Knowledge AND Procedural Knowledge: Why the Conjunction is Important to Teachers. Australian Journal of Teacher Education, 46(2), 57–71. https://doi.org/10.14221/ajte.2021v46n2.4

January, M. R. (2024). Efektivitas Model Pembelajaran Project Based Learning (PjBL) dan Penggunaan Platform YouTube pada Mata Pelajaran Administrasi Infrastruktur Jaringan. Jurnal MediaTIK: Jurnal Media Pendidikan Teknik Informatika Dan Komputer, 7(3). https://doi.org/10.59562/mediatik.v7i3.4553

Juwita, & Komalasari, K. (2024). Students Conceptual Understanding Abilities Through Flipped Classroom Learning. International Student Conference on Business, Education, Economics, Accounting, and Management (ISC-BEAM), 2(1), 2235–2244.

Kamaludin, N., Abdullah, A. G., & Komaro, M. (2022). Competency Demands of Vocational High School Graduates in the Era of the Industrial Revolution 4.0. Proceedings of the 4th International Conference on Innovation in Engineering and Vocational Education (ICIEVE 2021). https://doi.org/10.2991/assehr.k.220305.011

Lestari, I., Jamaluddin, J., & Arhas, S. H. (2025). Analysis of the Use of Interactive Learning Media in Students In the Department of MPLB UPT SMK Negeri 1 Bulukumba. Journal of Educational Development and Learning (JEDAL), (3), 120–132. https://doi.org/10.70188/rbdswr47

Limbong, M., Firmansyah, Fahmi, F., & Khairiah, R. (2022). Sumber Belajar Berbasis Media Pembelajaran Interaktif di Sekolah. Decode: Jurnal Pendidikan Teknologi Informasi, 2(1), 27–35. https://doi.org/10.51454/decode.v2i1.27

Nesbit, J., Belfer, K., & Leacock, T. (2009). Learning Object Review Instrument (LORI) Version 2.0.

Nugroho, E. P., Hidayat, K., & Nurdin, E. A. (2023). Development of E-Learning-Based Blended Learning to Increase Student Learning Motivation During a Pandemic. APTISI Transactions on Management (ATM), 7(2), 153–162. https://doi.org/10.33050/atm.v7i2.1992

Perkasa, P. P., Riska, & Rusdi. (2022). Peningkatan Hasil Belajar Mata Pelajaran Komputer Dan Jaringan Dasar Siswa X TKJ Melalui Model Problem Based Learning Di SMK Maestro Banjarmasin. Jurnal MediaTIK : Jurnal Media Pendidikan Teknik Informatika Dan Komputer, 5(3).

Siregar, S. R., Pristiwanto, & Sunandar, H. (2022). Workshop Teknik Subnetting IP Address Komputer untuk Siswa Prakerin (Praktek Kerja Industri) Jurusan Teknik Komputer Jaringan Tingkat Sekolah Menengah Kejuruan (SMK). ULEAD: Jurnal e-Pengabdian, 1(2). https://doi.org/10.54367/ulead.v1i2.1720

Suangi, T. W., Wonggo, D., & Heydemans, C. D. (2023). Pengembangan Multimedia Pembelajaran Interaktif Pada Mata Pelajaran Komputer Dan Jaringan Dasar Di SMK Fajar Moyongkota. Jurnal Pendidikan Teknologi Informasi Dan Komunikasi, 3(3), 298.

Tomczyk, Ł. (2024). Digital Transformation and Digital Competences of Urban and Rural Polish Youths. Politics and Governance, 12. https://doi.org/10.17645/pag.7381

Wardhani, S. (2008). Analisis SI dan SKL Mata Pelajaran Matematika SMP/MTs untuk Optimalisasi Tujuan Mata Pelajaran Matematika.

Yatu, F. M., Tjandi, Y., Parenreng, J. M., Miru, A. S., & Harifuddin. (2022). Pengembangan Media Pembelajaran Subnetting IPV4 Berbasis Android pada Mata Pelajaran Komputer dan Jaringan Dasar. INTEC Journal: Information Technology Education Journal, 1(1), 93–99. https://doi.org/10.59562/intec.v1i1.220

DOI: https://doi.org/10.21107/edutic.v13i2.34695