Mudapa.my.id as User-Centered Digital Civic Communication: Website-Based Pancasila Education, Student Interest, and SDG 4 in an Indonesian Vocational School

Digital civic learning is increasingly important in vocational education because civic values must remain meaningful in technology-mediated learning environments. However, Pancasila Education is still often delivered through teacher-centered explanation and static materials, reducing student interest and limiting active participation. This study developed and evaluated Mudapa.my.id, a website-based learning medium for Pancasila Education at Vocational High School (SMK) Muhammadiyah 2 Pagak, Malang, Indonesia. The study employed research and development using the ADDIE model, consisting of analysis, design, development, implementation, and evaluation. Data were collected through expert validation, classroom observation, interviews, student learning-interest questionnaires, and student response questionnaires. The platform provides role-based access for administrators, teachers, and students and includes digital materials, videos, assignments, quizzes, and LMS-supported learning activities. The findings indicate that the product was very feasible in terms of material (85.00%) and media design (86.25%), while the language dimension reached the feasible category (70.00%) after revision. Student learning interest reached 87.30%, and student response reached 91.60%, both in the very good category. These findings show that Mudapa.my.id is a feasible and well-accepted medium for inclusive, user-centered digital civic learning in vocational schools, with practical relevance for SDG 4-oriented quality education.