Hasil Pencarian  ::  Simpan CSV :: Kembali

"Software product line engineering (SPLE) adalah salah satu pendekatan pengembangan perangkat lunak yang mempertimbangkan aspek commonality dan variability. SPLE memiliki mekanisme untuk menghasilkan beberapa produk pada suatu domain secara bersamaan. Penelitian ini bertujuan untuk merancang pendekatan model-driven SPLE (MDSPLE) berdasarkan delta-oriented programming (DOP). Pendekatan yang diusulkan mencakup proses SPLE pada problem domain dan solution domain. Pada problem domain, digunakan feature model dan Unified Modeling Language (UML) yang dilengkapi oleh UML-VM profile. UML profile ini didefinisikan berdasarkan variability modules (VM) untuk mendukung pemodelan variasi pada UML. Pada domain implementation, diusulkan metode baru yang disebut dengan Variability Modules for Java (VMJ). VMJ merupakan architectural pattern di Java yang disusun berdasarkan DOP dengan memanfaatkan design pattern dan Java module system. Selain itu untuk memodelkan variasi abstract user interface, pada domain implementation juga dilakukan pemodelan dengan Interaction Flow Modeling Language (IFML) yang dilengkapi dengan DOP Extension. Pendekatan MDSPLE pada penelitian ini juga dilengkapi oleh alat bantu yang dikembangkan pada Eclipse IDE, yang disebut dengan PRICES-IDE. Proses pengembangan dengan PRICES-IDE meliputi pemodelan dengan diagram editor, model transformation, domain implementation, dan product generation. Penerapan MDSPLE dengan PRICES-IDE ditunjukkan dengan studi kasus yang dievaluasi berdasarkan applicability dari UML-VM profile, degree of automation pada code generator, dan juga process improvement. Evaluasi juga dilakukan dengan membahas Threats to Validity yang dapat mempengaruhi hasil penelitian. Dengan demikian, penelitian pada disertasi ini memiliki kontribusi pada pengembangan perangkat lunak dengan mengusulkan pendekatan MDSPLE berbasis DOP yang dilengkapi dengan alat bantu yang terintegrasi.

---

Software product line engineering (SPLE) is an approach that enables the development of software with shared commonality and variability. It offers a reusable mechanism for creating various products within a specific domain. In this research, we aim to design a model-driven SPLE (MDSPLE) approach based on delta-oriented programming (DOP). The proposed approach encompasses the SPLE process in both the problem and solution domains. In the problem domain, we use feature models and Unified Modeling Language (UML). A UML profile, namely the UML-VM profile, is defined based on variability modules (VM) to model variations in UML diagrams. We introduce a new implementation approach called Variability Modules for Java (VMJ) in the solution domain. VMJ is an architectural pattern in Java that follows DOP principles. Furthermore, we employ the Interaction Flow Modeling Language (IFML) with DOP extensions to model abstract user interfaces (UI) within the solution domain. A set of tools has been designed within the Eclipse IDE to support the development process, called Prices-IDE. The process in Prices-IDE encompasses modeling in the diagram editors, model transformation, domain implementation, and product generation. The practical application of the proposed MDSPLE approach is demonstrated through a case study. The evaluation of the approach focuses on three perspectives: the applicability of the UML-VM profile as a foundation, the degree of automation in the code generator, and the process improvement. We also discuss threats that could affect the validity of this research. In conclusion, this research contributes to the advancement of SPLE methodologies based on DOP through the proposed MDSPLE approach."

"Software product line (SPL) adalah kumpulan perangkat lunak dengan yang memiliki kemiripan dan dibuat dari suatu base artefact yang sama. Variability Module(VM) merupakan salah satu konsep baru dalam implementasi SPL menggunakan Delta Oriented Programming(DOP) yang juga mendukung penggunaan beberapa SPL yang saling bergantung yang dinamakan Multi Product Line (MPL). VM memiliki potensi besar dalam implementasi SPL karena disusun dari konsep modul yang banyak digunakan pada bahasa pemrograman. Variability Module for Java (VMJ) memperlihatkan implementasi konsep VM yang dibuat dengan menggunakan bahasa pemrograman Java dan design pattern untuk mengimplementasikan DOP. Penelitian ini lalu mencoba untuk mengadopsi konsep VM yang didefinisikan VMJ untuk melakukan implementasi konsep VM pada suatu web framework berbasis Java bernama Javalin. Pada saat ini, implementasi SPL masih kekurangan tools untuk dapat diadopsi secara luas. Hal tersebut mendorong adanya keinginan untuk melihat bagaimana integrasi penelitian SPL dengan web framework yang digunakan pada industri. VM for Javalin mengkombinasikan konsep VMJ dan penggunaan Javalin dan juga build tools untuk membuat suatu web framework yang mendukung Software Product Line Engineering(SPLE). VM for Javalin menjadi langkah awal dari integrasi konsep SPLE yang dikembangkan pada penelitian dengan penggunaan frameworkyang digunakan industri. VM for Javalin dievaluasi dengan menggunakan studi kasus dan penggunaannya dibandingkan dengan penggunaan Javalin orisinil. Selanjutnya VM for Javalin juga dievaluasi menggunakan enam quality criteria teknik implementasi SPL. Penelitian ini mampu menghasilkan suatu web framework VM for Javalin yang mendukung pengembangan SPLE menggunakan konsep VM dan DOP

---

Software Product Line (SPL) is a family of similar systems built from a common artefact base. Variability Module (VM) is a new concept to implement SPL using Delta-Oriented Programming (DOP) that also supports the use of interdependent SPL, called Multi-Product Line (MPL). VM has potential in SPL implementation since the concept is made from the module system used and supported by programming languages.Variability Modules for Java (VMJ) has shown the VM implementation using Java and design patterns to implement DOP. This research adopts the VM concept that VMJ defined to implement VM in a java-based web framework called Javalin. The broad adoption of SPL implementation lacks the supporting tools. This fact drives a need to see how to integrate the concept from SPL research to web frameworks used by the industry. VM For Javalin combines the concept of VMJ and the use of Javalin to realise a Software Product Line Engineering SPLE) enabled web framework. VM For Javalin is an initial step to integrating the SPLE concept from academic research with an industry used web framework. VM For Javalin is evaluated using a case study and comparing the usage to the original base Javalin. The six quality criteria of SPL implementation are also used to evaluate the implementation technique used in VM for Javalin. This research was able to create an SPLE-enabled web framework using the VM concept and DOP."

"Setiap perusahaan manufaktur memiliki inventaris berupa barang mentah, barang setengah jadi, dan barang jadi yang harus dikelola. Pengelolaan inventaris tersebut dilakukan dengan bantuan komponen terstruktur yang menghubungkan inventaris-inventaris tersebut, yang disebut bill of material. Di sisi lain, pengelolaan inventaris pada perusahaan berbeda-beda sesuai dengan model bisnis dan karakteristiknya. Berdasarkan kebutuhan yang berbeda-beda tersebut, dibutuhkan metode pengembangan perangkat lunak yang lebih efisien terhadap kemiripan (commonality) dan keunikan (variability). Salah satu solusi dari permasalahan ini adalah dengan metode pengembangan software product line engineering (SPLE). SPLE adalah pendekatan pengembangan softwareyang mengelompokkan kemiripan (commonality) dan keunikannya (variability). SPLE dapat dikembangkan dengan bahasa pemodelan Abstract Behavioral Specification (ABS) dengan paradigma delta-oriented programming. Teknologi-teknologi tersebut digunakan oleh platform SPLELive dengan tujuan untuk pengembangan perangkat lunak. Penelitian ini berfokus pada melakukan implementasi terhadap ciri umum dan variasi-variasi yang terdapat pada pemanfaatan bill of material pada inventory management perusahaan manufaktur. Penelitian ini juga melakukan implementasi dari realisasi pemanfaatan bill of material pada inventory management perusahaan manufaktur dengan menggunakan engine pada SPLELive. Tujuan dari penelitian ini adalah mengetahui bagaimanamenyelesaikan permasalahan commonality dan variability pada inventory management. Selain itu, penelitian ini juga dapat mendukung penelitian lain dalam mengembangkan sistem supply chain management menggunakan SPLE. Penelitian ini diawali dengan mendeskripsikan alur kerja program dan desain basis data, dilanjutkan dengan desain dan implementasi feature model, core module dan delta module, dan pengujian implementasi yang telah dibuat. Penelitian ini berhasil mengimplementasi variasi-variasi pada pemanfaatan bill of material pada inventory management perusahaan manufaktur dan berhasil merealisasikan 6 produk inventory management berbeda.

---

Every manufacture company has their inventory in the form of raw material, work in progress, and finished goods that needs to be managed. Inventory management is done using a structure component that links the inventories named bill of material. On the other hand, inventory management for a manufacture company has their own mechanism depending on their business model and their characteristics. Based on the needs of different companies, an effective software methodology is needed. One of the solution of the problem is using software product line engineering (SPLE) methodology. SPLE is a software development approach that groups commonality and variability. SPLE can be developed with Abstract Behavioral Specification (ABS) with delta-oriented program-

ming’s paradigm. These technologies has been used by a platform named SPLELive to develop a software. This research is focused on implementation of variability and commonality in utilization of bill of material on manufacturing inventory management. This research also conducted an implementation on realization of utilization of bill of material on manufacturing inventory management using SPLELive’s engine. The purpose of this study is to figure out how to solve the commonality and variability problem in inventory management. Moreover, this research will be able to support other research in developing supply chain management system using SPLE. This research starts with desigining the flow of the program and the database scheme, continued by designing and implement feature model, core modules and delta modules, and validate the implementation. This research had succeeded in developing variations in bill of material utilization on manufacturing inventory management and successfully realized 6 different inventory management products "

"Behavioral Specification (ABS) adalah bahasa pemodelan untuk pendekatan software product line engineering (SPLE). ABS menggunakan Delta-Oriented Programming (DOP) untuk merealisasikan SPLE. Dalam pengembangan web, penelitian sebelumnya telah mengembangkan ABS Microservice Framework berbasis Erlang (ABS-Erlang). ABS-Erlang telah digunakan dalam pengembangan SPL Adapative Information System for Charity Organization (AISCO) atau juga dikenal sebagai Amanah. Akan tetapi, database mapping ABS-Erlang masih belum dapat mengaplikasikan paradigma DOP sepenuhnya. Kurangnya dukungan penuh DOP disebabkan oleh modifikasi kode Erlanggenerated dan SQL query yang harus dibuat oleh pengguna ABS-Erlang. Berdasarkan masalah-masalah tersebut, penelitian ini mengajukan database mapping untuk ABSErlang. Database mapping yang diajukan akan menggunakan metadata informasi kelas ABS (dihasilkan oleh kompilator ABS yang dimodifikasi) dan parameterized query (untuk pencegahan SQL injection) untuk membuat SQL query operasi database create, read, update, dan delete (CRUD). Database mapping juga menggunakan arsitektur yang mengeliminasi proses modifikasi kode Erlang-generated. Selain masalah database mapping, backend Amanah yang dihasilkan oleh ABS-Erlang juga sudah tidak sesuai dengan front end Amanah. Selain itu, HTTP client untuk fitur payment gateway juga tidak tersedia. Untuk mengatasi masalah tersebut, penelitian ini memperbaiki Model API untuk mengakomodasi frontend Amanah terbaru. Selanjutnya, HTTP adaptor, yang bertindak sebagai HTTP client, juga dibuat. Setelah pengujian dilakukan. ABS-Erlang (dengan database mapping yang diajukan) sudah berhasil lolos fungsional tes Amanah. Penggunaan memori produk Amanah ABS-Erlang juga lebih efisien dibandingkan produk Amanah yang dihasilkan framework berbasis Java.

---

Behavioral Specification (ABS) is a modelling language that can be used for softaware product line engineering (SPLE) approach. ABS uses Delta Oriented Programming (DOP) to implement SPLE. For web development, previous reasearch has built ABS Microservice Framework based on Erlang (ABS-Erlang). ABS-Erlang has been used in Adaptive Information System for Charity Organization (AISCO) product line also known as Amanah. However, current database mapping in ABS-Erlang does not fully support DOP. The lack of full DOP support is due to modification of Erlang generated code as well as SQL query that needs to be created by developers. Based on those issues, this research propose a new database mapping for ABS-Erlang. The proposed database mapping will use combination of ABS class meta information (generated by modified ABS compiler) and parameterized query (for protection against SQL injection) to build SQL queries for create, read, update, and delete (CRUD) database operations. The proposed database mapping also uses architecture that eliminate the need to modify the Erlang-generated code. Besides database mapping issues, ABS-Erlang’s generated-backend is also no longer compatible with the latest Amanah front end. In addition, ABS-Erlang also does not have HTTP client to support payment gateway feature. To solve those issues, this research improves ABS’s model API to accommodate the latest Amanah frontend. API adaptor, that acts as an HTTP Client, is implemented as well. After evaluation, Amanah backend generated by ABS-Erlang has passed all Amanah functional tests. Amanah products generated by ABS-Erlang also use less memory than Amanah products generated by Java-based framework."

"Software Product Line Engineering (SPLE) merupakan suatu paradigma dalam pengembangan perangkat lunak yang mampu menghasilkan software secara masif dalam waktu singkat dan dengan biaya yang relatif rendah. Dalam mengembangkan antarmuka menggunakan paradigma SPLE, diperlukan abstraksi untuk memodelkan antarmuka. Teknologi pemodelan yang digunakan dalam penelitian ini adalah Interaction Flow Modeling Language (IFML). Salah satu sistem yang mengadopsi paradigma SPLE adalah Amanah. Amanah adalah aplikasi untuk menghasilkan website organisasi non-profit secara otomatis yang dikembangkan oleh Laboratorium Reliable Software Engineering (RSE) Fakultas Ilmu Komputer Universitas Indonesia menggunakan paradigma SPLE. Aplikasi ini menggunakan UI Generator telah dikembangkan dalam penelitian sebelumnya untuk menerjemahkan IFML menjadi komponen React. Salah satu fitur yang disediakan oleh Amanah adalah fitur donasi. Fitur ini merupakan gerbang utama bagi individu dan organisasi untuk berkontribusi secara finansial. Namun, terdapat kekurangan pada fitur donasi di Amanah yang perlu dikembangkan lebih lanjut, seperti antarmuka yang belum menerapkan mobile-first design. Mobile-first design merupakan pendekatan desain antarmuka yang memprioritaskan tampilan pada perangkat mobile. Dalam beberapa tahun terakhir, mobile-first design semakin banyak diterapkan oleh pembuat web. Hal ini terjadi karena semakin banyaknya orang yang mengakses internet melalui perangkat seluler. Untuk meningkatkan pengalaman pengguna dalam berdonasi di Amanah, diperlukan perubahan pada tampilan donasi yang menerapkan mobile-first design. Saat ini, UI Generator yang dimiliki belum bisa menghasilkan tampilan mobile-first design. Oleh karena itu, dalam penelitian ini ingin dikembangkan fitur donasi dengan memodelkan IFML, mengembangkan UI Generator sehingga dapat menghasilkan tampilan antarmuka menerapkan mobile-first design. Dalam penelitian ini, dilakukan analisis terhadap beberapa website donasi yang telah menerapkan mobile-first design. Kemudian, antarmuka dari hasil pengembangan IFML dan UI Generator dievaluasi menggunakan UX Expert Review, sedangkan untuk fungsionalitas fitur diuji menggunakan functional testing.

---

Software Product Line Engineering (SPLE) is a software development paradigm that allows the massive software production in a short time and at a relatively low cost. In developing aninterface using the SPLE paradigm, abstraction is needed to model the interface. The modeling technology used in this study is the Interaction Flow Modeling Language (IFML). One of the systems that adopts the SPLE paradigm is Amanah. Amanah is an application to automatically generate non-profit organization websites developed by the Reliable Software Engineering Laboratory (RSE) of the Faculty of Computer Science, University of Indonesia using the SPLE paradigm. This application uses the UI Generator that has been developed in previous research to translate IFML into React components. One of the features provided by Amanah is the donation feature. This feature is the main gateway for individuals and organizations to contribute financially. However, there are shortcomings in the donation feature in Amanah that need to be further developed, such as the interface that has not implemented mobile-first design. Mobile-first design is an approach in interface design that prioritizes the appearance on mobile devices. In recent years, Mobile-first design has been increasingly applied by web developers. This is because more and more people are accessing the internet via mobile devices. To improve the user experience in donating at Amanah, changes are needed to the donation display that implements mobile-first design. Currently, the current UI Generator was not able to produce a mobile-first design display. Therefore, in this study, researcher wants to develop a donation feature by modeling IFML, developing a UI Generator so that it is able to produce a mobile-first design display. In this study, benchmarking was conducted on several donation websites that have implemented mobile-first design. Then, the interface from the results of the IFML and UI Generator development was evaluated using UX Expert Review, while the functionality of the feature was tested using functional testing."

"Software Product Line Engineering (SPLE) merupakan paradigma untuk mengembangkan aplikasi perangkat lunak dengan memanfaatkan aspek commonality dan variability. Dengan menggunakan paradigma ini, waktu dan biaya yang dibutuhkan dalam mengembangkan product line menjadi lebih efektif. Pengembangan product line berbasis web ini didukung oleh suatu development framework bernama PRICES-IDE yang dikembangkan pada penelitian sebelumnya. Adapun tujuan dari development framework tersebut, yaitu untuk menghasilkan product line berbasis web secara otomatis. Pada PRICES-IDE, pengembangan product line membutuhkan abstrak user interface (UI) yang dimodelkan dengan Interaction Flow Modeling Language (IFML). Penelitian sebelumnya telah menerapkan konsep Delta-Oriented Programming (DOP) ke dalam pemodelan IFML suatu product line dengan tujuan menghindari pemodelan berulang komponen-komponen yang sama pada fitur-fitur sejenis. Pemodelan tersebut dikenal dengan pemodelan IFML-DOP. Namun, pemodelan tersebut masih belum menerapkan konsep SPLE secara tepat karena belum semua elemen IFML-DOP diimplementasikan pada IFML Editor. Dengan demikian, dalam penelitian ini, akan diimplementasikan elemen-elemen tersebut serta dilanjutkan dengan proses refactoring terhadap pemodelan IFML-DOP. Elemen-elemen IFML-DOP yang baru diimplementasikan tersebut belum dikenali oleh User Interface Generator sehingga perlu dilakukan penyesuaian agar dapat mengakomodasi pemodelan IFML-DOP tersebut. Evaluasi pada penelitian ini dilakukan dengan menganalisis generated aplikasi serta mengevaluasinya dengan Six Quality Criteria dan functional testing. Hasil yang diperoleh dari eksperimen dan evaluasi menunjukkan bahwa seluruh elemen IFML-DOP telah berhasil ditambahkan pada IFML Editor, elemen-elemen IMFL-DOP telah berhasil dikenali dan ditransformasikan oleh UI Generator, serta telah berhasil menghasilkan aplikasi berbasis web yang bebas dari error.

---

Software applications development with Software Product Line Engineering (SPLE) can minimize the required time and costs because of commonality and variability aspects. Previous research presented PRICES-IDE as a development framework to generate web-based product lines automatically. In PRICES-IDE, user interface in web-based product lines requires an abstract modeling language called Interaction Flow Modelling Language (IFML). In previous research, Delta-Oriented Programming (DOP) was applied to IFML modeling in order to avoid repeated modeling of the same components on similar features, later known as IFML-DOP modeling. That modeling hasn’t fully applied SPLE concept correctly because IFML-DOP elements haven’t been implemented in the IFML Editor. To solve that problem, this research will implement the rest of IFML-DOP elements and use those elements inside existing IFML-DOP modeling. Because User Interface (UI) Generator does not recognize new elements, this research will also make some adjustments to accommodate this enhanced IFML-DOP modeling. Evaluation will be done by analyzing the generated applications through six quality criteria and functional testing. This research shows that all IFML-DOP elements have been successfully added to the IFML Editor, the UI Generator can recognize and transform these elements, and resulting a clean web-based application."

"Kebutuhan masyarakat terhadap sebuah produk berbasis website sangat bervariasi. Soft- ware Product Line Engineering merupakan salah satu solusi yang dapat digunakan untuk memenuhi variasi kebutuhan tersebut. SPLE akan melihat persamaan dan variasi dari ke- butuhan pengguna untuk menghasilkan berbagai macam software yang sesuai dengan ke- butuhan pengguna. Software yang sudah dibangun akan melalui tahapan deployment agar dapat diakses secara luas. Terdapat sebuah penelitian yang membantu proses deploy- ment produk SPLE. Namun, produk-produk yang dibangun menggunakan hasil peneli- tian tersebut belum dijalankan di dalam sebuah isolated environment. Hal tersebut dapat menghasilkan beberapa masalah ketika sedang dilakukan maintenance atau konfigurasi pada salah satu produk sehingga dapat mempengaruhi produk lainnya. Penelitian ini akan melakukan eksperimen terhadap deployment produk SPLELive yang dibangun menggu- nakan metode SPLE untuk melalui proses deployment menggunakan Docker. Docker De- ployment pada penelitian ini akan melalui tiga buah proses dan setiap proses dijalankan pada server yang berbeda. Server 1 digunakan untuk proses membangun Docker Im- age produk SPLELive, Server 2 digunakan untuk proses penyimpanan Docker Image menggunakan Docker Registry, dan Server 3 digunakan untuk proses menjalankan pro- duk SPLELive di dalam sebuah Docker Container. Pembangunan Docker Image pada Server 1 akan menggunakan metode Multi-Stage Build untuk mengoptimalkan ukuran Docker Image produk SPLELive. Melalui proses Docker Deployment, produk SPLELive yang dibangun akan berjalan dalam sebuah isolated environment dan dapat meningkatkan portability dari produk SPLELive. Penelitian ini diharapkan dapat membuktikan bahwa Docker Deployment dapat diterapkan pada SPLE.

---

People’s needs for a website-based product vary widely. Software Product Line Engineer- ing is a solution that can be used to meet these variations in requirements. SPLE will look at the similarities and differences of user needs to produce various kinds of software ac- cording to user needs. Software that has been built will go through the deployment stage so that it can be widely accessed. There is a study that helps the SPLE product deploy- ment process. However, the results of this research have not yet been run in an isolated environment. This can result in several problems when it is being carried out maintenance or configuration of one product to affect other products. This research will conduct ex- periments on the deployment of SPLELive products built using the SPLE method to go through the deployment process using Docker. Docker Deployment in this study will go through three processes, and each process is run on a different server. Server 1 is used for building Docker Image SPLELive products, Server 2 is used for the Docker Image storage process using the Docker Registry, and Server 3 is used for the process of running SPLELive products in a Docker Container. Docker Image development on Server 1 will use the Multi-Stage Build method to optimize the Docker Image size for SPLELive prod- ucts. Through the Docker Deployment process, the SPLELive products that are built will run in an isolated environment and can increase the portability of the SPLELive products. This research is expected to prove that Docker Deployment can be applied to SPLE."

"This book presents 11 tutorial lectures by leading researchers given at the 12th edition of the International School on Formal Methods for the Design of Computer, Communication and Software Systems, SFM 2012, held in Bertinoro, Italy, in June 2012. SFM 2012 was devoted to model-driven engineering and covered several topics including modeling languages, model transformations, functional and performance modeling and analysis, and model evolution management."

"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) adalah sebuah paradigma untuk membuat aplikasi menggunakan platform dan memiliki keleluasaan dalam melakukan kustomisasi. Saat ini, lab RSE (Reliable Software Engineering) Fakultas Ilmu Komputer Universitas Indonesia sudah membuat perangkat untuk pembuatan aplikasi web dengan menggunakan konsep SPLE bernama SPLELive. Pada SPLELive, sudah terdapat generator tampilan (frontend generator) yang akan melakukan automasi pembuatan tampilan aplikasi web dengan kustomisasi yang dipilih. Tampilan yang dihasilkan dari frontend generator SPLELive akan dimodelkan menggunakan Interaction Flow Modeling Language (IFML) untuk memudahkan automasi pembuatan tampilan. Penelitian ini menambahkan konsep Redux pada frontend generator SPLELive yang menghasilkan kode tampilan dengan framework React. Kode tampilan tersebut dihasilkan dengan menggunakan model IFML sebagai input dari frontend generator. Pada frontend generator, model IFML akan dirubah menjadi kode React dengan aturan transformasi yang sudah ada pada penelitian sebelumnya. Saat proses perubahan tersebut, akan ditambahkan konsep Redux pada aturan transformasi sehingga akan menghasilkan kode React dengan konsep Redux. Untuk menguji hasil kode tampilan, penelitian ini akan membandingkan kode React yang sudah ditambahkan Redux dan yang tidak menggunakan Redux. Berdasarkan perbandingan kedua hasil kode tampilan, penelitian ini sudah berhasil membuat kode tampilan yang memiliki pengaturan state (state management) pada komponen dan pemeliharaan kode (maintainability code) yang lebih baik.

---

Software Product Line Engineering (SPLE) is a paradigm for making software using platforms and having flexibility in customization. RSE (Reliable Software Engineering) Lab Faculty of Computer Science Universitas Indonesia already creates tools for automatically making web applications with customization. In SPLELive tools, there is a frontend generator that automatically makes user interface with customization that was chosen before. The user interface produced by frontend generator SPLELive will be modeled by Interaction Flow Modeling Language (IFML) to make it easier to build. This research will develop frontend generator tools SPLELive, which provides code with framework React by adding Redux. That code is generated from the frontend generator that uses IFML as an input. In the frontend generator, IFML Model will transform to React code with transformation rule that already made by previous research. During the transformation process, the transformation rule will add the Redux concept to make React code with the Redux concept. To test the generated user interface’s code, the code that uses React with Redux and without Redux will be compared. Based on the comparison between the two results, this research successfully makes the user interface that has better state management and maintainability code."