Level Up Your Learning: Pembelajaran Interaktif Berbasis Gamifikasi Pada E-Learning SMK Melalui Metode Prototype
DOI:
https://doi.org/10.47065/bulletincsr.v6i1.878Keywords:
E-learning; Gamification; Web and Mobile Application; Prototype Method; LaravelAbstract
The digital transformation in education has encouraged the emergence of E-learning systems as flexible and adaptive learning media that can be accessed anytime and anywhere. However, low student motivation and participation remain major challenges in implementing online learning, particularly in Vocational High Schools (SMK), where a balance between theory and practice is essential. This study aims to develop a web- and mobile-based E-learning system that applies gamification techniques to enhance student engagement, motivation, and interactivity in the learning process. The research employs a Prototype approach, allowing iterative system development through design, evaluation, and refinement stages based on user feedback. The system is implemented using the Laravel framework for the web platform and Flutter for the mobile application to ensure optimal cross-platform integration. System testing involves black box testing, white box testing, and user acceptance testing (UAT) to verify reliability, functionality, and user satisfaction. The findings show that the integration of gamification elements such as points, badges, leaderboards, and progress bars significantly improves learning motivation, knowledge retention, and student interaction. Therefore, the developed system has the potential to serve as an innovative solution for digital learning in Muhammadiyah Muntok Vocational School and to support the advancement of technology-based education quality in the modern era.
Downloads
References
M. P. Sijabat, K. Hutabarat, L. Sitorus, Salsabilla, and Khairunnisa, “Media Pembelajaran Interaktif Dalam Meningkatkan Hasil Belajar Siswa Kelas V Materi Harmoni Dalam Ekosistem,” J. Basicedu, vol. 8, no. 3, pp. 2398–2409, 2024, doi: https://doi.org/10.31004/basicedu.v8i3.7941.
F. A. Prayoga, L. Fitria, M. M. Hayat, and R. Yulinda, “Pengaruh Fleksibilitas Waktu Belajar Daring Terhadap Hasil Belajar Mahasiswa,” Din. Pembelajaran J. Pendidik. dan Bhs., vol. 2, no. 3, pp. 209–221, 2025, doi: https://doi.org/10.62383/dilan.v2i3.1949.
A. Hermila and R. T. R. L. Bau, “E-Learning Sebagai Komplemen Dalam Pembelajaran: Perwujudan Akselerasi Transformasi Digital Dalam Pendidikan,” JSKP J. Stud. Kebijak. Publik, vol. 2, no. 1, pp. 69–79, 2023, doi: https://doi.org/10.21787/jskp.2.2023.69-79.
A. A. Soleh, Triyanto, Parno, Suharno, and Y. Estriyanto, “Tinjauan Pustaka Sistematis: Model Kemitraan Antara SMK Dengan Dunia Usaha Dan Dunia Industri,” JIPTEK J. Ilm. Pendidik. Tek. dan Kejuru., vol. 16, no. 2, pp. 126–136, 2023, doi: https://doi.org/10.20961/jiptek.v16i2.72697.
M. Ardiansyah, A. Fauzan, Jufri, and A. Setiawan, “Trend Penggunaan E-Learning Sekolah Menengah Kejuruan (SMK) Di Riau,” J. Tek. Inform. dan Sist. Inf., vol. 11, no. 2, pp. 357–364, 2024, doi: https://doi.org/10.35957/jatisi.v11i2.7933.
M. Sukmawati, Firdaus, Ambiyar, and A. Huda, E-Learning Untuk SMK. Padang: UNP Press, 2024. doi: https://unppress.unp.ac.id/index.php/unp-press/catalog/book/114.
Lamirin, “Pengaruh E-Learning Terhadap Motivasi Belajar Siswa SMP Swasta Buddhis Bodhicitta Medan,” J. Pendidik. Buddha dan Isu Sos. Kontemporer, vol. 4, no. 1, pp. 29–39, 2022, doi: https://doi.org/10.56325/jpbisk.v4i1.62.
E. Suryani and Hartati, “Penggunaan Model Pembelajaran E-Learning Dalam Meningkatkan Kualitas Pembelajaran Di SMAN 2 Kota Bima,” Edu Sociata J. Pendidik. Sosiol., vol. 6, no. 1, pp. 115–121, 2023, doi: https://doi.org/10.33627/es.v6i1.1135.
C. P. A. Sukran and I. Huda, “Pengembangan Aplikasi Pembelajaran Online Dengan Metode Gamifikasi Berbasis Web,” J. Internet Softw. Eng., vol. 4, no. 1, pp. 6–11, 2023, doi: https://doi.org/10.22146/jise.v4i1.2456.
N. Sukmadewi and S. A. Arnomo, “Pengembangan Mobile Learning Berbasis Gamifikasi Pada SMK 2 Triple J Bogor,” CBIS (Computer Based Inf. Syst. Journal), vol. 11, no. 2, pp. 28–35, 2023, doi: https://doi.org/10.33884/cbis.v11i2.7573.
A. Susanto, D. S. Wibowo, M. Nishom, and T. Abidin, “Pelatihan Webstite E-learning Sebagai Penunjang Pembelajaran Pada SMK An Nur Slawi,” J. Abdimas PHB J. Pengabdi. Masy. Progresif Humanis Brainstorming, vol. 7, no. 1, pp. 1–6, 2024, doi: https://doi.org/10.30591/japhb.v7i1.6511.
A. B. Ramadhani, Rancang Bangun Aplikasi Sistem Informasi Berbasis Website Dengan Metode Prototype (Pada Studi Kasus Angkringan Punokawan). Bandung: Universitas Telkom, 2024. [Online]. Available: https://openlibrary.telkomuniversity.ac.id/home/catalog/id/213840/slug/rancang-bangun-aplikasi-sistem-informasi-berbasis-website-dengan-metode-prototype-pada-studi-kasus-angkringan-punokawan-dalam-bentuk-buku-karya-ilmiah.html
A. Erdiana, Ngatmini, and S. Winarni, “Penerapan Gamifikasi Menggunakan Media Wordwall Dalam Pembelajaran Kaidah Kebahasaan Teks Biografi,” J. Stud. Guru dan Pembelajaran, vol. 7, no. 2, pp. 715–724, 2024, doi: https://doi.org/10.30605/jsgp.7.2.2024.4226.
A. Z. Purba, F. H. Nasution, K. M. Parapat, and N. Ulkhaira, “Gamifikasi Dalam Pendidikan: Meningkatkan Motivasi Dan Keterlibatan Siswa,” Maximal J. J. Ilm. Bid. Sos. Ekon. Budaya dan Pendidik., vol. 1, no. 5, pp. 299–305, 2024, doi: https://malaqbipublisher.com/index.php/MAKSI/article/view/222.
M. I. P. Nugroho and J. Suwarno, “Implementasi Metode Prototipe Dalam Perancangan Sistem Penerimaan Peserta Didik Baru,” Sainstech J. Penelit. dan Pengkaj. Sains dan Teknol., vol. 34, no. 2, pp. 65–74, 2024, doi: https://doi.org/10.37277/stch.v34i2.2073.
A. Supriyatna and A. Fauzi, “Implementasi Metode Prototype Pada Perancangan Sistem Informasi Pengajuan Prakerin,” TeknoIS J. Ilm. Teknol. Inf. dan Sains, vol. 13, no. 1, pp. 88–100, 2023, doi: https://doi.org/10.36350/jbs.v13i1.183.
Ichsandi, W. Yanto, H. Alhaq, R. S. Sari, and M. Juanda, “Implementasi UML Dalam Desain Sistem Informasi Program Studi SI Di Universitas Merangin,” ImpressionJurnal Teknol. dan Inf., vol. 4, no. 2, pp. 224–237, 2025, doi: https://doi.org/10.59086/jti.v4i2.902.
A. Saputra and M. Y. Rangkuti, “Analisis Dan Implementasi Bahasa Pemrograman PHP Dalam Pengembangan Aplikasi Web Modern,” Kohesi J. Multidisiplin Saintek, vol. 10, no. 6, 2025, doi: https://doi.org/10.8734/Kohesi.v1i2.365.
S. Nova, “Pembuatan Website Inventory Urban Material: Pendekatan PHP & MYSQL,” J. Minfo Polgan, vol. 13, no. 2, pp. 2248–2256, 2025, doi: https://doi.org/10.33395/jmp.v13i2.14425.
Aliyah, N. Hartono, and A. A. Muin, “Penggunaan User Acceptance Testing(UAT) Pada Pengujian Sistem Informasi Pengelolaan Keuangan Dan Inventaris Barang,” Switch J. Sains dan Teknol. Inf., vol. 3, no. 1, pp. 84–100, 2025, doi: https://doi.org/10.62951/switch.v3i1.330.
Bila bermanfaat silahkan share artikel ini
Berikan Komentar Anda terhadap artikel Level Up Your Learning: Pembelajaran Interaktif Berbasis Gamifikasi Pada E-Learning SMK Melalui Metode Prototype
ARTICLE HISTORY
How to Cite
Issue
Section
Copyright (c) 2025 Vaneza Irvan Febriansyah, Adam Sekti Aji
This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under Creative Commons Attribution 4.0 International License that allows others to share the work with an acknowledgment of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (Refer to The Effect of Open Access).
