Pengembangan Web “HARMONI” Berbasis VS Code pada Materi Akhlak dalam Pembelajaran PAI Kelas V SD
DOI:
10.29303/jipp.v11i3.5026Diterbitkan:
2026-08-31Unduhan
Abstrak
Penelitian ini dilatarbelakangi oleh terbatasnya penggunaan media digital interaktif dalam pembelajaran Pendidikan Agama Islam (PAI). Metode konvensional yang sering digunakan dinilai kurang efektif untuk menanamkan nilai-nilai moral yang abstrak kepada siswa. Oleh karena itu, penelitian ini bertujuan mengembangkan media pembelajaran interaktif berbasis website bernama "Harmoni", yang dirancang secara khusus untuk materi akhlak bagi siswa kelas lima sekolah dasar. Metode yang digunakan adalah Penelitian dan Pengembangan (R&D) menggunakan model ADDIE (Analysis, Design, Development, Implementation, Evaluation). Partisipan melibatkan siswa kelas lima, ahli materi, dan ahli media. Pengumpulan data dilakukan melalui lembar validasi, kuesioner umpan balik siswa, serta tes (pre-test dan post-test), yang kemudian dianalisis dengan pendekatan kuantitatif deskriptif dan komparatif. Hasil penelitian membuktikan bahwa website "Harmoni" yang memadukan teks naratif, ilustrasi, audio, dan permainan edukatif sangat layak digunakan. Media ini meraih tingkat kesesuaian sebesar 94% dari siswa, dan terbukti efektif meningkatkan pemahaman, motivasi, serta keterlibatan mereka dalam mempelajari nilai kejujuran, tanggung jawab, dan rasa hormat. "Harmoni" merupakan alat edukasi yang efektif untuk mengatasi tantangan pembelajaran PAI. Penelitian ini berkontribusi memperkaya literatur media digital dalam pendidikan agama, serta merekomendasikan sekolah untuk mengadopsi platform inovatif ini guna mendukung pengembangan karakter di tingkat yang lebih luas.
Kata Kunci:
Akhlak, Media Pembelajaran Digital, Media Pembelajaran Interaktif, Model ADDIE, Pendidikan Agama Islam.Referensi
Adibowo, D. L., Emilia, A., Sa’id, I. B., Ratno, P. P., Maiyanti, A. A., & Anggraini, A. (2025). Pengembangan Media Pembelajaran Berbasis Website Edukasi Untuk Meningkatkan Hasil Belajar Siswa. Jurnal Studi Guru dan Pembelajaran, 8(2), 1155–1165. https://doi.org/10.30605/jsgp.8.2.2025.6456
Aeni, A. N., Fachrina, A. Z., Nursyafitri, A. A., & Putri, T. A. (2022). PENGEMBANGAN WEBSITE CARRD SEBAGAI SARANA DAKWAH UNTUK MENINGKATKAN AKHLAKUL KARIMAH BAGI SISWA SMP KELAS VIII. Al-Tsiqoh : Jurnal Ekonomi dan Dakwah Islam, 7(1), 1–17. https://doi.org/10.31538/altsiq.v7i1.2208
Aeni, A. N., Rahmawati, Ananda, D. T., & Aulia, A. P. (2025). Pengembangan Vidio Pembelajaran “MARINA” Tentang Nabi Yang Menerima Wahyu Allah. Elementary School: Jurnal Pendidikan Dan Pembelajaran Ke-SD-An, 12(2), 701–710. https://doi.org/10.31316/esjurnal.v12i2.4500
Al Kausar, M. F., Karimah, J., Amelia, S. D., Paolina, Z., & Aeni, A. N. (2023). Penggunaan Buku Digital Anak Islam (BADAI) sebagai Media Pembelajaran Akhlak bagi Siswa SD. Al-Madrasah: Jurnal Pendidikan Madrasah Ibtidaiyah, 7(3), 1327. https://doi.org/10.35931/am.v7i3.2505
Andi Rustandi & Rismayanti. (2021). Penerapan Model ADDIE dalam Pengembangan Media Pembelajaran di SMPN 22 Kota Samarinda. JURNAL FASILKOM, 11(2), 57–60. https://doi.org/10.37859/jf.v11i2.2546
Anggraeni, T. B., Arjuna, A., & Hadian, D. B. S. (2025). Media Pembelajaran Interaktif pada Mata Pelajaran PAI: A Scoping Reviwe Bentuk dan Implementasinya. Journal of Educational Research and Community Service, 1(2), 109–117.
Astuti, A. W. (2024). Peran Media Pembelajaran TIK untuk Mendukung Pembelajaran PAI yang Interaktif di Madrasah Muallimat Muhammadiyah Yogyakarta. Jurnal Pendidikan Madrasah, 9(2), 285–290. https://doi.org/10.14421/jpm.2024.285-290
Atmarini, D., Widjanarko, M., & Lestari, I. (2026). Media Pembelajaran Interaktif: Pemantik Kreativitas dan Perkembangan Kognitif Anak SD. Jurnal Pengabdian Masyarakat Dan Riset Pendidikan, 4(3), 16411–16417. https://doi.org/10.31004/jerkin.v4i3.4807
Cahyadi, R. A. H. (2019). Pengembangan Bahan Ajar Berbasis Addie Model. Halaqa: Islamic Education Journal, 3(1), 35–42. https://doi.org/10.21070/halaqa.v3i1.2124
Ghani, A. A. (2025). Media Digital Interaktif sebagai Inovasi Pembelajaran PAI untuk Meningkatkan Literasi Keagamaan Siswa di Era Modern. Jurnal Ilmiah Guru Madrasah, 4(1), 279–290. https://doi.org/10.69548/jigm.v4i1.68
Hidayat, F., & Nizar, M. (2021). MODEL ADDIE (ANALYSIS, DESIGN, DEVELOPMENT, IMPLEMENTATION AND EVALUATION) DALAM PEMBELAJARAN PENDIDIKAN AGAMA ISLAM. Jurnal Inovasi Pendidikan Agama Islam (JIPAI), 1(1), 28–38. https://doi.org/10.15575/jipai.v1i1.11042
Latip, A. (2022). PENERAPAN MODEL ADDIE DALAM PENGEMBANGAN MULTIMEDIA PEMBELAJARAN BERBASIS LITERASI SAINS. DIKSAINS : Jurnal Ilmiah Pendidikan Sains, 2(2), 102–108. https://doi.org/10.33369/diksains.2.2.102-108
Milidar, K. (2024). INOVASI PEMBELAJARAN PAI DENGAN PENDEKATAN INTERAKTIF UNTUK GENERASI MILENIAL. Jurnal Review Pendidikan Dan Pengajaran, 7(2), 6275–6284. https://doi.org/10.31004/jrpp.v7i2.36365
Mulyosari, E. T., & Khosiyono, B. H. C. (2023). Pengaruh Penggunaan Media Pembelajaran Berbasis Teknologi dalam Pembelajaran terhadap Motivasi Belajar Siswa Sekolah Dasar. EDUKATIF : JURNAL ILMU PENDIDIKAN, 5(6), 2395–2405. https://doi.org/10.31004/edukatif.v5i6.5037
Patmawati, A. N., Mutmainnah, I. R., Selina, S. A., Rahayu, S., Amalia, R., Azizurahman, Loviana, N. A., & Jamil, S. (2026). MEDIA PEMBELAJARAN PAI DI ERA DIGITAL. Pendas : Jurnal Ilmiah Pendidikan Dasar, 11(01), 172–186. https://doi.org/10.23969/jp.v11i01.40408
Purnomo, D., Marta, M. A., & Gusmaneli, G. (2025). Pemanfaatan Media Interaktif dalam Strategi Pembelajaran PAI untuk Meningkatkan Motivasi Belajar Peserta Didik. JURNAL PENDIDIKAN DAN ILMU SOSIAL (JUPENDIS), 3(2), 414–427. https://doi.org/10.54066/jupendis.v3i2.3237
Rahayu, A. (2025). Metode Penelitian dan Pengembangan (R&D): Pengertian, Jenis dan Tahapan. DIAJAR: Jurnal Pendidikan Dan Pembelajaran, 4(3), 459–470. https://doi.org/10.54259/diajar.v4i3.5092
Ramadhani, S. L., Fatkhurrahman, F., & Nugroho, M. Y. A. (2024). Penerapan Multimedia Interaktif Untuk Meningkatkan Hasil Belajar PAI Siswa Kelas VIII SMP Negeri 1 Mojotengah Wonosobo Tahun Pelajaran 2023/2024. Jurnal Pendidikan Indonesia, 2(2), 37–47. https://doi.org/10.62007/joupi.v2i2.283
Rustandi, A., & Rismayanti. (2021). Penerapan Model ADDIE dalam Pengembangan Media Pembelajaran di SMPN 22 Kota Samarinda. JURNAL FASILKOM, 11(2), 57–60. https://doi.org/10.37859/jf.v11i2.2546
Suparmun, A. C. A., Irbathy, S. A., Fitria, R. A., Hidayah, F. A. N., Mu’awanah, R., & Zahra, R. F. N. A. (2024). Penguatan Karakter Peserta Didik melalui Media Pembelajaran Pendidikan Agama Islam Berbasis Literasi Digital Anak SD. Jurnal Caksana : Pendidikan Anak Usia Dini, 7(2), 250–259. https://doi.org/10.31326/jcpaud.v7i2.2216
Syarifah, Mufidah, Z., Sari, N. I., Fatayati, U., & Islami, W. T. (2025). Pembelajaran Interaktif Materi PAI Pada Kurikulum Merdeka di MIN 5 Ngawi. Pendas : Jurnal Ilmiah Pendidikan Dasar, 10(03), 245–259. https://doi.org/10.23969/jp.v10i03.33715
Yermaida, A. (2024). Penerapan Media Digital Dalam Meningkatkan Aktivitas Siswa Pada Pembelajaran PAI di Kelas IV SD Negeri 06 Pauh Lubuk Sikaping. EduSpirit : Jurnal Pendidikan Kolaboratif, 1(4), 349–352.
Yunita, V., Sujinah, S., & Yarno, Y. (2024). Pengembangan Modul Ajar Berdiferensiasi Berbasis ADDIE pada Mata Pelajaran Bahasa Indonesia di SMK Negeri 2 Bojonegoro. Jurnal Pendidikan Madrasah, 9(1), 115–122. https://doi.org/10.14421/jpm.2024.115-122
Zamsiswaya, Z., Syawaluddin, S., & Syahrizul, S. (2024). Pengembangan Model ADDIE (Analisys, Design, Development, Implemetation, Evaluation). Jurnal Pendidikan Tambusai, 8(3), 46363–46369.
Zehanara, N. S., Tsany, M. S. T., Setiawati, T., & Aeni, A. N. (2024). Pengembangan Video INSAN untuk Meningkatkan Motivasi Pembelajaran PAI Siswa di Sekolah Dasar. Mitra PGMI: Jurnal Kependidikan MI, 10(2), 230–242. https://doi.org/10.46963/mpgmi.v10i2.1792
Lisensi
Hak Cipta (c) 2026 Fachrul Isha Mahendra, Evelyn Sawalia Rahma, Rahma Nur Afifah, Shelly Nuraprillianty, Ani Nur Aeni

Artikel ini berlisensi Creative Commons Attribution 4.0 International License.
klik di sini 


















