Development of digital based infographic and interactive timeline media for the daulah abbasiyahtopic at SMP IT Harapan Umat Karawang
DOI:
https://doi.org/10.51468/jpi.v8i1.1391Keywords:
Interactive Media, ADDIE, InfograpicsAbstract
This study developed and evaluated a web-based learning medium combining infographics and an interactive timeline for teaching the Abbasid Caliphate (Daulah Abbasiyah) in Grade 8 Islamic Cultural History (SKI) at SMP IT Harapan Umat Karawang. Using the ADDIE research and development framework, the product was created through needs analysis, design, development, implementation, and evaluation. Feasibility was assessed through expert validation of content and media quality, followed by revisions to ensure instructional accuracy and usability. Effectiveness was examined through paired pretest–posttest measures across five parallel classes (A–E), supported by descriptive statistics, paired difference testing, and effect size reporting. Student perceptions were also captured through a questionnaire to document acceptance and perceived usefulness of the media. The findings indicate that the developed media is highly feasible and positively received by students, and overall learning outcomes improved after the intervention, although gains varied across classes. These results suggest that chronology-oriented digital media can support learning of complex historical content, but its impact depends on classroom context and how the media is orchestrated within instructional activities.
References
Anderson, T., & Shattuck, J. (2012). Design-based research: A decade of progress in education research? Educational Researcher, 41(1), 16–25. https://doi.org/10.3102/0013189X11428813
Bond, M., Bedenlier, S., Marín, V. I., & Händel, M. (2021). Emergency remote teaching in higher education: Mapping the first global online semester. International Journal of Educational Technology in Higher Education, 18(1), Article 50. https://doi.org/10.1186/s41239-021-00282-x
Branch, R. M. (2009). Instructional design: The ADDIE approach. Springer.
Branch, R. M., & Kopcha, T. J. (2014). Instructional design models. In J. M. Spector, M. D. Merrill, J. Elen, & M. J. Bishop (Eds.), Handbook of research on educational communications and technology (pp. 77–87). Springer. https://doi.org/10.1007/978-1-4614-3185-5_7
Clark, R. C., & Mayer, R. E. (2021). E-learning and the science of instruction: Proven guidelines for consumers and designers of multimedia learning (5th ed.). Wiley.
Creswell, J. W., & Creswell, J. D. (2023). Research design: Qualitative, quantitative, and mixed methods approaches (6th ed.). SAGE Publications.
Fiorella, L., & Mayer, R. E. (2021). Eight ways to promote generative learning. In R. E. Mayer & L. Fiorella (Eds.), The Cambridge handbook of multimedia learning (3rd ed., pp. 503–520). Cambridge University Press.
Gagné, R. M., Wager, W. W., Golas, K. C., & Keller, J. M. (2005). Principles of instructional design (5th ed.). Wadsworth.
Jasanddes, F., & Ofianto, O. (2025). Pengembangan media infografis untuk meningkatkan kemampuan menganalisis perubahan dan keberlanjutan pada pembelajaran sejarah di SMK Kartika 1-2 Padang. YASIN, 5(4), 3285–3303. https://doi.org/10.58578/yasin.v5i4.6035
Mayer, R. E. (2021). Multimedia learning (3rd ed.). Cambridge University Press.
Mayer, R. E. (2024). The Cambridge handbook of multimedia learning (3rd ed.). Cambridge University Press.
Merrill, M. D. (2002). First principles of instruction. Educational Technology Research and Development, 50(3), 43–59. https://doi.org/10.1007/BF02505024
Molenda, M. (2003). In search of the elusive ADDIE model. Performance Improvement, 42(5), 34–36. https://doi.org/10.1002/pfi.4930420508
Nalendro, P. A., Muhammad, U. A., Yudisthira, A., & Ubaidillah, M. (2025). Pengembangan media pembelajaran interaktif berbantuan TimelineJS pada materi Zuid-Sumatra Staatsspoorwegen & Oosthaven untuk meningkatkan hasil belajar. EduTIK: Jurnal Pendidikan Teknologi Informasi dan Komunikasi, 5(6), 1982–1993.
Reeves, T. C., & McKenney, S. (2013). Computer-based tools to support design-based research. In T. Plomp & N. Nieveen (Eds.), Educational design research (pp. 63–78). SLO.
Richey, R. C., & Klein, J. D. (2014). Design and development research. In J. M. Spector, M. D. Merrill, J. Elen, & M. J. Bishop (Eds.), Handbook of research on educational communications and technology (pp. 141–150). Springer. https://doi.org/10.1007/978-1-4614-3185-5_12.
Rohmiati, I. (2025). Pengembangan media infografis berbasis digital untuk meningkatkan kemampuan membaca pemahaman. Urwatul Wutsqo: Jurnal Studi Kependidikan dan Keislaman, 14(1), 33–45. https://doi.org/10.54437/urwatulwutsqo.v14i1.3419
Spector, J. M. (2014). Conceptualizing K–12 blended learning environments. In A. G. Picciano, C. D. Dziuban, & C. R. Graham (Eds.), Blended learning: Research perspectives (Vol. 2, pp. 1–22). Routledge.
Sugiyono. (2021). Metode penelitian kuantitatif, kualitatif, dan R&D. Alfabeta
Sugiyono. (2022). Metode penelitian pendidikan (pendekatan kuantitatif, kualitatif, dan R&D). Alfabeta.
Sweller, J. (2020). Cognitive load theory and educational technology. Educational Technology Research and Development, 68(1), 1–16. https://doi.org/10.1007/s11423-019-09701-3
Tamim, R. M., Bernard, R. M., Borokhovski, E., Abrami, P. C., & Schmid, R. F. (2011). What forty years of research says about the impact of technology on learning: A second-order meta-analysis and validation study. Review of Educational Research, 81(1), 4–28. https://doi.org/10.3102/0034654310393361
Tessmer, M., & Richey, R. C. (1997). The role of context in instructional design. Educational Technology Publications.
