Pelatihan Pembuatan Aplikasi Web Sederhana menggunakan HTML, CSS dan JavaScript bagi Siswa SMKS Migas Teknologi Riau

Authors

  • Hamdi Indra Universitas Persada Bunda Indonesia
  • Andi Saputra Universitas Persada Bunda Indonesia
  • Ilham Asy’ari Universitas Persada Bunda Indonesia
  • Hatta Zulkifli Universitas Persada Bunda Indonesia
  • Wawan Kurniawan Universitas Persada Bunda Indonesia

DOI:

https://doi.org/10.59696/civicaction.v1i3.219

Keywords:

Pelatihan, HTML, CSS, JavaScript, Pengembangan Web, SMK, CSAR

Abstract

Pelatihan pembuatan aplikasi web sederhana menggunakan HTML, CSS, dan JavaScript bagi siswa SMKS Migas Teknologi Riau dilaksanakan dengan tujuan meningkatkan kompetensi digital dan keterampilan dasar pemrograman web. Kegiatan ini menggunakan pendekatan Community Service Action Research (CSAR) yang meliputi tahap perencanaan, pelaksanaan, observasi, dan refleksi. Pelatihan diberikan melalui metode praktik langsung sehingga siswa dapat memahami struktur dasar HTML, teknik styling menggunakan CSS, serta logika interaksi sederhana melalui JavaScript. Hasil pelatihan menunjukkan adanya peningkatan kemampuan siswa dalam mengembangkan halaman web secara mandiri. Peningkatan tersebut terlihat dari hasil post-test yang lebih tinggi dibandingkan pre-test, serta keberhasilan seluruh peserta dalam menghasilkan produk aplikasi web sederhana seperti halaman profil, formulir input, dan aplikasi interaktif berbasis JavaScript. Selain itu, pelatihan berhasil meningkatkan motivasi dan minat siswa terhadap pembelajaran teknologi informasi, yang ditunjukkan oleh keaktifan mereka selama sesi praktik dan diskusi. Secara keseluruhan, pelatihan ini memberikan dampak positif dalam meningkatkan literasi digital dan keterampilan teknis siswa, serta membuka peluang untuk pengembangan program lanjutan seperti pembuatan web dinamis, desain UI/UX, dan pembuatan portofolio digital. Kegiatan ini juga memberikan kontribusi nyata dalam mendukung kesiapan siswa menghadapi perkembangan teknologi dan tuntutan dunia kerja di era digital.

References

Nasution, N. et al. (2024). PKM Pelatihan Pembuatan Web Berbasis Framework CodeIgniter untuk Siswa SMK.

Fajrizal et al. (2025). Pelatihan Pemrograman JavaScript bagi Siswa SMK Inovasi Riau.

Wandri et al. (2022). Meningkatkan Pemahaman dan Pelatihan Web Design untuk Siswa SMK N 1 Kandis.

Jevanda et al. (2025). Pelatihan Pembuatan Personal Website untuk Peserta Didik SMK Palembang.

Nurdiansyah & Utami (2025). Pelatihan Web Development untuk Membangun Keterampilan Mahasiswa.

Wattimena et al. (2022). Pelatihan Desain Web bagi UMKM menggunakan HTML dan CSS.

Karimah et al. (2025). Pengenalan Dasar Coding dan Pembelajaran Bahasa Pemrograman Berbasis Web.

Nofriadi et al. (2025). Pelatihan Dasar Pemrograman HTML dan CSS untuk Pelajar.

Kumalasari et al. (2025). Pelatihan dan Pembuatan Website menggunakan HTML dan CSS.

Perwiratama & Wibisono (2025). Menumbuhkan Literasi Web: Pelatihan WordPress di SMK.

Sudarsono et al. (2025). Meningkatkan Ketrampilan Digital melalui Pelatihan Pembuatan Website Statis.

Fakhri et al. (2025). Peningkatan Kompetensi Front End Web Programming: Pelatihan HTML dan CSS.

Hidayat et al. (2025). Pelatihan Pemrograman Web pada Siswa Kelas XI RPL SMKN 1 Pringgasela.

Widjaja et al. (2025). Web Training by Using HTML and CSS to Attract Interest in Learning Programming.

Downloads

Published

2025-12-25

How to Cite

Indra, H., Saputra, A., Asy’ari, I., Zulkifli, H., & Kurniawan, W. (2025). Pelatihan Pembuatan Aplikasi Web Sederhana menggunakan HTML, CSS dan JavaScript bagi Siswa SMKS Migas Teknologi Riau. CivicAction: Jurnal Pengabdian Dan Inovasi Masyarakat, 1(3), 122–128. https://doi.org/10.59696/civicaction.v1i3.219