ITATS Bekali Siswa SMKN 8 Surabaya dengan Pelatihan HTML dan Bootstrap untuk Membangun Website Portofolio
Di era transformasi digital, kemampuan memiliki website portofolio menjadi nilai tambah bagi pelajar, khususnya mereka yang akan melanjutkan pendidikan, mengikuti program magang, maupun memasuki dunia kerja. Menyadari pentingnya keterampilan tersebut, Program Studi Sistem Informasi Institut Teknologi Adhi Tama Surabaya (ITATS) menggelar kegiatan Pengabdian kepada Masyarakat (PkM) bertajuk “Pengenalan Dasar HTML & Bootstrap untuk Membangun Website Portofolio Sederhana bagi Siswa” di SMK Negeri 8 Surabaya pada 10–12 Juni 2025.
Kegiatan ini bertujuan membekali siswa dengan kemampuan dasar dalam mengembangkan website menggunakan HTML sebagai bahasa markup serta Bootstrap sebagai framework CSS untuk menciptakan tampilan web yang modern dan responsif. Melalui pelatihan ini, siswa diharapkan mampu membangun portofolio digital yang dapat digunakan untuk menampilkan identitas, keterampilan, dan hasil karya secara profesional.
Fokus utama pelatihan diberikan kepada siswa kelas X Jurusan Desain Komunikasi Visual (DKV). Selama ini, siswa DKV memiliki kemampuan visual yang baik dalam menghasilkan karya desain, ilustrasi, fotografi, maupun media kreatif lainnya. Namun, belum seluruh siswa memiliki keterampilan untuk mengemas karya tersebut dalam bentuk website yang mudah diakses dan sesuai dengan kebutuhan industri kreatif saat ini. Oleh karena itu, pelatihan ini menjadi jembatan antara kemampuan desain visual dengan teknologi pengembangan web.
Materi pelatihan disusun secara bertahap agar mudah dipahami oleh peserta. Sesi diawali dengan sosialisasi mengenai pentingnya portofolio digital sebagai media personal branding di dunia pendidikan dan dunia kerja. Selanjutnya, peserta diperkenalkan pada struktur dasar HTML, mulai dari penggunaan heading, paragraf, daftar, gambar, hyperlink, hingga formulir. Setelah memahami fondasi HTML, siswa mempelajari Bootstrap untuk membuat tampilan website yang lebih menarik, responsif, dan mudah dikembangkan menggunakan komponen seperti navbar, grid system, tombol, serta berbagai elemen antarmuka lainnya.
Tidak hanya berfokus pada teori, kegiatan ini menerapkan pendekatan learning by doing. Seluruh peserta memperoleh kesempatan untuk langsung mempraktikkan materi dengan membuat website portofolio sederhana yang memuat profil pribadi, kemampuan, pengalaman, dan galeri hasil karya. Tim dosen dan mahasiswa ITATS juga memberikan pendampingan secara intensif sehingga siswa dapat memahami setiap tahapan pembuatan website mulai dari struktur halaman hingga penyempurnaan tampilan menggunakan Bootstrap.
Suasana pelatihan berlangsung interaktif dan penuh antusiasme. Berdasarkan hasil evaluasi kegiatan, sebagian besar siswa mampu menyelesaikan website portofolio statis secara mandiri dengan memanfaatkan elemen dasar HTML dan fitur Bootstrap. Antusiasme peserta juga terlihat dari keaktifan mereka dalam berdiskusi, mencoba berbagai variasi desain, serta mengembangkan tampilan website di luar materi yang diberikan. Dokumentasi kegiatan menunjukkan siswa aktif mengikuti praktik di laboratorium komputer, berdiskusi dengan pemateri, serta mempresentasikan hasil website yang telah dibuat.
Meski demikian, pelaksanaan kegiatan juga menghadapi beberapa tantangan. Perbedaan tingkat pemahaman dasar pemrograman di antara siswa membuat proses pendampingan harus dilakukan secara lebih fleksibel. Selain itu, keterbatasan waktu pelatihan menyebabkan beberapa peserta belum sempat menyempurnakan seluruh fitur website portofolio yang dirancang. Namun demikian, tantangan tersebut dapat diatasi melalui pendampingan langsung dari tim pelaksana sehingga tujuan utama pelatihan tetap tercapai dengan baik.
Keberhasilan kegiatan ini tidak lepas dari dukungan penuh pihak SMK Negeri 8 Surabaya yang menyediakan fasilitas laboratorium komputer, akses internet, serta pendampingan dari guru selama proses pelatihan berlangsung. Kolaborasi antara dosen, mahasiswa, guru, dan siswa menciptakan suasana belajar yang kondusif sehingga materi dapat diterima dengan optimal.
Melalui program Pengabdian kepada Masyarakat ini, Program Studi Sistem Informasi ITATS kembali menunjukkan komitmennya dalam meningkatkan kompetensi digital generasi muda. Diharapkan pelatihan HTML, Bootstrap, dan pembuatan website portofolio ini menjadi bekal berharga bagi siswa SMKN 8 Surabaya untuk mempersiapkan diri menghadapi kebutuhan dunia industri kreatif yang semakin menuntut kemampuan teknologi informasi. Selain meningkatkan keterampilan teknis, kegiatan ini juga mendorong siswa untuk membangun personal branding yang profesional melalui media digital sebagai langkah awal menuju karier yang lebih kompetitif di masa depan.
