Rancang Bangun Media Pembelajaran PocketBook Berbasis Website Dengan Model Project Based Learning Untuk Meningkatkan Kompetensi Dasar Siswa Pada Materi UI/UX Design (Studi Kasus Siswa Kelas XI DKV SMK PGRI 2 Sidoarjo)

Design of Website-Based Pocket Book Learning Media with PjBL Model to Improve Students Basic Competencies on UI/UX Design Material. (Case Study: DKV XI Class Students at SMK PGRI 2 Sidoarjo)

Kemajuan teknologi informasi dan komunikasi telah memberikan peluang untuk mengembangkan media pembelajaran yang inovatif dan interaktif. Salah satu tantangan utama dalam pembelajaran materi UI/UX di kelas XI DKV SMK PGRI 2 Sidoarjo adalah bagaimana menyampaikan materi secara efektif agar siswa mampu menguasai kompetensi dasar. Media pembelajaran pocketbook berbasis website dengan model Project Based Learning (PjBl) diharapkan dapat mejadi solusi untuk meningkatkan pemahaman siswa dalam mata pelajaran UI/UX di kelas XI DKV SMK PGRI 2 Sidoarjo. Penelitian ini menggunakan metode Research and Development (R&D) dengan model ADDIE. Hasil penelitian menunjukkan bahwa penggunaan media pocketbook berbasis website dengan model PjBL berhasil meningkatkan kompetensi dasar siswa pada materi UI/UX. Siswa menunjukkan peningkatan dalam pemahaman konsep dasar UI/UX, keterampilan merancang antarmuka pengguna, serta kemampuan kolaborasi. Selain itu, media ini mendapatkan respon positif dari siswa dan guru, terutama dalam hal aksebilitas, interaktivitas, dan ketersediaan materi yang mudah diakses melalui platform web. Penggunaan media pembelajaran pocketbook berbasis website terbukti efektif dalam meningkatkan hasil belajar siswa, khusunya pada materi UI/UX yang membutuhkan pendekatan praktis dan interaktif. Model PjBL yang diterapkan memberikan siswa kesempatan untuk belajar melalui pengalaman langsung dalam mengerjakan proyek yang pada akhirnya akan dapat meningkatkan konsep dan keterampilan mereka.

Kata Kunci: Pocket Book, Pembeajaran Berbasis Proyek, UI/UX, kompetensi dasar, media pembelajaran.

The advancement of information and communication technology has provided opportunities to develop inovative and interactive learning media. One of the main challenges in teaching UI/UX material to 11^th-grade DKV students at SMK PGRI 2 Sidoarjo is how to deliver the material effectively so that student can master the basic competencies. A web-based pocketbook learning media with the Project Based Learning (PjBL) model is expected to be a solution to enhance studentd understanding of UI/UX subjects in the 11^th-grade DKV class at SMK PGRI 2 Sidoarjo. This research employs the Research and Development (R&D) method using the ADDIE model. The result show that the use of a web-based pocketbook media with the PjBL model successfully improved students basic competencies in UI/UX material. Student demonstrated improvement in their understanding of basic UI/UX concept, user interface design skill, and collaboration abillities. Additionaly, this media received positive feedback from both students and teachers, particularly in terms of accesibility, interactivity, and the availability of easily accesible material throught the web platform. The use of the web-based pocketbook learning media proved effective in improving student learning outcomes, especially in UI/UX material that requires a practical and interactive approach. The applied PjBL model provided students with the opportunity to learn through hands-on experience in working on projects, which ultimately enhanced their concepts and skills.

Keyword: Basic competencies; Learning media; Pocket Book; Project Based Learning; UI/UX.