Jakarta, PersatuanBangsa.com Universitas Yarsi Jakarta menyelenggarakan workshop desain UI/UX dalam rangka pengabdian masyarakat dosen dan mahasiswa. Kegiatan ini dilakukan di SMK Pergurun Cikini pada hari Senin, 28 November 2022 bertempat di Aula Jurusan Rekayasa Perangkat Lunak lantai 1 Gedung A SMK Perguruan Cikini Jakarta.
Workshop ini dihadiri oleh Wakil Dekan 2 Universitas Yarsi, Ibu Dr. Sri Chusri Haryanti, S.T., M.T, Wakil Dekan 3, Drs. Suhaeri, M.T, Dosen Penanggung Jawab Kegiatan, Heri, Yugaswara, S.Si, M.T., Wakil Kepala Sekolah Bidang Kurikulum, Bapak Sugeng Efendi,S.Si., Kepala Jurusan Rekayasa Perangkat Lunak, Ibu Mentari Diyah Utami, S.Pd., Mahasiswa Yarsi dan Siswa Jurusan Rekayasa Perangkat Lunak SMK Perguruan Cikini Jakarta. Minggu (11/12/2022)
Kegiatan workshop ini dibuka dengan sambutan oleh Dosen Fakultas Teknik Informatika Universitas Yarsi yaitu bapak Heri Yugaswara, S.Si, M.T. Kemudian dilanjutkan dengan sambutan dari perwakilan SMK Perguruan Cikini yaitu bapak Sugeng Efendi, S.Si. Acara selanjutnya yaitu foto bersama antara pihak SMK Perguruan Cikini dan Dosen serta Jajaran Fakultas Universitas Yarsi.
Kegiatan workshop ini diisi materi tentang pengenalan software desain UI/UX yaitu figma, kemudian pengenalan tools figma dan pembuatan desain UI/UX. Desain UI/UX yang dibuat yaitu halaman utama dari sebuah website berbasis mobile yaitu login, register dan beranda.
Figma sendiri adalah tools desain yang dapat digunakan kapanpun dan dimanapun melalui internet. Figma dapat dikerjakan secara berkelompok dengan menambahkan email masing-masing anggota. Dengan cara seperti itu, pekerjaan dapat diselesaikan secara bersama-sama.
Figma dapat digunakan pada desktop berbasis Windows atau macOS. Figma berfokus pada fitur desain UI dan UX, atau bisa sebut dengan User Interface dan User Experience. Artinya, Figma berfokus pada desain tampilan aplikasi dan pengalaman pengguna di aplikasi yang didesain.
Figma memiliki beberapa tools yang dapat digunakan untuk mendesain UI/UX beberapa diantaranya yaitu :
• Modern Pen Tool
Pen Tool memungkinkan pengguna menggunakan dengan gaya baru tanpa harus menghubungkan desain ke titik awal
• OpenType
Pengguana dapat mengkostumasi penggunaan font pada aplikasi atau web.
• Auto Layout
Pengguana dapat membuat layout secara otomatis.
• Tambahan Plugins dan Widgets
Fitur ini digunakan untuk mendukung kebutuhan desain yang dibuat. Pada fitur ini terdapat icons, chart, diagram, dll
• Interactions
Pengguana dapat mengatur atau mengkostumasi gaya pada tombol interaksi, secara halus atau kasar.
• Mobile-viewing
Pengguana dapat mencoba prototype menggunakan HP untuk iOS dan Android.
• Dynamic Overlays
Pengguana dapat membuat beberapa lapisan overlay pada konten interaktif.
• Animated GIFs
Pengguana dapat menggunakan animated GIFs untuk elemen video, desain bergerak, dan animasi.
• Everything in one place
Pengguana dapat menyimpan dokumen atau file untuk desain di Figma, sehingga memungkinkan tim atau orang lain tidak perlu mencari dengan susah payah lagi.
• Copy, Code and Go
Fitur ini memungkinkan pengguana untuk mendesain dengan cepat dengan cara copy paste kode.
• Searchable Assets
Pencarian secara cepat dan memungkinkan pengguana menggunakan konten dengan cara ‘drag and drop’.
Cara menggunakan figma untuk mendesain UI/UX adalah sebagai berikut :
• Masuk ke laman figma.com
• Melakukan registrasi dengan email atau akun Google
• Kemudian pengguna diarahkan ke halaman dashboard
• Pilih paket starter (penggunaan pribadi atau profesional)
• Tambahkan page untuk lembar kerja
• Setelah itu, pengguna dapat menggunakan template yang tersedia
• Pelajari fitur yang ada atau pengguna dapat menginstall plugin
• Selanjutnya, pengguna dapat melakukan prototyping
• Terakhir, pengguna dapat melakukan ekspor pada hasil kerja dalam berbagai format seperti JPG, PNG, PDF, dan SVG
Kegiatan workshop ini diakhiri dengan post test sebagai penilaian setelah pembelajaran selesai dilaksanakan. Setelah post test selesai, penyelenggara kegiatan memberikan hadiah kepada dua siswa yang aktif selama workshop dan dapat menyelesaikan post test dengan nilai sempurna. Kegiatan ini ditutup dengan foto bersama di depan gedung sekolah SMK Perguruan Cikini Jakarta.
(Samsudin)
