IMPLEMENTASI WEBSITE OSIS SMK YUPPENTEK 1 TANGERANG BERBASIS HTML DAN CSS UNTUK MENINGKATKAN PUBLIKASI KEGIATAN SEKOLAH

Kota Tangerang 20 November 2025 – Program Kreativitas Mahasiswa (PKM) merupakan salah satu bentuk kegiatan akademik yang bertujuan untuk mengembangkan kreativitas, inovasi, serta kepedulian mahasiswa terhadap kebutuhan masyarakat melalui penerapan ilmu pengetahuan dan teknologi. Melalui program ini, mahasiswa tidak hanya memperoleh pengalaman praktis di luar perkuliahan, tetapi juga berkontribusi secara nyata dalam memberikan solusi atas permasalahan yang dihadapi oleh mitra. Salah satu bentuk implementasi PKM diwujudkan dalam kegiatan pengembangan media informasi berbasis website di lingkungan pendidikan.

Tim PKM yang terdiri dari mahasiswa Universitas Pamulang melaksanakan kegiatan Program Kreativitas Mahasiswa dengan mitra sekolah SMK Yuppentek 1 Kota Tangerang. Kegiatan ini dilaksanakan di bawah bimbingan dosen pembimbing Sutriyono, S.Kom., M.Kom. Adapun fokus kegiatan PKM ini adalah implementasi website OSIS berbasis HTML dan CSS sebagai sarana publikasi kegiatan sekolah yang lebih modern, efektif, dan mudah diakses oleh seluruh warga sekolah maupun masyarakat.

SMK Yuppentek 1 Kota Tangerang merupakan salah satu sekolah menengah kejuruan yang aktif dalam menyelenggarakan berbagai kegiatan siswa melalui Organisasi Siswa Intra Sekolah atau OSIS. Kegiatan OSIS meliputi kegiatan akademik, nonakademik, sosial, serta pengembangan karakter siswa. Namun, sebelum pelaksanaan PKM ini, publikasi kegiatan OSIS masih dilakukan secara konvensional, seperti melalui papan pengumuman dan penyampaian informasi secara langsung di lingkungan sekolah. Hal tersebut menyebabkan informasi kegiatan kurang terdokumentasi dengan baik dan jangkauan penyampaian informasi menjadi terbatas.

Melihat kondisi tersebut, Tim PKM Universitas Pamulang berinisiatif untuk mengembangkan sebuah website OSIS sebagai media publikasi kegiatan sekolah. Website ini dirancang untuk menjadi pusat informasi yang memuat berbagai aktivitas OSIS, sehingga informasi dapat disampaikan secara terstruktur, menarik, dan dapat diakses kapan saja. Penggunaan website juga diharapkan dapat meningkatkan transparansi kegiatan OSIS serta menjadi sarana dokumentasi digital bagi sekolah.


Dalam proses pelaksanaan PKM, tim mahasiswa terlebih dahulu melakukan observasi dan komunikasi dengan pihak sekolah untuk mengetahui kebutuhan informasi yang diperlukan. Selanjutnya dilakukan perancangan struktur website yang disesuaikan dengan karakteristik dan kebutuhan SMK Yuppentek 1 Kota Tangerang. Website dikembangkan menggunakan HTML sebagai bahasa dasar pembentuk struktur halaman dan CSS sebagai pengatur tampilan visual agar website terlihat rapi, menarik, dan nyaman digunakan oleh pengguna.

Website OSIS yang dihasilkan memuat berbagai informasi penting, seperti profil OSIS, struktur organisasi, agenda kegiatan, dokumentasi kegiatan, serta pengumuman sekolah. Desain website dibuat sederhana namun informatif agar mudah dipahami oleh siswa, guru, dan pihak lain yang mengaksesnya. Seluruh konten disusun secara sistematis sehingga pengguna dapat dengan mudah menemukan informasi yang dibutuhkan.

Rekan Ketua Pelaksana PKM Yaitu Muhammad Salman Alfarisi Sedang Menjelaskan Pelaksanaan Program Kreativitas Mahasiswa ini tidak hanya berfokus pada hasil akhir berupa website, tetapi juga pada proses kolaborasi antara mahasiswa dan pihak sekolah. Selama kegiatan berlangsung, Tim PKM melibatkan pihak sekolah dalam setiap tahap pengembangan, mulai dari perencanaan hingga evaluasi hasil. Hal ini dilakukan agar website yang dihasilkan benar-benar sesuai dengan kebutuhan dan dapat dimanfaatkan secara berkelanjutan oleh sekolah.

Melalui implementasi website OSIS ini, SMK Yuppentek 1 Kota Tangerang kini memiliki media publikasi digital yang dapat digunakan untuk menyampaikan informasi kegiatan secara lebih luas dan efisien. Website ini menjadi sarana pendukung dalam meningkatkan citra sekolah serta memperlihatkan keaktifan dan kreativitas siswa melalui berbagai kegiatan OSIS yang diselenggarakan.

Bagi Tim PKM mahasiswa Universitas Pamulang, kegiatan ini memberikan manfaat berupa peningkatan kemampuan teknis dalam pengembangan website, pengalaman bekerja sama dengan mitra pendidikan, serta kesempatan untuk menerapkan ilmu yang diperoleh selama perkuliahan secara langsung di lapangan. Sementara itu, bagi pihak sekolah, kegiatan PKM ini memberikan manfaat berupa tersedianya media publikasi berbasis website yang dapat digunakan sebagai sarana informasi dan dokumentasi kegiatan sekolah secara berkelanjutan.

Dengan terlaksananya Program Kreativitas Mahasiswa ini, diharapkan kerja sama antara perguruan tinggi dan sekolah dapat terus terjalin dengan baik serta memberikan dampak positif bagi dunia pendidikan, khususnya dalam pemanfaatan teknologi informasi sebagai media pendukung kegiatan sekolah.

Leave a Reply

Your email address will not be published. Required fields are marked *