Model dan media pembelajaran merupakan dua komponen penting yang memengaruhi tercapainya tujuan pembelajaran yang dikehendaki. Permasalahan penelitian mengenai pembelajaran berfokus pada guru sebagai sumber pengetahuan dan tidak adanya interaksi peserta didik langsung dengan media. Pemkaian media pembelajaran yang tepat dapat menumbuhkan minat peserta didik dalam belajar untuk memahami materi pelajaran secara lebih mudah. Oleh sebab itu, penelitian ini menawarkan solusi mengembangkan media pembelajaran berbasis Website disertai model pembelajaran Project Based Learning.
Media pembelajaran yang dirancang peneliti dengan nama E-Study ini bertujuan untuk mengetahui perbedaan kompetensi kognitif dan psikomotorik siswa dalam pemrograman dasar antara pembelajaran berbasis website dengan PJBL dan pembelajaran konvensional pada mata pelajaran pemrograman dasar. Penelitian ini menggunakan pendekatan Research and Development dengan mengadopsi model ADDIE. Desain uji coba yang digunakan dalam penelitian ini adalah Quasi Eksperimental dengan format Pretest Posttest Control Group Design. Media pembelajaran dirancang menggunakan bahasa pemrograman PHP 8.2 untuk back-end, React JS untuk front-end, framework Laravel, serta database MySQL. Validasi media, soal, materi, RPP menunjukkan tingkat validitas berturut-turut sebesar 87%, 88%, 85%, 76%. Rata-rata nilai posttest kognitif lebih tinggi daripada pretest kognitif, yaitu 76,9 > 47,6. Sementara itu, rata-rata nilai posttest psikomotorik juga lebih tinggi dari pada pretest psikomotorik, yakni 77,8 > 37,6. Hasil uji hipotesis paired sample t-test hasil belajara kognitif dan psikomotorik menunjukkan bahwa nilai Sig.(2-tailed) sebesar 0,000 < 0,05. Dengan demikian, H0 ditolak dan H1 diterima, dalam arti ada perbedaan hasil belajar siswa yang telah menggunakan media pembelajaran E-Study berbasis website dan yang tidak menggunakan media pembelajaran E-Study berbasis website pada mata pelajaran Pemrograman Dasar.
Kata Kunci: Project Based Learning, Website, Media Pembelajaran, Kognitif, Psikomotorik, ADDIE, E-Study.