PKM Bertema Pelatihan Frontend Web Programming di SMK Al Amanah oleh Mahasiswa Universitas Pamulang

Tangerang  Selatan, 21 November 2023, kami dari Tim Program Pengabdian kepada Masyarakat PKM Program Studi Teknik Informatika Fakultas Ilmu Komputer Universitas Pamulang yang berjumlah 10 mahasiswa yaitu Agis Maulana, Anita Nirmala, Hasan Basri, Nila Seftyani, Rachel Nabila Wijaya, Rafli Eka Putra, Sidik Yoga Pratama, Trisna Sandy Wibowo, Yanuar Eka Susila, Yasin Fadhilah melakukan kegiatan PKM di sekolah SMK Al-Amanah, dengan membawakan materi berjudul “PELATIHAN WEB FRONTEND PROGRAMMING”

Adapun tujuan dari kegiatan ini ialah, sebagai pengenalan dan edukasi sekaligus memberikan pelatihan kepada siswa/i tentang ilmu dasar pemrograman web dan juga untuk menginspirasi siswa/i untuk mengembangkan minat serta bakat mereka dalam pengembangan web, selain itu akan memberikan mereka dasar yang kuat untuk mengejar jenjang karir di bidang khususnya Frontend web ini. Dengan demikian, pelatihan ini tidak hanya sebagai pemenuhan terhadap kebutuhan teknologi pada saat ini, tetapi juga sebagai pembantu terhadap siswa/i mempersiapkan masa depan mereka dalam dunia teknologi yang penuh potensi.

Materi yang disampaikan dalam kegiatan ini meliputi pengertian dan pengembangan website yang menggunakan baris kode  HTML, CSS, dan Javascript untuk menjadikan tampilan web lebih menarik, responsive dan user friendly. Dimana HTML, CSS, dan Javascript merupakan komponen utama dalam membuat dan juga mengembangkan website. HTML sendiri diibaratkan sebagai kerangka dalam sebuah website, CSS sendiri merupakan sebagai percantik tampilan halaman website, dan Javascript adalah sebagai otak dari program website tersebut. Ketiganya merupakan satu kesatuan dan hal yang sangat dibutuhkan dalam pembuatan dan pengembangan website. serta sedikit mengenalkan tools yang bernama figma untuk mendesain sebuah tampilan website ini yang berbasis vektor gunanya agar memberikan sebuah gambaran terkait desain website yang nantinya akan dibuat dan dikembangkan.

pembukaan acara (dokpri)

Kegiatan ini diikuti oleh siswa/i kelas 11 SMK. Acara dimulai pada pukul 07.30 di laboratorium komputer dengan pembukaan oleh Pak Fandi seorang guru SMK AL AMANAH dan saudari Anita Nirmala sebagai master of ceremony.

Selanjutnya sesi pembagian snack memberikan nuansa santai sebelum quiz dimulai. Quiz bertujuan menguji pemahaman dasar terkait Frontend Web Programming. Siswa-siswi yang menjawab dengan benar dan meraih poin tertinggi berhak mendapatkan hadiah yang telah disiapkan.

Sesi berlanjut dengan presentasi utama, mencakup Alur Belajar Frontend, Tugas-tugas Frontend, serta bahasa yang digunakan untuk membuat website (HTML, CSS, dan Javascript). Juga disertakan penjelasan singkat tentang tools Figma yang sering digunakan untuk mendesain tampilan website.

Dengan singkatnya, kegiatan ini memberikan pemahaman praktis kepada siswa/i tentang Frontend Web Programming, menciptakan suasana belajar yang interaktif, dan memberikan insentif melalui hadiah untuk meningkatkan partisipasi siswa dalam kegiatan ini.

sesi quiz (dokpri)

sesi penyampaian materi (dokpri)

Acara ini berlangsung dengan lancar, diwarnai oleh antusiasme dan keterlibatan aktif dari para siswa. Mereka terlihat sangat fokus saat melakukan praktik dan memperhatikan dengan seksama materi yang disampaikan.

Setelah sesi tersebut, kami melanjutkan dengan sesi "ngobar," yaitu sesi ngoding bersama. Pada sesi ini, para peserta diajak untuk melakukan proses slicing dari sebuah desain yang disediakan dalam platform Figma, kemudian mengonversinya menjadi tampilan sebuah website yang responsif dan ramah pengguna. Penggunaan HTML, CSS, dan JavaScript menjadi fokus utama dalam implementasi ini.

Instruksi selanjutnya ditujukan kepada siswa-siswi untuk mendeploy hasil website mereka ke internet. Proses ini dilakukan melalui platform bernama Netlify, yang memungkinkan para peserta untuk mempublikasikan karya mereka secara online, dan website mereka bisa diakses melalui internet.

ngoding bersama (dokpri)

Untuk melihat sejauh mana pemahaman siswa/I SMK Al-Amanah terhadap materi yang kami sampaikan, kami memberikan sebuah kuis dimana mereka harus menjelaskan hasil dari coding bersama kami.

penjelasan coding oleh siswa (dokpri)

Untuk mengapresiasikan siswa yang mendapatkan poin tertinggi untuk quiz dasar dan quiz menjelaskan hasil codingan  kami memberikan berupa hadiah. Hadiah ini di raih oleh siswa yang bernama Fathir dan Gabriel.

pembagian hadiah (dokpri)

Sesi selanjutnya merupakan sesi penutup yaitu memberikan ucapan terimakasih dari Mahasiswa PKM Universitas Pamulang kepada siswa/i SMK AL AMANAH yang telah ikut serta dan hadir dalam membantu atau melaksanakan kegiatan Pengabdian Kepada Masyarakat (PKM) Universitas Pamulang.

penyerahan pelakat (dokpri)

Sesi penyerahan sebagai  bentuk rasa terima kasih kami kepada pihak sekolah karena telah memberikan tempat dan izin bagi kami untuk melaksanakan program PKM kami memberikan buah tangan dan sebuah pelakat yang dilakukan oleh Hasan Basri selaku ketua PKM kepada pihak sekolah SMK AL AMANAH sebagai kenang-kenangan dari kami.