Development of Problem-Based Web Application with a Differentiated Learning Approach

The development of digital technology and the internet allows multimedia learning to support a more flexible and accessible learning process. This research was conducted to develop a problem-based learning system with a differentiated learning approach. Adjustment of the learning process into differentiated processes and products based on students’ learning styles, namely visual, auditory, and kinesthetic. The learning system was developed following the syntax of problembased learning, namely i) problem orientation; ii) student organizations; iii) guiding the investigation; iv) developing and presenting work results, and v) analysis and evaluation of the problem-solving process. The learning system development procedure consists of analysis, design, development, and evaluation stages. The learning system consists of login, profile, change password, and logout features. Apart from that, there is a learning menu (Pre-Test, Material, and Post-Test), assignments, grades, help, guides, and developer information. The material validation results show a score of 91.69% and is included in the “Very Good” category. Meanwhile, the results of the media validation value were 93.66% in the “Very Good” category. This learning system has adapted a differentiated learning approach with an expert validation test score of 70.39% in the “Good” category. The results of this research indicate that a problem-based learning system with a differentiated learning approach can be categorized as suitable for implementation in the classroom learning process. It is hoped that this research can become a reference and source of reference for further research which will develop a problembased learning system with a differentiated approach.