Development of an Interactive Website-Based Learning Media for C++ Operator Topics in Informatics Education

Yoseph Satria Praka; Hata Maulana; Yoyok Sabar Waluyo; Malisa Huzaifa

Development of an Interactive Website-Based Learning Media for C++ Operator Topics in Informatics Education

Authors

Yoseph Satria Praka Politeknik Negeri Jakarta
Hata Maulana Politeknik Negeri Jakarta
Yoyok Sabar Waluyo Politeknik Negeri Jakarta
Malisa Huzaifa Politeknik Negeri Jakarta

Keywords:

Interactive Website, Informatics Education, Web-based Learning Media, C Operators

Abstract

Computational thinking has become an essential competency in informatics education, yet many senior high school students still encounter difficulties in understanding fundamental programming concepts, particularly C++ operators. This study aims to develop and evaluate an interactive website-based learning media for C++ operator topics to support the improvement of students’ computational thinking skills. The learning media integrates structured instructional materials, interactive programming games, and formative quizzes within a single web platform to promote active and self-paced learning. The study employed a one-group pretest–posttest design involving ten students from grades 10 to 12 who were members of the IT Club at a partner senior high school. Students completed pretests and posttests to measure their computational thinking performance before and after using the learning media. The effectiveness of the developed media was evaluated using the Normalized Gain (N-Gain) analysis to determine the magnitude of learning improvement. The results show that the average pretest score increased from 21.00 to 51.00 in the posttest, with an average N-Gain value of 0.37, which falls into the medium improvement category. These findings indicate that the developed interactive website-based learning media effectively supports students’ understanding of C++ operators and contributes to the development of computational thinking skills through engaging and interactive learning activities.

Downloads

Download data is not yet available.

References

A. Saad and S. Zainudin, “A review of teaching and learning approach in implementing Project-Based Learning (PBL) with Computational Thinking (CT),” Interact. Learn. Environ., vol. 32, no. 10, pp. 7622–7646, Nov. 2024, doi: 10.1080/10494820.2024.2328280.

M. LODI, “Informatical Thinking,” OLYMPIADS IN INFORMATICS, vol. 14, pp. 113–132, Dec. 2020, doi: 10.15388/ioi.2020.09.

B. STROUSTRUP, A Tour of C++. Addison-Wesley Professional., 2022.

Ghasani Fathonia and Yahfizham Yahfizham, “Analisis Studi Literatur Penyelesaian Operator Aritmatika Serta Bilangan Bulat Dengan Code Sederhana Pada Bahasa Pemrograman C++,” SABER J. Tek. Inform. Sains dan Ilmu Komun., vol. 2, no. 1, pp. 09–16, Nov. 2023, doi: 10.59841/saber.v2i1.604.

J. Kuswanto, “Pengembangan Media Pembelajaran Berbasis Web Pada Mata Kuliah Rekayasa Perangkat Lunak,” J. Ilm. Edutic, vol. 8, no. 1, pp. 11–18, 2021.

M. A. S. D. Nur, H. S. Purba, N. A. B. Saputra, N. Wiranda, and M. H. Adini, “PENGEMBANGAN MEDIA PEMBELAJARAN INTERAKTIF BERBASIS WEB DENGAN PENDEKATAN GAMIFIKASI PADA MATERI CSS DASAR,” Comput. Educ. Technol. J., vol. 3, no. 2, p. 48, Nov. 2023, doi: 10.20527/cetj.v3i2.10700.

S. Fitri, H. Rubiani, M. G. Akasah, and C. Riki, “Perancangan Media Pembelajaran Digital Mata Pelajaran Teknologi Informasi Dan Komunikasi Berbasis Web,” JUPE J. Pendidik. Mandala, vol. 8, no. 1, pp. 369–373, 2023, doi: 10.58258/jupe.v8i1.5307.

J. A. Sipahutar, Yahfizham, and H. S. Harahap, “Implementasi HTML dan JavaScript dalam Media Pembelajaran Matematika Berbasis Web: A Systematic Literature Review,” Math. Data Anal., vol. 02, no. 01, pp. 1–9, 2025, doi: 10.47709/mda.v2i1.

W. N. Istiqomah and S. Lailiyah, “Efektivitas Media Cerita Bergambar Matematika dalam Meningkatkan Kemampuan Berpikir Kreatif dan Kritis Siswa Madrasah Ibtidaiyah,” Elem. J. Iilmiah Pendidik. Dasar, vol. 9, no. 2, pp. 14–25, Dec. 2023, doi: 10.32332/elementary.v9i2.6779.

R. C. Wibawa et al., “Flexwing: Gamification Technology to Increase Student Motivation and Engagement in Flexbox CSS Learning at State Vocational High School 10 Surabaya,” in 2025 Eight International Conference on Vocational Education and Electrical Engineering (ICVEE), IEEE, Sep. 2025, pp. 271–275. doi: 10.1109/ICVEE66651.2025.11281465.

A. Harerimana, S. E. Duma, and N. G. Mtshali, “Measuring perceived learning gains of undergraduate nursing students in ICT skills: One group pre-test and post-test design,” Contemp. Nurse, vol. 59, no. 2, pp. 114–131, Mar. 2023, doi: 10.1080/10376178.2023.2230309.

A. E. Zimmermann, E. E. King, and D. D. Bose, “Effectiveness and Utility of Flowcharts on Learning in a Classroom Setting: A Mixed-Methods Study,” Am. J. Pharm. Educ., vol. 88, no. 1, p. 100591, Jan. 2024, doi: 10.1016/j.ajpe.2023.100591.

S. Beattie, Challenge Based Learning: Engaging with Students Through Interactivity. Springer Nature, 2024.

G. Gustati, F. Sriyunianti, and D. M. Rissi, “The N-Gain Sebagai Alat Ukur Pemahaman Mahasiswa Pada Akuntansi Keuangan Lanjutan 1,” J. Ekon. dan Bisnis Dharma Andalas, vol. 27, no. 1, pp. 11–24, Jan. 2025, doi: 10.47233/jebd.v27i1.1763.

Development of an Interactive Website-Based Learning Media for C++ Operator Topics in Informatics Education