Hasil Pencarian  ::  Simpan CSV :: Kembali

"Payment Gateway adalah teknologi perangkat lunak yang menyediakan layanan pembayaran. Seiring berjalan waktu muncul requirement baru dan dilakukan pengembangan perangkat lunak untuk memenuhinya. Namun cara tersebut tidak efisien karena pada tiap iterasi pengembangan requirement baru, diperlukan implementasi ulang requirement yang sudah diimplementasi pada pengembangan sebelumnya. Maka dari itu dibutuhkan paradigma pengembangan perangkat lunak yang terbuka pada perubahan dan penggunaan ulang, yaitu Software Product Line Engineering (SPLE). SPLE adalah paradigma pengembangan perangkat lunak yang memanfaatkan reusable platform dan mass customisation. Pada penelitian ini akan dikembangkan product line untuk Payment Gateway dengan mengimplementasi fitur Payment, fitur layanan pembuatan pembayaran. Penelitian menggunakan framework SPLE yang fokus pada dua tahap dalam Domain Engineering yaitu Domain Design dan Domain Realization. Domain Design akan menggunakan UML-DOP, profil UML untuk merepresentasikan konsep Delta-Oriented Programming, dan U2VMJ Generator, code-template generator dari PricesIDE. Domain Realization akan menggunakan WinVMJ Composer, sebuah FeatureIDE Composer dari PricesIDE. Setelah itu akan dilakukan Application Engineering untuk menghasilkan dan menguji product dari product line. Hasil yang ditemukan adalah dalam satu proses pengembangan perangkat lunak product line Payment Gateway, lima variasi product Payment Gateway berhasil dihasilkan dan diuji dan implementasi pemanggilan external API fitur Payment menghasilkan granularitas fitur.

---

Payment Gateway is a software technology that serves payment services. As new requirements are needed, a software development is done to fulfill it. This method is not efficient because on each software development started to fulfill a new requirement, similar requirements that has been implemented from previous software development need to be re-implemented. A new paradigm in software development is needed that are open to changes and reusability, one of which is Software Product Line Engineering (SPLE). SPLE is a software development paradigm that uses a reusable platform and mass customisation. In this research we will develop a product line of Payment Gateway by implementing a feature called Payment, a payment creation service. This research uses the SPLE framework and focus on two steps in Domain Engineering which are Domain Design and Domain Realization. Domain Design will use UML-DOP, a UML profile to represent Delta-Oriented Programming concept, and U2VMJ Generator, a code-template generator from PricesIDE. Domain Realization will use WinVMJ Composer, a FeatureIDE Composer from PricesIDE. Next, an Application Engineering will be done to generate and test products generated from the product line. It is found that in one software development process of Payment Gateway product line, five variations of Payment Gateway successfully generated and tested and implementation for external API calls in Payment feature cause a feature granularity."

"Developer aplikasi web biasanya akan meniru dan memodifikasi sistem yang sudah ada. Hal tersebut terjadi karena sistem aplikasi web tidak jauh berbeda satu dengan yang lainnya. Namun, masalah timbul saat sistem yang ditiru mengalami perubahan. Aplikasi web yang menggunakan sistem tersebut perlu mengalami perubahan dan penyesuaian kembali. Permasalahan tersebut dapat diselesaikan dengan paradigma pengembangan bernama Software Product Line Engineering (SPLE). SPLE melihat domain dan variasi sistem yang dimiliki domain sebagai suatu product family yang mengklasifikasikan produk-produknya berdasarkan kemiripan dan perbedaan antara setiap variasi produk. Salah satu studi kasus penerapan SPLE pada aplikasi web adalah Amanah, yaitu sebuah web generator untuk organisasi amal yang memanfaatkan teknologi Prices-IDE untuk membangkitkan aplikasi web. Amanah menggunakan WinVMJ untuk membangkitkan back end dan IFML untuk abstraksi front end dari produk Amanah. Fitur yang dihasilkan penelitian ini dievaluasi mengguanakan user acceptance test dan six quality criteria. WinVMJ dan IFML berhasil menjadi tool yang menerapkan paradigma SPLE dalam pengunaannya. Dihasilkan UML diagram dari pengembangan fitur pada penelitian ini. Selain itu, adanya penambahan fitur pada WinVMJ untuk peningkatan WinVMJ sebagai web framework.

---

Web application developers will usually clone and modify existing systems. It happens because web application systems are not much different from one another. However, problems arise when the cloned system change. The web application that uses the system needs to readjust following the changes. We can use a development paradigm called Software Product Line Engineering (SPLE) to solve that problem. SPLE sees the domain and the variety of systems owned by the domain as a product family that classifies its products based on the commonalities and variabilities between each product variation. One of the case studies of SPLE application in development of web applications is Amanah, a web generator for charity organizations that uses Prices-IDE technology to generate web applications. Amanah uses WinVMJ to produce the back end and IFML to abstract the front end. The features developed in this research were evaluated using six quality criteria and user acceptance tests. WinVMJ and IFML succeeded in becoming tools that apply the SPLE paradigm. This research also produced UML diagrams for the developed features. In addition, there are improvements in WinVMJ as a web framework."

"Payment gateway merupakan sebuah teknologi perangkat lunak yang menyediakan layanan transaksi uang. Dalam pengembangannya, Software Product Line Engineering (SPLE) dapat menjadi solusi implementasi berbagai variasi layanan transaksi uang. SPLE adalah paradigma pengembangan perangkat lunak yang memanfaatkan reusable platform dan mass customisation. Penelitian sebelumnya telah membuat sebuah feature diagram untuk product line payment gateway dan fitur payment telah diimplementasi berdasarkan feature diagram yang telah dibuat. Penelitian ini menggunakan Delta-Oriented Programming (DOP) yaitu sebuah paradigma untuk pengembangan SPLE dimana komposisi dibagi menjadi dua jenis komponen yaitu core dan delta. Core adalah komponen yang menjadi basis produk dalam product line. Delta merupakan komponen yang memodifikasi core kita ditambahkan. Akan tetapi, implementasi fitur payment mengalami masalah pemanggilan variasi eksternal API sehingga menimbulkan peningkatan jumlah modul delta. Peningkatan jumlah modul delta tersebut menyebabkan kesulitan dalam penggunaan ulang komponen (reusability). Penelitian ini menghasilkan metode generalisasi pemanggilan eksternal API, menemukan kebutuhan untuk WinVMJ Composer dapat meng-compile multilevel delta, dan pengembangan multilevel delta secara manual menggunakan fitur disbursement Flip. Penelitian ini diharapkan dapat menjadi bahan acuan agar WinVMJ Composer dapat meng-compile multilevel delta secara otomatis dan untuk pengembangan struktur pemetaan product configuration WinVMJ Composer lebih lanjut.

---

Payment gateway is a software technology that provides money transaction services. In its development, Software Product Line Engineering (SPLE) can be a solution for implementing various variations of money transaction services. SPLE is a software development paradigm that utilizes reusable platforms and mass customization. Previous research has created a feature diagram for the payment gateway product line, and the payment feature has been implemented based on the created feature diagram. This research utilizes Delta-Oriented Programming (DOP), which is a paradigm for SPLE development where composition is divided into two types of components, core and delta. Core component serves as the basis for products in the product line, while delta component modifies the core by adding specific features. However, the implementation of the payment feature encounters issues with calling external API variations, resulting in an increased number of delta modules. The increase in delta modules makes it difficult to reuse components (reusability). This research proposes a method for generalizing the calling of external APIs, identifies the need for the WinVMJ Composer to compile multilevel deltas, and develops multilevel deltas manually using the Flip disbursement feature. This research is expected to serve as a reference for enablingWinVMJ Composer to automatically compile multilevel deltas and for further development of the product configuration mapping structure of WinVMJ Composer."

"Pengembangan suatu software dalam suatu domain yang sama secara individual seringkali menyebabkan terjadinya kondisi reinventing the wheel baik terhadap requirements maupun komponen lain yang dikembangkan. Untuk meminimalisir kondisi reinventing the wheel dan meningkatkan metoda reuse maka alangkah baiknya jika requirements hingga komponen lain yang bersifat umum (common) diantara software dalam domain tersebut dapat didokumentasikan. Selain itu, requirements hingga komponen lain yang bervariasi (variable) antar software dalam domain tersebut juga diharapkan bisa terdokumentasi agar kebutuhan segmentasi pengguna tertentu dapat terpenuhi. Hal-hal tersebut dilakukan dalam suatu teknik yang disebut software product line engineering atau disebut juga domain engineering. Pada teknik ini dilakukan pendefinisian dan pengembangan commonality dan variability dari suatu software product line. Software product line merupakan kumpulan aplikasi-aplikasi software yang berada dalam satu domain aplikasi yang sama.Pada penelitian tesis ini dilakukan software product line engineering pada domain sistem informasi akademik perguruan tinggi. Hanya saja pada penelitian ini dibatasi pada pendefinisian commonality dan variability requirements dari domain sistem informasi akademik perguruan tinggi (atau hanya melakukan sub-proses domain requirements engineering dari proses domain engineering dari software product line engineering). Pada pendefinisian commonality dan variability requirements digunakan existing requirements dari sistem informasi akademik perguruan tinggi yang sudah ada. Sistem informasi akademik tersebut adalah sistem informasi akademik Universitas Indonesia, Universitas Riau dan STT PLN.Metode yang digunakan untuk mendefinisikan adalah Application-Requirements Matrix dan kemudian dimodelkan dengan menggunakan Feature-Oriented Domain Analysis. Menurut Bockle, Pohl dan Linden dalam bukunya [Bockle et al, 2005] bahwa mendapatkan jumlah commonality sebanyak mungkin adalah penting agar mengurangi jumlah variability untuk kebutuhan minimum aplikasi.Hasil dari penelitian tesis ini berupa definisi commonality dan variability requirements untuk software product line sistem informasi akademik perguruan tinggi. Namun, dari hasil penelitian ini terlihat bahwa jumlah commonality requirements lebih sedikit jumlahnya dibanding variability requirements-nya. Hal ini disebabkan karena terdapat perbedaan kompleksitas requirements dari ketiga data dalam penelitian ini. Akhir kata, semoga hasil penelitian tesis ini merupakan awal dari penelitian lanjutan bidang software product line engineering, khususnya untuk domain sistem informasi akademik perguruan tinggi.

---

The development of individual softwares in a certain domain tends to reinvent the wheel of things like the software requirements or other components being develop. In order to minimalize the tendency of reinventing the wheel and to improve the reusability of requirements and other components in software development, it would wise if those common requirements and other components were documentated. In order to accommodate the need of certain segmentated user, the commonality and variability requirements are needed to be explore. The way to do all those things is called software product line engineering (also known as domain engineering). This technique is a way to define the commonality and variability of a software product line. A software product line is a set of software which has the same software domain.In this thesis research, the research of software product line engineering is focused in the domain of university`s academic information system. The limitation of this research is that in this research is only defining the commonality and variability requirements of university`s academic information system software product line. This process is part of the domain requirement engineering sub-process of the domain engineering process in software product line engineering. To define the commonality and variability requirements, the existing requirements from the existing university`s academic information system are being used as research subject. Those requirements are from University of Indonesia`s, University of Riau`s and STT PLN`s academic information systems. The method to define the commonality and variability requirements is called Application-Requirements Matrix and the result is modeled using Feature-Oriented Domain Analysis. According to Bockle, Pohl and Linden in their book [Bockle et al, 2005], having commonality requirements as much as possible are important because it would decrease the amount of variability requirements to build a minimum requirements application.The result of this thesis research is the definition of commonality and variability requirements of university`s academic information system. In the result of this research, it shows that the amounts of commonality requirements are less than the amount of the variability requirements. This happens due to the major differences of the requirements complexity from the three data used in this research. Last but not least, the result of this research is hoped to be the beginning of researches in software product line engineering especially in the domain of university`s academic information system."

"Perangkat lunak supply chain management system adalah sebuah sistem yang digunakan oleh perusahaan manufaktur untuk membantu memaksimalkan efisiensi proses yang ada dalam kegiatan mengolah bahan baku menjadi barang jadi maupun barang setengah jadi. Dalam prosesnya, dalam kegiatan supply chain management ada 3 tahap yang dilakukan yaitu material management, planning and control, serta production process. Meskipun tahap yang dilalui berbagai perusahaan manufaktur sama, namun alur dan strategi yang digunakan dalam masing-masing perusahaan tentu berbeda sesuai dengan jenis barang yang dihasilkan perusahaan tersebut. Dengan persamaan dan perbedaan tersebut, perangkat lunak supply chain management system dapat dikembangkan dengan menggunakan metode software product line engineering yang menggunakan prinsip mass customisation dimana dalam pengembangannya menganalisis apa yang menjadi commonality serta variability dari sistem SCM yang dikembangkan sesuai dengan berbagai kebutuhan perusahaan. Dengan pendekatan SPLE, diharapkan dapat dikembangkan berbagai spesifikasi SCM dengan lebih efisien secara biaya dan waktu. Penelitian ini melanjutkan penelitian-penelitian sebelumnya yang sudah menghasilkan melakukan pendefinisian kebutuhan serta variasi spesifikasi serta mengembangkan berbagai reusable artefacts untuk fitur-fitur tersebut.Pada penelitian ini dilakukan integrasi dari seluruh reusable artefact hasil dari penelitian sebelumnya untuk dapat melakukan pengembangan backend system untuk sistem SCM secara utuh dengan metode SPLE. Pengembangan sistem SCM dengan metode SPLE pada penelitian ini dilakukan dengan paradigma delta-oriented programming dan bahasa pemrograman Abstract Behavioral Specification. Setelah pengembangan sistem SCM berhasil dilakukan kemudian dilakukan perbandingan dengan pengembangan sistem SCM menggunakan pendekatan clone-and-own. Hasil dari penelitian ini adalah sebuah variasi supply chain management system yang dikembangkan dengan metode SPLE dengan solusi alternatif terhadap isu pengembangan yang ada serta analisis perbandingan pengembangan dengan pendekatan SPLE dan pendekatan clone-and-own dalam berbagai aspek.

---

A manufacturing company is a company that produces goods in various sector. Its activities involve processing raw materials into finished products or semi-finished products. In general, there are three processes involved in these activities. Those activities are material management, planning and control, and production processes. The supply chain management system exists to help maximize these three processes of manufacturing so that the company can produce the maximum possible goods with the least possible cost. To be able to do that, each SCM system of every company is customized to meet the specific needs of that company. With these characteristics, to develop a SCM system we can use Software Product Line Engineering approach which uses mass customization approach by analyzing what those systems have in common (commonality) and the uniqueness (variability) in 1 development. With SPLE approach, it is hoped that various SCM system with various specification can be developed more quickly and cost-effectively. In this research, a backend system development will be carried out with a SPLE approach, and then comparisons of developments will be made with the traditional approach. The development of SCM with the SPLE approach is carried out with a delta-oriented programming paradigm using Abstract Behavioral Specification as programming language. This research also reused the reusable artefacts that have been produced by previous research. The output of this research is a SCM system with a specification according to the needs of the manufacturing company, also the comparison SPLE and traditional approach and analysis of the issues encountered during the development stage."

"Metode Clone-and-Own merupakan metode yang umum digunakan dalam pengembangan software. Clone-and-Own merupakan cara pengembangan yang menerapkan teknik kloning terhadap software yang sudah ada dan dimodifikasi dengan menambahkan atau mengurangi modul di softwaretersebut. Terdapat alternatif untuk metode Clone-and-Own, yaitu Software Product Line Engineering atau SPLE. Metode SPLE digunakan pada framework seperti WinVMJ. WinVMJ merupakan framework yang menggunakan bahasa Java dan berbasis Variability Modules for Java. Penelitian ini akan membandingkan metode Clone-and-Own dan SPLE dengan mengimplementasikan modul notifikasi di aplikasi Amanah yang menggunakan framework WinVMJ. Tujuan dari modul notifikasi adalah untuk memberikan pemberitahuan kepada pengguna saat terjadi perubahan dari suatu fitur. Modul ini juga akan memiliki pengaturan yang bertujuan agar pengguna dapat menentukan jenis notifikasi yang diterima, sehingga pengguna hanya mendapatkan notifikasi yang diinginkan. Penelitian ini menyimpulkan bahwa metode SPLE lebih baik daripada Clone-and-Own di mana metode SPLE memiliki efisiensi yang lebih baik dari segi line of code yang digunakan dalam pengembangan aplikasi.

---

Clone-and-Own is a method that is commonly used in developing software. Clone-and-Own is a development method that works by cloning an existing software and modifying it by adding or removing modules in that software. An alternative method of it is Software Product Line Engineering or SPLE. SPLE method is used on frameworks like WinVMJ. WinVMJ is a framework that uses Java programming language. WinVMJ is based on Variability Modules for Java. This research will compare Clone-and-Own and SPLE methods by implementing notification module in Amanah app that uses WinVMJ framework. This module's purpose is to notify users of content changes in a feature. This module will also have a configuration to make users decide which kind of notifications will be received, so users will only get needed notifications. This research concludes that SPLE method is better than Clone-and-Own. SPLE method has better efficiency in terms of line of code for developing software."

"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."

"Software Product Line Engineering (SPLE) merupakan suatu paradigma untuk menghasilkan berbagai perangkat lunak dengan variasi fitur yang berbeda-beda. Produk perangkat lunak yang dihasilkan dengan paradigma SPLE membutuhkan autentikasi dan otorisasi agar pengguna dapat dikenali dan dibatasi aksesnya untuk setiap fitur. Penelitian sebelumnya telah mengembangkan autentikasi pada perangkat lunak bagian front-end menggunakan diagram Interaction Flow Modeling Language (IFML) dan IFML UI Generator Plugin, namun belum terdapat fungsionalitas untuk mengelola data pengguna dan membatasi akses pengguna yang terhubung dari front-end ke back-end. Berdasarkan kebutuhan tersebut, penelitian ini akan mengembangkan lima halaman autentikasi dan otorisasi, halaman autentikasi terdiri dari halaman login, register, dan lupa password, halaman otorisasi terdiri dari manajemen pengguna dan manajemen role. Penelitian ini memodifikasi halaman login dari pengembangan sebelumnya, dan menambahkan halaman register, forgot password, manajemen pengguna, dan manajemen role. Penelitian ini akan memodifikasi diagram IFML dan UI Generator agar dapat menyediakan halaman autentikasi untuk mengidentifikasi pengguna dan halaman otorisasi untuk membatasi akses pengguna berdasarkan role. Selain itu, pengembangan autentikasi dan otorisasi juga dilakukan di bagian back-end pada library Auth Variability Modules for Java (VMJ) yang akan digunakan pada framework WinVMJ, untuk membuat bagian back-end berdasarkan paradigma SPLE. Pengembangan bagian back-end pada penelitian sebelumnya telah menyediakan penyimpanan data pengguna dan role, namun dibutuhkan modifikasi untuk memenuhi kebutuhan login, manajemen pengguna, manajemen role, serta pembatasan akses pengguna. Modifikasi dilakukan pada library Auth VMJ agar dapat memberikan fungsionalitas menambah, membaca, mengubah, dan menghapus data pengguna serta role pada suatu perangkat lunak. Produk yang dihasilkan akan dievaluasi melalui perbandingan dengan pengembangan sebelumnya serta dilakukan pengujian pembatasan akses fitur-fitur produk. Secara umum, penelitian ini berhasil menyediakan autentikasi dan otorisasi pada bagian front-end dan back-end perangkat lunak yang dikembangkan dengan paradigma SPLE.

---

Software Product Line Engineering (SPLE) is a paradigm that can be used to produce various software with feature variations. Software developed based on SPLE paradigm requires authentication and authorization to identify and restrict users to access each feature. Previous research has developed authentication in the front-end side using Interaction Flow Modeling Language (IFML) diagram and IFML UI Generator Plugin, but there are issues with managing user data and restricting user access. Based on these issues, this research will develop five authentication and authorization pages, authentication pages consist of login page, register, and forgot password, authorization pages consist of user management and role management. This research modifies login page from previous research, and add register page, forgot password, user management, and role management. This research will modify IFML diagram and UI Generator to implement authentication pages to identify user and authorization pages to restrict user based on role. On the other side, authentication and authorization development is also carried out on the back-end side using Variability Modules for Java (VMJ) Auth Library. VMJ Auth Library will be used in WinVMJ framework, to create back-end based on SPLE paradigm. Previous research on back-end authentication has provided user and role databases, but modifications are still needed to support login, manage user data, manage role data, and restrict user access. Modifications are made to the VMJ Auth Library, to provide functionality for adding, reading, changing, and deleting user and role data. The resulting product will be evaluated through comparison with the previous development and testing of access restrictions on product features. In general, this research successfully implements authentication and authorization on front-end and back-end that developed based on SPLE paradigm."

"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."