Perancangan User Interface dan User Experience Sistem Pembelajaran Elektronik (Simple) Berbasis Web Untuk Siswa Menggunakan Metode Five Planes

ANANSYAH SATRIYO WICAKSONO, . (2026) Perancangan User Interface dan User Experience Sistem Pembelajaran Elektronik (Simple) Berbasis Web Untuk Siswa Menggunakan Metode Five Planes. Sarjana thesis, UNIVERSITAS NEGERI JAKARTA.

[img] Text
File COVER.pdf

Download (1MB)
[img] Text
File BAB 1.pdf

Download (273kB)
[img] Text
File BAB 2.pdf
Restricted to Registered users only

Download (1MB)
[img] Text
File BAB 3.pdf
Restricted to Registered users only

Download (3MB)
[img] Text
File BAB 4.pdf
Restricted to Registered users only

Download (2MB)
[img] Text
File BAB 5.pdf
Restricted to Registered users only

Download (259kB)
[img] Text
File Daftar Pustaka.pdf

Download (295kB)
[img] Text
File Lampiran.pdf
Restricted to Registered users only

Download (3MB)

Abstract

Transformasi pembelajaran berbasis digital semakin meningkat di sekolah kejuruan. Namun, beberapa SMK di Jakarta seperti SMKN 1 Jakarta, SMK 1 Perguruan Cikini, dan SMKN 40 Jakarta masih menghadapi kendala dalam penggunaan Learning Management System (LMS), seperti antarmuka yang kurang sederhana, fitur yang belum sesuai kebutuhan siswa, serta keterbatasan kemampuan dalam adaptasi teknologi. Penelitian ini bertujuan merancang UI/UX LMS berbasis web bernama SIMPEL (Sistem Pembelajaran Elektronik) yang fokus pada kemudahan penggunaan bagi siswa SMK. Metode perancangan menggunakan Five Planes, dengan pengumpulan data melalui observasi dan wawancara pada tiga sekolah tersebut. Hasil penelitian menghasilkan high-fidelity prototype melalui aplikasi Figma, dengan fitur utama seperti pengumpulan tugas, daftar tugas, manajemen mata pelajaran, forum diskusi, notifikasi, dan penilaian.Pengujian dilakukan menggunakan metode Think Aloud dan System Usability Scale (SUS). Hasil testing menunjukkan tingkat keberhasilan penyelesaian tugas sebesar 95,83% dengan respons positif dari pengguna, serta skor SUS sebesar 85,83 yang termasuk kategori Acceptable (Grade B).Berdasarkan hasil tersebut, rancangan LMS SIMPEL dinilai memiliki tingkat kegunaan yang baik, mudah dipahami, dan dapat mendukung kebutuhan siswa dalam kegiatan pembelajaran digital. ***** The transformation of digital learning continues to grow, especially in vocational schools. However, several vocational schools in Jakarta, such as SMKN 1 Jakarta, SMK 1 Perguruan Cikini, and SMKN 40 Jakarta, still encounter difficulties in utilizing Learning Management Systems (LMS). Issues include a lack of simple user interfaces, features that do not align with students’ needs, and limited adaptability to technology. This research aims to design the UI/UX of a web-based LMS called SIMPEL (Sistem Pembelajaran Elektronik), focusing on usability and accessibility for vocational students. The development process uses the Five Planes method, while data were collected through observations and interviews with teachers and students at three vocational schools. The result is a high-fidelity interactive prototype developed using Figma, equipped with core learning features such as assignment submission, task list management, course enrollment, discussion forums, notifications, and grade viewing. Usability testing was conducted using the Think Aloud method and the System Usability Scale (SUS). The results show a task completion success rate of 95,83% with predominantly positive feedback, and a SUS score of 85,83, categorized as Acceptable with a Grade B rating. Based on these findings, the SIMPEL LMS prototype demonstrates good usability, easy comprehension, and the potential to support students effectively in digital learning activities.

Item Type: Thesis (Sarjana)
Additional Information: 1). Hamidillah Ajie, S.Si., M.T.; 2). Ressy Dwitias Sari, S.T., M.T.I.
Subjects: Teknologi dan Ilmu Terapan > Teknik Komputer
Divisions: FT > S1 Pendidikan Teknik Informatika Komputer
Depositing User: Users 32692 not found.
Date Deposited: 30 Jan 2026 03:41
Last Modified: 30 Jan 2026 06:44
URI: http://repository.unj.ac.id/id/eprint/64425

Actions (login required)

View Item View Item