PENINGKATAN MAINTAINABILITY APLIKASI MOBILE FOODLAB MELALUI PEMBANGUNAN KOMPONEN UI REUSABLE BERBASIS ANALISIS METRIK SONARQUBE
ABSTRAK
Maintainability merupakan aspek krusial dalam pengembangan aplikasi mobile yang dikembangkan secara berkelanjutan karena menentukan kemudahan perawatan, pengembangan fitur baru, serta keberlanjutan sistem oleh pengembang berikutnya. FoodLAB merupakan aplikasi pemesanan makanan untuk civitas akademika yang dikembangkan sebagai sebuah produk (product) dan terus mengalami pengembangan lintas generasi pengembang. Seiring bertambahnya fitur, aplikasi ini menghadapi tantangan berupa tingginya duplikasi kode dan inkonsistensi antarmuka akibat belum diterapkannya komponen UI reusable secara sistematis. Penelitian ini bertujuan untuk meningkatkan maintainability kode melalui refaktorisasi antarmuka menggunakan pendekatan Atomic Design, dengan fokus evaluasi dan refaktorisasi pada 12 komponen yang memiliki nilai kompleksitas tertinggi berdasarkan metrik Technical debt dan Maintainability issues. Proses refaktorisasi dilakukan dengan memecah struktur UI monolitik menjadi unit atoms, molecules, dan organisms yang kemudian dikemas menjadi pustaka antarmuka (UI Kit) modular berbasis Flutter. Hasil eksperimen menunjukkan keberhasilan pembentukan 12 komponen reusable utama yang dapat digunakan kembali. Evaluasi statis menggunakan SonarQube menunjukkan bahwa penerapan pustaka UI reusable dan Atomic Design berhasil menurunkan total Maintainability issues dari 3.071 menjadi 1.173 issue atau sebesar 61,80%, serta mengurangi Technical debt dari 187 jam 25 menit menjadi 50 jam 17 menit atau sebesar 73,17% pada 12 komponen yang diuji. Selain itu, analisis metrik modularitas pendukung menunjukkan tren penurunan pada Lines of Code (LoC), Maximum Nesting Depth (MND), Maximum Nesting Widget Tree Depth (MNW), dan Single-Child Wrapper Chain Length (SCCL), yang mengindikasikan bahwa penerapan pustaka UI tersebut berhasil mengurangi duplikasi kode, meratakan hierarki antarmuka, serta menghasilkan struktur folder yang lebih sistematis guna mendukung keberlanjutan pengembangan FoodLAB di masa depan.
[DOWNLOAD ABSTRACT]Kategori
D3 Teknik ElektronikaD3 Teknik Telekomunikasi
D3 Teknik Elektro Industri
D3 Teknik Informatika
D3 Teknologi Multimedia Broadcasting
D4 Teknik Elektronika
D4 Teknik Telekomunikasi
D4 Teknik Elektro Industri
D4 Teknik Informatika
D4 Teknik Mekatronika
D4 Teknik Komputer
D4 Teknik Teknologi Game
S2 Teknik Elektro
S2 Teknik Informatika dan Komputer