Development Of PBL-Based Interactive Civic Education E-Learning Via H5P Branching Scenarios To Enhance University Students' National Value Comprehension

Authors

  • Khairani Djahara Universitas Sains dan Teknologi Indonesia
  • Eka Setia Novi Universitas Sains dan Teknologi Indonesia
  • Zahra Suci Maulilovia Universitas Sains dan Teknologi Indonesia

DOI:

https://doi.org/10.17977/um038v9i12026p063-076

Keywords:

H5P Branching Scenario, Problem Based Learning (PBL), Interactive E-Learning, National Values, Civic Education

Abstract

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.

Author Biographies

Khairani Djahara, Universitas Sains dan Teknologi Indonesia

Pendidikan Teknologi Informasi

Eka Setia Novi, Universitas Sains dan Teknologi Indonesia

Hukum Bisnis

Zahra Suci Maulilovia, Universitas Sains dan Teknologi Indonesia

Pendidikan Teknologi Informasi

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

2026-02-09

How to Cite

Djahara, K., Novi, E. S., & Maulilovia, Z. S. (2026). Development Of PBL-Based Interactive Civic Education E-Learning Via H5P Branching Scenarios To Enhance University Students’ National Value Comprehension. JKTP: Jurnal Kajian Teknologi Pendidikan, 9(1), 063–076. https://doi.org/10.17977/um038v9i12026p063-076