Rancang Bangun Sistem Pengelolaan Pembelajaran Berbasis Website “AVStudy!” dengan Project Based Learning untuk Meningkatkan Kompetensi Produksi Video Iklan Layanan Masyarakat Pada Mata Pelajaran Teknik Pengolahan Audio Video (Studi Kasus Siswa Kelas XI DKV di SMKN 6 Surabaya)

Design and Build a Website-Based Learning Management System "AVStudy!" with Project Based Learning to Improve Competency in Public Service Advertisement Video Production in the Subject of Audio Video Processing Techniques (Case Study of Class XI DKV Students at SMKN 6 Surabaya)

    Produk media pembelajaran “AvStudy!” dirancang dan dibangun dengan tujuan untuk membandingkan kompetensi kognitif dan psikomotorik siswa dalam produksi iklan layanan masyarakat antara pembelajaran berbasis website PJBL dan pembelajaran konvensional. Penelitian ini menggunakan metode rancangan dan pengembangan Research & Development (R&D) dan desain penelitian posttest only control group. Media ini dirancang menggunakan bahasa pemrograman PHP, react js, laravel sebagai framework, dan MySQL sebagai database. Validasi media, RPP, materi, soal menunjukkan tingkat kevalidan masing-masing sebesar 93%, 92%, 96%, dan 95%. Dari hasil penelitian ini kelas ekperimen memiliki nilai rata-rata lebih tinggi dibandingkan dengan kelas kontrol baik dari segi kognitif maupun psikomotorik. Rata-rata posttest nilai kognitif kelas eksperimen sebesar (89,25) lebih tinggi dari kelas kontrol yang sebesar (51,93). Rata-rata nilai psikomotorik kelas eksperimen juga memiliki nilai posttest yang lebih tinggi yaitu (76,64) dibandingkan kelas kontrol dengan nilai sebsar (61,58). Hal ini didukung oleh hadil dari uji hipotesis independent sample t-test yang menyatakan nilai Sig.(2-Tailed) kurang dari 0,05, dalam arti H0 ditolak dan H1 diterima bahwa terdapat perbedaan hasil kompetensi produksi video iklan layanan masyarakat peserta didik setelah menggunakan media pembelajaran berbasis web “AvStudy!” dengan PJBL pada siswa kelas XI DKV di SMKN 6 Surabaya.

Kata Kunci : Website, Media Pembelajaran, Project Based Learning, R&D, Kognitif, Psikomotorik

The learning media product “AvStudy!” designed and built with the aim of comparing students' cognitive and psychomotor competencies in the production of public service advertisements between PJBL website-based learning and conventional learning. This research uses the Research & Development (R&D) design and development method and a posttest only control group research design. This media is designed using the PHP programming language, React JS, Laravel as a framework, and MySQL as a database. Validation of media, lesson plans, materials, questions shows a validity level of 93%, 92%, 96% and 95% respectively. From the results of this research, the experimental class had a higher average score compared to the control class both in terms of cognitive and psychomotor. The average posttest cognitive score for the experimental class was (89.25) higher than the control class which was (51.93). The average psychomotor score for the experimental class also had a higher posttest score, namely (76.64) compared to the control class with a score of (61.58). This is supported by the results of the independent sample t-test hypothesis test which states that the Sig. (2-Tailed) value is less than 0.05, meaning that H0 is rejected and H1 is accepted that there is a difference in the results of students' public service advertising video production competence after using web-based learning media "AvStudy!" with PJBL for class XI DKV students at SMKN 6 Surabaya.

Keywords :  Website, Learning Media, Project Based Learning, R&D, Cognitive, Psychomotor.