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.