//<?xml version="1.0" encoding="UTF-8" ?>
<modsCollection xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://www.loc.gov/mods/v3" xmlns:slims="http://slims.web.id" xsi:schemaLocation="http://www.loc.gov/mods/v3 http://www.loc.gov/standards/mods/v3/mods-3-3.xsd">
<mods version="3.3" ID="20407">
<titleInfo>
<title><![CDATA[IMPLEMENTASI METODE UCD DALAM PENGEMBANGAN ANTARMUKA WEBSITE AKADEMIK DENGAN HEURISTIC EVALUATION DAN EVALUASI WCAG 2.1]]></title>
</titleInfo>
<name type="Personal Name" authority="">
<namePart>120160502 - Kurnia Ramadhan Putra, S.Kom., M.T.</namePart>
<role><roleTerm type="text">Dosen Pembimbing 1</roleTerm></role>
</name>
<name type="Personal Name" authority="">
<namePart>HUGO ABIGAEL BAYU RANDITYO / 162021049</namePart>
<role><roleTerm type="text">Penulis</roleTerm></role>
</name>
<typeOfResource manuscript="yes" collection="yes"><![CDATA[mixed material]]></typeOfResource>
<genre authority="marcgt"><![CDATA[bibliography]]></genre>
<originInfo>
<place><placeTerm type="text"><![CDATA[Sistem Informasi]]></placeTerm></place>
<publisher><![CDATA[FTI]]></publisher>
<dateIssued><![CDATA[2025]]></dateIssued>
<issuance><![CDATA[monographic]]></issuance>
<edition><![CDATA[0]]></edition>
</originInfo>
<language>
<languageTerm type="code"><![CDATA[en]]></languageTerm>
<languageTerm type="text"><![CDATA[English]]></languageTerm>
</language>
<physicalDescription>
<form authority="gmd"><![CDATA[Text]]></form>
<extent><![CDATA[]]></extent>
</physicalDescription>
<note>Website akademik berperan penting dalam menyediakan layanan informasi, namun masih banyak yang menghadapi masalah aksesibilitas. Observasi awal pada situs Electronic Theses and Dissertations (ETD) salah satu perguruan tinggi di Bandung menemukan kendala seperti kontras warna rendah, ketiadaan alternative text, serta keterbatasan navigasi keyboard. Penelitian ini menerapkan pendekatan User-Centered Design (UCD) untuk merancang antarmuka yang lebih aksesibel menggunakan framework Vue.js, dengan mengacu pada pedoman Web Content Accessibility Guidelines (WCAG) 2.1. Metodologi penelitian mencakup empat tahap UCD: memahami konteks penggunaan, menentukan kebutuhan pengguna, menghasilkan solusi desain, serta mengevaluasi dengan Heuristic Evaluation dan Python WCAG Checker. Evaluasi heuristik digunakan untuk mengidentifikasi masalah usability berdasarkan 10 prinsip Nielsen, sedangkan Python WCAG Checker dikembangkan untuk menguji kepatuhan otomatis terhadap prinsip POUR (Perceivable, Operable, Understandable, Robust). Hasil penelitian menunjukkan bahwa UCD efektif menghasilkan rancangan antarmuka yang inklusif, Vue.js mendukung implementasi yang efisien, dan Python WCAG Checker terbukti membantu mendeteksi pelanggaran aksesibilitas. Penelitian ini memberikan model pengembangan front-end yang praktis, berkelanjutan, dan sejalan dengan prinsip Green Software Engineering.

Academic websites play an important role in providing information services, yet many still face accessibility challenges. Initial observations of the Electronic Theses and Dissertations (ETD) website at one of the institute in Bandung revealed issues such as low color contrast, missing alternative text, and limited keyboard navigation. This research applies the User-Centered Design (UCD) approach to design a more accessible interface using the Vue.js framework, guided by the Web Content Accessibility Guidelines (WCAG) 2.1. The research methodology covers four UCD stages: understanding the context of use, specifying user requirements, producing design solutions, and evaluating through Heuristic Evaluation and a Python WCAG Checker. Heuristic Evaluation was conducted to identify usability issues based on Nielsen’s 10 principles, while the Python WCAG Checker was developed to automatically test compliance with the POUR principles (Perceivable, Operable, Understandable, Robust). The results show that UCD effectively produced inclusive interface designs, Vue.js supported efficient implementation, and the Python WCAG Checker proved useful in detecting accessibility violations. This study offers a practical and sustainable front-end development model aligned with the principles of Green Software Engineering.</note>
<subject authority=""><topic><![CDATA[Heuristic Evaluation; Python WCAG Checker]]></topic></subject>
<subject authority=""><topic><![CDATA[Web Content Accessibility Guidelines (WCAG) 2.1]]></topic></subject>
<subject authority=""><topic><![CDATA[User-Centered Design (UCD); Web Content Accessibil]]></topic></subject>
<classification><![CDATA[]]></classification><identifier type="isbn"><![CDATA[20250912]]></identifier><location>
<physicalLocation><![CDATA[Setiadi Open Source ETD System]]></physicalLocation>
<shelfLocator><![CDATA[104IS/25]]></shelfLocator>
<holdingSimple>
<copyInformation>
<numerationAndChronology type="1"><![CDATA[104IS/25]]></numerationAndChronology>
<sublocation><![CDATA[]]></sublocation>
<shelfLocator><![CDATA[104IS/25]]></shelfLocator>
</copyInformation>
</holdingSimple>
</location>
<slims:digitals>
<slims:digital_item id="22422" url="" path="/162021049_104IS.pdf" mimetype="application/pdf"><![CDATA[IMPLEMENTASI METODE UCD DALAM PENGEMBANGAN ANTARMUKA WEBSITE AKADEMIK DENGAN HEURISTIC EVALUATION DAN EVALUASI WCAG 2.1]]></slims:digital_item>
</slims:digitals><recordInfo>
<recordIdentifier><![CDATA[20407]]></recordIdentifier>
<recordCreationDate encoding="w3cdtf"><![CDATA[2025-11-11 13:13:11]]></recordCreationDate>
<recordChangeDate encoding="w3cdtf"><![CDATA[2025-11-11 13:13:24]]></recordChangeDate>
<recordOrigin><![CDATA[machine generated]]></recordOrigin>
</recordInfo></mods></modsCollection>