Electronic Theses and Dissertation

Pengenalan mata pelajaran informatika sebagai mata pelajaran wajib di tingkat sekolah menengah pertama di indonesia melalui kurikulum merdeka belajar menunjukkan upaya pemerintah dalam meningkatkan literasi digital dan kemampuan berpikir komputasional siswa. namun, banyak sekolah masih menghadapi berbagai tantangan seperti keterbatasan waktu pembelajaran, kurangnya tenaga pengajar informatika yang berkualifikasi, serta belum tersedianya media pembelajaran yang terstruktur untuk topik seperti struktur data dan algoritma. penelitian ini bertujuan untuk merancang dan mengimplementasikan sistem media pembelajaran berbasis web menggunakan arsitektur berbasis komponen untuk mendukung pembelajaran informatika di tingkat sekolah menengah pertama. arsitektur sistem dirancang berdasarkan business concept model (bcm) dan kebutuhan yang didefinisikan dalam software requirements specification (srs). diagram unified modeling language (uml) digunakan untuk memodelkan struktur dan interaksi sistem, sedangkan object constraint language (ocl) digunakan untuk mendefinisikan aturan bisnis, invarian, dan batasan dalam diagram kelas. bagian back-end sistem diimplementasikan menggunakan framework adonisjs, dan mysql sebagai sistem manajemen basis data. sistem yang dikembangkan memiliki tiga peran pengguna, yaitu superadmin, admin, dan student, serta menyediakan fitur autentikasi, pengelolaan konten pembelajaran, asesmen (pre-test, kuis, tes akhir, dan post-test), serta pelacakan jawaban dan kemajuan belajar siswa. pengujian black-box dilakukan untuk memastikan bahwa seluruh fungsionalitas sistem berjalan sesuai dengan kebutuhan yang telah ditentukan. hasil penelitian menunjukkan bahwa arsitektur berbasis komponen menghasilkan sistem yang modular dan mudah dipelihara, sehingga memungkinkan siswa untuk belajar secara mandiri serta membantu guru dalam mengelola konten dan memantau kinerja siswa secara lebih efektif. kata kunci: arsitektur berbasis komponen, sistem media pembelajaran, informatika, sekolah menengah pertama, uml, ocl, adonisjs, black box

The introduction of Informatics as a mandatory subject in Indonesian junior high schools through the Merdeka Belajar curriculum shows the government’s effort to improve digital literacy and computational thinking among students. However, many schools continue to face challenges such as limited learning time, a shortage of qualified Informatics teachers, and the lack of structured learning media topics like Data Structures and Algorithms. This research aims to design and implement a web-based learning media system using a component-based architecture to support Informatics learning at the junior high school level. The system architecture was designed based on the Business Concept Model (BCM) and requirements defined in the Software Requirements Specification (SRS). Unified Modeling Language (UML) diagrams were used to model system structure and interactions, while Object Constraint Language (OCL) was used to define business rules, invariants, and constraints within the class diagrams. The back-end of the system was implemented using the AdonisJS framework, with MySQL as the database management system. The developed system has three user roles, Superadmin, Admin, and Student, providing features for authentication, learning content management, assessments (pre-test, quiz, final test, and post-test), and tracking student answers and learning progress. Black-box testing was conducted to verify that all system functionalities operate according to the defined requirements. The results show that the component-based architecture enables a modular and maintainable system, allowing students to learn independently while assisting teachers in managing content and monitoring student performance more effectively. Key words: component-based architecture, learning media system, Informatics, junior high school, UML, OCL, AdonisJS, Black Box.