Cover Image

The Effect of Using Web-Based Interactive Learning Media for Vocational High School Students to Understanding of Looping: Qualitative Approach

Dwi Fitria Al Husaeni, Enrico Nabil Qois Budisantoso, Mushfani Ainul Urwah, Nissa Nur Azizah, Putri Zukhruf Dinata, Shandini Apriliany, Herbert Siregar


This study aims to evaluate the effect of the use and development of interactive and visual learning media in learning looping by utilizing a web-based digital platform called Loopers. The research design used a qualitative descriptive with case study approach in-depth interview technique. The subjects of this research are five students of the State Vocational School Pekerjaan Umum, Bandung, Indonesia. We use three phases in conducting research through 1) problem and needs analysis, 2) web design, and 3) implementation and testing. Loopers was developed using the waterfall method. Loopers can demonstrate the implementation of a productive learning process and measure the effectiveness of interactive and visualized learning media. The findings show that Loopers can effectively facilitate experimental demonstrations and written modules. Respondents think this learning media is effective and can increase their interest, motivation, and interest in learning looping material. The next research is to enrich the Loopers feature and conduct trials with larger respondents.

Full Text:

Download PDF


Afriani, T., & Agustin, R. R. (2019). The effect of guided inquiry laboratory activity with video embedded on students’ understanding and motivation in learning light and optics. Journal of Science Learning, 2(4), 79-84.

Anggraeni, S., Nadhira, S. F., Azizah, N. N., Al Husaeni, D. F., Ragadhita, R., Hofifah, S. N., & Nandiyanto, A. B. D. (2020). Teaching the effect of variations in types of flour on mechanical characteristics of chicken skin crackers through experimental demonstrations to senior high school students. Journal of Engineering Education Transformations, 34(2020), 102-107.

Anwar, M. S., Choirudin, C., Ningsih, E. F., Dewi, T., & Maseleno, A. (2019). Developing an interactive mathematics multimedia learning based on ispring presenter in increasing students’ interest in learning mathematics. Al-Jabar: Jurnal Pendidikan Matematika, 10(1), 135-150.

Arthur, R., Sekartaji, G. T., Arris Maulana, L., & Dewi, K. (2019). Pengembangan media video presentasi pada mata kuliah hidrologi di Universitas Negeri Jakarta [Development of video presentation media for hydrology courses at the State University of Jakarta]. Jurnal Teknologi Pendidikan, 7(02), 170-183.

Astuti, L., Wihardi, Y., & Rochintaniawati, D. (2020). The development of web-based learning using interactive media for science learning on levers in human body topic. Journal of Science Learning, 3(2), 89-98.

Attallah, B. (2017). Visualizing computer programming in a computer-based simulated environment. International Journal of Advanced Computer Science and Applications (IJACSA), 8(8), 369-378.

Brigandi, C. B., Weiner, J. M., Siegle, D., Gubbins, E. J., & Little, C. A. (2018). Environmental perceptions of gifted secondary school students engaged in an evidence-based enrichment practice. Gifted Child Quarterly, 62(3), 289-305.

Brown, N. C. C., & Wilson, G. (2018). Ten quick tips for teaching programming. PLoS Computational Biology, 14(4), e1006023.

Bryant, C. H., Muggleton, S. H., Page, C. D., & Sternberg, M. J. (1999). Combining active learning with inductive logic programming to close the loop in machine learning. In Proc. AISB Symposium on AI and Scientific Creativity (pp. 221-234).

Cetin, I. (2020). Teaching loops concept through visualization construction. Informatics in Education-An International Journal, 19(4), 589-609.

Çoklar, A. N., & Akçay, A. (2018). Evaluating programming self-efficacy in the context of inquiry skills and problem-solving skills: A perspective from tTeacher eEducation. World Journal on Educational Technology: Current Issues, 10(3), 153-164.

Daniela, L., Kalniņa, D., & Strods, R. (2017). An overview on effectiveness of technology enhanced learning (TEL). International Journal of Knowledge Society Research (IJKSR), 8(1), 79-91.

Dobson, J. L. (2008). The use of formative online quizzes to enhance class preparation and scores on summative exams. Advances in Physiology Education, 32(4), 297-302.

Esteves, M., Fonseca, B., Morgado, L., & Martins, P. (2011). Improving teaching and learning of computer programming through the use of the second life virtual world. British Journal of Educational Technology, 42(4), 624-637.

Faust, J. L., & Paulson, D. R. (1998). Active learning in the college classroom. Journal on Excellence in College Teaching, 9(2), 3-24.

Goncharov, S., Ospichev, S., Ponomaryov, D., & Sviridenko, D. (2019). The expressiveness of looping terms in the semantic programming. ArXiv Preprint ArXiv:1912.02731.

Grinias, J. P. (2017). Making a game out of it: Using web-based competitive quizzes for quantitative analysis content review. Journal of Chemical Education, 94(9), 1363-1366.

Grover, S., Jackiw, N., & Lundh, P. (2019). Concepts before coding: non-programming interactives to advance learning of introductory programming concepts in middle school. Computer Science Education, 29(2–3), 106-135.

Higashinaka, R., Dohsaka, K., Amano, S., & Isozaki, H. (2007). Effects of quiz-style information presentation on user understanding. In Eighth Annual Conference of the International Speech Communication Association.

Ismail, M. E., Othman, H., Amiruddin, M. H., & Ariffin, A. (2017). The use of animation video in teaching to enhance the imagination and visualization of student in engineering drawing. In IOP conference series: materials science and engineering (Vol. 203, No. 1, p. 012023). IOP Publishing.

Lin, M. H., & Chen, H. G. (2017). A study of the effects of digital learning on learning motivation and learning outcome. Eurasia Journal of Mathematics, Science and Technology Education, 13(7), 3553-3564.

Ling, L. T. Y. (2018). Meaningful gamification and students' motivation: A strategy for scaffolding Reading Material. Online Learning, 22(2), 141-155.

Manik, E. (2020). Visual Basic 6.0 untuk Media Pembelajaran Interaktif [Visual Basic 6.0 for Interactive Learning Media]. LPPM UHN Press.

Nadeak, B., & Naibaho, L. (2020). Video-based learning on improving students learning output. PalArch's Journal of Archaeology of Egypt/Egyptology, 17(2), 44-54.

Nguyen, K., & McDaniel, M. A. (2015). Using quizzing to assist student learning in the classroom: The good, the bad, and the ugly. Teaching of Psychology, 42(1), 87-92.

Nissen, J. M., Talbot, R. M., Thompson, A. N., & Van Dusen, B. (2018). Comparison of normalized gain and Cohen’s d for analyzing gains on concept inventories. Physical Review Physics Education Research, 14(1), 010115, 1-12.

Ramkissoon, P., Belle, L. J., & Bhurosy, T. (2020). Perceptions and experiences of students on the use of interactive online learning technologies in Mauritius. International Journal of Evaluation and Research in Education, 9(4), 833-839.

Sa’adah, L., Nurkamto, J., & Suparno, S. (2018). Oral corrective feedback: Exploring the relationship between teacher’s strategy and students’ willingness to communicate. Studies in English Language and Education, 5(2), 240-252.

Saeed, N., Yang, Y., & Sinnappan, S. (2009). Emerging web technologies in higher education: A case of incorporating blogs, podcasts and social bookmarks in a web programming course based on student's learning styles and technology preferences. Journal of Educational Technology and & Society, 12(4), 98-109.

Saputri, D. Y., Rukayah, R., & Indriayu, M. (2018). Need assessment of interactive multimedia based on game in elementary school: A challenge into learning in 21st century. International Journal of Educational Research Review, 3(3), 1-8.

Shouthiri, P., & Thushika, N. (2018). A comparative analysis of looping structures: Comparison of ‘While’Loop and ‘Do-While’Loop in the C++ lLanguage. Asian Journal of Research in Computer Science, 2(3), 1-5.

Tam, W. C. (1992). Teaching loop invariants to beginners by examples. Proceedings of the Twenty-Third SIGCSE Technical Symposium on Computer Science Education, 92-96.

Thézé, R., Gadiri, M. A., Albert, L., Provost, A., Giraud, A.-L., & Mégevand, P. (2020). Animated virtual characters to explore audio-visual speech is controlled and naturalistic environments. Scientific Reports, 10(1), 1-12.

Vania, P. F., Setiawan, W., & Wijaya, A. F. C. (2018). Edmodo as web-based learning to improve student’s cognitive and motivation in learning thermal physics. Journal of Science Learning, 1(3), 110-115.

Winarto, A., Hardyanto, W., & Sugianto, S. (2019). Telegram development in dokeos-based e-learning as a learning media to improve students' motivation in learning physics. Physics Communication, 3(2), 78-85.

Yusrizal, Y., Safiah, I., & Nurhaidah, N. (2017). Kompetensi guru dalam memanfaatkan media pembelajaran berbasis teknologi informasi dan komunikasi (TIK) di SD negeri 16 Banda Aceh [Teacher competence in utilizing information and communication technology (ICT)-based learning media in SD Negeri 16 Banda Aceh]. Jurnal Ilmiah Mahasiswa Pendidikan Guru Sekolah Dasar, 2(2), 126-134.

Yusuf, M., Zuhrawardi, Z., & Wardani, E. (2020). The effectiveness of animated video as learning media towards the perception of healthy snacks on elementary school students in Indonesia. The International Journal of Tropical Veterinary and Biomedical Research, 5(2), 1-6.



  • There are currently no refbacks.

Copyright (c) 2022 Dwi Fitria Al Husaeni, Enrico Nabil Qois Budisantoso, Mushfani Ainul Urwah, Nissa Nur Azizah, Putri Zukhruf Dinata, Shandini Apriliany, Herbert Siregar

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

Published by Universitas Pendidikan Indonesia
in collaboration with the Indonesian Society of Science Educators