Desain Media Pembelajaran Berbasis Web untuk Materi DOM HTML Menggunakan Pendekatan Tutorial

Iif Alifah, Harja Santana Purba, Novan Alkaf Bahraini Saputra

Abstract


DOM HTML merupakan fondasi utama dalam pengembangan web modern karena hampir seluruh interaksi halaman web bergantung pada manipulasi DOM. Visualisasi yang baik sangat penting untuk membantu peserta didik memahami perubahan nyata pada elemen halaman sebagai akibat dari kode yang mereka tulis. Penelitian ini bertujuan mengembangkan dan mengukur validitas media pembelajaran interaktif berbasis web pada materi DOM HTML menggunakan model tutorial. Metode yang digunakan adalah Research and Development (R&D) dengan model pengembangan ADDIE, meliputi tahap analisis, desain, pengembangan, dan evaluasi, tanpa melalui tahap implementasi. Media ini menggunakan model tutorial yang terdiri atas delapan langkah, yaitu pengenalan, penyajian materi, pertanyaan dan respon, penilaian respon, pemberian respon balik, pengulangan, segmen pengaturan pengajaran, dan penutup. Hasil dari penelitian ini berupa media pembelajaran interaktif berbasis web yang dilengkapi materi DOM HTML, kode editor, aktivitas, kuis, dan evaluasi akhir. Pengujian fungsionalitas menggunakan metode Black Box Testing menunjukkan bahwa seluruh fitur media pembelajaran, baik untuk mahasiswa maupun dosen, berjalan dengan baik sesuai tujuan yang dirancang. Hasil validasi menunjukkan nilai 75,91% untuk aspek materi dan 76,67% untuk media. Berdasarkan hasil tersebut, media dinyatakan valid dan dapat digunakan sebagai pendukung pembelajaran materi DOM HTML dan berpotensi meningkatkan pemahaman konseptual serta keterampilan praktis peserta didik melalui visualisasi dan praktik langsung.


Keywords


ADDIE; DOM HTML; Media pembelajaran interaktif; Model tutorial; Research and development;

Full Text:

PDF

References


Badan Standar Nasional Pendidikan. (2008). Standar penilaian buku teks pelajaran.

Derus, S. R. M., & Ali, A. Z. M. (2012). Difficulties in learning programming: Views of students. 74–78. https://www.academia.edu/download/31715369/ICCIE2012_siti_rosminah.pdf

Divayana, D. G. H., Suyasa, P. W. A., & Sugihartini, N. (2016). Pengembangan media pembelajaran berbasis web untuk matakuliah kurikulum dan pengajaran di jurusan pendidikan teknik informatika universitas Pendidikan Ganesha. Jurnal Nasional Pendidikan Teknik Informatika (JANAPATI), 5(3), 149–157. https://doi.org/10.23887/janapati.v5i3.9922

Erliani, Y., Sukmawati, R. A., & Adini, M. H. (2022). Pengembangan media pembelajaran interaktif berbasis web pada materi basis data menggunakan metode pembelajaran drill and practice. Computer Science Education Journal (CSEJ), 2(1), 25–32. https://ppjp.ulm.ac.id/journals/index.php/csej/article/view/6612

Ghaffur, T. A., & Nurkhamid. (2017). Analisis kualitas sistem informasi kegiatan sekolah berbasis mobile web di SMK Negeri 2 Yogyakarta. Elinvo (Electronics, Informatics, and Vocational Educaion), 2(1), 94–101. https://doi.org/10.21831/elinvo.v2i1.16426

Maarif, S., Fikrati, A. N., Rahman, F., Masruchan, & Muslimin. (2023). Pelatihan pembuatan media pembelajaran berbasis web. 5(2). https://ejournal.stkipjb.ac.id/index.php/pengabdian/article/view/3421

Mahardika, A. I., Purba, H. S., & Permana, A. (2022). The development of web-based interactive learning media on static electricity materials with tutorial model. Physics Education Journal, 5(1), 1–18. https://doi.org/10.37891/kpej.v5i1.220

Munawarah, F., Sukmawati, R. A., & Mahardika, A. I. (2021). Pengembangan media pembelajaran interaktif berbasis web materi sistem koordinat kelas VIII dengan metode problem based learning. Computing and Education Technology Journal (CETJ), 1(1), 28–43. http://ppjp.ulm.ac.id/journals/index.php/cetj

Nesbit, J., Belfer, K., & Leacock, T. (2009). Learning Object Review Instrument (LORI) version 2.0.

Permana, A. A., Hartati, T., Dewi, R., Arifianto, T., Irfan, A., Wijaya, A., Jakaria, D. A., Durahman, N., Bantun, S., Rukmana, A. Y., Prasetyo, A. B., & Purnomo, W. A. (2023). Penerapan komputer di masyarakat dalam bidang pendidikan. Get Press Indonesia.

Permana, B. S., Hazizah, L. A., & Herlambang, Y. T. (2024). Teknologi pendidikan: efektivitas penggunaan media pembelajaran berbasis teknologi di era Digitalisasi. Khatulistiwa: Jurnal Pendidikan Dan Sosial Humaniora, 4(1), 19–28. https://pdfs.semanticscholar.org/8fbd/82668c41be111767d3f41c3e18928bb95ceb.pdf

Priyambodo, E., Wiyarsi, A., Lis, D. R., & Sari, P. (2012). Pengaruh media pembelajaran interaktif berbasis web terhadap motivasi belajar mahasiswa. Jurnal Kependidikan, 42(2), 99–109. https://journal.uny.ac.id/index.php/jk/article/view/2236

Putri, S. J., Putri, D. G. P., & Putra, W. H. N. (2024). Analisis komparasi pada teknik black box testing (studi kasus: website lars). Journal of Internet and Software Engineering, 5(1), 23–28. https://pdfs.semanticscholar.org/b839/f8914cddafd45464b95d297f61afd7089f2b.pdf

Rasyied, A., Purba, H. S., Sari, D. P., Sukmawati, R. A., & Pamuji, R. (2025). Pendekatan gamifikasi dalam pengembangan media interaktif bilangan berpangkat dengan strategi pembelajaran REACT. Computing and Education Technology Journal, 4(2), 23. https://doi.org/10.20527/cetj.v4i2.13274

Rusman. (2012). Model-model pembelajaran: mengembangkan profesionalisme guru (2nd ed.). PT RajaGrafindo Persada.

Sapriyah. (2019). Media pembelajaran dalam proses belajar mengajar. Prosiding Seminar Nasional Pendidikan FKIP, 2(1), 470–477. https://jurnal.untirta.ac.id/index.php/psnp/article/view/5798/4151

Setyadi, D., & Qohar, D. A. (2017). Pengembangan media pembelajaran matematika berbasis web pada materi barisan dan deret. Jurnal Matematika Kreatif - Inovatif, 8(1), 1–7. https://doi.org/10.15294/kreano.v8i2.5964

Slamet, F. A. (2022). Model penelitian pengembangan (R n D) (R. Risdiantoro, Ed.). Institut Agama Islam Sunan Kalijogo Malang.

Sukmawati, R. A., Ridhani, M., Adini, M. H., Pramita, M., & Sari, D. P. (2021). Metode drill and practice dalam pembelajaran bentuk aljabar siswa kelas VII berkonteks lahan basah menggunakan multimedia interaktif. 6(3). https://snllb.ulm.ac.id/prosiding/index.php/snllb-lit/article/view/572

Sutrisno, Wardah, Panjaitan, M., Marlina, S., Manurung, A. K. R., Sinaga, M., Lasty, W. F., Lestari, E., Sari, W., & Abidin, Z. (2023). Media pembelajaran: Konsep dan aplikasi. Tahta Media Group.




DOI: https://doi.org/10.20527/cetj.v6i1.18773

Refbacks

  • There are currently no refbacks.


Flag Counter