Perancangan dan Implementasi Sistem Microlearning Menggunakan Arsitektur Model-View-ViewModel (MVVM)
DOI:
https://doi.org/10.47065/bulletincsr.v6i5.1295Keywords:
Microlearning; Model-View-ViewModel (MVVM); Mobile Application; Flutter; Software ArchitectureAbstract
The development of mobile microlearning applications requires a software architecture that supports consistent state management, separation of concerns among components, and application maintainability. Although previous studies on microlearning have largely focused on pedagogical aspects, research addressing software architecture, particularly Model-View-ViewModel (MVVM), in mobile learning applications remains relatively limited. This study aims to design, implement, and evaluate a mobile microlearning system using the Model-View-ViewModel (MVVM) architecture. The system is developed using the Flutter framework on the client side and Laravel as the backend, communicating through a REST API within a client-server architecture. MVVM is applied to separate presentation logic, state management, and the user interface, thereby supporting application modularity, maintainability, and consistent data flow. The study adopts the Design Science Research (DSR) paradigm and Rapid Application Development (RAD) as the software development approach. Functional testing using Black-Box Testing showed that all test scenarios produced the expected results. Evaluation of the artifact within the case study environment also demonstrated that the system supports integrated microlearning content delivery, assignment management, and learning progress tracking. The findings indicate that applying the MVVM architecture supports a more modular application structure and consistent state management in a mobile microlearning system.
Downloads
References
Y. Zou, F. Kuek, W. Feng, and X. Cheng, “Digital learning in the 21st century: trends, challenges, and innovations in technology integration,” Front. Educ., vol. 10, Mar. 2025, doi: 10.3389/feduc.2025.1562391.
S. Timotheou et al., “Impacts of digital technologies on education and factors influencing schools’ digital capacity and transformation: A literature review,” Educ. Inf. Technol., vol. 28, no. 6, pp. 6695–6726, Jun. 2023, doi: 10.1007/s10639-022-11431-8.
A. David, D. Mihai, M. E. Mihailescu, M. Carabas, and N. Tapus, “Scalability through Distributed Deployment for Moodle Learning Management System,” Procedia Comput. Sci., vol. 214, no. C, pp. 34–41, 2022, doi: 10.1016/j.procs.2022.11.145.
S. Sophonhiranrak, “Features, barriers, and influencing factors of mobile learning in higher education: A systematic review,” Heliyon, vol. 7, no. 4, p. e06696, Apr. 2021, doi: 10.1016/j.heliyon.2021.e06696.
W. K. Monib, A. Qazi, and R. A. Apong, “Microlearning beyond boundaries: A systematic review and a novel framework for improving learning outcomes,” Heliyon, vol. 11, no. 2, p. e41413, Jan. 2025, doi: 10.1016/j.heliyon.2024.e41413.
Rahmaniar, Sapto Haryoko, Muhammad Rais, and Supriadi, “LAMACCA: Learning Analytics–Driven Adaptive Modular LMS Architecture for Collaborative Cyber Classrooms in Higher Education,” J. Vocat. Informatics Comput. Educ., pp. 151–166, Dec. 2025, doi: 10.66053/voice.v3i2.468.
R. Lv, Q. Liu, W. Gao, H. Zhang, J. Lu, and L. Zhu, “GenAL: Generative Agent for Adaptive Learning,” Proc. AAAI Conf. Artif. Intell., vol. 39, no. 1, pp. 577–585, Apr. 2025, doi: 10.1609/aaai.v39i1.32038.
I. M. Riyadhi, Intan Purnamasari, and Kamal Prihandani, “Penerapan Pola Arsitektur Mvvm Pada Perancangan Aplikasi Pengaduan Masyarakat Berbasis Android,” INFOTECH J., vol. 9, no. 1, pp. 147–158, May 2023, doi: 10.31949/infotech.v9i1.5246.
F.-E. Suarez-Carvajal, R. Lobo-Quintero, J. Santoyo, J. Pinzon-Castellanos, and Y. Gamba-Gonzalez, “MVVM in the Era of Modern Android: A Systematic Literature Review and Taxonomy of Architectural Trade-offs,” CLEI Electron. J., vol. 29, no. 2, Jul. 2026, doi: 10.19153/cleiej.29.2.8.
A. D. Samala, L. Bojic, D. Bekiro?lu, R. Watrianthos, and Y. Hendriyani, “Microlearning: Transforming Education with Bite-Sized Learning on the Go—Insights and Applications,” Int. J. Interact. Mob. Technol., vol. 17, no. 21, pp. 4–24, Nov. 2023, doi: 10.3991/ijim.v17i21.42951.
M. Ahmad Faudzi, Z. Che Cob, R. Omar, S. A. Sharudin, and M. Ghazali, “Investigating the User Interface Design Frameworks of Current Mobile Learning Applications: A Systematic Review,” Educ. Sci., vol. 13, no. 1, p. 94, Jan. 2023, doi: 10.3390/educsci13010094.
D. Indrawan, D. S. Kusumo, and S. Y. Puspitasari, “Analysis Of The Implementation Of Mvvm Architecture Pattern On Performance Of Ios Mobile-Based Applications,” JIPI (Jurnal Ilm. Penelit. dan Pembelajaran Inform., vol. 8, no. 1, pp. 59–65, Feb. 2023, doi: 10.29100/jipi.v8i1.3293.
M. N. H. A. Jaelani and Y. Asriningtias, “Optimalisasi Aplikasi Financial Tracker berbasis Mobile dengan Penerapan Design Pattern MVVM untuk Mengelola Keuangan,” Edumatic J. Pendidik. Inform., vol. 8, no. 2, pp. 545–554, Dec. 2024, doi: 10.29408/edumatic.v8i2.27709.
T. Haryanti, N. A. Rakhmawati, and A. P. Subriadi, “Measuring the digital transformation maturity level independently with the design science research methodology,” Syst. Eng., vol. 27, no. 1, pp. 159–176, 2024, doi: 10.1002/sys.21714.
P. Antunes, N. H. Thuan, and D. Johnstone, “Nature and purpose of visual artifacts in design science research,” Inf. Syst. E-bus. Manag., vol. 20, no. 3, pp. 515–550, Sep. 2022, doi: 10.1007/s10257-022-00559-2.
H. Weigand, P. Johannesson, and B. Andersson, “An artifact ontology for design science research,” Data Knowl. Eng., vol. 133, p. 101878, May 2021, doi: 10.1016/j.datak.2021.101878.
A. Iskandar, M. Mansyur, A. Obaid, and S. Meiramova, “Development and user evaluation of an android-based e-learning system in higher education,” Discov. Educ., vol. 5, no. 1, p. 443, Apr. 2026, doi: 10.1007/s44217-026-01317-z.
F. Setyatama and I. K. Andrianto, “Rapid Application Development (RAD) Method for Developing Clinical Laboratory Information System (case Study: PT. Populer Sarana Medika),” JEECS (Journal Electr. Eng. Comput. Sci., vol. 3, no. 2, pp. 421–430, Dec. 2018, doi: 10.54732/jeecs.v3i2.129.
R. Stephens, “Normalizing Data,” in Beginning Database Design Solutions, Wiley, 2023, pp. 163–201. doi: 10.1002/9781394320646.ch7.
R. F. García, “MVVM: Model–View–ViewModel,” in iOS Architecture Patterns, Berkeley, CA: Apress, 2023, pp. 145–224. doi: 10.1007/978-1-4842-9069-9_4.
A. Intana, K. Tantayakul, and P. Kaewnaka, “BlackBoxTestGen: An Automatic Black-Box Test Case Generation Framework,” Computers, vol. 15, no. 5, p. 263, Apr. 2026, doi: 10.3390/computers15050263.
W. (Bill) Albert and T. S. (Tom. Tullis, Measuring the User Experience: Collecting, Analyzing, and Presenting UX Metrics. Elsevier, 2022. doi: 10.1016/C2018-0-00693-3.
M. Hertzum, “System Usability Scale: A Meta-Analysis of How SUS Relates to Workload, Task Time, and Error Rate,” Int. J. Hum. Comput. Interact., pp. 1–14, Feb. 2026, doi: 10.1080/10447318.2026.2625260.
N. W. M. -, P. S. -, and K. A. S. -, “Implementasi Arsitektur Model-View-Viewmodel (MVVM) Dalam Pengembangan Sistem DIL-Miclearn Berbasis Mobile,” J. Inform. dan Tek. Elektro Terap., vol. 14, no. 2, Apr. 2026, doi: 10.23960/jitet.v14i2.9161.
R. Alfandi, Y. Darmayunata, R. Hardianto, and M. Arief Hasan, “Implementasi Arsitektur MVVM Dalam Pengembangan Aplikasi Study Club Duck.Sc Menggunakan Metode Rest Api Berbasis Mobile,” SEMASTER Semin. Nas. Teknol. Inf. Ilmu Komput., vol. 4, no. 1, 2025, doi: https://doi.org/10.31849/nxz0dy38.
M. A. Subandri, F. P. Putra, and A. Tedyyana, “Analysis of the Provider State Management Pattern for Performance and Maintainability in a Flutter-based Mobile Pharmacy Application,” SISTEMASI, vol. 15, no. 4, p. 1322, Apr. 2026, doi: 10.32520/stmsi.v15i4.6237.
Bila bermanfaat silahkan share artikel ini
Berikan Komentar Anda terhadap artikel Perancangan dan Implementasi Sistem Microlearning Menggunakan Arsitektur Model-View-ViewModel (MVVM)
ARTICLE HISTORY
How to Cite
Issue
Section
Copyright (c) 2026 Gusti Putu Wulandari, Jefry Sunupurwa Asri, Nizirwan Anwar, Adi Widiantono
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).
