Pelatihan Desain Web Responsif melalui Webinar dan Workshop sebagai Upaya Peningkatan Kompetensi Digital Peserta

Authors

  • Zaky Yusuf Ajindra Universitas Muhammadiyah Jakarta
  • Chantika Dian Anugrah Universitas Muhammadiyah Jakarta
  • Muhammad Zaid Itqon Universitas Muhammadiyah Jakarta
  • Akhmad Thauzi Universitas Muhammadiyah Jakarta
  • Adrian Mustafa Universitas Muhammadiyah Jakarta
  • Mirza Sutrisno Universitas Muhammadiyah Jakarta
  • Rully Mujiastuti Universitas Muhammadiyah Jakarta
  • Popy Meilina Universitas Muhammadiyah Jakarta
  • Sitti Nurbaya Ambo Universitas Muhammadiyah Jakarta
  • Jumail Jumail Universitas Muhammadiyah Jakarta

DOI:

https://doi.org/10.55606/nusantara.v6i2.8268

Keywords:

Community Engagement, Digital Competence, Responsive Web Design, Webinar, Workshop

Abstract

This community service activity aims to enhance participants' digital competency through responsive web design training conducted using integrated webinar and workshop methods. The background of this activity is based on the increasing need for adaptive web development skills across various devices to support digital personal branding. This activity involves university students and the general public and is conducted online utilizing modern communication platforms. The implementation method consists of preparation, implementation, and evaluation stages. In the implementation stage, participants attend webinar sessions to strengthen conceptual understanding of responsive web design principles, followed by workshop sessions that emphasize hands-on practice in website creation using HTML, CSS, and JavaScript. Evaluation is conducted through pre-tests and post-tests to measure program effectiveness. The results show a significant increase in participants' digital competency with an average score increase of 55.8%. These findings indicate that the integration of webinar and workshop methods is effective in improving participants' conceptual understanding and technical skills. This activity is expected to serve as a model for community service based on applicable and sustainable digital competency development.

Downloads

Download data is not yet available.

References

Amandha, S., Dani, R., Hierdawati, T., Armandito, & Rahmat, B. (2024). Workshop pengenalan web dan CSS dasar pada mahasiswa Universitas Muhammadiyah Jambi. KREATIF: Jurnal Pengabdian Masyarakat Nusantara, 4(1), 65–71. https://doi.org/10.55606/kreatif.v4i1.2842

Cao, W. (2023). A meta-analysis of effects of blended learning on performance, attitude, achievement, and engagement across different countries. Frontiers in Psychology, 14, Article 1212056. https://doi.org/10.3389/fpsyg.2023.1212056

Education, D. (2025). A systematic review of research on teaching web design to secondary school students through HTML and CSS (Article in press).

Husna, W. A., Purno, A., & Wibowo, W. (2024). Analysis of the impact of UX (user experience) design on e-commerce website conversion. International Journal of Economics Development Research, 5(4), 2024–3773.

Kemp, S. (2024). Digital 2024: Indonesia. DataReportal. https://datareportal.com/reports/digital-2024-indonesia

Kholif. (2025). 主観的健康感を中心とした在宅高齢者における健康関連指標に関する共分散構造分析 [Covariance structure analysis of health-related indicators among homebound elderly focusing on subjective health perception]. 4(2), 1–6. https://www.city.kawasaki.jp/500/page/0000174493.html

Krejci, S. (2017). Exper in Hig.

Kurtubi, A., & Amiruddin, A. (2023). Website. 1, 119–125.

Mahanal, S., Zubaidah, S., Setiawan, D., Maghfiroh, H., & Muhaimin, F. G. (2022). Empowering college students’ problem-solving skills through RICOSRE. Education Sciences, 12(3), Article 196. https://doi.org/10.3390/educsci12030196

Meng, N., Dong, Y., Roehrs, D., & Luan, L. (2023). Tackle implementation challenges in project-based learning: A survey study of PBL e-learning platforms. Educational Technology Research and Development, 71(3), 1179–1207. https://doi.org/10.1007/s11423-023-10202-7

Putri, D. R. D., & Fahlevi, M. R. (2024). Pelatihan responsive web design dengan menggunakan HTML dan CSS pada SMK Tritech Informatika Medan. Publikasi Pengabdian Masyarakat, 3(1), 168–180. https://doi.org/10.22303/publidimas.v3i1.165

Rama Rao, P. (2023). Modern web design: Utilizing HTML5, CSS3, and responsive techniques. JNRID, 1(8), 1–11.

Ryan, C., Browning, W., Andrews, S. L., & Kallianpurkar, N. (2016). The impact of biophilic design on user experience. Terrapin Bright Green, 1–8. https://doi.org/10.20944/preprints202511.2063.v1

Wang, P., Lv, H., Zheng, X., Ma, W., & Wang, W. (2023). Validity analysis of network big data. Journal of Web Engineering, 22(3), 465–496. https://doi.org/10.13052/jwe1540-9589.2234

Widjaja, P. A., Barus, S. P., Warsito, A. B., Leonesta, J. R., Amalia, S. Y., Ardilla, V. Y., & Laia, N. A. (2023). Web training by using HTML and CSS to attract interest in learning programming for high school students. Jurnal Pengabdian Masyarakat Bestari, 2(6), 463–470. https://doi.org/10.55927/jpmb.v2i6.4476

Downloads

Published

2026-01-29

How to Cite

Zaky Yusuf Ajindra, Chantika Dian Anugrah, Muhammad Zaid Itqon, Akhmad Thauzi, Adrian Mustafa, Mirza Sutrisno, … Jumail Jumail. (2026). Pelatihan Desain Web Responsif melalui Webinar dan Workshop sebagai Upaya Peningkatan Kompetensi Digital Peserta. Nusantara: Jurnal Pengabdian Kepada Masyarakat, 6(2), 247–260. https://doi.org/10.55606/nusantara.v6i2.8268

Similar Articles

<< < 11 12 13 14 15 16 17 18 19 20 > >> 

You may also start an advanced similarity search for this article.