Hasil Pencarian  ::  Simpan CSV :: Kembali

"Interaction flow modeling Language describes how to apply model-driven techniques to the problem of designing the front end of software applications, i.e., the user interaction. The book introduces the reader to the novel OMG standard Interaction flow modeling Language (IFML). Authors Marco Brambilla and Piero Fraternali are authors of the IFML standard and wrote this book to explain the main concepts of the language. They effectively illustrate how IFML can be applied in practice to the specification and implementation of complex web and mobile applications, featuring rich interactive interfaces, both browser based and native, client side components and widgets, and connections to data sources, business logic components and services.Interaction flow modeling Language provides you with unique insight into the benefits of engineering web and mobile applications with an agile model driven approach. Concepts are explained through intuitive examples, drawn from real-world applications. The authors accompany you in the voyage from visual specifications of requirements to design and code production. The book distills more than twenty years of practice and provides a mix of methodological principles and concrete and immediately applicable techniques."

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

"Software Product Line Engineering (SPLE) adalah paradigma untuk mengembangkan produk yang bervariasi dengan memanfaatkan commonalities dan variabilities dari aplikasi-aplikasi yang berbeda. Untuk mendukung pengembangan user interface perangkat lunak menggunakan paradigma SPLE, diperlukan suatu abstraksi yang dapat memodelkan user interface. Dalam penelitian ini, teknologi yang akan digunakan untuk memodelkan abstraksi tersebut adalah Interaction Flow Modeling Language (IFML). IFML akan ditransformasikan menjadi kode front end menggunakan User Interface Generator (UI Generator). Dalam pengembangan aplikasi menggunakan paradigma SPLE, terdapat kebutuhan akan static page yang merupakan halaman web dengan konten yang tidak berbeda antara pengguna yang satu dengan yang lain. Untuk memanfaatkan SPLE dalam memenuhi kebutuhan akan pengaturan static page, dibutuhkan cara atau metode yang berbeda dari pengembangan static page biasa. Pada penelitian ini, penulis mengembangkan metode yang dapat digunakan untuk mengembangkan pengaturan static page yang terintegrasi dengan proses generator user interface. Metode tersebut disebut static page management. Penelitian ini masih mengutamakan fungsionalitas dan kemudahan implementasi, sehingga aspek security belum diperhatikan. Selain static page management, penelitian ini juga akan memperbaiki pemodelan SPLE menggunakan IFML. Pemodelan juga dikembangkan lebih lanjut untuk dapat mendukung unggah gambar dan pembatasan akses berdasarkan autentikasi pengguna. Untuk dapat mengakomodasi perubahan pada pemodelan tersebut, UI Generator juga perlu dikembangkan lebih lanjut. Static page management akan dievaluasi menggunakan User Acceptance Testing, yang dilakukan oleh penulis. Sedangkan pemodelan dan UI Generator akan dievaluasi menggunakan six quality criteria. Berdasarkan evaluasi dan eksperimen yang dilakukan, perbaikan pemodelan dan UI Generator sudah dapat digunakan untuk menghasilkan aplikasi front end yang dapat dijalankan dengan baik dan mengikuti desain tampilan terbaru.

---

Software Product Line Engineering (SPLE) is a paradigm that takes advantage of the commonalities and variabilities of different applications to develop products. The development of software user interfaces using the SPLE paradigm needs an abstraction to model the user interface. In this study, the technology used to model the abstractions is the Interaction Flow Modeling Language (IFML). IFML will be transformed into front-end code using the User Interface Generator (UI Generator). In developing applications using the SPLE paradigm, there is a need for static pages. To utilize SPLE on the need for static page management, a different way or method from developing ordinary static pages is needed. In this research, the researchers develop a method called static page management. The static page management is integrated with the user interface generation process. This research will prioritize functionality and ease of implementation. Apart from static page management, this research will also improve SPLE modeling using IFML. The existing modeling is also further developed to support image uploads and access restrictions based on user authentication. UI Generator also needs to be further developed, to accommodate changes in the modeling. The evaluation of static page management is carried out using User Acceptance Testing conducted by the author. While modeling and UI Generator are evaluated using six quality criteria. Based on the evaluation and experiments, the researchers can conclude that modeling improvements and the UI Generator can be used to produce front-end applications that can run properly and follow the latest user interface designs."

"Klinik gigi DN merupakan salah satu klinik gigi yang saat ini masih menggunakan sistempengoperasian secara offline, banyak penggunaan kertas dalam pencatatan, appointmentdilakukan secara manual, dan data yang tidak terintegrasi. Hal ini dapat menyebabkanterhambatnya pelayanan pasien sehingga timbulnya persepsi buruk dari pasien akanpelayanan yang dilakukan klinik gigi DN. Berdasarkan masalah tersebut, timpengembang mengembangkan sebuah sistem informasi yang dapat menjadi solusi daripermasalahan tersebut. Pada pengembangan, dikembangkan dua sistem terpisah (internalweb apps dan aplikasi PWA [Progressive Web Apps]) yang saling terintegrasi satu samalain. Internal web apps akan digunakan oleh pihak internal klinik gigi DN dalammenjalankan proses bisnisnya, sementara aplikasi PWA (Progressive Web Apps)digunakan oleh pasien klinik gigi DN. Sistem ini dikembangkan menggunakan salah satumetode pengembangan perangkat lunak agile, yaitu Scrum. Kerangka kerja Scrum yangdigunakan terdiri dari tiga fase, yaitu pre-game, game (development), dan post-game.Pada fase pre-game, dilakukan requirement gathering, perencanaan, danarchitecture/high level design. Pada fase game, dijalankannya sprint untuk pengerjaanproyek. Pada fase post-game dilakukannya testing terhadap sistem yang telahdikembangkan. Pada pengembangan sistem di klinik gigi DN ini, dihasilkan dua sistem(Internal web apps untuk internal klinik dan aplikasi PWA [Progressive Web Apps] bagipengguna eksternal klinik) yang dibangun dengan framework Spring Boot dan React JS.Dengan dikembangkan sistem informasi dan aplikasi tersebut, diharapkan pihak klinikgigi DN dapat lebih efektif dan efisien dalam melayani pasien.

---

DN dental clinic that currently uses an offline operating procedure, uses a lot of paper in

recording, appointments are done manually, and the data is not integrated. This can cause

delays in serving patients so that there is a bad perception from patients about the services

provided by the DN dental clinic. Based on these problems, the development team

developed an information system that could be a solution to these problems. During the

development, two separate system (internal web apps and PWA [Progressive Web Apps]

application) were developed which were integrated with each other. The internal web

apps will be used by DN dental clinic internal parties in carrying out their business

processes, while the PWA (Progressive Web Apps) application is used by DN dental

clinic patients. The system is developed using one of the agile software development

methods, namely Scrum. The Scrum framework used consists of three phases, namely,

pre-game, game (development), and post-game. In the pre-game phase, requirements

gathering, planning, and architecture/high level design are carried out. In the game phase,

sprints are executed. In the post-game phase, testing of the system that has been developed

is carried out. In the development of the DN dental clinic information system, two system

(internal web apps for internal clinic and PWA [Progressive Web Apps] application

deliver to patient) were produced which were built with Spring Boot and React JS

frameworks. By developing the system information and applications, it is oped that the

DN dental clinic can be more effective and efficient in serving patients."

"Klinik gigi DN merupakan salah satu klinik gigi yang saat ini masih menggunakan sistem pengoperasian secara offline, banyak penggunaan kertas dalam pencatatan, appointment dilakukan secara manual, dan data yang tidak terintegrasi. Hal ini dapat menyebabkan terhambatnya pelayanan pasien sehingga timbulnya persepsi buruk dari pasien akan pelayanan yang dilakukan klinik gigi DN. Berdasarkan masalah tersebut, tim pengembang mengembangkan sebuah sistem informasi yang dapat menjadi solusi dari permasalahan tersebut. Pada pengembangan, dikembangkan dua sistem terpisah (internal web apps dan aplikasi PWA [Progressive Web Apps]) yang saling terintegrasi satu sama lain. Internal web apps akan digunakan oleh pihak internal klinik gigi DN dalam menjalankan proses bisnisnya, sementara aplikasi PWA (Progressive Web Apps) digunakan oleh pasien klinik gigi DN. Sistem ini dikembangkan menggunakan salah satu metode pengembangan perangkat lunak agile, yaitu Scrum. Kerangka kerja Scrum yang digunakan terdiri dari tiga fase, yaitu pre-game, game (development), dan post-game. Pada fase pre-game, dilakukan requirement gathering, perencanaan, dan architecture/high level design. Pada fase game, dijalankannya sprint untuk pengerjaan proyek. Pada fase post-game dilakukannya testing terhadap sistem yang telah dikembangkan. Pada pengembangan sistem di klinik gigi DN ini, dihasilkan dua sistem (Internal web apps untuk internal klinik dan aplikasi PWA [Progressive Web Apps] bagi pengguna eksternal klinik) yang dibangun dengan framework Spring Boot dan React JS. Dengan dikembangkan sistem informasi dan aplikasi tersebut, diharapkan pihak klinik gigi DN dapat lebih efektif dan efisien dalam melayani pasien.

---

DN dental clinic that currently uses an offline operating procedure, uses a lot of paper in recording, appointments are done manually, and the data is not integrated. This can cause delays in serving patients so that there is a bad perception from patients about the services provided by the DN dental clinic. Based on these problems, the development team developed an information system that could be a solution to these problems. During the development, two separate system (internal web apps and PWA [Progressive Web Apps] application) were developed which were integrated with each other. The internal web apps will be used by DN dental clinic internal parties in carrying out their business processes, while the PWA (Progressive Web Apps) application is used by DN dental clinic patients. The system is developed using one of the agile software development methods, namely Scrum. The Scrum framework used consists of three phases, namely, pre-game, game (development), and post-game. In the pre-game phase, requirements gathering, planning, and architecture/high level design are carried out. In the game phase, sprints are executed. In the post-game phase, testing of the system that has been developed is carried out. In the development of the DN dental clinic information system, two system (internal web apps for internal clinic and PWA [Progressive Web Apps] application deliver to patient) were produced which were built with Spring Boot and React JS frameworks. By developing the system information and applications, it is oped that the DN dental clinic can be more effective and efficient in serving patients."

"The focus of the book is on creating professional web applications, ensuring that your app provides the best experience for your users, with smooth and responsive control and feedback and an intuitive and optimized interface. You will learn how to take a basic application and bring it up to a professional level while making sure that it remains bullet-proof and bug free. Pro JavaScript for web apps will also enhance your development workflow using jQuery to streamline the process and freeing you to spend more time on the important parts of your app while the framework deals with the mundanity."

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