Pelatihan Desain UI/UX Website dan Pengenalan Perangkat IoT pada Siswa SMK IPIEMS Surabaya Menggunakan Pendekatan Project-Based Learning

Penulis

  • Ardian Yusuf Wicaksono Informatika, Direktorat Kampus Surabaya, Telkom University, Indonesia
  • Kharisma Monika Dian Pertiwi Informatika, Direktorat Kampus Surabaya, Telkom University, Indonesia
  • Fandisya Rahman Informatika, Direktorat Kampus Surabaya, Telkom University, Indonesia

DOI:

https://doi.org/10.54082/jamsi.1991

Kata Kunci:

DKV, Desain Website, Internet of Things (IoT), Keterampilan Digital, Pelatihan, SMK IPIEMS Surabaya

Abstrak

Peningkatan keterampilan digital bagi siswa Sekolah Menengah Kejuruan (SMK) menjadi aspek strategis dalam menghadapi tantangan industri kreatif dan transformasi teknologi. Pelatihan desain website dan pengenalan perangkat Internet of Things (IoT) telah dilaksanakan untuk siswa jurusan Desain Komunikasi Visual (DKV) di SMK IPIEMS Surabaya. Kegiatan ini bertujuan membekali peserta dengan keterampilan praktis yang sesuai dengan kebutuhan industri 4.0. Pelatihan terbagi dalam dua sesi utama, yaitu perancangan antarmuka web menggunakan Figma berbasis prinsip UI/UX, serta pengenalan dasar IoT dan penerapannya di bidang multimedia interaktif, seperti digital signage dan sistem otomatisasi. Pendekatan pembelajaran bersifat praktis dan aplikatif, memungkinkan peserta memahami integrasi antara desain visual dan teknologi digital secara langsung. Hasil evaluasi menunjukkan bahwa 83,3% peserta menyatakan materi mudah dipahami, dan lebih dari 70% menunjukkan peningkatan pemahaman. Beberapa peserta berhasil menyelesaikan proyek mini berbasis IoT, salah satunya berupa sistem penyiram tanaman otomatis berbasis sensor suhu dan kelembapan yang terhubung dengan antarmuka web sederhana. Temuan ini menunjukkan bahwa integrasi materi desain dan teknologi dapat meningkatkan kreativitas, inovasi, dan kesiapan digital siswa vokasi. Program ini direkomendasikan untuk direplikasi dan dikembangkan dalam skala lebih luas sebagai bagian dari penguatan kompetensi SDM di era digital.

Referensi

Dewi, F., Prabowo, R., & Nugroho, H. (2024). Integrasi Kurikulum Berbasis Industri pada Pendidikan Kejuruan di Era Digital. Jurnal Pendidikan Vokasi dan Teknologi, 9(1), 33–42. doi:10.25077/jpvt.v9i1.2024.33-42

Efendi, Y., Astari, T., Aristo, J., Arif, Z., & Sholikhah, M. (2023). Penerapan teknologi Internet of Things pada SMK Negeri 1 Perhentian Raja, Kampar, Riau. Masyarakat Berdaya dan Inovasi, 4(1), 51–57. doi:10.33292/mayadani.v4i1.113

Hendrarini, N., Mutiara, G., & Suchendra, D. (2023). Pelatihan simulator IoT untuk siswa SMK Nasional Bandung. JITER PM, 1(3), 10–18. doi:10.35143/jiter pm.v1i3.6138

Kemendikbudristek. (2023). Kebijakan Transformasi Digital Pendidikan Menengah Kejuruan. Direktorat Jenderal Pendidikan Vokasi, Kemendikbud RI.

Odondi, W., Arisa, K., & Wangari, V. (2022). Digital Literacy Capabilities of TVET Institutions for the Future of Work. Africa Journal of Technical and Vocational Education and Training, 7(1), 43–52. doi:10.69641/afritvet.2022.71138

Rahman, A., Putri, S., & Wibowo, D. (2023). Efektivitas Pelatihan Berbasis Proyek dalam Peningkatan Kompetensi Digital Siswa SMK. Jurnal Abdimas Teknologi, 7(2), 88–97. doi:10.31002/abdimastek.v7i2.2023.88-97

Rajamanickam, S., Rus, R., & Abdul Raji, M. (2023). Enhancing TVET for a Digital Ready Workforce: A Systematic Literature Review. International Journal of Modern Education, 6(23), 613–628. doi:10.35631/IJMOE.623060

Risal, A., Mustamin, Y., Sutarsi, S., & Sidik, D. (2023). PKM meningkatkan keterampilan siswa melalui pelatihan mikrokontroler NodeMCU ESP8266 di era Industri 4.0. Jurnal Pengabdian Masyarakat, 2(1), 31–38. doi:10.59562/abdimas.v2i1.2863

Santosa, H., & Lestari, P. (2024). Penerapan Model Pelatihan Berbasis Kebutuhan Industri pada SMK di Era Industri 4.0. Jurnal Teknologi dan Pembelajaran Vokasional, 5(1), 21–30. doi:10.31219/osf.io/jte54

Sari, A., Aisyah, S., Fauzi, A., Gustini, N., & Syuhada, M. (2024). Perancangan aplikasi portal UI/UX pada siswa Sekolah Menengah Kejuruan (SMK). Jurnal Bidang Penelitian Multimedia, 1(2), 35-42.

Surya, B., & Hartini, T. (2023). Pengembangan Modul Desain UI/UX Berbasis Figma untuk Peningkatan Kompetensi Siswa SMK. Jurnal Desain dan Teknologi Pendidikan, 4(2), 77–85. doi:10.29313/jdtp.v4i2.2023.77-85

Tianur, T., Rahmawaty, M., Khamdi, N., & Madona, P. (2023). Pelatihan Internet of Things (IoT) untuk guru SMK Negeri 7 Pekanbaru menggunakan NodeMCU. JITER-PM, 1(2), 47–52. doi:10.35143/jiter-pm.v1i2.5905

Wardana, H., Yannuansa, N., & Ummah, I. (2024). Pelatihan kendali lampu LED berbasis IoT di SMK Dwija Bhakti 1 Jombang untuk meningkatkan kemampuan siswa di era Revolusi Industri 4.0. Jurnal Anugerah, 4(1), 1–8. doi:10.31629/anugerah.v4i1.4291

Wardani, K., Fitriani, E., Mukti, A., Makmuri, M., & Ariyadi, T. (2025). Edukasi Internet of Things (IoT) sebagai upaya pengenalan teknologi digital pada siswa SMK. Jurnal Pengabdian Masyarakat Bangsa, 3(3), 1143–1153. doi:10.59837/jpmba.v3i3.2366

Wibowo, G. (2024). Pelatihan perancangan alat berbasis mikrokontroler Arduino Uno pada siswa SMK Hasan Kafrawi Pancur Jepara. Journal of Social Work and Empowerment, 3(3), 100–107. doi:10.58982/jswe.v3i3.644

Wijayanti, A., & Suryana, T. (2025). Pengenalan Internet of Things (IoT) dalam Pendidikan Vokasional: Studi Kasus pada Siswa SMK. Jurnal Pengabdian Masyarakat Digital, 6(1), 45–54. doi:10.21776/jpmd.v6i1.2025.45-54

Yuliana, D., & Arifianto, T. (2024). Penguatan Kompetensi SMK Melalui Pelatihan IoT Berbasis Arduino dan ESP8266. Jurnal Inovasi Pengabdian Masyarakat, 8(1), 65–72. doi:10.32764/jipm.v8i1.2024.65-72

Zulkarnain, R., & Hidayat, R. (2023). Evaluasi Efektivitas Pelatihan Digital Berbasis Proyek Terstruktur pada Siswa Kejuruan. Jurnal Teknologi dan Masyarakat, 5(3), 101–110. doi:10.12962/jtm.v5i3.2023.101-11

Diterbitkan

14-07-2025

Cara Mengutip

Wicaksono, A. Y., Pertiwi, K. M. D., & Rahman, F. (2025). Pelatihan Desain UI/UX Website dan Pengenalan Perangkat IoT pada Siswa SMK IPIEMS Surabaya Menggunakan Pendekatan Project-Based Learning. Jurnal Abdi Masyarakat Indonesia, 5(4), 1393–1404. https://doi.org/10.54082/jamsi.1991