Hasil Pencarian  ::  Simpan CSV :: Kembali

"

Perkembangan teknologi internet membuat kebutuhan masyarakat akan pembuatan produk web yang beragam perlu dilakukan secara cepat. Pendekatan software product line engineering (SPLE) dapat menjadi salah satu alternatif yang baik untuk menghadapi tantangan tersebut. Berbagai penelitian telah berhasil mengaplikasikan SPLE untuk pembuatan produk web, namun penelitian tersebut masih dilakukan secara terpisah. Untuk membangun produk web yang utuh, diperlukan integrasi antara komponen front end dan back end, serta kemudahan pemasangan (deployment) produk web agar dapat diakses oleh masyarakat luas. Penelitian ini berhasil menjawab tantangan untuk mengintegrasikan otomatisasi pembuatan komponen produk web tersebut. Penelitian ini juga berhasil mengurangi intervensi manusia saat proses pemasangan produk web dengan mewujudkan Single Sign On berbasis OAuth 2 menggunakan layanan autentikasi Auth0. Penelitian ini juga berhasil membungkus semua komponen produk web beserta manajemen produk dengan membuat aplikasi berbasis antarmuka command line (CLI). Dengan membangun sistem deployment tersebut, estimasi waktu proses pembuatan produk web menggunakan SPLE dapat ditekan dari 16 menit jika dilakukan secara manual menjadi 38 detik.

---

Internet technology advancements are increasing peoples demand on fast and highly varied web products. Software product line engineering (SPLE) approach is a promising alternative to face those challenges. There are currently existing researches that applied SPLE to create web products, unfortunately they were not integrated yet. So, integration issues between those components and seamless web product deployment process are important to think of. Hence, this research successfully tried to answer these problems by integrating the SPLE-based product derivation of back end and front end. This research successfully reduced human intervention in deployment process by creating Single Sign On authentication using Auth0 as an OAuth provider. To wrap up these components, this research also built a command line interface (CLI) app for deployment and product management. By building such deployment system, estimated time to run SPLE-based web product derivation reduced from 16 minutes to 38 seconds.

"

"Pengembangan perangkat lunak menggunakan metode Software Product Line Engineering (SPLE) mempunyai banyak manfaat seperti sedikitnya waktu dan biaya yang diperlukan untuk membuat produk perangkat lunak baru. Salah satu web framework yang mendukung pembuatan aplikasi web menggunakan metode SPLE adalah WinVMJ. WinVMJ dirancang berdasarkan pendekatan variability module for java (VMJ) dan delta oriented programming (DOP). WinVMJ menggunakan design pattern decorator pattern dan factory pattern untuk mengimplementasikan pendekatan DOP. WinVMJ merupakan framework yang baru dikembangkan sehingga banyak hal yang bisa ditingkatkan untuk membuat WinVMJ lebih baik. Salah satunya adalah Object-Relational Mapping (ORM) yang digunakan WinVMJ. Saat ini WinVMJ menggunakan ORM yang dibuat sendiri dari awal. Namun ORM ini masih sederhana, objek dari WinVMJ tidak bisa langsung dipetakan ke dalam database. Oleh karena itu penelitian ini bertujuan untuk mengintegrasikan ORM Hibernate dengan framework WinVMJ agar pengolahan data pada WinVMJ dapat dilakukan dengan mudah menggunakan ekspresi object oriented programming. Proses integrasi diawali dengan mendesain strategi pemetaan yang dapat digunakan untuk memetakan objek pada WinVMJ yang dibuat menggunakan decorator pattern. Kemudian merubah tools, script maupun struktur dari WinVMJ agar bisa kompatibel dengan ORM Hibernate. WinVMJ yang sudah diintegrasikan dengan ORM Hibernate diuji dengan mengimplementasikan studi kasus Software Product Line (SPL) Amanah menggunakan WinVMJ. WinVMJ tersebut dapat memenuhi segala keperluan untuk mengimplementasikan studi kasus SPL Amanah dengan baik. Diantaranya adalah keperluan untuk membuat endpoint create, read, update, dan delete (CRUD). Jika dibandingkan dengan framework lain, framework WinVMJ mempunyai fleksibilitas yang lebih tinggi dalam mengakomodasi berbagai macam requirement dan varian yang ada pada SPL.

---

Software development using Software Product Line Engineering (SPLE) method has many benefits, such as less time and money needed to create a new software product. One of the web frameworks that support the creation of web applications using SPLE method is WinVMJ. WinVMJ is designed based on the Variability Modules for Java (VMJ) and Delta-Oriented Programming (DOP) approach approaches. WinVMJ uses decorator pattern and factory pattern to implement the DOP approach. WinVMJ is a newly developed framework so many things could be improved to make WinVMJ better. For example, the Object-Relational Mapping (ORM) used by WinVMJ. Currently, WinVMJ uses an ORM built from scratch. However, this ORM is still primal, WinVMJ objects can’t be directly mapped into the databases. Therefore, this research aims to integrate Hibernate ORM with the WinVMJ framework so that data processing on WinVMJ can be done easily using object-oriented programming expressions. The integration process begins with designing a mapping strategy that can be used to map WinVMJ objects created using decorator pattern. Then change the tools, scripts, and structures of WinVMJ to be compatible with Hibernate ORM. The newly modified WinVMJ then tested by implementing the Amanah Software Product Line (SPL) case study using WinVMJ. The newly modified WinVMJ can meet all the needs to properly implement the SPL Amanah case study. Among them is the need to construct create, read, update, and delete (CRUD) endpoints. Compared to other frameworks, the WinVMJ framework has higher flexibility in accommodating various requirements and variants that exist in the SPL."

"Dalam menangani kebutuhan kustomisasi dan produksi perangkat lunak secara massal, paradigma Software Product Line Engineering (SPLE) merupakan alternatif yang menjanjikan. Pengembangan dengan SPLE mendefinisikan commonality dan kemungkinan variability dari semua varian produk dalam suatu domain. Selain itu, aspek keamanan dan manajemen hak akses juga penting untuk dipertimbangkan dalam pengembangan aplikasi web. Variabilitas yang muncul tidak hanya terbatas pada implementasi, namun juga tujuan dari setiap pihak yang terlibat dalam varian produk yang tergambar dalam aturan otorisasi. Penelitian terdahulu terkait pengembangan web dengan SPLE masih belum dapat mendefinisikan variabilitas aturan otorisasi dengan mudah, serta masih tightly coupled terhadap framework back-end dan front-end. Penelitian ini bertujuan untuk menyusun mekanisme pengaturan access control yang mudah divariasikan, loosely coupled terhadap suatu framework, dan konsisten terhadap semua service dalam suatu sistem microservices yang dibuat dengan pendekatan SPLE. Penelitian dilakukan melalui tiga tahap, yaitu studi literatur, desain pemodelan variabilitas aturan otorisasi, dan desain auth library. Penelitian ini memanfaatkan SecureUML untuk menambahkan pemodelan struktur access control ke dalam UML-DOP Profile sehingga menjadi Auth-UML-DOP. Auth-UML-DOP mendukung modifikasi permission dengan delta dan pendefinisian metode restriksi tambahan. Auth library yang telah disusun terbagi menjadi modul abstraksi, modul variasi, dan modul ekstensi, serta memanfaatkan strategy dan factory pattern untuk mempermudah ekstensi fungsionalitas pada auth library. Kemudahan ekstensi tersebut memungkinkan auth library untuk diadaptasi ke dalam arsitektur microservices dengan pendekatan centralized authorization menggunakan gateway module.

---

Software Product Line Engineering (SPLE) is a prospective alternative to handle software customization and mass production needs. SPLE approach starts development by defining commonalities and variability possibilities for every product variant in a domain. On the other side, access control aspects are also important to model on a software engineering process. Variabilities on access control mechanisms is not limited to implementations, but also considers every stakeholder goals of a product variant. Previous studies on SPLE web development lacks authorization rules variability definitions, and current auth libraries are still tightly coupled on front-end and back-end frameworks. This research aims at defining variability-aware authorization mechanism that is loosely coupled to a certain framework, and can be consistently used within SPLE-based microservices architecture. This research is done through three steps: literature study, authorization variability modelling, and auth library design. This research uses SecureUML to add access control structural modelling to UML-DOP Profile, which now called Auth-UML-DOP. Auth-UML-DOP supports permission modification using delta modules and additional restriction method definitions. This research also proposes auth library which divided into three types: abstractions, variations, and extensions. The proposed library also uses strategy and factory design pattern to ease auth library extension. The flexibility allows the proposed auth library to be adapted into microservices architecture with centralized authorization approach using an API gateway module."

"Dalam Game Development, proses penyusunan objek dalam permainan merupakan proses yang repetitif. Fitur-fitur pada suatu game object ada yang dapat digunakan ulang pada sebuah game object yang baru. Pendekatan tersebut mirip dengan pendekatan software product line engineering (SPLE) yang menggunakan konsep commonality dan variability. Penelitian dilakukan untuk melihat bagaimana eksekusi proses penyusunan objek dalam game dengan pendekatan SPLE. Proses penelitian dimulai dari identifikasi fitur dan penyusunan feature model untuk objek permainan terlebih dahulu, kemudian analisis perbandingan metode menyusun objek permainan cara manual dengan cara pendekatan SPLE. Ditemukan bahwa metode penyusunan dengan pendekatan SPLE memiliki jumlah langkah yang lebih sedikit dibandingkan metode manual. Metode penyusunan game object dengan metode SPLE dapat menjadi alternatif solusi untuk penyusunan game object yang memiliki fitur yang mirip.

---

In Game Development, the process of creating an object is a repetitive process. Several features defined in a previously made game object can be reused when creating a brand new game object. The approach is similar to the software product line engineering (SPLE) concept which defines commonality and variability. This research is conducted to document the object creation process inside a game using the SPLE approach. The research begins from feature identification and feature model creation for the game object, followed by a comparison analysis of the manual game object creation process and the SPLE approach. From the results, it can be deduced that the method using the SPLE approach takes less steps compared to the manual approach. The object creation process using the SPLE method can be an alternative solution to the creation of game objects with similar features."

"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) adalah pendekatan sistematis untuk mengembangkan perangkat lunak dari sekumpulan produk perangkat lunak yang dapat digunakan ulang, yang disebut sebagai Software Product Line (SPL). Pengembangan perangkat lunak dengan metode tersebut memiliki banyak manfaat seperti berkurangnya waktu dan biaya untuk membuat produk perangkat lunak. Salah satu web framework yang mendukung pengembangan perangkat lunak menggunakan SPLE adalah WinVMJ. WinVMJ dirancang berdasarkan pendekatan variability module for java (VMJ) dan delta-oriented programming (DOP). WinVMJ menggunakan decorator pattern dan factory pattern untuk mengimplementasikan pendekatan DOP. WinVMJ juga menggunakan Object-Relational Mapping (ORM) Hibernate untuk memetakan objek ke dalam database. Namun ORM Hibernate dibangun untuk mendukung pemetaan inheritance, yaitu konsep sifat pewarisan behavior suatu objek ke subclass-nya. WinVMJ menggunakan decorator pattern sebagai design pattern, di mana suatu behavior objek dapat ditambahkan ke dalam objek yang sudah ada. Penggunaan decorator pattern ini menyebabkan beberapa masalah ketika memetakan objek WinVMJ ke dalam database. Untuk mengatasi ini, diperlukan desain strategi pemetaan yang baru agar objek dapat dipetakan dengan lebih baik ke dalam database. Proses perubahan dimulai dengan memilih desain strategi pemetaan yang cocok untuk memetakan objek WinVMJ yang dibuat dengan decorator pattern. Selanjutnya, desain strategi tersebut diimplementasikan dengan mengubah domain layer WinVMJ. Setelah itu, dilakukan percobaan menggunakan middleware untuk memetakan objek ke dalam database. WinVMJ yang sudah diubah diuji dengan mengimplementasikannya ke aplikasi yang sudah ada dan menggunakan unit test untuk memeriksa objek yang dihasilkan termasuk menguji operasi create, read, update, dan delete (CRUD). Hasilnya menunjukkan bahwa WinVMJ dapat memetakan objek ke dalam database dengan baik.

---

Software Product Line Engineering (SPLE) presents a structured methodology for creating software systems through reusable software products referred to as the Software Product Line (SPL). By adopting this approach, software development yields numerous advantages, including decreased time and costs involved in generating novel software products. One web framework that supports SPLE-based software development is WinVMJ, which builds upon the Variability Module for Java (VMJ) technique and delta-oriented programming (DOP). WinVMJ employs the decorator pattern and factory pattern to implement DOP. This design pattern, decorator pattern, permits the addition of behaviors to existing objects, contributing to WinVMJ's unique functionality. However, incorporating the Object-Relational Mapping (ORM) Hibernate into WinVMJ's architecture, a method for mapping objects to a database, presents a challenge due to Hibernate's orientation towards supporting inheritance mapping—where an object inherits traits from its superclass. Recognizing this challenge, a fresh mapping strategy is deemed necessary to achieve more effective object-to-database mapping in WinVMJ. The change process commences with selecting an appropriate mapping strategy for WinVMJ objects generated using the decorator pattern. Subsequently, the chosen mapping strategy is implemented by modifying WinVMJ's domain layer source code. Middleware is then employed to experiment with mapping objects to the database. The modified WinVMJ is rigorously tested by integrating it into existing applications and subjecting it to unit tests, which observe the behavior of the obtained objects. The testing procedure encompasses create, read, update, and delete (CRUD) operations, ensuring comprehensive evaluation. Remarkably, WinVMJ demonstrates successful object-to-database mapping capabilities.

"

"Perusahaan manufaktur memiliki persamaan umum dalam mengelola SCM, tetapimasing-masing perusahaan memiliki karakteristik berbeda (variabilitas) dalam prosesbisnisnya. Untuk melayani kebutuhan IT perusahaan pada domain yang sama tetapimemiliki karakteristik yang berbeda, saat ini pengembang perangkat lunak harus membuatpenyesuaian dengan standar yang ada atau memulai proses pengembangan perangkatlunak baru sehingga cenderung membutuhkan waktu dan biaya yang tidak sedikit. SPLE(Software Product Line Engineering) adalah suatu paradigma pengembangan perangkatlunak yang menawarkan solusi lebih efektif untuk perangkat lunak yang memiliki unsurkesamaan (commonality) dan varian (variability) tersebut. SPLE dalam hal ini mampumenghasilkan artefak yang dapat digunakan kembali untuk menghasilkan banyak varianproduk perangkat lunak. Namun, hingga saat ini belum ditemukan standar baku yangdapat digunakan ketika akan mengimplementasi pengembangan perangkat lunak denganpendekatan SPLE. Salah satu standar yang dibutuhkan tersebut adalah bagaimana prosesdokumentasi secara eksplisit dan analisis kebutuhan fitur yang akan dikembangkansecara software product lines pada Domain Requirement Engineering SPLE. Karya inimenyusun penerapan Requirement Engineering dengan cara SPLE, termasuk pemodelanvariabilitas SPLE menggunakan Orthogonal Variability Modeling (OVM) danmenghubungkannya dengan model use case yang dimodifikasi. Hasil dari pekerjaan iniberupa usulan langkah-langkah penerapan SPLE untuk implementasi pembuatan sistemdengan pendekatan SPLE yang digunakan untuk memenuhi kebutuhan proses InternalSupply Chain Management.

---

Manufacturing companies have a common pattern in managing supply chain, but each

company has different characteristics (variability) in its business process. To serve the

needs of companies in the same domain but have different characteristics, currently

software developers have to make customizations to existing standard software or

initiate a new software development process which tends to require a lot of time and

excessive cost. On the other hand, Software Product Line Engineering (SPLE) is a

software development paradigm which proposes more effective solution for this matters.

In this case, SPLE is able to produce a reusable artefacts that can be used to derive

many variants of software products. However, recent studies shows that there is no

existing standard available when it comes to how to implement this approach. One of that

required standard includes how to analyse and create explicit documentation of its system

needs which falls under Domain Requirement Engineering within SPLE framework. This

work compiles the variability model of SPLE, models the variability using Orthogonal

Variability Modeling (OVM) and linked it to modified use case model. The result of this

work is a concrete guidance to implement the software product line engineering approach

to serve manufacture especially for its internal Supply Chain Management processes."

"Perkembangan teknologi informasi telah mengubah cara hidup dan bekerja manusia, mendorong evolusi cepat dalam industri perangkat lunak yang kini mengandalkan alat pemodelan untuk merancang, menguji, dan menganalisis aplikasi sebelum dibangun. Di Laboratorium RSE Fakultas Ilmu Komputer Universitas Indonesia, dikembangkan PRICES-IDE yang mengimplementasikan paradigma Software Product Line Engineering (SPLE). Paradigma SPLE memungkinkan aplikasi perangkat lunak dengan menggunakan platform dan mass customisation, termasuk pemodelan user interface menggunakan Interaction Flow Modeling Language (IFML). IFML memungkinkan pengembang memodelkan interaksi pengguna secara visual dan menghasilkan kode frontend melalui User Interface Generator (UI Generator). Meskipun pengembangan lebih lanjut telah mengintegrasikan plugin Eclipse dengan UI Generator, belum ada pengujian usability terhadap developer dalam penggunaan IFML UI Generator. Penelitian ini mengevaluasi usability dari UI Generator pada PRICES-IDE yang meliputi proses menggambar model IFML, generate UI, dan running program menggunakan metode User-Centered Design (UCD) dan wawancara kontekstual untuk memahami perilaku, kinerja, dan kepuasan pengguna, serta memberikan rekomendasi desain alternatif. Desain antarmuka alternatif yang dihasilkan dari penelitian ini mencakup dari ketiga proses tersebut. Hasil rancangan desain antarmuka mencakup tutorial, FeatureConcept, DataType, tooltip, dan icon pada halaman palette yang menjawab hambatan yang didapat dari pendekatan metode UCD dan wawancara kontekstual. Terdapat saran untuk penelitian selanjutnya dalam melanjutkan pengujian usability IFML UI Generator.

---

The development of information technology has transformed the way people live and work, driving rapid evolution in the software industry, which now relies on modeling tools to design, test, and analyze applications before they are built. At the RSE Laboratory of the Faculty of Computer Science, University of Indonesia, PRICES-IDE has been developed, implementing the Software Product Line Engineering (SPLE) paradigm. The SPLE paradigm enables software applications using a platform and mass customisation, including user interface modeling using the Interaction Flow Modeling Language (IFML). IFML allows developers to visually model user interactions and generate frontend code through the User Interface Generator (UI Generator). Although further development has integrated an Eclipse plugin with the UI Generator, there has not yet been any usability testing on developers using the IFML UI Generator. This research evaluates the usability of the UI Generator in PRICES-IDE, including the processes of drawing IFML models, generating UI, and running programs using the User-Centered Design (UCD) method and contextual interviews to understand user behavior, performance, and satisfaction, and provides alternative design recommendations. The alternative interface designs produced from this research encompass all three processes. The interface design outcomes include tutorials, FeatureConcept, DataType, tooltips, and icons on the palette page addressing the barriers identified through the UCD method and contextual interviews. There are recommendations for further research to continue usability testing of the IFML UI Generator."

"Perkembangan teknologi informasi telah mengubah cara hidup dan bekerja manusia, mendorong evolusi cepat dalam industri perangkat lunak yang kini mengandalkan alat pemodelan untuk merancang, menguji, dan menganalisis aplikasi sebelum dibangun. Di Laboratorium RSE Fakultas Ilmu Komputer Universitas Indonesia, dikembangkan PRICES-IDE yang mengimplementasikan paradigma Software Product Line Engineering (SPLE). Paradigma SPLE memungkinkan aplikasi perangkat lunak dengan menggunakan platform dan mass customisation, termasuk pemodelan user interface menggunakan Interaction Flow Modeling Language (IFML). IFML memungkinkan pengembang memodelkan interaksi pengguna secara visual dan menghasilkan kode frontend melalui User Interface Generator (UI Generator). Meskipun pengembangan lebih lanjut telah mengintegrasikan plugin Eclipse dengan UI Generator, belum ada pengujian usability terhadap developer dalam penggunaan IFML UI Generator. Penelitian ini mengevaluasi usability dari UI Generator pada PRICES-IDE yang meliputi proses menggambar model IFML, generate UI, dan running program menggunakan metode User-Centered Design (UCD) dan wawancara kontekstual untuk memahami perilaku, kinerja, dan kepuasan pengguna, serta memberikan rekomendasi desain alternatif. Desain antarmuka alternatif yang dihasilkan dari penelitian ini mencakup dari ketiga proses tersebut. Hasil rancangan desain antarmuka mencakup tutorial, FeatureConcept, DataType, tooltip, dan icon pada halaman palette yang menjawab hambatan yang didapat dari pendekatan metode UCD dan wawancara kontekstual. Terdapat saran untuk penelitian selanjutnya dalam melanjutkan pengujian usability IFML UI Generator.

---

The development of information technology has transformed the way people live and work, driving rapid evolution in the software industry, which now relies on modeling tools to design, test, and analyze applications before they are built. At the RSE Laboratory of the Faculty of Computer Science, University of Indonesia, PRICES-IDE has been developed, implementing the Software Product Line Engineering (SPLE) paradigm. The SPLE paradigm enables software applications using a platform and mass customisation, including user interface modeling using the Interaction Flow Modeling Language (IFML). IFML allows developers to visually model user interactions and generate frontend code through the User Interface Generator (UI Generator). Although further development has integrated an Eclipse plugin with the UI Generator, there has not yet been any usability testing on developers using the IFML UI Generator. This research evaluates the usability of the UI Generator in PRICES-IDE, including the processes of drawing IFML models, generating UI, and running programs using the User-Centered Design (UCD) method and contextual interviews to understand user behavior, performance, and satisfaction, and provides alternative design recommendations. The alternative interface designs produced from this research encompass all three processes. The interface design outcomes include tutorials, FeatureConcept, DataType, tooltips, and icons on the palette page addressing the barriers identified through the UCD method and contextual interviews. There are recommendations for further research to continue usability testing of the IFML UI Generator."

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