PERANCANGAN ANTARMUKA PENGGUNA SISTEM INFORMASI AKADEMIK BERBASIS WIREFRAMING

Doni Abdul Fatah, Fifin Ayu Mufarroha, Okie Maria Amul Husnah

Abstract


Perancangan antarmuka pengguna (user interface design) sangat penting dalam pengembangan sistem informasi akademik di sekolah. Sistem informasi akademik digunakan untuk mengelola data peserta didik, catatan akademik, jadwal, dan informasi penting lainnya yang terkait dengan pendidikan. Dengan adanya perancangan antarmuka pengguna yang baik, peserta didik dan guru dapat dengan mudah mengakses informasi tersebut dan menggunakannya untuk meningkatkan kinerja akademik mereka. Wireframing adalah metode perancangan antarmuka pengguna yang melibatkan pembuatan sketsa kasar dari tampilan dan fungsionalitas yang diinginkan. Penelitian ini bertujuan untuk menginvestigasi penerapan wireframing dalam perancangan antarmuka pengguna untuk sistem informasi akademik di sekolah. Tahapan penelitian pada penelitian ini adalah studi kasus dengan mengambil sampel dari pengguna baik itu peserta didik ataupun guru. Data dikumpulkan melalui wawancara, observasi, dan kuesioner untuk mengetahui perspektif mereka terhadap penggunaan wireframing, untuk pengujian desain menggunakan System Usability Scale (SUS). Berdasarkan dari hasil pengujian, penelitian menunjukkan bahwa penggunaan wireframing dapat mempermudah perancangan antarmuka pengguna sistem informasi akademik di sekolah dilihat dari nilai yang diperoleh mendapatkan skor 72 masuk dalam rentang Nilai B yang berarti BAIK. Pada penggunaan wireframing dapat memberikan masukan yang lebih baik dan meningkatkan keterlibatan pengguna dalam proses perancangan. Oleh karena itu, disarankan agar sekolah mengadopsi wireframing sebagai metode perancangan antarmuka pengguna untuk sistem informasi akademik.

Kata kunci : Sistem Informasi Akademik, System Usability Scale, User Interface Design, Wireframing.


References


F. Suryandani, B. Basori, and D. Maryono, “PENGEMBANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEB SEBAGAI SISTEM PENGOLAHAN NILAI SISWA DI SMK NEGERI 1 KUDUS,” J. Ilm. Pendidik. Tek. dan Kejuru., vol. 13, no. 1, p. 52, Feb. 2020, doi: 10.20961/jiptek.v13i1.24224.

H. Henry, A. Hermawan, E. D. Kusuma, and R. R. Oprasto, “Perancangan Sistem Informasi Akademik Pada Sma Dharma Putra Berbasis Web,” Algor, vol. 2, no. 2, pp. 64–73, 2021, doi: 10.31253/algor.v2i2.549.

M. F. Santoso, “Implementasi Konsep dan Teknik UI/UX Dalam Rancang Bangun Layout Web dengan Figma,” J. Infortech, vol. 4, no. 2, 2022, [Online]. Available: http://ejournal.bsi.ac.id/ejurnal/index.php/infortech156.

N. Samrgandi, “User Interface Design & Evaluation of Mobile Applications,” vol. 21, pp. 55–63, 2021.

D. Cahyaningsih, H. M. Az-Zahra, and I. Aknuranda, “Perancangan Antarmuka Sistem Informasi Akademik Siswa berbasis Web menggunakan Metode Human Centered Design ( Studi Kasus : SMK Negeri 8 Malang ),” J. Pengemb. Teknol. Inf. dan Ilmu Komput., vol. 5, no. 10, pp. 4205–4214, 2021.

A. Sidik, “Penggunaan System Usability Scale (SUS) Sebagai Evaluasi Website Berita Mobile,” Technol. J. Ilm., vol. 9, no. 2, p. 83, 2018, doi: 10.31602/tji.v9i2.1371.

J. Brooke, “SUS - A quick and dirty usability scale,” J. Drugs Dermatology, vol. 13, no. 5, pp. 531–536, 2014, doi: 10.4236/9781618961020_0002.

D. W. Ramadhan, “PENGUJIAN USABILITY WEBSITE TIME EXCELINDO MENGGUNAKAN SYSTEM USABILITY SCALE (SUS) (sTUDI KASUS: WEBSITE TIME EXCELINDO),” JIPI (Jurnal Ilm. Penelit. dan Pembelajaran Inform., vol. 4, no. 2, p. 139, 2019, doi: 10.29100/jipi.v4i2.977.

I. M. H. Kusumawardhana, N. H. Wardani, A. Reza, and Perdanakusuma, “Evaluasi Usability Pada Aplikasi BNI Mobile Banking Dengan Menggunakan Metode Usability Testing dan System Usability Scale (SUS),” J. Pengemb. Teknol. Inf. dan Ilmu Komput., vol. 3, no. 8, pp. 7708–7716, 2019.

A. dwi Purwati and Jemakmun, “Evaluasi Usability Website Menggunakan,” 500-Article%20Text-1566-2-10-20200124%20, pp. 588–595, 2019.

D. P. Kesuma, “Evaluasi Usability Pada Web Perguruan Tinggi XYZ Menggunakan System Usability Scale,” J. Teknol. Sist. Inf., vol. 1, no. 2, pp. 212–222, 2020, doi: 10.35957/jtsi.v1i2.518.

L. Hardiansyah, K. Iskandar, and H. Harliana, “Perancangan User Experience Website Profil Dengan Metode The Five Planes (Studi kasus: BP3K Kecamatan Mundu),” J. Ilm. Intech Inf. Technol. J. UMUS, vol. 1, no. 01, pp. 11–21, 2019, doi: 10.46772/intech.v1i01.34.

R. Andrian, A. Ardiansyah, and M. Fitria, “Rancangan Prototipe Aplikasi Informasi Penyewa Gedung Pernikahan Di Banda Aceh,” J. Komputer, Inf. Teknol. dan Elektro, vol. 5, no. 1, pp. 19–27, 2020, doi: 10.24815/kitektro.v5i1.15573.

K. Widhiyanti and A. K. P. Atmani, “Penerapan Metode Prototyping Dalam Perancangan Interface Sistem Unggah Portofolio Penerimaan Mahasiswa Baru Diploma ISI Yogyakarta,” Teknika, vol. 10, no. 2, pp. 88–95, 2021, doi: 10.34148/teknika.v10i2.308.

V. P. Sabandar and H. B. Santoso, “Evaluasi Aplikasi Media Pembelajaran Statistika Dasar Menggunakan Metode Usability Testing,” Teknika, vol. 7, no. 1, pp. 50–59, 2018, doi: 10.34148/teknika.v7i1.81.

Z. Elma, “Implementasi Metode Usability Testing Dengan System Usability Scale Dalam Evaluasi Website Layanan Penyedia Subtitle (Studi Kasus: Subscene),” Ultim. InfoSys J. Ilmu Sist. Inf., vol. 10, no. 2, pp. 104–110, 2020, doi: 10.31937/si.v10i2.1197.




DOI: https://doi.org/10.21107/simantec.v11i1.19739

Refbacks

  • There are currently no refbacks.


Copyright (c) 2023 Doni Abdul Fatah, Muhammad hasan al-aziz

Indexed By