Hasil Pencarian  ::  Simpan CSV :: Kembali

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

---

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

"Software Product Line Engineering (SPLE) 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."

"This handbook presents fundamental knowledge on the hardware/software (HW/SW) codesign methodology. Contributing expert authors look at key techniques in the design flow as well as selected codesign tools and design environments, building on basic knowledge to consider the latest techniques. The book enables readers to gain real benefits from the HW/SW codesign methodology through explanations and case studies which demonstrate its usefulness.Readers are invited to follow the progress of design techniques through this work, which assists readers in following current research directions and learning about state-of-the-art techniques. Students and researchers will appreciate the wide spectrum of subjects that belong to the design methodology from this handbook."

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

"Penelitian ini didasari oleh tampilan antarmuka aplikasi Maxim sebagai aplikasi penyedia layanan ride-hailing yang belum memenuhi kebutuhan penggunanya di Indonesia dari segi usability. Aplikasi ini telah hadir di Indonesia sejak 2018 dengan misi membantu masyarakat melakukan perjalanan secara berkelanjutan. Namun, aplikasi yang relatif baru digunakan ini memiliki tingkat usability yang lebih rendah jika dibandingkan dengan aplikasi serupa lainnya, seperti Gojek atau Grab. Oleh karena itu, penelitian berupa evaluasi usability ini dilakukan dengan tujuan menemukan permasalahan yang dialami pengguna dan mengembangkan solusi dalam bentuk desain antarmuka alternatif untuk meningkatkan pengalaman pengguna pada aspek usability. Penelitian ini menggunakan metode User-Centered Design (UCD) dengan dua iterasi yang masing-masing menghasilkan desain high-fidelity. Berdasarkan survei (n = 132) dan wawancara daring (n = 10), teridentifikasi 77 kelompok masalah berdasarkan prinsip Usability Heuristic yang kemudian dikaitkan dengan 93 solusi desain berdasarkan prinsip Shneiderman's Eight Golden Rules of Interface Design. Selanjutnya, usability hasil pengembangan solusi desain berdasarkan temuan iterasi tersebut dievaluasi menggunakan moderated usability testing (UT) dan penyebaran kuesioner System Usability Scale (SUS) secara daring. Hasil akhir evaluasi kuantitatif UT pada iterasi kedua menunjukkan peningkatan rata-rata keberhasilan responden menyelesaikan skenario secara sempurna, dari 64,24% menjadi 90,48%, dengan penurunan rata-rata waktu pengerjaan dari 41,25 detik menjadi 26,69 detik. Hasil tersebut juga didukung oleh skor SUS sebesar 88,97, menunjukkan desain yang sangat baik dan dapat diterima oleh pengguna. Hasil evaluasi kualitatif dari UT juga selaras dengan perolehan tersebut, mayoritas responden merasa lebih mudah memanfaatkan fitur-fitur yang disediakan aplikasi. Dengan demikian, penelitian ini mampu meningkatkan usability dari desain aplikasi dan menjadi rekomendasi untuk perbaikan serta landasan penelitian lebih lanjut.

---

This research is based on the interface of the Maxim application as a ride-hailing service provider that does not meet the usability requirements of users in Indonesia. The application has been available in Indonesia since 2018 and aims to facilitate sustainable travel for the community. However, this relatively new application exhibits lower usability than similar applications such as Gojek or Grab. Therefore, this research undertakes a usability evaluation to identify user issues and develop alternative interface designs, thereby enhancing the user experience in terms of usability. The research utilized the User-Centered Design (UCD) methodology with two iterations, each yielding high-fidelity designs. Based on a survey (n = 132) and online interviews (n = 10), 77 problem groups were identified based on Usability Heuristic principles, which were subsequently linked to 93 design solutions derived from Shneiderman's Eight Golden Rules of Interface Design. Furthermore, the usability of the developed design solutions, based on the findings from each iteration, was evaluated via moderated usability testing (UT) and the deployment of the System Usability Scale (SUS) online questionnaire. The quantitative evaluation of the second UT iteration demonstrates a noteworthy improvement, with respondents exhibiting an increased average success rate in completing scenarios perfectly, from 64.24% to 90.48%, accompanied by a reduction in average completion time from 41.25 seconds to 26.69 seconds. These findings are further supported by an exceptional SUS score of 88.97, indicative of a highly satisfactory and well-accepted design by users. The qualitative evaluation from UT aligns with these outcomes, as most respondents reported enhanced ease in utilizing the application's features. In conclusion, this research effectively enhances the usability of the application's design, presenting valuable recommendations for further improvements and future investigations."

"Penelitian ini didasari oleh tampilan antarmuka aplikasi Maxim sebagai aplikasi penyedia layanan ride-hailing yang belum memenuhi kebutuhan penggunanya di Indonesia dari segi usability. Aplikasi ini telah hadir di Indonesia sejak 2018 dengan misi membantu masyarakat melakukan perjalanan secara berkelanjutan. Namun, aplikasi yang relatif baru digunakan ini memiliki tingkat usability yang lebih rendah jika dibandingkan dengan aplikasi serupa lainnya, seperti Gojek atau Grab. Oleh karena itu, penelitian berupa evaluasi usability ini dilakukan dengan tujuan menemukan permasalahan yang dialami pengguna dan mengembangkan solusi dalam bentuk desain antarmuka alternatif untuk meningkatkan pengalaman pengguna pada aspek usability. Penelitian ini menggunakan metode User-Centered Design (UCD) dengan dua iterasi yang masing-masing menghasilkan desain high-fidelity. Berdasarkan survei (n = 132) dan wawancara daring (n = 10), teridentifikasi 77 kelompok masalah berdasarkan prinsip Usability Heuristic yang kemudian dikaitkan dengan 93 solusi desain berdasarkan prinsip Shneiderman's Eight Golden Rules of Interface Design. Selanjutnya, usability hasil pengembangan solusi desain berdasarkan temuan iterasi tersebut dievaluasi menggunakan moderated usability testing (UT) dan penyebaran kuesioner System Usability Scale (SUS) secara daring. Hasil akhir evaluasi kuantitatif UT pada iterasi kedua menunjukkan peningkatan rata-rata keberhasilan responden menyelesaikan skenario secara sempurna, dari 64,24% menjadi 90,48%, dengan penurunan rata-rata waktu pengerjaan dari 41,25 detik menjadi 26,69 detik. Hasil tersebut juga didukung oleh skor SUS sebesar 88,97, menunjukkan desain yang sangat baik dan dapat diterima oleh pengguna. Hasil evaluasi kualitatif dari UT juga selaras dengan perolehan tersebut, mayoritas responden merasa lebih mudah memanfaatkan fitur-fitur yang disediakan aplikasi. Dengan demikian, penelitian ini mampu meningkatkan usability dari desain aplikasi dan menjadi rekomendasi untuk perbaikan serta landasan penelitian lebih lanjut.

---

This research is based on the interface of the Maxim application as a ride-hailing service provider that does not meet the usability requirements of users in Indonesia. The application has been available in Indonesia since 2018 and aims to facilitate sustainable travel for the community. However, this relatively new application exhibits lower usability than similar applications such as Gojek or Grab. Therefore, this research undertakes a usability evaluation to identify user issues and develop alternative interface designs, thereby enhancing the user experience in terms of usability. The research utilized the User-Centered Design (UCD) methodology with two iterations, each yielding high-fidelity designs. Based on a survey (n = 132) and online interviews (n = 10), 77 problem groups were identified based on Usability Heuristic principles, which were subsequently linked to 93 design solutions derived from Shneiderman's Eight Golden Rules of Interface Design. Furthermore, the usability of the developed design solutions, based on the findings from each iteration, was evaluated via moderated usability testing (UT) and the deployment of the System Usability Scale (SUS) online questionnaire. The quantitative evaluation of the second UT iteration demonstrates a noteworthy improvement, with respondents exhibiting an increased average success rate in completing scenarios perfectly, from 64.24% to 90.48%, accompanied by a reduction in average completion time from 41.25 seconds to 26.69 seconds. These findings are further supported by an exceptional SUS score of 88.97, indicative of a highly satisfactory and well-accepted design by users. The qualitative evaluation from UT aligns with these outcomes, as most respondents reported enhanced ease in utilizing the application's features. In conclusion, this research effectively enhances the usability of the application's design, presenting valuable recommendations for further improvements and future investigations."

"Software deployment merupakan suatu proses yang dilakukan terhadap perangkat lunak (software) agar tersedia untuk digunakan pada suatu environment tujuan. Salah satu model pengembangan software (software development) adalah Software Product Line Engineering (SPLE) yang bertujuan mengembangkan sekumpulan variasi software dari basis yang sama. Salah satu tools pengembangan SPLE hasil penelitian lab Reliable Software Engineering (RSE) Fakultas Ilmu Komputer Universitas Indonesia (Fasilkom UI) sebelumnya adalah PRICES-IDE. PRICES-IDE merupakan sekumpulan plugin Eclipse IDE untuk mengembangkan produk software aplikasi website secara otomatis. Penelitian ini, sebagai bagian dari lab penelitian RSE, bertujuan untuk mengimplementasikan solusi deployment terhadap software aplikasi website hasil pengembangan PRICES-IDE yang sebelumnya bersifat pragmatis terhadap SPLE dan berproses secara manual. Implementasi solusi deployment ini menggunakan pendekatan teknologi sistem software deployment Nix dan teknologi lainnya agar sejalan dengan SPLE dan berproses secara otomatis. Hasil penelitian menunjukkan bahwa implementasi Nix dengan teknologi lainnya berhasil mengatasi redundansi deployment untuk produk PRICES-IDE, dan berproses lebih cepat dibandingkan solusi deployment dengan pendekatan lain serta meminimalkan usaha yang diperlukan melalui otomatisasi yang telah berhasil diterapkan.

---

Software deployment is a process to make software available to use in a destination environment. One of software development models is Software Product Line Engineering (SPLE) which aim to develop a set of software variations from the same base. One of the SPLE development tools, previously researched by Reliable Software Engineering (RSE) laboratory from Faculty of Computer Science, University of Indonesia, is PRICES-IDE. PRICES-IDE is a set of Eclipse IDE plugins for developing website application software products automatically. This research, as part of the RSE research lab, aims to implement a deployment solution for website application software developed by PRICES-IDE which was previously pragmatic towards SPLE’s characteristic and processed manually. Implementation of this deployment solution uses the Nix software deployment system technology approach and other technologies to be in line with SPLE and process automatically. The results of the research show that the implementation of Nix with other technologies has succeeded in overcoming deployment redundancies for PRICES-IDE products, and processes faster than deployment solutions with other approaches and minimizes the effort required through successfully implemented automation."