Kolaborasi Universitas Bina Sarana Informatika dan SMK Karya Guna 2 Bekasi

-

Perkembangan teknologi digital yang semakin pesat menuntut dunia pendidikan, khususnya pendidikan vokasi, untuk terus beradaptasi dengan kebutuhan industri. Salah satu keterampilan yang saat ini sangat dibutuhkan adalah kemampuan dalam merancang antarmuka pengguna (User Interface/UI) dan memahami pengalaman pengguna (User Experience/UX). Menjawab kebutuhan tersebut, Universitas Bina Sarana Informatika (UBSI) berkolaborasi dengan SMK Karya Guna 2 Bekasi menyelenggarakan kegiatan Workshop Figma: Interaktif Dasar UI Web.

Kegiatan ini diikuti oleh siswa/i Jurusan Teknik Komputer dan Jaringan (TKJ) kelas X dan XI SMK Karya Guna 2 Bekasi dan dilaksanakan di lingkungan sekolah dengan memanfaatkan fasilitas laboratorium yang tersedia. Workshop berlangsung dengan antusiasme tinggi, terlihat dari partisipasi aktif para siswa dalam sesi diskusi maupun praktik langsung.

Latar Belakang Kegiatan

Di era transformasi digital, peran desain tidak lagi hanya berfokus pada aspek visual semata, tetapi juga pada bagaimana sebuah produk digital dapat digunakan dengan mudah, nyaman, dan efektif oleh pengguna. Figma sebagai tools desain berbasis cloud telah menjadi salah satu standar industri yang banyak digunakan oleh desainer UI/UX, developer, hingga startup dan perusahaan teknologi.

Bagi siswa SMK, khususnya jurusan TKJ, pengenalan tools seperti Figma menjadi sangat relevan karena:

  • Membuka wawasan baru di bidang desain digital

  • Menambah kompetensi di luar jaringan dan perangkat keras

  • Meningkatkan kesiapan menghadapi dunia kerja dan industri kreatif

Oleh karena itu, workshop ini dirancang sebagai langkah awal untuk mengenalkan konsep UI/UX dan penggunaan Figma secara praktis kepada siswa.

Tujuan Workshop

Pelaksanaan Workshop Figma ini memiliki beberapa tujuan utama, di antaranya:

  1. Memberikan pemahaman dasar mengenai desain antarmuka pengguna (UI) dan pengalaman pengguna (UX).

  2. Membekali siswa dengan kemampuan menggunakan Figma sebagai tools desain standar industri.

  3. Melatih keterampilan siswa dalam merancang tampilan website yang efektif, interaktif, dan terstruktur.

  4. Menumbuhkan kreativitas serta pola pikir desain (design thinking) sejak dini.

Dengan tujuan tersebut, diharapkan siswa tidak hanya memahami teori, tetapi juga mampu menerapkannya dalam praktik nyata.

Materi yang Disampaikan


Dalam workshop ini, peserta mendapatkan materi yang disusun secara bertahap, mulai dari pengenalan hingga praktik desain dasar. Adapun materi yang dibahas meliputi:

1. Pengenalan Figma

Peserta diperkenalkan dengan Figma sebagai tools desain berbasis cloud, termasuk fungsi, kelebihan, dan penggunaannya dalam proses desain UI/UX.

2. Toolbar Figma: Alat Esensial

Pembahasan mengenai berbagai tools penting yang sering digunakan dalam desain, seperti selection tool, shape tool, text tool, dan pengaturan properti.

3. Frame

Materi ini membahas penggunaan frame sebagai dasar pembuatan layout halaman website dan pengaturan ukuran layar.

4. Interact

Peserta belajar membuat desain yang bersifat interaktif, seperti simulasi tombol dan navigasi antar halaman.

5. Teori Warna dalam Desain

Materi teori warna mencakup:

  • Pentingnya warna dalam desain UI

  • Psikologi warna dan pengaruhnya terhadap pengguna

  • Kombinasi warna yang tepat untuk menciptakan tampilan yang harmonis

6. Grid dan Auto Layout

Pembahasan mengenai grid system dan auto layout untuk membantu siswa membuat desain yang rapi, konsisten, dan responsif.

7. Line Tool, Arrow Tool, Polygon Tool, dan Star

Materi ini membantu peserta dalam eksplorasi bentuk dan elemen visual untuk memperkaya tampilan desain.

8. Pen Tool

Pengenalan pen tool sebagai alat desain lanjutan untuk membuat bentuk bebas dan ilustrasi sederhana.

Seluruh materi disampaikan secara teori singkat dan praktik langsung, sehingga siswa dapat langsung mencoba setiap fitur yang dijelaskan.

Antusiasme dan Dampak Kegiatan


Selama workshop berlangsung, siswa menunjukkan antusiasme yang tinggi. Banyak peserta aktif bertanya dan mencoba berbagai fitur Figma yang baru mereka kenal. Hal ini menunjukkan bahwa minat siswa terhadap bidang desain UI/UX cukup besar dan berpotensi untuk terus dikembangkan.

Melalui kegiatan ini, siswa tidak hanya memperoleh keterampilan teknis, tetapi juga:

  • Meningkatkan rasa percaya diri dalam menggunakan tools digital

  • Memahami pentingnya desain yang berorientasi pada pengguna

  • Mendapat gambaran awal tentang peluang karier di bidang UI/UX dan industri kreatif digital

Tim Pelaksana dan Pengawas

Kegiatan Workshop Figma ini dilaksanakan oleh tim pelaksana yang terdiri dari:

  • M. Daffa Hari Saputra

  • Gustiar Ilham

  • Naufal Rafli S

  • M. Rivaldy Zaky

  • Zidan Herlangga

Workshop ini berada di bawah pengawasan Pak Ihsan, yang turut memastikan kegiatan berjalan dengan tertib dan lancar.

Penutup

Workshop Figma: Interaktif Dasar UI Web ini menjadi salah satu bentuk nyata kolaborasi antara Universitas Bina Sarana Informatika dan SMK Karya Guna 2 Bekasi dalam mendukung peningkatan kualitas pendidikan vokasi. Melalui kegiatan ini, siswa diharapkan memiliki bekal awal yang kuat untuk terus mengembangkan keterampilan digital, khususnya di bidang desain UI/UX.

Ke depannya, kegiatan serupa diharapkan dapat terus dilaksanakan dengan materi yang lebih mendalam agar mampu mencetak talenta digital vokasi yang siap bersaing di dunia industri dan teknologi.

Komentar

Posting Komentar

Postingan populer dari blog ini

CARA MENGINSTALL REDHAWK DI KALI LINUX

-
Gambar
  Cara menginstall RED-HAWK di Kali Linux Assalamualaikum Wr. Wb. Saya mau bahas cara install red hawk di kali linux Mungkin sebagian orang udah tau red hawk tapi buat yang belum tau saya bahas sedikit tentang red hawk. Fungsi red hawk adalah mencari  bug (celah) pada sebuah website untuk kita deface atau untuk test website sekolah, kampus, kantor kalian apakah terdapat bug (celah) atau tidak. Oke langsung saja cara installnya 1. Buka Terminal Kali Linux kalian, lalu ketik git clone   https://github.com/Tuhinshubhra/RED_HAWK.git 2. Tunggu sampai selesai, lalu ketik cd RED_HAWK 3. Selanjutnya ketik php rhawk.php 4. Dan RED HAWK sudah bisa dipakai Sekian Terima Kasih Wassalamualaikum Wr. Wb.
Baca selengkapnya

Definisi Topologi, Jenis Topologi, Kelebihan dan Kekurangan. Dan Jenis Jenis Jaringan Komputer

-
Gambar
Apasih topologi jaringan itu ? Topologi jaringan internet atau komputer adalah metode atau konsep untuk menghubungkan beberapa komputer sekaligus menjadi jaringan interkoneksi. Jenis jenin Topologi 1. Topologi Bus Topologi Bus merupakan sebuah topologi yang menggunakan kabel tunggal sebagai media transmisinya atau kabel pusat tempat dimana seluruh client dan server dihubungkan. Sehingga komputer atau jaringan lain dapat dengan mudah dihubungkan satu sama lain. Kelebihan : Layout kabel sederhana sehingga instalasi relatif lebih mudah Kerusakan satu komputer client tidak akan mempengaruhi komunikasi antar client lainnya Hemat kabel sehingga biaya instalasi relatif lebih murah Penambahan dan pengurangan terminal dapat dilakukan tanpa mengganggu operasi berjalan. Kekurangan : Jika kabel utama atau backbone putus maka komunikasi gagal Bola kabel utama sangat panjang maka pencarian ganggu menjadi sulit Kemungkinan akan terjadi tabrakan data (data collision) apabila banyak client yang mengiri...
Baca selengkapnya