Design Of Website-Based C-Learning With PJBL To Improve Web Programming Learning Competencies In SMK Negeri 1 Surabaya

    Platform yang dirancang oleh peneliti ini Bernama C-Learning, yang merupakan sebuah media pembelajaran berbasis website yang memiliki banyak fitur serta mudah digunakan. C-Learning di rancang sebagai salah satu perangkat penunjang pembelajaran, dengan adanya C-Learning diharapkan adanya peningkatan dari segi kualitas pembelajaran hingga peningkatan hasil kompetensi belajar siswa khususnya pada mata Pelajaran pemrograman web siswa SMK Kelas 11 di jurusan rekayasa perangkat lunak.

    Media pembelajaran ini dirancang menggunakan model ADDIE dengan 5 tahapan penting nya yaitu Analysis, Design yakni, Development, Implementation, dan Evaluasi. Dilakukan juga beberapa validasi oleh para ahli yang bertujuan untuk membuktikan bahwa media pembelajaran layak digunakan dalam proses pembelajaran. Dari tahapan tersebut didapati hasil validasi materi oleh ahli materi sebesar 83,63%, validasi soal oleh ahli soal sebesar 81,87%, dan validasi media oleh ahli media sebesar 85,9%. hal ini membuktikan bahwa media pembelajaran tersebut masuk ke dalam kategori sangat baik dan layak digunakan dalam proses pembelajaran. selain itu hasil belajar siswa rata – rata nilai posttest kognitif lebih tinggi dibandingkan pretesttnya, sebesar 37,42 < 76,85 . sama halnya dengan nilai psikomotorik yakni, 38,14 < 77,28 . Hasil uji sample paired t-test keduanta yakni kognitif dan psikomotorik juga menunjukan bahwa nilai Sig.(2-tailed) sebesar 0.000 < 0.005 dapat disimpulkan bahwa H0 ditolak dan H1 diterima, sehingga hal ini memilik artian adanya perbedaan hasil belajar siswa setelah menggunakan media pembelajaran C-Learning dengan sebelum menggunakan media pembelajaran C-Learning pada mata pelajarab Pemrograman Web.

Kata Kunci : Media Pembelajaran, C-Learning, ADDIE, Website, Project Based Learning

    The platform designed by this researcher is named C-Learning, which is a website-based learning media that has many features and is easy to use. C-Learning is designed as one of the learning support tools, with the existence of C-Learning it is hoped that there will be an improvement in terms of learning quality to improve student learning competency results, especially in web programming subjects for 11th grade vocational students in the software engineering department.

    This learning media is designed using ADDIE model with 5 important stages, namely Analysis, Design, Development, Implementation, and Evaluation. Some validation by experts is also carried out which aims to prove that learning media is suitable for use in the learning process. From these stages, the results of material validation by material experts were 83.63%, question validation by question experts was 81.87%, and media validation by media experts was 85.9%. this proves that the learning media is in the very good category and is suitable for use in the learning process. besides that the average student learning outcomes of cognitive posttest scores are higher than the pretest, 37.42 < 76.85. the same is the case with psychomotor scores, 38.14 < 77.28. The results of the paired sample t-test both cognitive and psychomotor also show that the Sig. (2-tailed) value of 0.000 <0.005 can be concluded that H0 is rejected and H1 is accepted, so this means that there is a difference in student learning outcomes after using C-Learning learning media before using C-Learning learning media in Web Programming subjects.

Keywords: Learning Media, C-Learning, ADDIE, Website, Project Based Learning