Hasil Pencarian  ::  Simpan CSV :: Kembali

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

---

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

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

---

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

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

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

"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 Engineering (SPLE) merupakan paradigma pengembangan perangkat lunak yang memanfaatkan common platform (kemiripan) dan mass customisation (keragaman) dari berbagai aplikasi. Pengembangan perangkat lunak dengan paradigma SPLE pada penelitian ini menggunakan diagram Interaction Flow Modeling Language (IFML) sebagai pemodelan antarmuka dalam menghasilkan komponen user interface (UI) pada aplikasi front end. Diagram IFML digunakan sebagai masukan pada UI Generator Web Interface untuk menghasilkan proyek React sebagai aplikasi berbasis website. Namun, ketika aplikasi dibuka melalui tampilan mobile, antarmuka yang ditampilkan menjadi tidak teratur serta beberapa interaksi sulit untuk dilakukan. Selain itu, aplikasi yang dihasilkan juga belum dapat diinstal pada perangkat untuk digunakan secara offline. Oleh karenanya, penelitian ini bertujuan untuk mengembangkan UI Generator Web Interface agar aplikasi yang dihasilkan memiliki tampilan yang responsif serta mendukung Progressive Web Application (PWA). Selain itu, penelitian ini juga bertujuan untuk mengembangkan UI Generator Mobile Interface untuk menghasilkan proyek React Native sebagai aplikasi berbasis mobile. UI Generator Mobile Interface yang dikembangkan menggunakan diagram IFML yang sama dalam menghasilkan aplikasi mobile dengan antarmuka dan fungsionalitas yang serupa. Selanjutnya, antarmuka kedua aplikasi yang masing-masing dihasilkan oleh UI Generator Web Interface dan UI Generator Mobile Interface dievaluasi menggunakan prinsip Shneiderman’s Eight Golden Rules of Interface Design. Hal ini bertujuan untuk mencari tahu apakah antarmuka dari kedua aplikasi yang dihasilkan secara generated sudah memenuhi kaidah perancangan antarmuka. Dari penelitian ini dapat disimpulkan bahwa UI Generator Web Interface dan UI Generator Mobile Interface berhasil dikembangkan serta telah dilakukan evaluasi terhadap masing-masing aplikasi yang dihasilkan. Hasil evaluasi menunjukkan bahwa terdapat beberapa bagian yang dapat ditingkatkan lebih lanjut pada kedua antarmuka aplikasi.

---

Software Product Line Engineering (SPLE) is a software development paradigm that utilizes a common platform and mass customization of various applications. Software development with the SPLE paradigm in this study uses Interaction Flow Modeling Language (IFML) diagrams in modeling the user interface to generate user interface (UI) components for front end applications. IFML diagrams are used as input to the UI Generator Web Interface in generating React projects as web-based applications. However, when the application is opened in the mobile view, the user interface displayed becomes irregular and some interactions are difficult to complete. In addition, the resulting application cannot be installed on a device for offline use. Therefore, this study aims to develop a UI Generator Web Interface so that the resulting application has a responsive display and supports Progressive Web Application (PWA). In addition, this research also aims to develop a UI Generator Mobile Interface to produce React Native projects as mobile-based applications. The UI Generator Mobile Interface developed uses the same IFML diagram in producing mobile applications with similar interfaces and functionalities. Furthermore, the interfaces of the two applications each generated by the UI Generator Web Interface and UI Generator Mobile Interface are evaluated using the principle of Shneiderman’s Eight Golden Rules of Interface Design. This aims to find out whether the interface of the two generated applications already meet the rules of interface design. From this study it can be concluded that the UI Generator Web Interface and UI Generator Mobile Interface have been successfully developed and an evaluation has been carried out for each of the resulting applications. The evaluation results indicate that there are several areas for further improvement in both application interfaces."

"Keberagaman organisasi sosial Indonesia dan perkembangan teknologi internet membuat kebutuhan untuk membuat aplikasi yang dapat memenuhi semua kebutuhan organisasi or- ganisasi tersebut secara cepat. Karena kebutuhan masing masing organisasi yang berbeda tersebut, dibutuhkan metode pembuatan perangkat lunak yang dapat mengatasi kesamaan commonality dan perbedaan variability dengan cepat dan efisien. Software Product Line Engineering (SPLE) dapat menyelesaikan permasalahan ini. SPLE mengelompokkan ke- samaan commonality dan perbedaan variability fitur. Abstract Behavioral Specification (ABS) adalah bahasa pemodelan yang dikembangkan berdasarkan pendekatan SPLE de- ngan paradigma delta-oriented programming. Dengan menggunakan ABS, penelitian se- belumnya telah berhasil membuat aplikasi backend (ABS-Microservices Framework) de- ngan berbasis Java. Akan tetapi Java mengkonsumsi sumber daya komputasi yang cukup besar, sehingga diperlukan perubahan atau alternatif lain yang dapat mereduksi kebutuhan sumber daya komputasi. Penelitian ini berhasil mereduksi sumber daya komputasi yang diperlukan dengan melakukan porting ABS-Microservices Framework dari basis Java ke basis Erlang OTP. Selain itu, penelitian ini menjelaskan penyesuaian apa saja yang perlu dilakukan untuk melakukan porting kode dari bahasa Java ke Erlang. Hasil dari peneli- tian ini merupakan aplikasi ABS-Microservices Framework berbasis Erlang OTP yang serupa dengan aplikasi berbasis Java, tetapi menggunakan sumber daya memori yang lebih sedikit.

---

The diversity of Indonesian social organizations and the development of internet tech- nology are making necessities to create applications that can meet all organizational needs of the organizations quickly. Because the needs of each of these different organizations, software manufacturing methods are needed which can deal with com- monalities and variabilities quickly and efficiently. Software Product Engineering can solve this problem. SPLE groups commonalities and variabilities in features. ABS is a modeling language developed based on the SPLE approach with the delta-oriented programming paradigm. By using ABS, previous studies have succeeded in making Java-based backend application (ABS-Microservices Framework). But Java consumes considerable computing resources, so changes or alternatives are needed to reduce the need for computing resources. This research succeeded in reducing the computational resources needed by porting the ABS-Microservices Framework from the Java-based to the Erlang-OTP-based. In addition, this study explains what adjustments need to be made to port code from the Java language to Erlang. The result of this study is a similar Erlang-OTP-based ABS-Microservices Framework to the Java-based application, but use less memory resource"

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

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

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

---

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

"Software Product Line Engineering (SPLE) merupakan suatu teknik rekayasa perangkat lunak yang memungkinkan adanya reusability dengan memanfaatkan commonability dalam perangkat lunak yang sedang dikembangkan. Salah satu studi kasus pengembangan SPLE yang dikembangkan di Lab RSE Fasilkom UI adalah AMANAH, sebuah aplikasi berbasis web dengan tools Prices-IDE yang ditujukan bagi lembaga amal untuk dapat membuat web organisasi secara mudah. Tidak hanya membantu organisasi untuk memiliki laman web, AMANAH juga memiliki modul laporan keuangan yang dapat dipilih oleh organisasi dan dimanfaatkan untuk menghasilkan laporan keuangan dari organsasi sesuai dengan standar akuntansi yang berlaku. Saat ini AMANAH telah memiliki implementasi laporan keuangan yang berjalan, namun ditemukan bahwa implementasi tersebut belum sempurna serta terdapat aspek-aspek akuntansi yang fundamental yang belum diterapkan dalam modul laporan keuangan pada aplikasi AMANAH. Masalah ini yang menjadi dasar dari penelitian, yakni untuk melakukan rancang ulang implementasi modul laporan keuangan pada AMANAH dengan memperhatikan aspek fundamental akuntansi. Studi literatur yang dilakukan menunjukan bahwa terdapat beberapa jenis implementasi laporan keuangan pada sistem informasi keuangan dan implementasi tersebut dapat dilakukan melalui pendekatan SPLE dan delta-oriented programming. Proses perancangan dilakukan untuk membuat suatu artifak desain yang menjadi dasar implementasi perbaikan modul laporan keuangan hingga diinisiasi suatu solusi perbaikan dengan memperkenalkan suatu metode pencatatan transaksi secara double-entry bookkeeping dengan modul Journal Entry serta metode kalkulasi saldo akun-akun keuangan dengan menggunakan Trial Balance. Implementasi dilakukan dengan memanfaatkan proses SPLE, secara spesifik dengan membuat sebuah delta module bernama Journal Entry yang mendekorasi core module AutomaticReport yang telah ada sebelumnya. Evaluasi pada hasil pengembangan yang dilakukan menunjukan bahwa seluruh skenario functionality test telah dipenuhi dengan baik serta rancang ulang ini juga turut menyelesaikan masalah-masalah yang timbul pada implementasi modul laporan keuangan sebelumnya.

---

Software Product Line Engineering (SPLE) is a software engineering technique that allows reusability in software development by utilizing its commonability. One of the case study project used to discover about software development with SPLE by is AMANAH, a web-based application built with PricesIDE tools for nonprofit charity organizations that allows them to make a website easily. Not only providing charity organizations ability to create a website, AMANAH also have an optional feature of financial report that allows the organization to produce a standard-compliance financial report automatically. Currently AMANAH has implemented the financial report features, but it was considered that the current implementation is not perfect and there are some fundamental accounting principles that hasn’t being implemented in the system. The problem become the foundation of this research, which is to do a revamp process into AMANAH’s financial report module, by observing to generally accepted accounting principles. Literature studies done during the research shows that there are several types of financial report module implementation in accounting information systems and those implementations can be done by utilizing SPLE approeach and delta-oriented programming approach. Planning process was done by creating a design artifact that will be implemented during the implementation process and a revamp solution was initialized by introducing a double-entry bookkeeping method by utilizing Journal Entry module and account balance method by utilizing Trial Balance. These implementation was done by utilizing SPLE process, specifically creating a delta module called Journal Entry that decorates the existing AutomaticReport core module. During the evaluation of the implementation result, all the functional test scenario has been passed and this revamp process has solved the problems occurred in previous implementation."