APLIKASI PENJUALAN PRODUK IT DAN JASA SERVICE BERBASIS ANDROID DENGAN METODE MVVM

Julianto Royand Wahyudi simanullang; Fransiskus Zoromi; Unang Rio; Torkis Nasution

doi:10.37600/tekinkom.v7i1.1241

Julianto Royand Wahyudi simanullang STMIK Amik Riau
Fransiskus Zoromi STMIK Amik Riau
Unang Rio STMIK Amik Riau
Torkis Nasution STMIK Amik Riau

DOI: https://doi.org/10.37600/tekinkom.v7i1.1241

Abstract

This research aims to develop an Android-based IT product and service sales application with the application of Model-View-Viewmodel (MVVM) architecture, using the Flutter Framework. In addition, this research involved the integration of Headless CMS technology for dynamic content management and LeafletJS map features for a more interactive user experience. Flutter framework is used as the main development tool to create responsive and efficient cross-platform applications. MVVM is adopted to separate business logic, user interface, and data management in a structured and maintainable way. Headless CMS technology allows content management without dependence on frontend structure, while LeafletJS map feature provides interactive location visualization. This research involves the process of developing a prototype application using Flutter and integrating it with Headless CMS and LeafletJS technologies. Evaluation was conducted on the responsiveness of the application, the reliability of integration with Headless CMS, and the user experience when using the interactive map feature. The research results are expected to contribute to the development of efficient and innovative IT product and service sales applications, especially in the context of using the Flutter Framework. The integration of MVVM, Headless CMS, and LeafletJS in the framework creates an application that is responsive, easy to maintain, and provides a better user experience through the interactive map feature.

References

[1] V. M. M. Siregar, E. Damanik, M. R. Tampubolon, E. I. Malau, E. P. S. Parapat, and D. S. Hutagalung, “Sistem Informasi Administrasi Pinjaman (Kredit) Pada Credo Union Modifikasi (CUM) Berbasis Web,” J. Tekinkom, vol. 3, no. 2, pp. 62–69, 2020, doi: 10.37600/tekinkom.v3i2.193.
[2] H. Sugara, E. Sirait, M. A. Hanafiah, and N. F. Siagian, “Sistem Informasi Pembayaran SPP Pada SMK Swasta Teladan Tanah Jawa Menggunakan Vb.Net,” J. Tek. Inf. dan Komput., vol. 3, no. 1, p. 14, 2020, doi: 10.37600/tekinkom.v3i1.125.
[3] V. M. M. Siregar and N. F. Siagian, “Sistem Informasi Front Office Untuk Peningkatan Pelayanan Pelanggan Dalam Reservasi Kamar Hotel,” J. Tek. Inf. dan Komput., vol. 4, no. 1, pp. 77–82, 2021, doi: 10.37600/tekinkom.v4i1.279.
[4] V. M. M. Siregar and M. A. Hanafiah, “Perancangan Aplikasi Augmented Reality Untuk Edukasi Penerapan Konsep Green Economy Dalam Pengembangan Desa Wisata Sebagai Upaya Mewujudkan Pembangunan Berwawasan Lingkungan,” J. TEKINKOM, vol. 6, no. 2, pp. 339–348, 2023, doi: 10.37600/tekinkom.v6i2.950.
[5] V. M. M. Siregar, K. Sinaga, E. Sirait, A. S. Manalu, and M. Yunus, “Classification of Customer Satisfaction Through Machine Learning : An Artificial Neural Network Approach,” IOTA, vol. 3, no. 3, pp. 273–282, 2023, doi: 10.31763/iota.v3i3.643.
[6] V. M. M. Siregar, “Perancangan Website Sebagai Media Promosi Dan Penjualan Produk,” TAM (Technology Accept. Model., vol. 9, no. 1, pp. 15–21, 2018.
[7] H. A. Simbolon and V. M. M. Siregar, “Perancangan Sistem Informasi Berbasis E-Commerce Untuk Peningkatan Penjualan Produk Jersey Olah Raga,” J. Tek. Inf. dan Komput., vol. 1, no. 2, pp. 49–54, 2018.
[8] V. M. M. Siregar, “Sistem Informasi Pembelian Dan Penjualan Pakaian Pada Galoenk Distro Pematangsiantar,” JurTI (Jurnal Teknol. Informasi), vol. 1, no. 2, pp. 219–227, 2017.
[9] C. Diantoni et al., “Arsitektur Mvvm Dan Framework Jetpack Compose Pada Pengembangan Aplikasi Android (Studi Kasus: Aplikasi Sukacolab),” J. Mhs. Tek. Inform., vol. 8, no. 3, pp. 3216–3224, 2024.
[10] M. I. Alfathar et al., “Penerapan MVVM (Model View Viewmodel) pada Pengembangan Aplikasi Bank Sampah Digital,” J. Ris. dan Apl. Mhs. Inform., vol. 5, no. 2, pp. 406–414, 2024, doi: 10.30998/jrami.v5i2.11071.
[11] F. F. Iskandar, G. A. A. Wisudiawan, and ..., “Implementasi dan Evaluasi Pengaruh MVVM Pattern terhadap Reusability pada Aplikasi Berbasis Mobile Android (Studi Kasus Sidang Tugas Akhir S1 Informatika …,” … Eng., vol. 10, no. 2, pp. 1790–1807, 2023, [Online]. Available: https://openlibrarypublications.telkomuniversity.ac.id/index.php/engineering/article/view/20028%0Ahttps://openlibrarypublications.telkomuniversity.ac.id/index.php/engineering/article/view/20028/19393
[12] 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, 2023, doi: 10.31949/infotech.v9i1.5246.
[13] F. Maulana, R. Afyenni, and A. Erianda, “Aplikasi Manajemen Laboratorium Menggunakan Metode MVVM Berbasis Android,” JITSI J. Ilm. Teknol. Sist. Inf., vol. 3, no. 3, pp. 88–93, 2022, doi: 10.30630/jitsi.3.3.94.
[14] F. D. Astuti and Y. Hermawan, “PEMANFAATAN FIREBASE REALTIME DATABASE PADA APLIKASI PEMBELAJARAN AGAMA ISLAM MENGGUNAKAN FRAMEWORK FLUTTER,” STMIK AKAKOM, pp. 1–11, 2020.
[15] L. F. Luthfyana, “Rancang Bangun Aplikasi Smart Training Berbasis Android Menggunakan Flutter Dengan Metode RAD,” JATISI (Jurnal Tek. Inform. dan Sist. Informasi), vol. 8, no. 2, pp. 420–437, 2021, doi: 10.35957/jatisi.v8i2.828.
[16] F. R. Maulidy and D. R. Prehanto, “Rancang Bangun Aplikasi Penjualan Barang Toserba Menggunakan Metode OOAD (Object Oriented Analysis Design) Berbasis Mobile Platform Pada CV FCH Kema Pole Indonesia,” J. Emerg. Inf. …, vol. 03, no. 03, pp. 33–42, 2022.
[17] E. Arribe, Aryanto, and R. Asrianto, “Aplikasi E-Marketplace Menggunakan Arsitektur Mvvm (Model-View-Viewmodel) Berbasis Android,” J. Fasilkom, vol. 11, no. 2, pp. 75–78, 2021, doi: 10.37859/jf.v11i2.2762.
[18] A. F. Prasetya, Sintia, and U. L. D. Putri, “Perancangan Aplikasi Rental Mobil Menggunakan Diagram UML (Unified Modelling Language),” J. Ilm. Komput. Terap. dan Inf., vol. 1, no. 1, pp. 14–18, 2022.
[19] A. Mubarak, “Rancang Bangun Aplikasi Web Sekolah Menggunakan Uml (Unified Modeling Language) Dan Bahasa Pemrograman Php (Php Hypertext Preprocessor) Berorientasi Objek,” JIKO (Jurnal Inform. dan Komputer), vol. 2, no. 1, pp. 19–25, 2019, doi: 10.33387/jiko.v2i1.1052.
[20] E. F. Wati and A. A. Kusumo, “Penerapan Metode Unified Modeling Language ( UML ) Berbasis Desktop Pada Sistem Pengolahan Kas Kecil Studi Kasus Pada PT Indo Mada Yasa Tangerang,” UNSIKA Syntax Jyrnal Inform., vol. 5, no. 1, pp. 24–36, 2016.
[21] J. Shadiq, A. Safei, and R. W. R. Loly, “Pengujian Aplikasi Peminjaman Kendaraan Operasional Kantor Menggunakan BlackBox Testing,” Inf. Manag. Educ. Prof. J. Inf. Manag., vol. 5, no. 2, p. 97, 2021, doi: 10.51211/imbi.v5i2.1561.