Hasil Pencarian  ::  Simpan CSV :: Kembali

"Software Product Line Engineering (SPLE) merupakan sebuah paradigma pengembangan aplikasi perangkan lunak yang digunakan untuk menghasilkan berbagai variasi perangkat lunak dalam waktu yang singkat dan biaya yang murah. Penelitian dilakukan pada plugin User Interface (UI) Generator pada PRICES-IDE yang merupakan sebuah Integrated Development Environment (IDE) dan telah dikembangkan pada penelitian sebelumnya untuk menghasilkan aplikasi web menggunakan paradigma SPLE. Aplikasi web dihasilkan oleh plugin UI Generator dengan menerima model Interaction Flow Modeling Language (IFML) untuk dijadikan sebagai aplikasi React secara otomatis (generated). Pada penelitian sebelumnya, telah dikembangkan sebuah mekanisme untuk dapat memberikan variasi yang berbeda terhadap tampilan layout UI aplikasi. Hasil dari penelitian tersebut adalah tiga variasi template berbeda yang dapat dipilih pada saat melakukan generate aplikasi. Namun, mekanisme kustomisasi yang diterapkan dilakukan secara hard-coded pada UI Generator yang digunakan untuk meng-generate model IFML menjadi kode React sehingga dapat mengurangi fleksibilitas dalam modifikasi dan penambahan variasi baru. Penelitian ini meningkatkan mekanisme kustomisasi tersebut sehingga variasi template dapat dimodifikasi dan ditambahkan dengan mudah. Pengurangan dependensi mekanisme dilakukan dari kode Acceleo dan dimasukkan ke dalam folder template yang akan ditampung pada folder dengan nama layouts. Proses pengurangan dependensi mekanisme kustomisasi dirancang dengan langkah-langkah yang terstruktur sehingga proses dapat dilakukan dengan jelas. Hasil pengurangan dependensi mekanisme kustomisasi membuatnya lebih mudah untuk memodifikasi dan menambah fitur karena folder template telah terbagi berdasarkan variasi, halaman, dan komponen aplikasi. Selain pengurangan dependensi, penelitian juga dilakukan perbaikan terhadap UI Generator dan juga penambahan fitur sesuai kebutuhan. Pengecekan keefektifan dari mekanisme dilakukan dengan penambahan variasi template baru. Hasil mekanisme kustomisasi yang baru dapat lebih mudah menambahkan atau memodifikasi variasi tampilan aplikasi.

---

Software Product Line Engineering (SPLE) is a paradigm for developing software application that used for producing various software applications in a short time and at low cost. Research was conducted on the User Interface (UI) Generator plugin on PRICES-IDE which is an Integrated Development Environment (IDE) that has been developed in previous research to produce web applications using the SPLE paradigm. The web application is produced via UI Generator plugin by receiving an Interaction Flow Modeling Language (IFML) model to be automatically generated into a React application. In previous research, a mechanism has been developed to provide different variations in the appearance of the application UI. Previous research has succeeded in creating three different template variations that can be selected when generating an application. However, the customization mechanism was directly implemented in the UI Generator that used to generate the IFML model into React code which can reduce flexibility in modifications and additions of new variations. This research improves the customization mechanism so that the template variations can be modified and added easily. Reducing mechanism dependencies is carried out from the Acceleo code and put into the template folder which will be accommodated in a folder called layouts The reducing process of the customization mechanism dependencies is designed with structured steps so the orders of reducing process are clear to carry out. The results of reduced dependencies of customization mechanism makes it easier modified and add features because the template folders have been divided based on variations, pages, and components of application. Apart from the reducing dependencies process, this research also made improvements to the UI Generator and added features. To determine the effectiveness of new customization mechanism, an experiment was carried out by adding a new template variation into the template folder. The results of new customization mechanism are then analyzed and evaluated using some methods. Based on the results of study and evaluation, it was concluded that the new customization mechanism can more easily add or modify variations in the application."

"Software product line engineering (SPLE) merupakan paradigma perangkat lunak yang digunakan untuk memproduksi berbagai varian perangkat lunak dengan waktu dan biaya yang efektif. Penelitian sebelumnya telah mengembangkan Prices-IDE, yaitu sebuah integrated development environment (IDE) yang menghasilkan aplikasi web menggunakan paradigma SPLE. Aplikasi web tersebut dihasilkan secara otomatis (generated) menggunakan plugin UI Generator pada PRICES-IDE yang menerima model interaction flow modeling language (IFML) untuk dihasilkan menjadi aplikasi React. Aplikasi yang dihasilkan secara otomatis tersebut belum memiliki user interface (UI) yang dapat dikustomisasi secara lengkap. Penelitian sebelumnya telah berhasil mengembangkan mekanisme kustomisasi tema warna pada aplikasi. Namun, mekanisme kustomisasi tersebut belum dapat dilakukan pada aspek UI lainnya, seperti layout halaman dan bentuk komponen. Penelitian ini mengusulkan mekanisme kustomisasi UI yang terintegrasi pada Prices-IDE dengan menyediakan variasi template UI yang adaptif dengan fitur aplikasi. Mekanisme kustomisasi UI dilakukan dengan memvariasikan kode template projek React yang digunakan serta memvariasikan aturan code generator yang digunakan dalam UI Generator. Variasi tersebut dipaketkan menjadi pilihan template UI yang dapat dipilih pengguna ketika menggunakan UI Generator. Agar penambahan variasi baru dapat dilakukan dengan mudah, dilakukan refactoring terhadap UI Generator sehingga penambahan variasi baru tidak mengubah kode yang sudah diimplementasi sebelumnya. Hasil implementasi mekanisme kustomisasi kemudian dianalisis dan dievaluasi dengan melakukan studi kasus pada aplikasi Amanah, yaitu sebuah layanan aplikasi untuk menghasilkan aplikasi web bagi organisasi nirlaba. Setelah itu, evaluasi dilakukan menggunakan six quality criteria serta kemudahan untuk menjalankan mekanisme kustomisasi. Berdasarkan hasil studi kasus dan evaluasi, disimpulkan bahwa mekanisme kustomisasi dapat memvariasikan tampilan UI dari fitur aplikasi dan terintegrasi dengan plugin UI Generator dalam Prices-IDE.

---

Software Product Line Engineering (SPLE) serves as a paradigm to develop multiple software variants while optimizing time and costs. Previous researches introduce Prices-IDE, an integrated development environment (IDE) that uses SPLE to automate web application generation via UI Generator plugin. The plugin accepts Interaction Flow Modeling Language (IFML) models as an input to generate React applications. However, these auto-generated applications lack comprehensive User Interface (UI) customization. Although prior studies have already implemented color theme customizations, extending the customization to other UI aspects, such as layout and component structure, has not yet been implemented. This study proposes an integrated UI customization mechanism within Prices-IDE, providing adaptive UI template variations that aligns with generated application features. The mechanism involves providing multiple variations of React project template and diversifying UI Generator’s code generation rules, packaged as selectable options for users. UI Generator is also refactored so that the addition of new variations will not alter existing code. Evaluation is done through case study using Amanah, a service providing web application for non-profit application. UI Generator is also evaluated and analyzed through six quality criteria and usability assessment. This study concludes that the proposed customization mechanism can be used to diversify UI appearance and integrate smoothly with Prices-IDE’s UI Generator."