Pengembangan Media Pop-Up Digital pada Materi Sistem Komputer

##plugins.themes.academic_pro.article.sidebar##

Published Jul 31, 2026
https://doi.org/10.62491/njpi.2026.v6i3-7
Download
PDF
Statistic
Vol. 6 No. 3 (2026)

##plugins.themes.academic_pro.article.main##

Farros Shaffira
Universitas Negeri Malang, Indonesia
https://orcid.org/0009-0000-4145-2378
Hakkun Elmunsyah
Universitas Negeri Malang, Indonesia
Mutilah
SMP Laboratorium UM, Malang, Indonesia
Aqiqul Putra Zaibintoro
Universitas Negeri Malang, Indonesia

Abstract

Purpose – This study developed digital pop-up learning media for computer systems in the form of an interactive website to address passive learning caused by conventional slide-based instruction. The media integrates text, images, and pop-up effects across three subtopics: hardware, software, and brainware. Unlike some pop-up media that rely on QR code access, this media can be accessed directly through a website link. This study contributes feasibility evidence through expert validation and usability testing.
Methods – This study used the Research and Development method with the 4D model, consisting of define, design, develop, and disseminate stages. The define stage included front-end analysis, learner analysis, and concept analysis. The design stage produced navigation structure and wireframe. In the develop stage, the website was validated by one material expert and one media expert using a 1-5 rating scale. In the disseminate stage, usability testing was conducted using the System Usability Scale (SUS) with 29 eighth-grade students.
Findings – The material expert validation resulted in a score of 93%, categorized as “Very Good,” while the media expert validation resulted in a score of 87%, also categorized as “Very Good.” The SUS testing produced a mean score of 79.31, corresponding to grade “C” in relative standing and an adjective rating of “Good” in absolute usability. These two scales are not contradictory because they represent different interpretive frameworks. However, both indicate that the media has not yet reached the “Excellent” category.
Research Implications – The developed media is feasible to be used as an alternative learning tool in Informatics, although improvements are still needed in interface consistency and usage guidance. This study involved only 29 students from one school, did not measure learning outcomes, and obtained verbal rather than written permission from the school. Future research should involve larger and more diverse samples, formal written permission, and experimental designs to examine the effectiveness of the media more rigorously.

##plugins.themes.academic_pro.article.details##

Creative Commons License

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

How to Cite
Shaffira, F., Elmunsyah, H., Mutilah, M., & Zaibintoro, A. P. (2026). Pengembangan Media Pop-Up Digital pada Materi Sistem Komputer. Nusantara: Jurnal Pendidikan Indonesia, 6(3), 645–661. https://doi.org/10.62491/njpi.2026.v6i3-7
Crossref
Scopus
Google Scholar
Europe PMC

References

  1. Afandi, M. F., Hidayat, W. N., & Komariyah, K. (2022). Game-Based Learning Media Development with RPG Mechanisms in Programming Subjects Base. Letters in Information Technology Education (LITE), 5(1), 1–5. https://doi.org/https://doi.org/10.17977/um010v5i12022p1-5
  2. Akbar, J. S., Ariani, M., Zulhawati, H., Zani, B. N., Husnita, L., & Hamsiah, A. (2023). Penerapan Media Pembelajaran Era Digital. Jambi: PT Sonpedia Publishing Indonesia.
  3. Ansori, M. Z., Faiza, D., Thamrin, & Efrizon. (2024). Development of Digital Circuits Learning Media Using Articulate Storyline with the 4D Model. Journal of Hypermedia & Technology-Enhanced Learning, 2(3), 338–351. https://doi.org/10.58536/j-hytel.v2i3.145
  4. Ariyantini, K. Y., & Tegeh, I. M. (2022). Media Pembelajaran Interaktif Berbantuan Powerpoint Pada Subtema 1 Lingkungan Tempat Tinggalku Tema 8. Jurnal Pedagogi Dan Pembelajaran, 5(2), 250–259. https://doi.org/10.23887/jp2.v5i2.47146
  5. Amanda, D. R. (2024). Analisis Penggunaan Media Pembelajaran Berbasis Media Visual Terhadap Hasil Belajar Bahasa Indonesia Siswa. Jurnal Pendidikan, Bahasa Dan Budaya, 3(2), 185–199. https://doi.org/10.55606/jpbb.v3i2.3181
  6. Elmunsyah, H., Suswanto, H., Hakiki, M. A., Hidayat, W. N., Asfani, K., & Kusuma, D. D. (2022). Development of Mobile Learning Applications with Augmented Reality to Build VHS Students’ Critical Thinking. 2022 Fifth International Conference on Vocational Education and Electrical Engineering (ICVEE), 190–195. https://doi.org/10.1109/ICVEE57061.2022.9930371
  7. Fathurrahman, M. I., & Sumarsono, S. (2024). Penerapan Prinsip Desain Antarmuka dalam Evaluasi User Interface dan User Experience E-Learning. Jurnal Komtika (Komputasi Dan Informatika), 8(2), 171–181. https://doi.org/10.31603/komtika.v8i2.11689
  8. Hanina, P. U., & Nurcahyanto, G. (2024). Development of a Web-Based Interactive E-Module Application as an Innovative Biology Learning Media. International Conference on Biology Eduaction, Natural Science, and Technology, 2(1), 171–183.
  9. Hasnida, S. S., Adrian, R., & Siagian, N. A. (2024). Tranformasi Pendidikan Di Era Digital. Jurnal Bintang Pendidikan Indonesia (JUBPI), 2(1), 110–116. https://doi.org/10.55606/jubpi.v2i1.2488
  10. Hermansyah. (2026). Efektivitas Penggunaan Multimedia Interaktif dalam Meningkatkan Motivasi Belajar Siswa MI. Jurnal Pendidikan Guru Sekolah Dasar, 2, 22–32.
  11. Iswandayani, H., Pramadita, T., Yani, I. P., & Setiadi, H. W. (2025). Pengembangan Bahan Ajar Digital Sebagai Media Pembelajaran Modern. Jurnal IKA: Ikatan Alumni PGSD UNARS, 16(2), 281–289. https://doi.org/DOI:10.36841/pgsdunars.v16i2.7521
  12. Kurniyawati, I. C., Suneki, S., & Puspitasari, R. (2024). Peningkatan Motivasi Belajar Siswa Kelas XI TE 3 SMK Negeri 4 Semarang Melalui Media Wordwall Pada Mata Pelajaran Pendidikan Pancasila. Seminar Nasional Pendidikan Profesi Guru, 2(1), 1–13.
  13. Lutfi, M., & Mursyidun, A. (2024). Empowering Vocational Informatics Students with Android-Based Problem-Based Learning Media. 7(1), 26–33.
  14. Mirnawati, L. B., Nanda Faradita, M., & Anggraenie, B. T. (2023). Pengembangan Media Big Book Tema Kebersamaan Dalam Mendukung Pembelajaran Keterampilan Menyimak Siswa Kelas II Sekolah Dasar. Proceeding UmSurabaya.
  15. Mukarromah, A., & Andriana, M. (2022). Peranan Guru dalam Mengembangkan Media Pembelajaran. Journal of Science and Education Research, 1(1), 43–50. https://doi.org/10.62759/jser.v1i1.7
  16. Mustaqim, M. F. (2023). Development of Interactive Web-Based Learning Media with the Discovery Learning Model to Increase Student Learning Motivation in Object Oriented Programming XI Vocational High Schools. Letters in Information Technology Education (LITE), 6(1), 22. https://doi.org/10.17977/um010v6i12023p22-26
  17. Pertiwi, E., & Irfan, D. (2021). Pengembangan Media Pembelajaran Berbasis Web Pada Mata Pelajaran Sistem Komputer Kelas X TKJ di SMK Negeri 1 Painan. Journal of Information Technology and Computer Science (INTECOMS), 4(2), 202–208.
  18. Praciska, M. T., Hikmawan, R., & Widodo, S. (2024). Pengembangan Media Pembelajaran berbasis Mobile untuk Materi Pengenalan Bangun Datar bagi Siswa Sekolah Dasar. Jurnal Sistem Informasi, 13(6), 2422–2433. https://doi.org/https://doi.org/10.32520/stmsi.v13i6.4539
  19. Sarip, M., Amintarti, S., & Utami, N. H. (2022). Validitas Dan Keterbacaan Media Ajar E-Booklet Untuk Siswa SMA/MA Materi Keanekaragaman Hayati. Jurnal Pendidikan Dan Ilmu Sosial, 1(1), 43–59. https://doi.org/https://doi.org/10.57218/jupeis.Vol1.Iss1.30
  20. Seprie, S. (2024). Studi Perbandingan Penggunaan Media Pembelajaran Digital dan Konvensional pada Siswa SD. Syntax Literate: Jurnal Ilmiah Indonesia, 9(7), 3890–3897. https://doi.org/10.36418/syntax-literate.v9i7.15900
  21. Setyaningsih, E. (2023). Perkembangan Multimedia Digital dan Pembelajaran. Indonesian Journal of Learning and Instructional Innovation, 1(1), 24–34. https://doi.org/https://doi.org/10.20961/ijolii.v1i01.920
  22. Sihombing, Y., Haloho, B., & Napitu, U. (2023). Problematika Guru Dalam Pemanfaatan Media Pembelajaran. JUPE: Jurnal Pendidikan Mandala, 8(2), 725–733. http://ejournal.mandalanursa.org/index.php/JJUPE/index
  23. Widagdo, A. S., & Pamuja, S. D. (2025). Analisis Usability Antarmuka e-learning Menggunakan Metode System Usability Scale Pada Universitas Swasta. Jurnal Keilmuan Teknologi Informasi, 01(2), 54–59. https://doi.org/https://doi.org/10.61902/jkti.v1i2.2286
  24. Yusron, A., & Sunanto, L. (2026). Pengembangan Media Pembelajaran Buku Pop-Up Digital Berbasis Kode QR untuk Meningkatkan Literasi Membaca dan Literasi Digital Siswa Sekolah Dasar: Systematic Literature Review (SLR). Jurnal Ilmiah Multidisiplin, 2(1), 421–429. https://publikasi.ahlalkamal.com/index.php/sinergi
  25. Zahira, S., Syafril, Yusri, M. A. K., & Amilia, W. (2024). Pengembangan Multimedia Interaktif pada Mata Pelajaran Bahasa Indonesia Kelas X SMA. Jurnal Penelitian, Pendidikan Dan Pengajaran: JPPP, 5(1). https://doi.org/10.30596/jppp.v5i1.16318

Similar Articles

You may also start an advanced similarity search for this article.