Teknologi memegang peranan yang sangat penting dalam bidang pendidikan khususnya dalam proses pengajaran, beberapa kegiatan telah beralih menjadi jarak jauh atau online, termasuk pembelajaran yang dilakukan jarak jauh melalui berbagai media teknologi. Salah satu teknologi yang digunakan adalah e-learning, dimana pembelajaran elektronik dinilai efektif dalam hal pengumpulan tugas dan pemberian bahan pelajaran, namun meski pembelajaran daring dinilai menguntungkan dan terkesan menyenangkan karena dapat dilakukan di rumah, namun tidak mudah untuk dilakukan.

Penelitian ini bertujuan untuk (1) Mengetahui Bagaimana tahapan proses rancang bangun pjbl menggunakan web-based learning sebagai media pembelajaran interaktif untuk meningkatkan keterampilan pemrograman web (2) Menganalisis peningkatan keterampilan dalam pemrograman web.

Metode yang digunakan dalam penelitian ini adalah R & D (Research & Development) dengan model 4D yaitu Define, Design, Develop, dan Disseminate, dalam proses penelitian diatas telah melalui beberapa validasi oleh para ahli untuk memvalidasi media pembelajaran yang sudah dibuat, validasi ini terdiri 4 aspek yaitu

Technology plays a very important role in the field of education, especially in the teaching process, several activities have shifted to distance or online, including learning carried out remotely through various technological media. One of the technologies used is e-learning, where electronic learning is considered effective in terms of collecting assignments and providing learning materials, but even though online learning is considered profitable and seems fun because it can be done at home, it is not easy to do.

This research aims to (1) Find out how the stages of the PJBL design and construction process use web-based learning as an interactive learning medium to improve web programming skills (2) Analyze the increase in skills in web programming.

The method used in this research is R & D (Research & Development) with a 4D model, namely Define, Design, Develop, and Disseminate, in the research process above it has gone through several validations by experts to validate the learning media that has been created, this validation consists of 4 aspects, namely material, media, lesson plans and pre-test post-test, apart from that, a normality test and T test were also carried out to find out whether there was an influence from the learning media that the researchers had created on students' web programming psychomotor abilities.