Hasil Pencarian  ::  Simpan CSV :: Kembali

"Software Product Line Engineering (SPLE) adalah paradigma pengembangan perangkat lunak yang menggunakan pendekatan common platform dan mass customization yang mampu mengurangi waktu dan tenaga dalam pengembangan perangkat lunak. Untuk mendukung pengembangan produk dengan paradigma SPLE, Precise Requirement Changes Integrated System (PRICES) dikembangkan dan diintegrasikan dengan Integrated Development Environment (IDE) berbasis Eclipse menjadi PricesIDE. Pada PricesIDE antarmuka perangkat lunak akan dimodelkan dengan diagram Interaction Flow Modeling Language (IFML). Penelitian ini bertujuan untuk menghasilkan Plug-in pada PricesIDE yang berfungsi untuk mentransformasi IFML ke React yang sebelumnya dikembangkan berbasis Python. Pada penelitian ini, Plug-In UI Generator dikembangkan dengan Acceleo pada Eclipse agar dapat diintegrasikan dengan PricesIDE. UI Generator juga dikembangkan lebih lanjut agar dapat mendukung berbagai metode saat pemanggilan HTTP dan juga mengatasi adanya foreign key pada basis data. Pengembangan lanjut ini akan dilakukan modifikasi terhadap IFML diagram dan aturan transformasi yang telah didefinisikan sebelumnya. UI Generator akan diuji untuk menghasilkan produk yang sama dengan sebelumnya dengan penambahan fitur laporan tahunan. Melalui eksperimen yang dilakukan, dapat disimpulkan bahwa UI Generator yang dikembangkan pada penelitian ini berhasil menghasilkan website yang sudah mendukung perbedaan metode HTTP dan mampu menangani adanya foreign key

---

Software Product Line Engineering (SPLE) is a software development paradigm that uses a common platform and mass customization approach to reduce software development time and effort. To support software development with SPLE, Precise Requirement Changes Integrated System (PRICES) was developed and integrated with the Eclipse-based Integrated Development Environment (IDE) into PricesIDE. In PricesIDE, the software user interface needs to be modeled with an Interaction Flow Modeling Language (IFML) diagram. This research aims to produce a Plug-in in PricesIDE to transform IFML into ReactJS, which was previously developed with Python. In this research, UI Generator Plug-in was developed with Acceleo in Eclipse, which can be integrated into PricesIDE. UI Generator was further developed to support various HTTP methods and overcome the existence of foreign keys. The IFML diagram and the previous transformation rules will be modified in this further development. UI Generator will be tested to produce the same product as before with the addition of the annual report feature. From this experiment, it can be concluded that UI Generator developed in this research succeeded in generating a website that supported the difference in HTTP methods and the existence of foreign keys."

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

"

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

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

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

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

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

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

"Terkadang realisasi kebutuhan pengembangan aplikasi web baru sudah diimplementasikan sebagian pada aplikasi web lain. Harusnya efisiensi pengembangan dapat ditingkatkan dengan me-reuse realisasi tersebut dan mengurangi jumlah kebutuhan yang diimplementasikan dari awal. Developer menyelesaikan kasus tersebut dengan pendekatan clone-and-own yang memungkinkan penggunaan fungsionalitas suatu perangkat lunak pada perangkat lunak lain. Meskipun meningkatkan efisiensi pengembangan, namun clone-and-own menimbulkan masalah maintainability pada perangkat lunak yang sudah dikembangkan. Masalah tersebut dapat diatasi dengan pendekatan alternatif seperti paradigma software product line engineering (SPLE) yang efisiensinya dapat ditingkatkan dengan konsep multi product line (MPL). Sayangnya, SPLE dan MPL belum umum digunakan untuk mengembangkan perangkat lunak web karena kurangnya web framework yang menunjang kedua pendekatan tersebut. Hal ini yang mendasari implementasi WinVMJ framework sebagai web framework untuk mengembangkan aplikasi web dengan SPLE dan MPL. Framework ini belum menerapkan alur kerja SPLE secara menyeluruh, sehingga validitas perangkat lunak tidak terjamin. Untuk melengkapi alur kerja SPLE WinVMJ, penelitian ini mengintegrasikannya dengan FeatureIDE. Integrasi dilaksanakan dalam tiga tahap: merancang alur kerja SPLE, mendefinisikan kumpulan artefak yang diperlukan untuk pengembangan perangkat lunak, dan implementasi plugin bernama WinVMJ composer untuk memproses kumpulan artefak yang didefinisikan. Alur kerja SPLE WinVMJ berhasil dilengkapi dengan WinVMJ composer yang mampu memproses artefak dari FeatureIDE dan melakukan validasi produk secara menyeluruh. Selain itu, evaluasi WinVMJ composer juga menunjukkan adanya keunggulan penerapan MPL dan penyusunan produk dibandingkan WinVMJ framework.

---

Sometimes the realization of new web application development needs has been partially implemented in other web applications. Development efficiency should be increased by reusing the realization and reducing the number of requirements implemented from scratch. Developers solve this case with a clone-and-own approach that allows using the functionality of one software on another. Although this approach improves development efficiency, clone-and-own causes maintainability issues in the developed software. This problem can be overcome by alternative approaches, such as the software product line engineering (SPLE) paradigm, whose efficiency can be increased by the multi-product line (MPL) concept. Unfortunately, SPLE and MPL are not commonly used to develop web software due to the lack of web frameworks that supports them. This issue underlies the implementation of the WinVMJ framework as a web framework for developing web applications with SPLE and MPL. This framework has not fully implemented the SPLE workflow, which causes a lack of software validity. To complete it, this research integrates it with featured. The integration is carried out in three stages: designing the SPLE workflow, defining the artifact set for software development after integration, and implementing a plugin named WinVMJ composer to process the defined artifacts set. The WinVMJ's SPLE workflow is completed with WinVMJ composer, which can process FeatureIDE's artifacts and perform thorough product validation. In addition, the evaluation of the WinVMJ composer also shows the advantages of implementing MPL and product compilation compared to the WinVMJ framework."