Pengenalan dan Pelatihan User Interface Web Design pada Siswa SMK Nusaputera 1 Semarang

Authors

  • Erba Lutfina Universitas Nasional Karangturi
  • Ahmad Nugroho Universitas Nasional Karangturi
  • M. Zakki Abdillah Universitas Nasional Karangturi

DOI:

https://doi.org/10.24246/jms.v3i32023p395-404

Keywords:

workshop, teknologi informasi, desain antarmuka

Abstract

Soft skills regarding technology and information are a very important role and are much needed today. Based on this background, learning about interface design is very important, especially for students who are in school. Learning about information technology for high school students/equivalents is important to apply and implement, in line with the demands for mastery of Information Technology in various aspects of life. This activity aims to encourage students through workshops in designing interface designs and making a simple web. Activities carried out in the form of training to develop interface designs and web-based applications. Material regarding interface design is delivered using the Figma application. The next material is an explanation of material regarding web programming which begins with an introduction to web programming, Create, Read, Update, Delete (CRUD), and object-oriented programming (OOP). From the implementation of the activities, it was found that UI web design workshops can be used to help students develop skills and portfolios. This workshop activity has also achieved the output target of 84%, so it can be said that this program is acceptable to the participants.

Downloads

Download data is not yet available.

References

Adhitya, C., Andreswari, R., & Alam, P. F. (2021). Analysis and Design of UI and UX Web-Based Application in Maiproyek Startup Using User Centered Design Method in Information System Program of Telkom University. IOP Conference Series: Materials Science and Engineering, 1077(1), 012039. https://doi.org/10.1088/1757-899x/1077/1/012039

Babu, P. C., Bharathi, K. C. K., Pradesh, A., & Pradesh, A. (2013). Assessment of maintainability factor. International Journal of Computer Science Engineering and Information Technology Research, 3(3), 29–42.

Herfandi, H., Yuliadi, Y., Zaen, M. T. A., Hamdani, F., & Safira, A. M. (2022). Penerapan Metode Design Thinking Dalam Pengembangan UI dan UX. Building of Informatics, Technology and Science (BITS), 4(1), 337–344. https://doi.org/10.47065/bits.v4i1.1716

Heriyandi, A., Reza, R. F., & Albar, C. N. (2021). Designing user interface of web-based e-commerce application. Journal of Physics: Conference Series, 1764(1). https://doi.org/10.1088/1742-6596/1764/1/012187

Julianto, A. K. A., & Ekohariadi. (2020). Metode Gamification Pada Pemrograman Dasar Teknik Komputer Dan Informatika Di Sekolah Menengah Kejuruan. Jurnal IT-EDU, 5(1), 77–84.

Junita, I. (2019). Transformational Leadership in Digital Era: Analysis of Nadiem Makarim (Founder of GO-JEK Indonesia) Leadership Figure. Integrated Journal of Business and Economics, 3(1), 80. https://doi.org/10.33019/ijbe.v3i1.106

Karnawan, G., Andryana, S., & Komalasari, R. T. (2020). Implementation of User Experience Using the Design Thinking Method in Prototype Cleanstic Applications. Jurnal Teknologi Dan Manajemen Informatika (JTMI), 6(1), 10–17.

Lutfina, E., & Wardhani, A. K. (2020). Pengenalan Dan Pelatihan Pemrograman Berbasis Blok Bagi Anak. Magistrorum et Scholarium: Jurnal Pengabdian Masyarakat, 1(1), 107–111. https://doi.org/10.24246/jms.v1i12020p107-111

Muslim, E., Moch, B. N., Wilgert, Y., Utami, F. F., & Indriyani, D. (2019). User interface redesign of e-commerce platform mobile application (Kudo) through user experience evaluation to increase user attraction. IOP Conference Series: Materials Science and Engineering, 508(1). https://doi.org/10.1088/1757-899X/508/1/012113

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. https://doi.org/10.35877/jetech532

Razi, A. A., Mutiaz, I. R., & Setiawan, P. (2018). Penerapan Metode Design Thinking Pada Model Perancangan Ui/Ux Aplikasi Penanganan Laporan Kehilangan Dan Temuan Barang Tercecer. Desain Komunikasi Visual, Manajemen Desain Dan Periklanan (Demandia), 3(02), 219. https://doi.org/10.25124/demandia.v3i02.1549

Ridwansyah, A. R., Dinata, C., Savitri, N., Rahmawati, N., Herdiana, N., & Rahman, A. (2022). Perancangan UI / UX Pada Aplikasi Bapakkost Idemopet dengan Menggunakan Metode Design Thinking. MDP Student Conference 2022, 1(1), 504–511.

Setiawan, A. B. (2018). Revolusi Bisnis Berbasis Platform Sebagai Penggerak Ekonomi Digital Di Indonesia. Masyarakat Telematika Dan Informasi : Jurnal Penelitian Teknologi Informasi Dan Komunikasi, 9(1), 61. https://doi.org/10.17933/mti.v9i1.118

Triandini, E., Jayanatha, S., Indrawan, A., Werla Putra, G., & Iswara, B. (2019). Systematic Literature Review Method for Identifying Platforms and Methods for Information System Development in Indonesia. Indonesian Journal of Information Systems, 1(2), 63.

Wibowo, R. P., & Romdhoni, F. H. (2015). Purwarupa Aplikasi Pembelajaran SQL Interaktif Berbasis Web dengan Penerapan Gamification. Jurnal Sistem Informasi, 05(03), 390–397. https://doi.org/10.24089/j.sisfo.2015.03.018

Yusuf, Y. M., Prastyo, D. A., Khaerunnisa, L., & Raharjo, S. T. (2020). Implementasi Program Corporate Social Responsibility Oleh Perusahaan Unicorn Di Indonesia. Prosiding Penelitian Dan Pengabdian Kepada Masyarakat, 6(3), 252. https://doi.org/10.24198/jppm.v6i3.26214

Downloads

Published

2023-09-09

How to Cite

Lutfina, E., Nugroho, A., & Abdillah, M. Z. (2023). Pengenalan dan Pelatihan User Interface Web Design pada Siswa SMK Nusaputera 1 Semarang. Magistrorum Et Scholarium: Jurnal Pengabdian Masyarakat, 3(3), 395–404. https://doi.org/10.24246/jms.v3i32023p395-404

Issue

Section

Articles