Implementasi Arsitektur MVVM Dalam Pengembangan Aplikasi Study Club Duck.Sc Menggunakan Metode Rest Api Berbasis Mobile

Authors

  • Ridho Alfandi 4Program Studi Teknik Informatika Fakultas Ilmu Komputer Universitas Lancang Kuning
  • Yuvi Darmayunata Program Studi Teknik Informatika Fakultas Ilmu Komputer Universitas Lancang Kuning
  • Roki Hardianto Program Studi Teknik Informatika Fakultas Ilmu Komputer Universitas Lancang Kuning
  • Mhd Arief Hasan Program Studi Teknik Informatika Fakultas Ilmu Komputer Universitas Lancang Kuning

DOI:

https://doi.org/10.31849/nxz0dy38

Keywords:

Flutter, MVVM, REST API, Extreme Programming

Abstract

Duck.sc is a learning community at the Faculty of Computer Science, Lancang Kuning University, focused on developing programming skills. To support the learning process, a mobile application based on a Learning Management System (LMS) was developed using the MVVM architecture, Flutter, and REST API. Development followed the Extreme Programming (XP) method with authentication using JSON Web Token (JWT). As an evaluation, the MVP architecture was compared with MVVM for code efficiency. Testing results show that the application has stable performance with an average response time of 94.6 ms, and resource usage within reasonable limits. MVVM reduced the amount of code by 20.2%. The success rate of usage reached 100%, and the application achieved a Net Promoter Score (NPS) of 62.5.

References

[1] N. A. Dahri, W. M. Al-Rahmi, A. S. Almogren, N. Yahaya, M. S. Vighio, and Q. Al-Maatuok, “Mobile-Based Training and Certification Framework for Teachers’ Professional Development,” Sustain., vol. 15, no. 7, Apr. 2023, doi: 10.3390/su15075839.

[2] F. Maulana, R. Afyenni, and A. Erianda, “Aplikasi Manajemen Laboratorium Menggunakan Metode MVVM Berbasis Android,” 2022. [Online]. Available: http://jurnal-itsi.org

[3] T. Hu et al., “SEAPP: A secure application management framework based on REST API access control in SDN-enabled cloud environment,” J. Parallel Distrib. Comput., vol. 147, pp. 108–123, Jan. 2021, doi: 10.1016/j.jpdc.2020.09.006.

[4] W. Sheikh and N. Sheikh, “A Model-View-ViewModel (MVVM) Application Framework for Hearing Impairment Diagnosis,” 2019, doi: 10.48550/arXiv.1911.08289.

[5] A. Vijaywargi and U. K. Boddapati, “Architectural Patterns in Android Development: Comparing MVP, MVVM, and MVI,” Int. J. Res. Appl. Sci. Eng. Technol., vol. 12, no. 4, pp. 4611–4616, Apr. 2024, doi: 10.22214/ijraset.2024.60762.

[6] J. Olusegun, “Evaluating Android Architectural Patterns: A Deep Dive into MVP, MVVM, and MVI,” 2024. [Online]. Available: https://www.researchgate.net/publication/385104510

[7] M. S. Arif, A. Musthafa, and D. Muriyatmoko, “Implementation of Model-View-ViewModel (MVVM) Architecture Pattern in the Sistem Informasi Akademik UNIDA Gontor Mobile Application,” vol. 3, pp. 283–289, 2020.

[8] H. Hussain, K. Khan, F. Farooqui, Q. Ali Arain, and I. Farah Siddiqui, “Comparative Study of Android Native and Flutter App Development.” [Online]. Available: https://www.statista.com/statistics/1020964

[9] D. Sharma, “Android MVVM — Must-haves,” https://medium.com/@sharma.dev2506/android-mvvm-must-haves-aa1ad9b7e223, Jan. 19, 2023.

[10] A. Trisnadoli, “Implementasi Extreme Programming (XP) Agile Software Development pada Pengembangan Sistem Informasi KELUARGAKU,” vol. 6, no. 2, pp. 305–311, 2021, doi: 10.32493/informatika.v6i2.10088.

[11] F. Hanif, I. Ahmad, D. Darwis, I. Lazuardi Putra, and M. Fauzan Ramadhani, “Analisa Perbandingan Metode Graphql Api Dan Rest Api Dengan Menggunakan Asp.Net Core Web Api Framework,” 2022.

[12] K. N. Markert et al., “Design and implementation of a BigQuery dataset and application programmer interface (API) for the U.S. National Water Model,” Environ. Model. Softw., vol. 179, Aug. 2024, doi: 10.1016/j.envsoft.2024.106123.

[13] A. Lercher, J. Glock, C. Macho, and M. Pinzger, “Microservice API Evolution in Practice: A Study on Strategies and Challenges,” J. Syst. Softw., vol. 215, Sep. 2024, doi: 10.1016/j.jss.2024.112110.

[14] P. I. Sari, K. Nashirin, M. Arifudin, Y. Setiawan, and B. O. Learning, “Android Mobile Application System For Pet Care Services Using Mvvm Architecture,” 2023.

[15] S. Dalimunthe, J. Reza, and A. Marzuki, “The Model For Storing Tokens In Local Storage (Cookies) Using Json Web Token (Jwt) With Hmac (Hash-Based Message Authentication Code) In E-Learning Systems.”

[16] A. Mustapha, K. Abdellah, L. Mohamed, L. Khalid, H. Hamid, and K. Ali, “DLDiagnosis: A mobile and web application for diseases classification using Deep Learning,” SoftwareX, vol. 23, Jul. 2023, doi: 10.1016/j.softx.2023.101488.

Downloads

Published

2025-12-01

How to Cite

Implementasi Arsitektur MVVM Dalam Pengembangan Aplikasi Study Club Duck.Sc Menggunakan Metode Rest Api Berbasis Mobile. (2025). SEMASTER: Seminar Nasional Teknologi Informasi & Ilmu Komputer, 4(1), 189-199. https://doi.org/10.31849/nxz0dy38

Most read articles by the same author(s)