PENGENALAN HTML DAN CSS BAGI SISWA SMK SEBAGAI PERSIAPAN MENUJU ERA DIGITAL
Abstract
The digital era demands mastery of technological skills as basic competencies for young generations. This paper outlines a community service program aimed at introducing HTML and CSS as the foundation of web development to students at SMK Daarul Shafa. The program is designed to bridge the digital divide by focusing on mastering markup language and styling which form the basis of web application development. The main objectives of the program include providing comprehensive understanding of the basic structure of HTML, application of CSS for visual design, development of simple web-based projects, and building computational thinking mindset. Program implementation involves project-based learning methods that integrate direct practice, problem solving, and collaboration. Despite facing challenges in the form of limited infrastructure and varying levels of digital literacy among students, the program successfully improved technical skills and soft skills such as creativity, problem solving, and teamwork. Program results show significant improvement in understanding basic web development concepts and students' confidence in using technology. This program serves as a strategic step in preparing students to face digital transformation, while supporting Indonesia's vision to enhance human resource competitiveness in the digital era
References
Amalia, F., & Sulistiani, I. R. (2020). Penerapan Pembelajaran Berbasis STEM untuk Meningkatkan Keterampilan Computational Thinking Siswa SMK. Jurnal Pendidikan Teknologi dan Kejuruan, 18(2), 125-139.
Badan Pusat Statistik. (2024). Statistik Telekomunikasi Indonesia 2024. Jakarta: BPS.
Chandra, V., & Briskey, J. (2023). HTML & CSS Learning for Vocational School Students in Developing Countries. International Journal of Technology in Education, 6(2), 87-101.
Direktorat Jenderal Pendidikan Vokasi. (2024). Panduan Implementasi Kurikulum Merdeka di SMK. Jakarta: Kemendikbudristek.
Efendi, Y., & Utami, C. (2023). Membangun Digital Skill Generasi Z Melalui Pembelajaran Web Programming. Journal of Community Service and Empowerment, 4(1), 45-59.
Kementerian Komunikasi dan Informatika. (2024). Peta Jalan Digital Indonesia 2024-2029. Jakarta: Kemkominfo.
Kurniawan, A., & Purnama, B. E. (2024). Implementasi Society 5.0 dalam Pendidikan Kejuruan di Indonesia: Tantangan dan Peluang. Jurnal Kajian Teknologi Pendidikan, 7(2), 112-125.
Mardhiyah, R. H., & Hidayat, A. (2023). Project-Based Learning dalam Pengembangan Web sebagai Upaya Peningkatan Literasi Digital Siswa SMK. Jurnal Penelitian Pendidikan, 40(2), 167- 180.
Nugroho, L. E., & Wibowo, F. W. (2024). Penerapan Pembelajaran Berbasis Proyek dalam Meningkatkan Keterampilan Web Development Siswa SMK. Jurnal Pendidikan Vokasi, 14(1), 78-92.
Prasetyo, S. D., & Widyastuti, E. (2023). Analisis Kebutuhan Digital Skills dalam Industri 4.0: Studi Kasus Lulusan SMK di Indonesia. Jurnal Teknologi dan Kejuruan, 46(2), 222-234.
Pusat Pengembangan dan Pemberdayaan Pendidik dan Tenaga Kependidikan (P4TK). (2023). Modul Pelatihan HTML & CSS untuk Guru SMK. Bandung: P4TK.
Raharjo, S., & Winarno, A. (2024). Pengembangan Modul Pembelajaran HTML dan CSS untuk Meningkatkan Keterampilan Web Development Siswa SMK. Journal of Vocational Education Studies, 6(1), 55-69.
Sutrisno, B., & Pambudi, A. S. (2023). Peningkatan Kompetensi Digital Siswa SMK Melalui Pelatihan Web Programming. Jurnal ABDIMAS BSI, 6(2), 157-168.
World Economic Forum. (2024). The Future of Jobs Report 2024. Geneva: WEF.
Yanto, H., & Sukamto, A. S. (2023). Pembelajaran HTML dan CSS dengan Pendekatan Project-Based Learning untuk Meningkatkan Keterampilan Abad 21 Siswa SMK. Jurnal Penelitian dan Pembelajaran Informatika, 8(2), 175-186.
