Proceedings of the 5th Vocational Education International Conference (VEIC-5 2023)

<Previous Article In Volume
Next Article In Volume>

Integration of Articulate Storyline with MERN Stack Technology for Gamified E-Learning Instructional Media Development

Authors
Agus Suryanto1, *, Mohamad Danil Efendi1
1Department of Electrical Engineering, Universitas Negeri Semarang, Semarang, 5022, Indonesia
*Corresponding author. Email: agusku2@mail.unnes.ac.id
Corresponding Author
Agus Suryanto
Available Online 6 February 2024.
DOI
10.2991/978-2-38476-198-2_161How to use a DOI?
Keywords
Articulate storyline; MERN stack; Gamified e-learning; Instructional media; Interactivity
ABSTRACT

Learning media is any form of tool or means used in the learning process to help learners obtain, understand, and remember information provided by the teacher. Learning media must be designed to suit the needs of learners and can facilitate effective and interactive learning. This article discusses the integration of Articulate Storyline with MERN (MongoDB, Express, React, Node.js) stack technology to develop gamified e-learning media. The gamification approach is used to enhance the interactivity and engagement of e-learning content, while the MERN stack provides a powerful platform for developing dynamic and scalable web applications. This article describes the development process, including the design of game mechanics, integration of MERN stack with Articulate Storyline, and implementation of gamified learning media. The results show that the use of MERN stack technology in combination with Articulate Storyline can produce highly interactive and engaging gamified e-learning media, which is effective in improving learners’ knowledge acquisition and retention. The article concludes by discussing the potential of the proposed approach to improve e-learning effectiveness and suggests future research directions.

Copyright
© 2024 The Author(s)
Open Access
Open Access This chapter is licensed under the terms of the Creative Commons Attribution-NonCommercial 4.0 International License (http://creativecommons.org/licenses/by-nc/4.0/), which permits any noncommercial use, sharing, adaptation, distribution and reproduction in any medium or format, as long as you give appropriate credit to the original author(s) and the source, provide a link to the Creative Commons license and indicate if changes were made.

Download article (PDF)

<Previous Article In Volume
Next Article In Volume>
Volume Title
Proceedings of the 5th Vocational Education International Conference (VEIC-5 2023)
Series
Advances in Social Science, Education and Humanities Research
Publication Date
6 February 2024
ISBN
978-2-38476-198-2
ISSN
2352-5398
DOI
10.2991/978-2-38476-198-2_161How to use a DOI?
Copyright
© 2024 The Author(s)
Open Access
Open Access This chapter is licensed under the terms of the Creative Commons Attribution-NonCommercial 4.0 International License (http://creativecommons.org/licenses/by-nc/4.0/), which permits any noncommercial use, sharing, adaptation, distribution and reproduction in any medium or format, as long as you give appropriate credit to the original author(s) and the source, provide a link to the Creative Commons license and indicate if changes were made.

Cite this article

risenwbib
TY  - CONF
AU  - Agus Suryanto
AU  - Mohamad Danil Efendi
PY  - 2024
DA  - 2024/02/06
TI  - Integration of Articulate Storyline with MERN Stack Technology for Gamified E-Learning Instructional Media Development
BT  - Proceedings of the 5th Vocational Education International Conference (VEIC-5 2023)
PB  - Atlantis Press
SP  - 1139
EP  - 1147
SN  - 2352-5398
UR  - https://doi.org/10.2991/978-2-38476-198-2_161
DO  - 10.2991/978-2-38476-198-2_161
ID  - Suryanto2024
ER  -