Rancang Bangun Learning Management System Menggunakan Model Project Based Learning Untuk Meningkatkan Kompetensi Memprogram Javascript (Studi Kasus Siswa Kelas XI RPL di SMKN 10 Surabaya)

Design and Development of a Learning Management System Using the Project Based Learning Model to Improve Javascript Programming Competency (Case Study of Class XI RPL Students at SMKN 10 Surabaya)

Dalam era transformasi digital, kebutuhan akan penguasaan keterampilan teknologi, khususnya pemrograman, menjadi semakin mendesak. Pendidikan vokasi, seperti di SMK, dituntut untuk menghasilkan lulusan yang kompeten dan siap bersaing di dunia kerja. Namun, tantangan utama yang dihadapi adalah metode pembelajaran konvensional yang kurang interaktif dan sering kali tidak mampu mengakomodasi perkembangan teknologi terbaru. Salah satu pendekatan inovatif yang dapat diterapkan adalah Project Based Learning, yang tidak hanya berfokus pada teori, tetapi juga melibatkan siswa secara langsung dalam pengembangan proyek nyata.

Penelitian ini berupaya untuk merancang dan mengimplementasikan Learning Management System berbasis Project Based Learning, dengan tujuan meningkatkan kompetensi siswa dalam pemrograman JavaScript. Melalui penerapan model ini, diharapkan pembelajaran menjadi lebih kontekstual, kolaboratif, dan mampu mengasah keterampilan kognitif serta psikomotorik siswa. Penggunaan LMS berbasis Project Based Learning diharapkan dapat menciptakan pengalaman belajar yang interaktif dan mendalam, sehingga siswa tidak hanya memahami konsep dasar pemrograman tetapi juga mampu menerapkannya dalam proyek nyata. Oleh karena itu, penelitian mengembangkan LMS menggunakan Project Based Learning yang dinamakan Jswebku.

Metode penelitian yang digunakan adalah Research and Development (R&D) dengan model pengembangan ADDIE (Analysis, Design, Development, Implementation, Evaluation). Perancangan LMS dalam penelitian ini dikembangkan dengan moodle. Subjek penelitian adalah siswa kelas 11 Rekayasa Perangkat Lunak (RPL) di SMKN 10 Surabaya. Pengumpulan data dilakukan melalui postest untuk penilaian kognitif dan penilaian psikomotorik dengan proyek. Siswa di kelas eksperimen memperoleh perlakuan berupa penerapan LMS Jswebku, berbeda dibandingkan kelas kontrol yang tidak menggunakan media. Hasil belajar siswa dari kedua kelas tersebut selanjutnya dengan analisis data.

Hasil penelitian menunjukkan Jswebku memiliki tingkat kevalidan yang diperoleh dari hasil validasi diantaranya hasil validasi RPP sebesar 85% (sangat valid), hasil validasi materi sebesar 93% (sangat valid), hasil validasi soal sebesar 94% (sangat valid), dan hasil validasi media sebesar 89% (sangat valid), sehingga rata-rata kevalidan keseluruhan sebesar 90% termasuk ke dalam kategori “sangat valid” dan layak diterapkan dalam proses pembelajaran. Berdasarkan uji statistik menggunakan Independent Sample t-test, diperoleh hasil pada postes-kognitif sebesar 15.598 > 0.05 dan hasil pada psikomotorik-proyek sebesar 14.377 > 0.05, hal ini menunjukkan bahwa kelas eksperimen memiliki hasil belajar yang secara signifikan lebih tinggi dibandingkan dengan kelas kontrol (tanpa media). Hasil tersebut mengindikasikan bahwa integrasi LMS dengan model PBL (jswebku) efektif dalam meningkatkan kompetensi siswa dalam pemrograman JavaScript dibandingkan dengan metode pembelajaran konvensional yang tanpa adanya media.

Kata Kunci: Learning Management System, Project Based Learning,Pemrograman JavaScript, ADDIE, Kompetensi Siswa

In the era of digital transformation, the need for mastery of technological skills, especially programming, is becoming increasingly urgent. Vocational education, such as in vocational schools, is required to produce competent graduates who are ready to compete in the world of work. However, the main challenge faced is conventional learning methods that are less interactive and often unable to accommodate the latest technological developments. One innovative approach that can be applied is Project Based Learning, which not only focuses on theory, but also involves students directly in developing real projects.

This study attempts to design and implement a Learning Management System based on Project Based Learning, with the aim of improving student competence in JavaScript programming. Through the application of this model, it is hoped that learning will be more contextual, collaborative, and able to hone students' cognitive and psychomotor skills. The use of LMS based on Project Based Learning is expected to create an interactive and in-depth learning experience, so that students not only understand the basic concepts of programming but are also able to apply them in real projects. Therefore, the study developed an LMS using Project Based Learning called Jswebku.

The research method used is Research and Development (R&D) with the ADDIE development model (Analysis, Design, Development, Implementation, Evaluation). The LMS design in this study was developed with moodle. The subjects of the study were 11th grade students of Software Engineering (RPL) at SMKN 10 Surabaya. Data collection was carried out through a posttest for cognitive assessment and psychomotor assessment with projects. Students in the experimental class received treatment in the form of implementing the Jswebku LMS, different from the control class that did not use media. The learning outcomes of students from both classes were then analyzed by data analysis.

The results of the study showed that Jswebku had a level of validity obtained from the validation results including the RPP validation results of 85% (very valid), the material validation results of 93% (very valid), the question validation results of 94% (very valid), and the media validation results of 89% (very valid), so that the average overall validity of 90% is included in the "very valid" category and is suitable for application in the learning process. Based on statistical tests using Independent Sample t-test, the results obtained on the cognitive posttest were 15,598> 0.05 and the results on the psychomotor-project were 14,377> 0.05, this indicates that the experimental class has significantly higher learning outcomes compared to the control class (without media). These results indicate that the integration of LMS with the PBL model (jswebku) is effective in improving student competence in JavaScript programming compared to conventional learning methods without media.

Keywords: Learning Management System, Project Based Learning, JavaScript Programming, ADDIE, Student Competence