PEMBUATAN DESIGN SYSTEM APLIKASI WEB MARKETPLACE DENGAN METODE ATOMIC DESIGN

dc.contributor.authorAl Nashir, Syarifuddin Sulthon
dc.contributor.authorEka Angga Laksana (Pembimbing)
dc.date.accessioned2026-08-22T04:50:50Z
dc.date.available2026-08-22T04:50:50Z
dc.date.issued2024
dc.description.abstractPerusahaan 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.
dc.identifier.urihttps://repository.widyatama.ac.id/handle/123456789/110832
dc.language.isoother
dc.publisherProgram Studi S1 Informatika
dc.relation.ispartofseries0619104015
dc.titlePEMBUATAN DESIGN SYSTEM APLIKASI WEB MARKETPLACE DENGAN METODE ATOMIC DESIGN
dc.typeThesis
Files
Original bundle
Now showing 1 - 5 of 14
Loading...
Thumbnail Image
Name:
1. Cover.pdf
Size:
1.92 MB
Format:
Adobe Portable Document Format
Description:
Loading...
Thumbnail Image
Name:
2. Lembar Pengesahan.pdf
Size:
465.55 KB
Format:
Adobe Portable Document Format
Description:
Loading...
Thumbnail Image
Name:
3. Surat Pernyataan.pdf
Size:
340.04 KB
Format:
Adobe Portable Document Format
Description:
Loading...
Thumbnail Image
Name:
4. Abstrak.pdf
Size:
80.05 KB
Format:
Adobe Portable Document Format
Description:
Loading...
Thumbnail Image
Name:
5. Kata Pengantar.pdf
Size:
60.79 KB
Format:
Adobe Portable Document Format
Description:
License bundle
Now showing 1 - 1 of 1
Loading...
Thumbnail Image
Name:
license.txt
Size:
1.71 KB
Format:
Item-specific license agreed upon to submission
Description: