Hasil Pencarian  ::  Simpan CSV :: Kembali

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

---

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

"Software Product Line Engineering (SPLE) merupakan paradigma untuk mengem- bangkan aplikasi perangkat lunak berbasis platform dan kustomisasi masal. SPLE memanfaatkan commonality antar aplikasi yang termasuk dalam satu product line dan secara sistematis mengatasi variability antar aplikasi-aplikasi tersebut. SPLE digunakan dalam mengembangkan Amanah, layanan aplikasi untuk menghasilkan situs web bagi organisasi nirlaba secara otomatis. Penelitian terdahulu mengembangkan front-end Amanah menggunakan dua plug-in: UI Generator dan FeatureIDE-WinVMJ Composer. UI Generator merupakan plug-in untuk mentransformasi pemodelan abstrak user inter- face dengan Interaction Flow Modelling Language (IFML) menjadi aplikasi React yang dipakai sebagai front-end Amanah. Namun, pemodelan IFML ini belum menerapkan konsep SPLE secara tepat karena prinsip commonality dan variability belum diterapkan antar tur Amanah. Penelitian ini mengusulkan pengubahan pemodelan IFML dengan menerapkan konsep Delta-Oriented Programming (DOP). Dengan menerapkan DOP, UI Generator juga akan diubah agar dapat mentransformasi IFML berbasis DOP. Di sisi lain, plug-in FeatureIDE-WinVMJ Composer digunakan untuk menghasilkan aplikasi back-end serta menu dan rute halaman pada aplikasi front-end. Namun, hal ini melanggar prinsip Separation of Concern sehingga dalam penelitian ini menu dan rute halaman akan diintegrasikan ke plug-in UI Generator. Perubahan pemodelan IFML dan UI Generator dianalisis dan dievaluasi dengan six quality criteria dan functional testing. Hasil dari analisis dan evaluasi menunjukkan bahwa pemodelan IFML dan UI Generator terbaru telah menerapkan konsep SPLE secara tepat serta menu dan rute halaman berhasil terintegrasi pada UI Generator.

---

Software Product Line Engineering (SPLE) is a paradigm to develop software applica- tions using common platform and mass customization. SPLE uses commonality between software applications in a product line and systematically handles its variability. SPLE paradigm is used to develop Amanah, a service to generate websites for non-pro t organizations automatically. Previous studies have succeeded to develop Amanah’s frontend using two plugins: UI Generator and FeatureIDE-WinVMJ Composer. UI Generator is a plugin to transform an abstract user interface model using Interaction Flow Modelling Language (IFML) to React application. However, the commonality and variability concept in SPLE that exists between Amanah’s features have not been implemented in this IFML model. This study proposed a change to the IFML model to implement SPLE correctly by applying Delta-Oriented Programming (DOP) concept. With DOP applied in IFML, the UI Generator also needs to be changed so that it can transform the IFML-DOP model. On the other hand, FeatureIDE-WinVMJ Composer is a plugin to generate backend application and also menu and routes in the frontend application. This two process violates Separation of Concerns Principle so this study will integrate the menu and routes generation to UI Generator. The changes made in both IFML model and UI Generator are analyzed and evaluated with six quality criteria of SPLE and functional testing. The result shows that the modi ed IFML and UI Generator has implemented SPLE correctly and the integration of menu and routes has been applied successfully in UI Generator."

"Salah satu tantangan untuk menghasilkan User Interface (UI) secara otomatis dalam Software Product Line Engineering (SPLE) adalah bagaimana menghasilkan UI yang sesuai dengan fitur - fitur yang dipilih. Penelitian ini menggunakan Interaction Flow Modeling Language (IFML) untuk memodelkan UI untuk setiap fitur dalam SPLE. Setiap model IFML yang menggambarkan desain UI dari fitur - fitur yang dipilih akan digabungkan untuk membentuk UI dari aplikasi pada proses product derivation. Target dari penelitian ini adalah untuk menunjukan bagaimana IFML bisa menyelesaikan masalah SPLE untuk menghasilkan UI dengan membuat UI generator. Progressive Web Application dipilih sebagai contoh untuk menunjukan hasil dari penggunaan UI generator dan meningkatkan availability dari aplikasi yang dihasilkan oleh SPLE. IFML UI generator dalam penelitian ini melakukan beberapa prosedur untuk menghasilkan UI termasuk melakukan parsing terhadap model IFML, mendefinisikan Transformation Rule untuk mengubah notasi IFML menjadi elemen UI, dan menentukan strategi Code Construction yang dapat menggabungkan semua elemen UI pembentuk komponen UI. Hasil dari penelitian ini mampu menghasilkan komponen UI yang dapat digunakan dalam Angular Framework. Kinerja IFML UI generator dapat ditingkatkan dengan cara menyediakan mekanisme untuk membuat styling secara otomatis untuk aplikasi yang dihasilkan.

---

One challenge to automatically generate the User Interface (UI) in Software Product Line Engineering (SPLE) framework is to generate UI that match with selected features. This research uses Interaction Flow Modeling Language (IFML) to model UI of each feature in SPLE framework. The product derivation process combines each IFML model representing selected features from the Product Line to construct the UI of an application. The target of this research is to illustrate the usage of IFML to solve the problem of generating UI in SPLE by creating an IFML UI generator. Progressive Web Application is chosen as an example to demonstrate the result of generating UI and enhancing the availability of application produced by SPLE. The UI generator can be used with other SPLE tools in product derivation process. The IFML UI generator in this research performs several procedures including parsing the IFML model, define rules to transform IFML notations into UI elements, and define a code construction strategy that combines all UI elements into UI components. The generated UI components can be used in Angular Framework Web Application. The IFML UI generator needs to be improved by providing a mechanism to automatically create a styling for the generated UI components of PWA."

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

"Paradigma Software Product Line Engineering (SPLE) adalah paradigma yang mampu memproduksi software secara masif dalam waktu singkat melalui pemanfaatan kembali komponen dasar. Salah satu sistem yang mengadopsi paradigma tersebut adalah sistem AMANAH yang dikembangkan oleh Laboratorium Reliable Software Engineering. Produk AMANAH saat ini masih terus ditingkatkan dari sisi fitur dan usability. Aspek usability yang merupakan salah satu aspek dalam User Experience (UX) ini penting untuk dikaji karena aspek tersebut dapat menjamin pengguna menggunakan produk dengan benar sehingga kepuasan pengguna dalam memakai produk meningkat. Selain itu, aspek terkait usability menjadi sangat penting dalam pengembangan produk AMANAH karena antarmuka produk dibuat secara semi otomatis melalui paradigma SPLE. Pada penelitian ini dilakukan evaluasi terhadap produk AMANAH yang telah dikembangkan sebelumnya. Evaluasi usability dilakukan menggunakan usability testing serta wawancara kepada target pengguna yang berasal dari pengurus organisasi dan donatur. Hasil usability testing dan wawancara diobservasi lebih lanjut menggunakan prioritization template untuk mengukur perbaikan yang dapat dilakukan menggunakan parameter manusia/pengguna, bisnis, dan teknologi. Saran perbaikan yang dapat diimplementasikan memiliki kategori user value tinggi dan user value rendah, tetapi memiliki effort yang rendah. Rencana perubahan yang telah dibuat kemudian diimplementasikan pada komponen-komponen AMANAH. Setelah dilakukan perbaikan, produk AMANAH dilakukan evaluasi kembali dari segi sistem dan usability. Evaluasi dari segi sistem dilakukan menggunakan Selenium IDE untuk menjalankan serangkaian test scenario pada automated functional testing, sedangkan evaluasi dari segi usability dilakukan dengan memanfaatkan System Usability Scale (SUS). Berdasarkan serangkaian proses yang dilakukan, hasil yang didapatkan menunjukkan bahwa produk AMANAH yang telah diperbaiki mengalami perubahan alur kerja pada beberapa fitur, tetapi tidak ada fungsionalitas yang terganggu. Selain itu, produk AMANAH sudah tidak mengalami masalah terkait usability yang ditunjukkan dengan skor SUS di atas rata-rata.

---

The paradigm of Software Product Line Engineering (SPLE) is capable of producing software on a large scale in a short time by reusing basic components. One system that adopts this paradigm is the AMANAH system developed by the Laboratory of Reliable Software Engineering, Faculty of Computer Science, University of Indonesia. The AMANAH product is currently being continuously improved in terms of features and usability. Usability, which is one aspect of User Experience (UX), is important to study because it ensures that users use the product correctly, resulting in increased user satisfaction when using the product. In this study, an evaluation was conducted on the previously developed AMANAH product. Usability evaluation was performed using usability testing and interviews with target users, including organization administrators and donors. The results of usability testing and interviews were further observed using a prioritization template to measure improvements that can be made based on human/user, business, and technology parameters. Improvement suggestions that can be implemented were categorized into high user value and low user value but with low effort. The planned changes were then implemented using Acceleo as the UI Generator, IFML, and ReactJS as the UI template. After the improvements were made, the AMANAH product was re-evaluated in terms of system and usability. System evaluation was conducted using Selenium web driver to execute a series of test scenarios in automated functional testing. Meanwhile, usability evaluation utilized the System usability Scale (SUS). Through the series of processes, the obtained results showed that the improved AMANAH product experienced changes in the workflow of certain features, but no functionality was disrupted. Additionally, the AMANAH product no longer had usability issues as indicated by the above-average SUS scores."

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

---

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

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

---

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