Implementasi Component-Based Development Untuk Pengembangan Front-End Pada Website Feelsbox (Studi Kasus: Fitur Kursus Online FeelsQuest)

Masalah yang sering dihadapi oleh front-end web developer adalah penulisan kode program dengan kegunaan yang sama secara berulang-ulang sehingga mempersulit proses pemeliharaan. Pada penelitian ini dilakukan pengembangan front-end website fitur FeelsQuest dengan menggunakan Component-Based Development(CBD). Penerapan CBD ini bertujuan untuk membuat tampilan website dikembangkan secara komponen tampilan kecil yang dapat dengan mudah dipelihara. Penelitian ini menggunakan framework Laravel yang terfokus pada modul View dan fitur Laravel Blade Templates yang dapat membuat komponen tampilan website untuk pengimplementasian CBD. Pada pengembangan komponen akan menerapkan prinsip SOLID untuk menghasilkan kode program yang mudah dipelihara. Hasil kode program antarmuka website diuji menggunakan tools PHPMetrics untuk mendapatkan matriks Maintainability Index(MI) yang menjadi ukuran apakah kode program dapat dengan mudah dimaintain atau tidak. Nilai rata-rata matriks MI yang didapat adalah 110.20, yakni dapat dikatakan bagus karena bernilai 85 keatas, artinya kode program dapat dengan mudah dialakukan perubahan, perbaikan dan penambahan tampilan pada pengembangan selanjutanya. Hasil penelitian ini menunjukkan bahwa pengembangan front-end website fitur FeelsQuest dengan mengimplementasikan CBD dan penerapan prinsip SOLID menggunakan Laravel dapat mempermudah proses pemeliharaan.

Keywords: Front-End, Laravel, Component-Based Development, Maintainability

Authors who publish in this journal agree to the following rules:

1. Authors retain copyright and give the journal the right of first publication, with the work simultaneously licensed under a Creative Commons Attribution License that allows others to share the work with an acknowledgement of the work's authorship and initial publication in this journal.
2. Authors may enter separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., posting it to an institutional repository or publishing it in a book), with attribution to the journal's initial publication.
3. Authors are permitted and recommended to post their work online (such as in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges as well as earlier and greater citation of published work.