Pembelajaran Dan Penerapan Pemrorgraman Html Dan Css Di SMK Puspita Bangsa Ciputat

Ciputat, Juni 2025 — Pendidikan di era digital memerlukan inovasi dan kolaborasi nyata antara institusi pendidikan tinggi dan sekolah kejuruan. Sebagai bentuk konkret pelaksanaan Tri Dharma Perguruan Tinggi, Universitas Pamulang menyelenggarakan kegiatan Pengabdian kepada Masyarakat (PKM) yang berlangsung di SMK Puspita Bangsa Ciputat pada Semester Genap Tahun Akademik 2024/2025. Tema kegiatan kali ini adalah Pembelajaran dan Penerapan Pemrograman HTML dan CSS, yang sangat relevan dengan kebutuhan zaman digitalisasi saat ini. Program ini bertujuan tidak hanya untuk memperkenalkan dasar-dasar pengembangan web, tetapi juga untuk membekali siswa SMK dengan keterampilan teknis yang bisa mereka manfaatkan dalam dunia kerja maupun pendidikan lanjutan. Universitas Pamulang menempatkan kegiatan ini sebagai bagian penting dari misinya dalam menjembatani kesenjangan antara teori akademik dan penerapan praktis di lapangan.

Pelatihan yang diselenggarakan dalam kegiatan PKM ini dirancang secara komprehensif dan bertahap. Materi dimulai dari pengenalan konsep dasar HTML, yaitu bahasa markup yang digunakan untuk membuat struktur halaman web. Para peserta diperkenalkan pada berbagai elemen HTML seperti heading, paragraf, gambar, tautan (link), dan tabel. Setelah memahami struktur dasar, peserta kemudian belajar tentang CSS, yaitu bahasa yang digunakan untuk mempercantik tampilan halaman web. Dalam materi CSS, siswa diperkenalkan dengan selector, class, ID, dan properti desain seperti warna latar belakang, ukuran font, margin, padding, dan layout. Semua materi disampaikan dengan pendekatan praktik langsung, sehingga peserta dapat mencoba menulis kode mereka sendiri sambil mendapatkan umpan balik langsung dari instruktur. Hal ini membantu peserta untuk tidak hanya memahami teori, tetapi juga melihat hasil kerja mereka secara real-time melalui browser yang digunakan.

Kegiatan ini diinisiasi oleh tim dosen dari Program Studi Teknik Informatika Universitas Pamulang yang menggandeng sejumlah mahasiswa semester atas yang memiliki kompetensi dalam bidang pengembangan web. Para dosen bertindak sebagai narasumber utama, sementara mahasiswa berperan sebagai asisten pelatih dan pendamping kelompok kecil. Pendekatan ini bertujuan untuk menciptakan suasana belajar yang lebih interaktif dan ramah, di mana siswa merasa lebih nyaman untuk bertanya dan berdiskusi. Dari pihak SMK Puspita Bangsa Ciputat, dukungan diberikan dalam bentuk penyediaan fasilitas komputer, ruang kelas yang nyaman, dan pendampingan dari guru-guru TIK yang turut membantu mengawasi jalannya pelatihan. Kolaborasi ini tidak hanya mempererat hubungan antar lembaga pendidikan, tetapi juga memperkaya pengalaman belajar bagi semua pihak yang terlibat. Dalam suasana kolaboratif ini, siswa mendapatkan teladan dari para mahasiswa yang pernah berada di posisi mereka, sementara mahasiswa mendapatkan kesempatan untuk berbagi ilmu sekaligus meningkatkan keterampilan komunikasi dan kepemimpinan.

Pelatihan dilaksanakan secara luring di laboratorium komputer SMK Puspita Bangsa Ciputat yang telah dilengkapi dengan perangkat komputer dan koneksi internet yang memadai. Kegiatan diawali dengan sesi pembukaan yang menjelaskan pentingnya penguasaan teknologi informasi dalam dunia kerja. Selanjutnya, peserta dibagi menjadi beberapa kelompok kecil untuk memudahkan proses pendampingan selama praktik. Dalam sesi praktik, peserta ditugaskan untuk membuat proyek mini berupa halaman web pribadi yang memuat informasi biodata, hobi, galeri gambar, dan tautan ke media sosial. Proyek ini dirancang agar peserta dapat langsung mengaplikasikan elemen-elemen HTML dan CSS yang telah mereka pelajari. Selain itu, sesi evaluasi dilakukan di akhir pelatihan, di mana siswa mempresentasikan hasil kerja mereka dan mendapatkan masukan dari tim instruktur. Metode pengajaran yang digunakan adalah learning by doing, yaitu peserta belajar melalui pengalaman langsung, yang terbukti sangat efektif dalam meningkatkan pemahaman dan daya serap materi.

Dampak dari kegiatan ini sangat dirasakan oleh para peserta dan guru pendamping. Banyak siswa yang sebelumnya belum pernah mencoba menulis kode HTML atau CSS merasa antusias karena ternyata mereka mampu memahami dan menerapkannya dengan baik dalam waktu singkat. Para guru menyampaikan bahwa kegiatan ini memberikan warna baru dalam proses pembelajaran di sekolah, khususnya pada mata pelajaran TIK dan produktif kejuruan. Bagi siswa, kegiatan ini membuka pandangan mereka tentang peluang karier di dunia digital, seperti menjadi web developer, desainer UI/UX, atau membuka jasa pembuatan website secara mandiri. Selain itu, bagi dosen dan mahasiswa Universitas Pamulang, kegiatan ini juga memberikan pengalaman luar biasa dalam menerapkan ilmu pengetahuan untuk pemberdayaan masyarakat. Evaluasi yang dilakukan melalui kuisioner menunjukkan bahwa lebih dari 90% peserta merasa puas dan berharap kegiatan serupa dapat terus diadakan secara berkala dengan topik yang lebih bervariasi.

Sebagai penutup, kegiatan PKM yang dilakukan oleh Universitas Pamulang ini menjadi bukti konkret bahwa pengabdian kepada masyarakat tidak harus selalu dalam bentuk bantuan fisik, tetapi juga dapat berupa transfer ilmu pengetahuan yang aplikatif. Pelatihan pemrograman HTML dan CSS ini memberikan manfaat yang nyata, relevan, dan berkelanjutan bagi siswa SMK Puspita Bangsa Ciputat. Ke depan, Universitas Pamulang berkomitmen untuk memperluas jangkauan program serupa ke sekolah-sekolah lain dengan materi lanjutan seperti JavaScript, pembuatan aplikasi mobile dengan Flutter, pengelolaan basis data dengan MySQL, dan dasar-dasar keamanan siber. Harapan besar disematkan agar program ini menjadi salah satu kontribusi penting dalam menciptakan generasi muda yang tidak hanya melek teknologi, tetapi juga mampu menciptakan solusi digital untuk tantangan di masa depan. Inilah bentuk nyata dari sinergi antara dunia akademik dan kebutuhan praktis masyarakat yang dapat terus dikembangkan demi kemajuan pendidikan di Indonesia.

Dosen : Rahmawati S.Kom., M.Kom
Ketuanya : Muhammad Naufal Mufid

1. Muhammad Naufal Mufid
2. Agus Salam Nur
3. Andre Nur Setiawan
4. Hendra Ferdi Ferdianata
5. Jidhan Hartanto
6. Honorisaman Sarumaha
7. Muhammad Risky Supandi
8. Nor Intan Maemun
9. Ramadhandi Arya Pradana
10. Ria Rizkika
11. Rahmawati S.Kom., M.Kom.