PEMBUATAN DESIGN SYSTEM APLIKASI WEB MARKETPLACE DENGAN METODE ATOMIC DESIGN
Loading...
Date
2024
Journal Title
Journal ISSN
Volume Title
Publisher
Program Studi S1 Informatika
Abstract
Perusahaan marketplace memainkan peran krusial dalam ekonomi global dengan persaingan ketat untuk memenangkan hati dan kepercayaan pelanggan. Untuk menciptakan pengalaman pengguna yang luar biasa memerlukan desain aplikasi web yang konsisten, menarik, dan efisien. Namun, tantangan besar muncul dalam pengembangan aplikasi web yang konsisten dan efisien, terutama bagi perusahaan yang belum memiliki design system atau perusahaan baru yang dibangun. Penelitian ini mengusulkan solusi dengan membuat design system menggunakan metode atomic design. Dalam metode ini, komponen-komponen dipisahkan menjadi bagian terkecil dan kemudian disusun kembali berdasarkan tingkat kompleksitas. Untuk mendukung penerapan metode ini, digunakan framework berbasis komponen seperti Vue.js agar dapat mencapai tingkat modularitas komponen yang optimal. Design system yang dibuat dapat terintegrasi dengan proyek aplikasi web marketplace, baik yang dibangun dari awal maupun yang sudah ada, dengan tujuan meningkatkan efisiensi proses pengembangan. Penerapan metode atomic design dalam pembuatan design system memastikan kemudahan pemeliharaan, skalabilitas, dan mencapai tingkat modularitas yang optimal. Dokumentasi design system disajikan dengan fitur demonstrasi komponen yang reaktif dan dilengkapi dengan contoh implementasi kode, sehingga memudahkan penggunaan oleh para pengembang. Hasil dari penggabungan metode atomic design dan pemanfaatan Vue.js diharapkan dapat menciptakan design system yang tidak hanya mudah dipelihara dan modularitas yang optimal, tetapi juga dapat diintegrasikan secara efektif dengan proyek aplikasi web yang terpisah. Dengan unit test yang terimplementasi, design system ini dapat diandalkan tanpa adanya error dan mencapai tingkat coverage di atas 60%, menjamin kualitas keseluruhan sistem.