RANCANG BANGUN MEDIA PEMBELAJARAN BERBASIS WEBSITE DENGAN MODEL PROJECT BASED LEARNING UNTUK MENINGKATKAN KOMPETENSI FRONT-END PEMROGRAMAN WEB SISWA KELAS XI RPL SMKN TAKERAN

DESIGN OF WEBSITE-BASED LEARNING MEDIA WITH PROJECT BASED LEARNING MODEL TO IMPROVE THE FRONT-END WEB PROGRAMMING COMPETENCIES OF GRADE XI RPL STUDENTS OF SMKN TAKERAN

Pemanfaatan teknologi informasi yang pesat memberikan dampak signifikan dalam pendidikan, salah satunya dengan penerapan Learning Management System (LMS) berbasis website. Penelitian ini bertujuan untuk merancang dan membangun media pembelajaran berbasis website degan model Project Based Learning pada materi Pemrograman Web untuk meningkatkan kompetensi front-end siswa RPL di SMKN Takeran. Pendekatan Research and Development (R&D) dengan model pengembangan ADDIE. Teknik pengumpulan data meliputi observasi, dan dokumentasi yang mencakup angket validasi ahli dan post-test psikomotorik terhadap 32 siswa. Teknik analisis data melibatkan uji validitas instrumen, uji normalitas, uji homogenitas, uji T-tes untuk hipotesis dan uji determinasi. Hasil penelitian ini menunjukkan bahwa website DataLearn dinilai sangat baik layak digunakan dengan persentase kelayakan 84%. RPP memperoleh validasi sebesar 83%, materi pembelajaran 82%, dan validasi soal mencapai 87%, menunjukkan keseluruhan komponen sangat valid dan efektif dalam meningkatkan kompetensi front-end web. Uji T-test menunjukkan rata-rata nilai psikomotorik kelas eksperimen sebesar 85,38 dan kelas kontrol 76,88, namun perbedaannya tidak signifikan secara statistik (p > 0,05). Meskipun demikian, penggunaan media pembelajaran ini menunjukkan potensi positif dalam meningkatkan kompetensi front-end siswa dan mendukung pembelajaran yang lebih interaktif, fleksibel, dan mandiri.

The rapid use of information technology has a significant impact on education, one of which is the implementation of a website-based Learning Management System (LMS). This research aims to design and build a website-based learning media with a Project Based Learning model on Web Programming materials to improve the front-end competence of RPL students at SMKN Takeran. Research and Development (R&D) approach with ADDIE development model. Data collection techniques included observation, and documentation which included expert validation questionnaires and psychomotor post-tests on 32 students. The data analysis technique involves the instrument validity test, normality test, homogeneity test, T-test for hypothesis and determination test. The results of this study show that the DataLearn website is considered very good to use with a feasibility percentage of 84%. The lesson plan obtained validation of 83%, learning materials of 82%, and question validation reached 87%, showing that all components are very valid and effective in improving web front-end competencies. The T-test showed an average project value of the experimental class of 85.38 and the control class of 76.88, but the difference was not statistically significant (p > 0.05). Nonetheless, the use of this learning media shows positive potential in improving students' front-end competencies and supporting more interactive, flexible, and independent learning.