Dalam pembuatan User Interface (UI) aplikasi, selain perlu memastikan bahwa fungsionalitasaplikasi dapat berjalan dengan baik, pengembangan juga perlu memerhatikankeinginan pengguna terhadap tampilan visual aplikasi. Perbedaan selera penggunaterhadap tampilan UI memberikan sebuah tantangan lain dalam pembuatan aplikasi webfront-end secara otomatis. Studi ini mengajukan sebuah solusi yang dapat menyelesaikanpermasalahan terkait penyediaan variasi styling UI aplikasi secara otomatis dengan keinginan pengguna. Penyediaan variasi styling UI dilakukan dengan menggunakan komponen UI. Proses otomatisasi pembuatan aplikasi pada studi ini berkaitan denganparadigma Software Product Line Engineering (SPLE). Paradigma SPLE adalah paradigma pengembangan aplikasi yang memanfaatkan kesamaan ciri umum sekelompok aplikasi untuk dapat menekan biaya dan waktu yang dibutuhkan dalam pengembangan sekelompok aplikasi tersebut. Dalam studi ini digunakan bahasa permodelan Interaction Flow Modeling Language (IFML) untuk memodelkan UI aplikasi yang perlu dihasilkan. Adapun dalam studi ini ditemukan bahwa dengan model aplikasi IFML, dapat dilakukankonstruksi UI yang bervariasi. Selain itu, juga ditemukan beberapa modifikasi yang dapat dilakukan terhadap konstruksi UI untuk dapat mengembangkan tampilan aplikasi dengan penyesuaian terhadap keinginan pengguna.

---

In the development of an application User Interface (UI), besides making sure that the

functionalities of the application work as expected, it is also mandatory to take users preferences for the interface itself. How users opinion may differ from one another regarding

the visual representation of the application UI itself can be seen as a challenge when it

comes to generating a front-end application. This study proposes a solution to solve the problem of providing an application UI styling variations with a front-end application generator. In this study, we utilize UI components as a way to provide variations of UI styling. The generator used to automate the development of a front-end application is also related to the Software Product Line Engineering paradigm (SPLE). SPLE paradigm is a paradigm created to optimize the time and resources needed for developing of a group of applications by looking at their commonalities. In order to model the application the generator has to create, a UI model created with Interaction Flow Modelling Language (IFML) is used. From the research conducted within this study, it has been found that

provided an application UI model, it is possible to construct a UI with variations of styling. It has also been found that modifications done on the generator also provide a way to construct a UI that takes user preferences into development.