Claim Missing Document
Check
Articles

Found 17 Documents
Search

UI/UX Design for Mobile-based Sports Instructor Search Application “Befind” using Design Thinking Cahyadi, Kadek Wawan; Indradewi, I Gusti Ayu Agung Diatri; Pratiwi, Putu Yudia
Sistemasi: Jurnal Sistem Informasi Vol 12, No 3 (2023): Sistemasi: Jurnal Sistem Informasi
Publisher : Program Studi Sistem Informasi Fakultas Teknik dan Ilmu Komputer

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.32520/stmsi.v12i3.2986

Abstract

BeFind is a website-based application that facilitates the public and sports instructors to be able to interact and transact with each other. However, the website has deficiencies such as incomplete features and inflexible use, so it is necessary to design a mobile-based application to optimize the features. The purpose of this research is to produce UI and UX model designs that apply the Design Thinking method and to find out the results of usability testing. Design Thinking is a product design process resulting from problem-solving efforts that arise from potential product users. Empathy stage, conduct interviews to get problems. The define stage is carried out by creating a user persona from the results of the interview. The ideate stage is carried out by brainstorming to compile user flow. The prototype stage is made in the form of a mockup design and a prototype design is prepared. The test phase was carried out to test the design with task scenarios on 4 usability aspects and 1 aspect using the System Usability Scale (SUS) questionnaire. In the final test for service seekers and service providers respondents obtained 97% and 96% learnability results, efficiency 0.033689182 goals/sec and 0.033689182 goals/sec, 96% and 95% memoryability, 0.0306 and 0.0800 errors, and satisfaction with SUS obtained 94 results with the best imaginable predicate. In efficiency there is a decrease in yield caused by a bad signal factor. The resulting UI and UX can become the foundation for development of the "BeFind" mobile application based on the prototype design that has been designed in this study.
Front End Design Of Design Asset Sales Information System With Human Centered Design (HCD) Approach Pratiwi, Putu Yudia; Kertiyasa, Made Medhi Premana; Indradewi, I Gusti Ayu Agung Diatri
Andalasian International Journal of Applied Science, Engineering and Technology Vol. 5 No. 3 (2025): November 2025
Publisher : LPPM Universitas Andalas

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.25077/aijaset.v5i3.195

Abstract

As digital technology advances, online competition intensifies, yet many SMEs lack reliable, user-friendly systems. SME development often skews toward back-end optimization, while user-centered front ends remain underexplored. This study addresses that gap by designing and evaluating the front end of CV Bello Design’s digital design-asset sales platform and distilling UI/UX decisions transferable to similar SMEs. Using a Human-Centered Design (HCD), we mapped problems with the owner, staff, and past buyers, translated insights into personas and user flows, and iterated prototypes for customer and admin roles. Usability was assessed through user testing measuring effectiveness and satisfaction. In addition, a Heuristic Evaluation was conducted by experts to identify usability issues and opportunities for improvement. Test results show customer effectiveness of 93.75% and admin effectiveness of 95%. Relative efficiency reached 0,02948 goals/second for customers and 0,00939 goals/second for admins. Overall, users reported positive satisfaction. Heuristic findings highlighted needs for a login form, clearer transaction details and history, consistent currency symbols, richer product detail views, clear required-field cues, and an FAQ. Implemented fixes clarified transaction pages, standardized currency symbols, added required-field indicators, and provided an FAQ. Overall, the HCD-based interface measurably improves task completion and offers reusable design patterns for SME, web-based asset-sales platforms.
Accessibility Evaluation of University Websites in Indonesia based on WCAG 2.2 Guidelines Ketut Dian Suryasih; Putu Yudia Pratiwi; I Made Ardwi Pradnyana
SISTEMASI Vol 15, No 4 (2026): Sistemasi: Jurnal Sistem Informasi
Publisher : Universitas Islam Indragiri

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.32520/stmsi.v15i4.5824

Abstract

Universities use websites as their main portal and main source of information. However, some university websites in Indonesia still show accessibility issues and do not meet the Web Content Accessibility Guidelines (WCAG) 2.2 standards. This research aims to evaluate the accessibility of five university websites in Indonesia based on the Similarweb platform. The evaluation focused on color blindness, attention deficit, and limited movement. These three disabilities are considered to have a significant impact on web accessibility. The method used in this study was WCAG-EM by using a combination of automated and manual evaluation. The automated evaluation used WAVE and Siteimprove Accessibility Checker tools. Meanwhile, manual evaluation adopted the evaluation steps from the Accessibility Insights tool by Microsoft. The results of the automated evaluation showed that the accumulated issues obtained from all university homepages were 188 issues. There are 7 types of issues identified through manual evaluation. The most common accessibility issue found is components with low contrast between the foreground and background. These results indicate that university websites in Indonesia, based on Similarweb rankings, still do not meet the international standards WCAG.
ANALISIS CONTRAST ERRORS TERHADAP AKSESIBILITAS WEBSITE UNDIKSHA Luh Witari Ningsih; I Made Dendi Maysanjaya; Putu Yudia Pratiwi
KARMAPATI (Kumpulan Artikel Mahasiswa Pendidikan Teknik Informatika) Vol. 15 No. 2 (2026): [ONGOING] Karmapati Vol 15 No 2 Tahun 2026
Publisher : Universitas Pendidikan Ganesha

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.23887/karmapati.v15i2.117018

Abstract

Aksesibilitas web merupakan dimensi kualitas digital yang krusial dalam memastikan keterjangkauan informasi bagi seluruh pengguna tanpa terkecuali, termasuk kelompok penyandang disabilitas visual, kognitif, maupun motorik. Ketiadaan aksesibilitas yang memadai pada sebuah website berpotensi menciptakan kesenjangan digital yang secara fundamental melanggar prinsip kesetaraan hak dalam mengakses informasi. Penelitian ini bertujuan menganalisis secara mendalam dampak contrast error terhadap aksesibilitas website Universitas Pendidikan Ganesha (Undiksha) berdasarkan standar Web Content Accessibility Guidelines (WCAG) 2.1. Evaluasi dilakukan terhadap 10 halaman web berdomai undiksha.ac.id yang mencatatkan tingkat error aksesibilitas tertinggi dari total 51 halaman yang ditelusuri, menggunakan alat Web Accessibility Evaluation Tool (WAVE) sebagai instrumen pengujian otomatis yang komprehensif. Dari keseluruhan 521 error aksesibilitas yang teridentifikasi mencakup tujuh kategori permasalahan, contrast error menempati posisi dominan dengan total 205 kasus atau setara 39,3% dari keseluruhan temuan, menjadikannya permasalahan aksesibilitas paling kritis pada website tersebut. Analisis mendalam mengungkapkan 21 pola kombinasi warna bermasalah yang bersumber dari template global website, dengan rasio kontras terendah hanya mencapai 1,81:1, jauh di bawah ambang batas minimum yang dipersyaratkan WCAG 2.1. Rekomendasi perbaikan dirumuskan mengacu pada standar Level AAA WCAG 2.1 dengan target rasio kontras minimum 7:1, yang terbukti mampu menyelesaikan lebih dari 80% kasus contrast error secara efisien melalui intervensi pada tingkat template utama website. Temuan ini menegaskan bahwa contrast error bukan sekadar persoalan estetika desain, melainkan hambatan nyata yang secara signifikan membatasi inklusivitas digital bagi pengguna dengan gangguan penglihatan dan kelompok rentan lainnya.
PERANCANGAN PROTOTIPE APLIKASI GABUS (GANESHA BUS) GUNA MENDUKUNG MOBILITAS PENUMPANG BUS DI UNIVERSITAS PENDIDIKAN GANESHA Gusti Putu Yastika Putra; Putu Yudia Pratiwi
INTECOMS: Journal of Information Technology and Computer Science Vol. 9 No. 1 (2026): INTECOMS: Journal of Information Technology and Computer Science
Publisher : Institut Penelitian Matematika, Komputer, Keperawatan, Pendidikan dan Ekonomi (IPM2KPE)

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.31539/9rx1t277

Abstract

Perkembangan teknologi informasi mendorong penerapan sistem digital dalam mendukung layanan transportasi, termasuk transportasi internal perguruan tinggi. Universitas Pendidikan Ganesha memiliki layanan bus kampus untuk menunjang mobilitas mahasiswa antar lokasi kampus, namun masih menghadapi permasalahan keterbatasan informasi terkait jadwal dan posisi bus. Penelitian ini bertujuan untuk merancang prototipe aplikasi GABUS (Ganesha Bus) sebagai sistem informasi transportasi kampus yang informatif dan mudah diakses. Metode yang digunakan adalah metode prototyping, yang memungkinkan keterlibatan pengguna secara langsung dalam proses perancangan sistem. Pengumpulan data dilakukan melalui observasi, wawancara, dan studi literatur. Hasil penelitian berupa prototipe aplikasi GABUS yang dirancang menggunakan Figma dan dilengkapi fitur utama seperti informasi jadwal bus, pelacakan lokasi bus secara real-time, notifikasi, serta verifikasi penumpang melalui pemindaian QR Code. Prototipe ini diharapkan dapat menjadi solusi awal dalam meningkatkan efisiensi, kenyamanan, dan kualitas layanan transportasi kampus di Universitas Pendidikan Ganesha.
Usability Testing of the National Digital Library of Theses and Dissertations Website Using Think Aloud and System Usability Scale (SUS) Ketut Dian Suryasih; Putu Yudia Pratiwi; I Ketut Veda Suputra; I Komang Apriyatama Sukarma Putra
KARMAPATI (Kumpulan Artikel Mahasiswa Pendidikan Teknik Informatika) Vol. 15 No. 1 (2026): Karmapati Vol 15 No 1 Tahun 2026
Publisher : Universitas Pendidikan Ganesha

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.23887/karmapati.v15i1.110392

Abstract

The National Digital Library of Thesis and Dissertations is a website under the Taiwanese government that provides access to theses and dissertations from various universities in Taiwan. However, the current interface causes users to encounter difficulties in navigating and searching for information. This study aims to evaluate the website using think aloud method to identify problems experienced by users and System Usability Scale (SUS) to measure the level of usability. This study further aims to provide recommendations for improvement in the form of interface recommendation. Evaluation results show various obstacles, such as difficulty finding information, confusing navigation, and an unintuitive menu structure. The results show the Time-Based Efficiency (TBE) value obtained is 0.0129 goals/sec. The think aloud method found many usability problems on the website, ranging from navigation errors, action errors, and design errors. Meanwhile, the results of the System Usability Scale (SUS) analysis showed a score of 20. This means that the website falls into the poor category with an F grade. The results of the problem identification were then used as a reference in redesigning the website interface.
Klasifikasi Severity Level Diabetic Macular Edema Berbasis ResNet-50 I Made Dendi Maysanjaya; Putu Yudia Pratiwi; I Gusti Ayu Agung Diatri Indradewi
Jurnal Pseudocode Vol 13 No 1 (2026): Volume 13 Nomor 1 Februari 2026
Publisher : UNIB Press

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.33369/pseudocode.13.1.9-13

Abstract

Diabetes is one of the most common diseases people suffer from today, and it can lead to complications such as blindness, heart disease, and kidney failure. The condition of blindness caused by this disease is known as diabetic retinopathy (DR). An ophthalmologist will use a fundus camera to examine the retina, looking for several clinical features, such as microaneurysms (MA), hemorrhages (HM), cotton-wool spots (CWS), and exudates. Based on these clinical symptoms, clinicians then determined the patient's level of diabetic macular edema (DME) severity. Although several studies have applied CNN-based architectures for diabetic retinopathy detection, limited attention has been given to the impact of dataset imbalance handling on DME severity classification, particularly using ResNet-50. This study highlights the significant impact of extensive data augmentation on classification performance in imbalanced DME datasets. Evaluate performance using the accuracy, precision, and recall metrics. We used the IDRiD dataset, which consists of 516 images split into a training set of 413 and a test set of 103. IDRiD divides the dataset into three classes, namely normal, moderate DME, and severe DME. In the preprocessing stage, we enhanced contrast using CLAHE and resized the images to 224x224 pixels. To address the imbalance, we applied 11 data augmentation methods. We experimented by comparing the performance of two models: one with and one without dataset augmentation. Based on the test results, the best performance was obtained with the model that included dataset augmentation, achieving an accuracy of 0.5961, a precision of 0.63, and a recall of 0.61, while the baseline model (without dataset augmentation) gained 0.4553, 0.36, and 0.34 for the accuracy, precision, and recall, respectively.