Preprint has been submitted for publication in journal
Preprint / Version 1

Development of a Website-Based Interactive Learning Media for the Operating Systems Topic in Grade X Vocational High School

Pengembangan Media Pembelajaran Interaktif Berbasis Website Pada Materi Sistem Operasi Kelas X SMK

##article.authors##

DOI:

https://doi.org/10.21070/ups.11564

Keywords:

Interactive Learning Media, Website, Operating System

Abstract

Advancements in information and communication technology have encouraged the use of engaging digital educational resources to enhance learning. At SMK Ar-Rahma Mandiri Indonesia (Gempol), Informatics learning on Operating Systems is limited to interactive presentations without comprehensive integration of educational elements. This study aims to develop a web-based interactive educational resource for Operating System material for 10th-grade vocational high school students. The research and development method employed the ADDIE framework, consisting of Analysis, Design, Development, Implementation, and Evaluation. The resource was developed using HTML, CSS, JavaScript, and Bootstrap to support accessibility across devices through web browsers. It includes learning objectives, educational content, instructional videos, interactive quizzes with automated grading, evaluation results, and a user guide. Results showed feasibility scores of 85.33% from subject matter experts and 89.33% from media experts, categorized as “Highly Feasible.” Student responses reached 98.75%, also categorized as “Highly Feasible.” Thus, the developed resource is suitable for use.

Downloads

Download data is not yet available.

References

D. L. Choi-Lundberg, K. Butler-Henderson, K. Harman, and J. Crawford, “A systematic review of digital innovations in technology-enhanced learning designs in higher education,” Australas. J. Educ. Technol., vol. 39, no. 3, pp. 133–162, 2023, doi: 10.14742/ajet.7615.

A. Ukenova and G. Bekmanova, “A review of intelligent interactive learning methods,” Front. Comput. Sci., vol. 5, 2023, doi: 10.3389/fcomp.2023.1141649.

K. C. Li, B. T. M. Wong, and H. T. Chan, “Teaching and learning innovations for distance learning in the digital era: a literature review,” Front. Educ., vol. 8, no. August, pp. 1–14, 2023, doi: 10.3389/feduc.2023.1198034.

M. Sudeka et al., “Jurnal Pendidikan Informatika dan Sains,” Pendidik. Inform. dan Sains, vol. 13, no. 2, pp. 102–110, 2024, doi: 10.31571/saintek.v11i2.10608.

N. Utama, R. Ade Darman, and B. Nurdin, “Pengembangan Media Pembelajaran Berbasis Game Edukasi Pada Mata Pelajaran Informatika Kelas X Tjkt Smk Negeri 1 Sintuk Toboh Gadang,” JATI (Jurnal Mhs. Tek. Inform., vol. 7, no. 5, pp. 3475–3483, 2024, doi: 10.36040/jati.v7i5.7684.

S. Kelas, X. P. Mata, and P. Sistem, “Pengembangan Media Pembelajaran Berbasis Andorid Untuk Siswa Kelas X Pada Mata Pelajaran Sistem Operasi,” J. Pendidik. Inform., vol. 2, pp. 24–33, 2018.

A. Pramudya, A. Ambiyar, H. Nurdin, and B. Rahim, “Pengembangan Media Pembelajaran Berbasis Flip HTML 5 pada Mata Pelajaran Teknik Pemesinan Bubut di SMK Negeri 1 Padang,” Masal. J. Pendidik. dan Sains, vol. 4, no. 1, pp. 248–257, 2023, doi: 10.58578/masaliq.v4i1.2160.

Muzakkir, “Pengembangan Media Pembelajaran Web berbasis Html dan Css Untuk Meningkatkan Keterampilan Dasar Pemograman Web Program Studi Teknologi Pendidikan,” REFORM J. Pendidikan, Sos. dan Budaya, vol. 6, no. 01, pp. 1–6, 2023, doi: 10.70004/reform.v6i01.117.

P. Guru, S. Dasar, and U. N. Semarang, “Pengembangan Media Interaktif Berbasis HTML5 Digital Story Pocketbook Muatan Pembelajaran Bahasa Indonesia Kelas IV,” J. PERSEDA, vol. 6, no. 2, pp. 152–161, 2023.

Z. V. Pratama, M. Wathoni, Y. Efendi, and R. Ramadi, “Pengembangan Pembelajaran Interaktif Berbasis Discovery Learning Menggunakan Website Online Genially pada Mata Pelajaran Informatika,” Indo Green J., vol. 2, no. 4, pp. 17–27, 2024, doi: 10.31004/green.v2i4.57.

F. Sujatniko, M. Fathoni, and Muarif, “Pengembangan Media E-Komik Berbasis Website Canva pada Materi Sistem Komputer Kelas X di SMA Negeri 1 Belitang Jaya,” Bin. J. Teknol. Inf. dan Edukasi, vol. 2, no. 1, pp. 28–43, 2025, doi: 10.30599/binary.v2i1.1285.

D. L. Adibowo, A. Emilia, I. Bin Sa’id, P. P. Ratno, A. A. Maiyanti, and A. Anggraini, “Pengembangan Media Pembelajaran Berbasis Website Edukasi Untuk Meningkatkan Hasil Belajar Siswa,” J. Stud. Guru dan Pembelajaran, vol. 8, no. 2, pp. 1155–1165, 2025, doi: 10.30605/jsgp.8.2.2025.6456.

D. A. Dirgantara and R. Andrian, “Pengembangan Responsif Website Untuk Semarang Heritage Run 2022 dengan Framework Bootstrap,” J. Media Infotama, vol. 19, no. 2, pp. 433–438, 2023, doi: 10.37676/jmi.v19i2.4346.

P. R. Muryandari and B. Sujatmiko, “Implementasi Model Addie Dalam Pengembangan Media Pembelajaran Berbasis Web Untuk Meningkatkan Keahlian Pemrograman Dasar Di SMKN 1 Wonoasri,” IT-Edu J. Inf. Technol. Educ., vol. 10, no. 02, pp. 90–97, 2025, doi: 10.26740/it-edu.v10i02.68124.

N. Nadiman, I. Purnamasari, and S. Sumarno, “Pengembangan E-Modul Menggunakan Flipbook Maker Berbasis Metode Problem Solving untuk Meningkatkan Keterampilan Bernalar Kritis Siswa Kelas V Sekolah Dasar,” Media Penelit. Pendidik. J. Penelit. dalam Bid. Pendidik. dan Pengajaran, vol. 17, no. 2, pp. 355–367, 2023, doi: 10.26877/mpp.v17i2.16795.

H. Permatasari, “Development of Android-Based Interactive Learning Media for Informatics Subjects for Class VIII Junior High School : Pengembangan Media Pembelajaran Interaktif Berbasis Android,” J. Pendidik. dan Teknol., vol. 7, no. 4, pp. 180–195, 2023.

S. A. Hasnaa and S. Sahronih, “Pengaruh Media Pembelajaran Interaktif Berbasis Website Google Sites Terhadap Hasil Belajar Siswa Sekolah Dasar,” PERISKOP J. Sains dan Ilmu Pendidik., vol. 3, no. 1, pp. 21–27, 2022, doi: 10.58660/periskop.v3i1.31.

M. I. Marsela, G. Darmawati, S. Derta, and F. Annas, “Perancangan Media Pembelajaran Matematika Berbasis WEB Menggunakan HTML dan CSS Kelas X di MAS M. Nadis bukittinggi,” J. Media Infotama, vol. 20, no. 1, pp. 321–328, 2024, doi: 10.37676/jmi.v20i1.5746.

A. R. Giyanti, H. Harlita, and B. Sugiharto, “Pengembangan media website interaktif berbasis keterampilan proses sains pada materi animalia untuk kelas x sekolah menengah atas,” Bio-Pedagogi, vol. 10, no. 2, p. 101, 2022, doi: 10.20961/bio-pedagogi.v10i2.56522.

N. W. Muriyadi, Andi Ichsan Mahardika, Muhammad Hifdzi Adini, R. Ati Sukmawati, “Pembelajaran Interaktif Berbasis Canva pada Pembelajaran Perubahan Bentuk Energi dengan Metode Tutorial,” Comput. Educ. Technol. J., vol. 2, no. 2024, pp. 306–312, 2024.

Downloads

Additional Files

Posted

2026-08-07

Categories

License

Copyright (c) 2026 UMSIDA Preprints Server

Creative Commons License

This work is licensed under a Creative Commons Attribution 4.0 International License.