RANCANG BANGUN MEDIA SESTEA (SYSTEM E-LEARNING SMART TEACHING) BERBASIS WEBSITE DENGAN MODEL PEMBELAJARAN PJBL UNTUK MENINGKATKAN KOMPETENSI ADMINISTRASI INFRASTRUKTUR JARINGAN PADA SISWA KELAS XI TKJ DI SMKN 1 SIDAYU GRESIK

DESIGN AND DEVELOPMENT OF WEBSITE BASED SESTEA (SYSTEM E-LEARNING SMART TEACHING) LEARNING MEDIA USING PJBL TO IMPROVE NETWORK ADMINISTRATOR COMPETENCIES IN CLASS XI TKJ STUDENTS AT SMKN 1 SIDAYU GRESIK 

        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. Pemakaian 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 SESTEA ini bertujuan untuk mengetahui perbedaan kompetensi kognitif dan psikomotorik siswa dalam Administrasi Infrastruktur Jaringan antara pembelajaran berbasis website dengan PJBL dan pembelajaran konvensional pada mata pelajaran Administrasi Infrastruktur Jaringan. 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.3 untuk back-end, React JS untuk front-end, framework Laravel, serta database MySQL. Validasi RPP, media, soal, materi menunjukkan tingkat validitas berturut turut sebesar 87%, 91%, 91%, 96%. Rata-rata nilai posttest kognitif lebih tinggi dari pada pretest kognitif, yaitu 78,7 > 48,4 Sementara itu, rata-rata nilai posttest psikomotorik juga lebih tinggi dari pada pretest psikomotorik, yakni 78,9 > 38,6. Hasil uji hipotesis paired sample t-test hasil belajar kognitif dan psikomotorik menunjukkan bahwa nilai Sig.(2-tailed) sebesar 0,000 < 0,05. Dengan demikian, H0 ditolak dan 𝐻1 diterima, dalam arti ada perbedaan hasil belajar siswa yang telah menggunakan media pembelajaran SESTEA berbasis website dan yang tidak menggunakan media pembelajaran SESTEA berbasis website pada mata Administrasi Infrastruktur Jaringan. 

Kata Kunci : Project Based Learning, ADDIE, Website, SESTEA, Kognitif, Psikomotorik, Routing Dinamis. 

        Learning models and media are two important components that influence the achievement of the desired learning objectives. The research problem regarding learning focuses on the teacher as a source of knowledge and there is no direct interaction between students and the media. Using appropriate learning media can foster students' interest in learning to understand the subject matter more easily. Therefore, this research offers a solution to develop website-based learning media accompanied by a Project Based Learning learning model. 

        The learning media designed by researchers with the name SESTEA aims to determine the differences in students' cognitive and psychomotor competencies in Network Administrator between website-based learning with PJBL and conventional learning in Network Administrator subjects. This research uses a Research and Development approach by adopting the ADDIE model.

        The trial design used in this research was Quasi Experimental with a Pretest Posttest Control Group Design format. Learning media is designed using the PHP 8.3 programming language for the back-end, React JS for the front-end, the Laravel framework, and the MySQL database. Validation of lesson plans, media, questions, materials, showed validity levels of 87%, 91%, 81%, 96% respectively. The average cognitive posttest score was higher than the cognitive pretest, namely 78,7 > 48,4. Meanwhile, the average psychomotor posttest score was also higher than the psychomotor pretest, namely 78,9 > 38,6. The results of the paired sample t-test hypothesis test on cognitive and psychomotor learning outcomes show that the Sig (2-tailed) value is 0.000 < 0.05. Thus, 𝐻0 is rejected and 𝐻1 is accepted, in the sense that there is a difference in the learning outcomes of students who have used website-based SESTEA learning media and those who have not used website based SESTEA learning media in Network Administrator subjects. 

Kata Kunci : Project Based Learning, ADDIE, Website, SESTEA, Cognitive, Psychomotor, Routing Dynamic.