WEBINAR DAN WORKSHOP: FROM DESIGN TO CODE: INTRODUCTION UI/UX AND HANDS-ON FRONT END
DOI:
https://doi.org/10.59407/jpki2.v2i1.505Keywords:
Teknologi, User Interface, KKN,Webinar,Workshop, Visual studio codeAbstract
Di era digital yang berkembang pesat, teknologi, khususnya antarmuka pengguna (UI) dan pengalaman pengguna (UX), memegang peranan penting.Artikel ini menguraikan hasil webinar dan workshop “From Design to Code” yang dilaksanakan oleh Kelompok 1 KKN Gelombang 5.Webinar ini mencakup konsep dasar UI/UX, prinsip antarmuka pengguna, dan bahasa pemrograman front-end seperti HTML, CSS, dan JavaScript.Workshop ini akan fokus pada aplikasi Visual Studio Code sebagai alat pendukung pengembangan UI/UX.Kegiatan tersebut melibatkan 38 peserta dari berbagai latar belakang, khususnya mahasiswa Universitas Muhammadiyah Jakarta.Hasil penelitian menunjukkan bahwa peserta meningkatkan pemahaman mereka tentang pengembangan UI/UX menggunakan Visual Studio Code, yang meningkatkan keterampilandasar pengembangan front-end dan memperkaya pengalaman pengguna di era digital.
References
Graham, I. S. (1995). The HTML sourcebook. John Wiley & Sons, Inc..
Goodman, D. (2002). Dynamic HTML: The definitive reference: A comprehensive resource for HTML, CSS, DOM & JavaScript. " O'Reilly Media, Inc.".
Robbins, J. N. (2012). Learning web design: A beginner's guide to HTML, CSS, JavaScript, and web graphics. " O'Reilly Media, Inc.".
Del Sole, A., & Sole, D. (2019). Visual Studio Code Distilled. Apress.
Code, V. S. (2019). Visual studio code. línea]. Available: https://code. visualstudio. com.
Nasution, W. S. L., & Nusa, P. (2021). Ui/UX design web-based learning application using design thinking method. ARRUS Journal of Engineering and Technology, 1(1), 18-27.
Susanti, E., Fatkhiyah, E., & Efendi, E. (2019). Pengembangan UI/UX Pada Aplikasi M-Voting MenggunakanMetode Design Thinking.
Wardiana, W. (2002). Perkembanganteknologiinformasi di Indonesia.
Masci, P., & Muñoz, C. A. (2019). An integrated development environment for the prototype verification system. arXiv preprint arXiv:1912.10632.
