Produksi Game Edukasi Interaktif Berbasis Web “OCEAN BUDDY" sebagai Media Pendukung dalam Transmedia Animasi “Luka Lama Lautan”

Iqbal Alfaturochim; Nurmaya Prahatmaja; Andri Yanto

doi:10.62383/realisasi.v3i3.1129

Authors

Iqbal Alfaturochim Universitas Padjadjaran
Nurmaya Prahatmaja Universitas Padjadjaran
Andri Yanto Universitas Padjadjaran

DOI:

https://doi.org/10.62383/realisasi.v3i3.1129

Keywords:

Educational Game, Interactive, Plastic Waste, Transmedia Storytelling, Web

Abstract

Educational media play an important role in delivering learning messages; however, they are still commonly presented in a one-way and less interactive manner, causing elementary school students to become passive recipients of information. One alternative to increase learning engagement is interactive educational games, which enable users to receive information, complete learning activities, and directly evaluate their understanding. This final project aims to describe the pre-production, production, and post-production processes of the web-based interactive educational game OCEAN BUDDY as a supporting medium for the transmedia animation Luka Lama Lautan. The creation process consisted of three stages. The pre-production stage included idea development, theme research, audience identification, content preparation, and the design of the game flow and assets. The production stage involved developing visual and audio assets, the user interface, and game mechanics using Construct 2. The post-production stage included testing with fourth- and fifth-grade elementary school students, evaluation, revision, and publication through the itch.io platform. The final product is an HTML5-based educational game featuring three sections Learn, Waste Sorting, and Quiz equipped with a scoring system and time limits. Careful planning, development, testing, and revision resulted in an interactive educational medium that strengthens the animation's core message while enhancing children's understanding of the dangers of plastic waste in a more active and enjoyable way.

References

Alotaibi, M. (2024). Game-based learning in early childhood education: A systematic review and meta-analysis. Frontiers in Psychology, 15(1). https://doi.org/10.3389/fpsyg.2024.1307881

Arfika, N., Adillah, R., Purba, F. P. Y., & Yus, A. (2023). Analisis media belajar digital di Generasi Alpha era Society 5.0 mendukung Kurikulum Merdeka. Jurnal Generasi Ceria Indonesia, 1(2), 84–88. https://doi.org/10.47709/geci.v1i2.3177

Candra, A. M., & Rahayu, T. S. (2021). Pengembangan media pembelajaran berbasis game interaktif untuk meningkatkan kemampuan pemecahan masalah tematik di sekolah dasar. Jurnal Basicedu, 5(4), 2311–2321. https://doi.org/10.31004/basicedu.v5i4.1212

Diva Angelia. (2022, December 15). 7 negara kontributor sampah plastik terbanyak di laut, bagaimana dengan Indonesia? GoodStats. https://goodstats.id/article/7-negara-kontributor-sampah-plastik-terbanyak-di-laut-bagaimana-dengan-indonesia-wijwv

Ghareb, M. I. (2016). HTML5, future to solve cross-platform issue in serious game development. Journal of University of Human Development, 2(4), 443–450. https://doi.org/10.21928/juhd.20161225.22

Hafizah, N. (2023). Media pembelajaran digital Generasi Alpha era Society 5.0 pada Kurikulum Merdeka. Al-Madrasah: Jurnal Pendidikan Madrasah Ibtidaiyah, 7(4), 1675–1685. https://doi.org/10.35931/am.v7i4.2699

Hurd, D., & Jennings, E. (2009). Standardized educational games ratings: Suggested criteria.

Jenkins, H. (2010). Transmedia education: The 7 principles revisited. Henry Jenkins. https://henryjenkins.org/blog/2010/06/transmedia_education_the_7_pri.html

Kolopita, N., Sumual, H., & Heydemans, C. D. (2023). Pengembangan game edukasi dasar desain grafis untuk sekolah menengah kejuruan. Edutik: Jurnal Pendidikan Teknologi Informasi dan Komunikasi, 3(4), 567–576. https://doi.org/10.53682/edutik.v3i4.7652

Kurniullah, A. Z. (2017). Konsep transmedia storytelling pada iklan cetak mobil Volkswagen dengan media augmented reality. Bricolage: Jurnal Magister Ilmu Komunikasi, 2(2). https://doi.org/10.30813/bricolage.v2i02.836

Nurqomariah, J., & Tahir, M. (2024). Pengembangan aplikasi media pembelajaran berbasis game edukasi tanaman obat dan herbal Madura. Jurnal Masyarakat Informatika, 15(2), 149–161. https://doi.org/10.14710/jmasif.15.2.68165

Nurrita, T. (2018). Pengembangan media pembelajaran untuk meningkatkan hasil belajar siswa. MISYKAT: Jurnal Ilmu-Ilmu Al-Quran, Hadist, Syari'ah dan Tarbiyah, 3(1), 171–187. https://doi.org/10.33511/misykat.v3n1.171

Pratiwi, T., Wahdini, A., & Adrian, A. (2020). Penggunaan Instagram sebagai transmedia storytelling pada semesta Nanti Kita Cerita Tentang Hari Ini. MEDIALOG: Jurnal Ilmu Komunikasi, 3(2), 36–42. https://doi.org/10.35326/medialog.v3i2.739

Prayudi, A., Sasmita, L., Supriyaddin, S., Burhanuddin, B., & Mahdin, M. (2025). Pengembangan game edukasi untuk meningkatkan hasil belajar IPAS siswa sekolah dasar berbasis case method dan team based project. Jurnal Kridatama Sains dan Teknologi, 7(1), 369–382. https://doi.org/10.53863/kst.v7i01.1558

Rahayaan, J., Eman, J., Rauan, B., Mokansi, M., Salim, F., & Yusupa, A. (2025). Perancangan desain aplikasi game edukasi berbasis user-centered design sebagai media pembelajaran inovatif untuk anak usia dini. Kohesi: Jurnal Sains dan Teknologi, 8(2), 101–110. https://doi.org/10.2238/1mw4pk88

Sarjiati, U. (2023). Praktik transmedia film Battle of Surabaya dan Nussa dalam konteks industri animasi di Indonesia. Jurnal Ilmu Komunikasi, 21(1), 62–77. https://doi.org/10.31315/jik.v21i1.7078

Vitianingsih, A. V. (2016). Game edukasi sebagai media pembelajaran pendidikan anak usia dini. Inform: Jurnal Ilmiah Bidang Teknologi Informasi dan Komunikasi, 1(1). https://doi.org/10.25139/inform.v1i1.220

Wibawanto, W., & Nugrahani, R. (2018). Desain antarmuka (user interface) pada game edukasi. Jurnal Imajinasi, 12, 133–140.

Zakiyah, & Chotijah, U. (2023). Pengembangan game edukasi berbasis web untuk anak usia dini dengan Construct 2. Jurnal Nasional Komputasi dan Teknologi Informasi (JNKTI), 6(3), 287–293. https://doi.org/10.32672/jnkti.v6i3.6213