PERANCANGAN UI/UX APLIKASI COMPUTER BASED TEST (CBT) BERBASIS WEBSITE MENGGUNAKAN METODE GOAL-DIRECTED DESIGN

GHANI RASYAD KHALIFA, . (2025) PERANCANGAN UI/UX APLIKASI COMPUTER BASED TEST (CBT) BERBASIS WEBSITE MENGGUNAKAN METODE GOAL-DIRECTED DESIGN. Sarjana thesis, UNIVERSITAS NEGERI JAKARTA.

	Text COVER.pdf Download (685kB)
	Text BAB I.pdf Download (423kB)
	Text BAB II.pdf Restricted to Registered users only Download (964kB) | Request a copy
	Text BAB III.pdf Restricted to Registered users only Download (1MB) | Request a copy
	Text BAB IV.pdf Restricted to Registered users only Download (2MB) | Request a copy
	Text BAB V.pdf Restricted to Registered users only Download (278kB) | Request a copy
	Text Daftar Pustaka.pdf Download (249kB)
	Text Lampiran.pdf Restricted to Registered users only Download (2MB) | Request a copy

Abstract

Perkembangan teknologi dalam dunia pendidikan mendorong adopsi sistem evaluasi digital seperti Computer Based Test (CBT) untuk meningkatkan efektivitas dalam pelaksanaan ujian. Namun, masih terdapat tantangan dalam menciptakan sistem CBT yang ramah pengguna dan sesuai dengan kebutuhan seluruh stakeholder, terutama di lingkungan SMK. Penelitian ini bertujuan untuk merancang antarmuka pengguna dan pengalaman pengguna (UI/UX) aplikasi CBT berbasis website menggunakan pendekatan Goal-Directed Design yang berfokus pada kebutuhan pengguna akhir, yaitu admin, guru, dan siswa di SMKN 21 Jakarta. Proses perancangan dilakukan melalui lima tahapan utama dalam metode Goal- Directed Design, yaitu: Research, Modeling, Requirements Definition, Framework Definition, dan Refinement. Data dikumpulkan melalui survei terhadap 262 siswa dan 31 guru, serta wawancara dengan guru TIK, untuk memahami konteks, tujuan, dan hambatan pengguna dalam menggunakan sistem ujian digital. Dari hasil tersebut, dikembangkan user persona, scenario, user flow, serta wireframe dan prototipe akhir. Hasil dari penelitian ini adalah prototype High-Fidelity yang dirancang menggunakan perangkat lunak Figma, mencakup 43 rancangan layar dalam tampilan desktop untuk ketiga role (admin, guru, siswa). Prototipe ini kemudian diimplementasikan menjadi aplikasi website nyata dalam skema penelitian payungan, di mana perancangan antarmuka (front-end) dilakukan oleh Faturrahman, dan pengembangan sistem (back-end) oleh Apriansyah Rachman. Evaluasi usability dilakukan dengan dua pendekatan: User Acceptance Test (UAT) untuk aspek antarmuka, dan System Usability Scale (SUS) untuk pengalaman pengguna. Hasil pengujian menunjukkan nilai UAT sebesar 88,2% (kategori Sangat Baik) dan nilai SUS sebesar 85,25 (kategori Best Imaginable, grade A+), yang menunjukkan sistem ini sangat layak digunakan. Penelitian ini menyimpulkan bahwa pendekatan desain yang berpusat pada pengguna mampu menghasilkan aplikasi CBT yang fungsional dan memberikan pengalaman yang positif bagi seluruh pengguna. Kata Kunci: UI/UX, Computer Based Test (CBT), Goal-Directed Design, Usability Testing, Figma, SMK, High-Fidelity Prototype. ***** Technological advancements in the field of education have encouraged the adoption of digital evaluation systems such as Computer Based Tests (CBT) to improve the effectiveness of exam implementation. However, challenges remain in developing a user-friendly CBT system that aligns with the needs of all stakeholders, especially in vocational school (SMK) environments. This study aims to design the User Interface (UI) and User Experience (UX) of a web-based CBT application using the Goal-Directed Design method, focusing on the needs of end users: administrators, teachers, and students at SMKN 21 Jakarta. The design process followed five key phases of the Goal-Directed Design methodology: Research, Modeling, Requirements Definition, Framework Definition, and Refinement. Data were collected through surveys involving 262 students and 31 teachers, along with interviews with information technologies subject teachers, to understand the context, goals, and challenges faced by users in utilizing digital exam systems. Based on the findings, user personas, scenarios, user flows, wireframes, and the final prototype were developed. The outcome of this research is a High-Fidelity prototype designed using Figma software, comprising 43 desktop screen designs that cover all three user roles (admin, teacher, student). This prototype was further implemented into a real website application under a collaborative research scheme, where the front-end interface was developed by Faturrahman, and the back-end system by Apriansyah Rachman. Usability evaluation was conducted using two approaches: User Acceptance Test (UAT) for interface aspects and System Usability Scale (SUS) for user experience assessment. The results showed a UAT score of 88.2% (categorized as Very Good) and a SUS score of 85.25 (categorized as Best Imaginable, grade A+), indicating that the system is highly feasible for use. This study concludes that a user-centered design approach can produce a functional CBT application that delivers a positive user experience for all stakeholders. Keywords: UI/UX, Computer Based Test (CBT), Goal-Directed Design, Usability Testing, Figma, Vocational School, High-Fidelity Prototype

Item Type:	Thesis (Sarjana)
Additional Information:	1). Ressy Dwitias Sari, S.T., M.T.I. ; 2). Via Tuhamah Fauziastuti, S.Si, M.Ed.
Subjects:	Teknologi dan Ilmu Terapan > Teknik Komputer
Divisions:	FT > S1 Pendidikan Teknik Informatika Komputer
Depositing User:	Ghani Rasyad Khalifa .
Date Deposited:	25 Jul 2025 03:22
Last Modified:	25 Jul 2025 03:22
URI:	http://repository.unj.ac.id/id/eprint/56713

Actions (login required)

View Item