Project Base Learning Assisted by Codepen Web Media on Understanding Concepts and Practical Abilities of Software Engineering Students on Web Programming Materials

Abstract

Understanding the concept and practical ability of web programming is important for RPL Vocational School students. Students who have a good understanding of concepts will be able to understand programming logic and be able to solve problems related to web programming. As well as being able to write web programming code correctly and efficiently. One way to improve students' understanding of concepts and practical abilities of web programming is to use (PjBL) assisted by Codepen web media. Web Codepen is an online platform that provides facilities for writing, sharing, and editing programming code, while PjBL is a Learning Model that uses projects or activities as the core of learning. The main problem in this study is that students find it difficult to understand basic concepts such as HTML, CSS,JS. This study aims to determine the impact (PjBL) assisted by web codepen media on the understanding of concepts and practical abilities of RPL students in Web Programming Materials. This research is a quasy experiment research with a the-non equivalent Group Design design with data collection carried out Essay Pretest Postes and project tests. The results of the study showed a significant increase in students' understanding of concepts and practical abilities after the application of this method. The increase in the average learning outcomes of students from 73.63 to 82.74 and practical ability from 77.89 to 87.30 indicates that PjBL assisted by Codepen web media is effective in improving students' understanding of concepts and practical abilities in learning web programming.