Development Of PBL-Based Interactive Civic Education E-Learning Via H5P Branching Scenarios To Enhance University Students' National Value Comprehension
DOI:
https://doi.org/10.17977/um038v9i12026p063-076Keywords:
H5P Branching Scenario, Problem Based Learning (PBL), Interactive E-Learning, National Values, Civic EducationAbstract
This research develops interactive e-learning media based on Problem Based Learning utilizing H5P Branching Scenario for Civic Education. The media was developed within Moodle LMS to enhance students’ understanding of national values through contextual approaches and case studies. The materials cover Pancasila Ideology, Democracy, and Human Rights linked to electoral dynamics. Learning content is packaged in branching narratives that place students in dilemmatic national situations, such as money politics, voter abstention, and electoral intimidation. Through this flow, students are guided to think critically, analyze consequences of each choice, and develop responsible civic attitudes. Evaluation is conducted through interactive quizzes with branching scenarios, using positive scores for correct answers and score deductions for incorrect answers. Quiz results are interpreted into three categories: excellent, intermediate, and beginner. Media development follows the ADDIE model, encompassing analysis, design, development, implementation, and evaluation. The research involved students from Universitas Sains dan Teknologi Indonesia as users. Data were collected through needs analysis, learning tests, response questionnaires, and validation by subject matter and media experts. Findings indicate the developed e-learning media is feasible and practical, capable of creating reflective, contextual Civic Education learning experiences that support digital-based civic learning in higher education.
References
Alhammad, A. I., Alonizi, S.S. (2025). Integrating E-Learning in Saudi Primary Schools: Insights from English Language Learners and Educators. World J Engl Lang, 15(4), 194-202. https://doi.org/10.5430/wjel.v15n4p194
Arimbawa, G.P. A., Ariawan, I. P.W., Parwati, N.N. (2024). Pengembangan Virtual Lab untuk Meningkatkan Kemampuan Berpikir Kritis Siswa SMP Kelas VIII pada Mata Pelajaran Matematika. JKTP: Jurnal Kajian Teknologi Pendidikan, 7(1), 046–057. https://journal2.um.ac.id/index.php/jktp/article/view/41056/12733
Astuti. (2021). Pengembangan Lembar Kerjas Siswa (LKPD) Berbasis Problem Based Learning (PBL) untuk Kelas VII SMP/MTs Mata Pelajaran Matematika. Jurnal Pendidikan Matematika, 5(2). 1011-1024. https://doi.org/10.31004/cendekia.v5i2.573
Bariah, S.H., Imania, K. A. N., Afriandari, S., Purwanti, Y., Nasrullah, I. (2023). Pengembangan Multimedia Interaktif Berbasis H5P Moodle Pada Mata Pelajaran Mutlimedia Kelas XII Di SMKN 10 Garut. Jurnal Pendidikan Teknologi Informasi dan Komunikasi, 9(1), 53-62. https://doi.org/10.31980/petik.v9i1.1272
Budiarto, M.K., Asrowi, Gunarhadi, Karsidi, R., Rahman, A. (2024). E-Learning Platform for Enhancing 21st Century Skills for Vocational School Students: A Systematic Literature Review. Electron J E-Learn, 22(5), 76-90. https://orcid.org/0009-0005-3124-5259
Chamisijatin, L., Permana, F.H., & Zaenab, S. (2022). Pengaruh Pembelajaran Tematik Model Terkait (Connected Model) Berbasis Masalah terhadap Ketercapaian Kompetensi Mahasiswa melalui E-Learning. EDUKATIF J ILMU Pendidik, 4(3), 4372-4382. https://doi.org/10.31004/edukatif.v4i3.2853
Costa, C.D., Kuwandi, D., & Wedi, A. (2023). Pengembangan Multimedia Interaktif pada Materi Data Flow Diagram untuk Mahasiswa Teknik Informatika. JKTP: Jurnal Kajian Teknologi Pendidikan, 6(2), 096–107. https://journal2.um.ac.id/index.php/jktp/article/view/38324/11831
Daryanes, F., Darmadi, D., Fikri, K., Sayuti, I., Rusandi, M.A., Situmorang, D.D.B. (2023). The development of articulate storyline interactive learning media based on case methods to train student’s problem-solving ability. Heliyon, 9(4), e15082. https://doi.org/10.1016/j.heliyon.2023.e15082
Dewi, N.L.L., & Parwati, N.N. (2020). Penerapan Model Pembelajaran Problem Based Learning Berbantuan Portofolio untuk Meningkatkan Pemahaman Konsep Matematika Siswa Kelas XI Aph C SMK Negeri 1 Singaraja Tahun Pelajaran 2018/2019. Indonesian Journal of Instruction, 1(1), 21-28. https://doi.org/10.23887/iji.v1i1.27824
Dermawan, D.D, Maulana, P. (2023). Analisis Berpikir Kritis Pada Pembelajaran PKN di Sekolah Dasar. J Elem Edukasia, 6(4), 1571-1579. https://doi.org/10.31949/jee.v6i4.7153
Fatirul. A. N. (2020). Strategi Pembelajaran Problem Based Learning Berbantuan Internet dan Gaya Kognitif Terhadap Prestasi Belajar. Surabaya: Jakad Media Publishing.
Fauzi, F., Jennah, R., & Rohmadi, M. (2025.). Pengembangan Media Pembelajaran Dinasti Abbasiyah Berbasis Smartphone untuk Meningkatkan Pemahaman Siswa Kelas XI MA. JKTP: Jurnal Kajian Teknologi Pendidikan, 8(1), 061–070. https://journal2.um.ac.id/index.php/jktp/article/view/58308/14192
Hake, R.R. (1998). Interactive-engagement versus traditional methods: A six-thousand-student survey of mechanics test data for introductory physics courses. American Journal of Physics, 66(1), 64-74. https://doi.org/10.1119/1.18809.
Halimah, N., Degeng, M. D. K., & Soepriyanto, Y. (2024). Peranan Tingkat Penerimaan Learning Management System Terhadap Kemampuan Self Regulated Learning. JKTP: Jurnal Kajian Teknologi Pendidikan, 7(3), 118–128. https://journal2.um.ac.id/index.php/jktp/article/view/54330/13589
Ichsan, Sofianora, A., Desy, Suharyat, Y., Santosa, T.A., Supriyadi, A. (2023). Pengaruh Profesionalitas Guru Matematika dalam Meningkatkan Kompetensi Siswa Era Revolusi Industri 5.0 di Indonesia: Sebuah Meta Analysis. Jurnal Math-UMB.EDU, 10(2), 49–58. https://doi.org/10.36085/mathumbedu.v10i2.4868
Khotimah, K., Setiani, P.P. (2021). Pengembangan Video Pembelajaran Screencast-o-matic (SOM) Berbasis Problem Based Learning (Pbl) Pada Mata Kuliah Pendidiakn Kewarganegaraan Di Ikip Budi Utomo Malang. J Pancasila Dan Kewarganegaraan, 6(1), 35-45. https://doi.org/10.24269/jpk.v6i1.3179
Kartin, Y., Arjudin, Novitasari, D., Hayati, L. (2023). Analisis Kemampuan Berpikir Kritis Siswa Ditinjau dari Kecerdasan Logis Matematis. Journal of Classroom Action Research, 5(3), 35-41. https://doi.org/10.29303/jcar.v5i3.4891
Kusumawardani, S.S., Budimansyah, D., Wibowo, W., Copik, M. (2024). Buku Ajar Mata Kuliah Wajib Pada Kurikulum Pendidikan Tinggi Pendidikan Kewarganegaraan. Jakarta: Direktorat Jenderal Pendidikan Tinggi, Riset, dan Teknologi Kementerian Pendidikan, Kebudayaan, Riset, dan Teknologi.
Mahande, R.D. (2023). E-Learning & Blended Learning. Yogyakarta: Deepublish.
Muna, N., Khasanah, M., Anbiya, B.MF. (2023). Analisis Pemanfaatan E-Learning Walisongo dalam Mata Kuliah Pendidikan Kewarganegaraan. Res Educ Technol REGY, 1(2), 85-91. https://doi.org/10.62590/regy.v1i2.85
Mustaqim, B., Amin, M., Siagian, S., Junaidi, A., & Sibuea, A.M. (2024). Implementation Project-Based Learning Model On Electrical Motor Installation. JKTP: Jurnal Kajian Teknologi Pendidikan, 7(3), 108–117. https://journal2.um.ac.id/index.php/jktp/article/view/50997/13588
Pangesti, E. D., Sabariah, & Rahayu, E. Y. (2025). Pengembangan Media Pembelajaran Google Sites Mata Pelajaran IPS Kelas VIII. JKTP: Jurnal Kajian Teknologi Pendidikan, 8(1), 015–025. https://journal2.um.ac.id/index.php/jktp/article/view/57006/14188
Piyona P, Haratua Tiur Maria, Hamdani H. (2025). Pengembangan Multimedia Interaktif Berbantuan ISpring Suite dengan Model PBL untuk Meningkatkan Hasil Belajar Fisika Peserta Didik di SMA. J Pendidik MIPA. 8 Maret 2025, 5(1), 241-249. https://doi.org/10.37630/jpm.v15i1.2431
Sari, N. K. A. I., Suharta, I. G. P, & Parwati, N. N. (2025). Pengembangan E-LKPD Interaktif Berbasis PBL untuk Meningkatkan Kemampuan Pemecahaan Masalah Matematis Materi Trigonometri SMA Kelas X. JKTP: Jurnal Kajian Teknologi Pendidikan, 8(1), 001–013. https://journal2.um.ac.id/index.php/jktp/article/view/52635/14187
Susiyanti, I., B. R., & Muhajir. (2021). PENGARUH MODEL PEMBELAJARAN RESOLUSI KONFLIK BERBASIS MASALAH KONTEKSTUAL TERHADAP HASIL BELAJAR PKn SISWA SD INPRES MALLENGKERI 2 KOTA MAKASSAR. J Pendidik Dan Pengajaran Guru Sekol Dasar JPPGuseda, 4(1), 25-28. https://journal.unpak.ac.id/index.php/JPPGuseda/article/download/3179/2180
Tsauri. A. (2024). eLearning Interaktif dengan H5P: Konsep dan Praktik Pembelajaran Daring yang Menarik dan Interaktif. Jawa Tengah: Revormasi.
Widiyanto, D., Istiqomah, A. (2023). PENGEMBANGAN MOODLE E-LEARNING (ELITA) BERBASIS MULTIMEDIA PADA MATA KULAIH PENDIDIKAN KEWARGANEGARAAN DI UNIVERSITAS TIDAR, 4(2), 80-88. https://doi.org/10.31002/kalacakra.v4i2.7827
Winarno. (2021). Paradigma Baru Pendidikan Kewarganegaraan: Panduan Kuliah Di Perguruan Tinggi. Jakarta Timur: Bumi Aksara.
Zaghu, Y.P., Kuswandi, D., & Wedi, A. (2023). Pengembangan Model Pembelajaran Berbasis Masalah Berbantuan Concept Mapping Pada Keterampilan Menulis Teks Eksposisi Analitis. JKTP: Jurnal Kajian Teknologi Pendidikan, 6(2), 108–119. https://doi.org/10.17977/um038v6i22023p108
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Khairani Djahara, Eka Setia Novi, Zahra Suci Maulilovia

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Jurnal Kajian Teknologi Pendidikan allows readers to read, download, copy, distribute, print, search, or link to the full texts of its articles and allow readers to use them for any other lawful purpose. The journal allows the author(s) to hold the copyright without restrictions. Finally, the journal allows the author(s) to retain publishing rights without restrictions.
- Authors are allowed to archive their submitted articles in an open access repository.
- Authors are allowed to archive the final published article in an open access repository with an acknowledgment of its initial publication in this journal.










