Seminar Inovasi Teknologi Darma Cendika (SINTEK-DC) 2024
PERANCANGAN DESAIN UI WEBSITE PENGUMPULAN DAN
PENILAIAN TUGAS (TUGAS ON TIME) MENGGUNAKAN
METODE DESIGN THINKING
Ricky Junianto Wijaya.
Yulia Wahyuningsih.
Claudio Erlisto Candra Juniarto.
Fakultas Teknik.
Universitas Katolik Darma Cendika JL.
Dr.
Ir.
Soekarno 201.
Sukolilo.
Surabaya Email: ricky.
wijaya@student.
Fakultas Teknik.
Universitas Katolik Darma Cendika JL.
Dr.
Ir.
Soekarno 201.
Sukolilo.
Surabaya Email: yulia@ukdc.
Fakultas Teknik.
Universitas Katolik Darma Cendika JL.
Dr.
Ir.
Soekarno 201.
Sukolilo.
Surabaya Email: claudio.
juniarto@student.
Abstrak Penggunaan teknologi informasi dan komunikasi berkembang dengan sangat cepat dari masa ke masa, yang mempermudah manusia untuk menampilkan informasi dan berkomunikasi.
Salah satu bidang yang memperoleh dampak yang cukup berarti adalah bidang pendidikan.
Media pembelajaran berbasis website seperti e-learning merupakan contoh media dalam dunia pendidikan.
Seperti yang dilakukan perguruan tinggi di Surabaya yaitu UKDC, dengan menghadirkan sebuah website dengan nama e-Learning UKDC yang berfungsi untuk media pemberian materi, pengumpulan tugas, dan ruang diskusi pada proses Namun berdasarkan hasil wawancara dengan salah satu dosen dan mahasiswa di UKDC, masih terdapat beberapa tantangan seperti kurangnya transparansi dan komunikasi, kurangnya efisiensi waktu dalam mengumpulkan tugas, dan dosen masih merasa kesulitan dan kebingungan dalam menggunakan fitur-fitur di e-Learning UKDC.
Oleh karena itu, perlu dibuat suatu rancangan user interface website untuk pengumpulan dan penilaian tugas dengan tambahan fitur transparansi nilai dan rancangan user interface yang mudah digunakan, ramah pengguna, dan mengutamakan efisiensi waktu.
Metode penelitian yang akan dipakai adalah metode design thinking.
Hasil yang diperoleh berdasarkan pengujian prototype yang telah dilakukan menunjukan 60% setuju jika rancangan desain user interface yang sudah dibuat mudah digunakan, ramah pengguna, dan transparan.
Kata kunci: Pendidikan.
Website, e-learning.
Design Thinking.
User Interface.
Prototype.
PENDAHULUAN
Penggunaan teknologi informasi dan komunikasi berkembang dengan sangat cepat dari masa ke masa, yang mempermudah manusia untuk mengelolah data, menampilkan informasi dan berkomunikasi tanpa dibatasi oleh ruang, waktu, dan tempat .
Perkembangan yang sangat pesat tersebut telah membawa manusia menentukan tingkat efisiensi yang cukup tinggi pada segala bidang karena kebutuhan akan informasi yang sangat penting pada era ini, terutama pada bidang pendidikan .
Di bidang pendidikan, media-media pendukung yang dapat dimanfaatkan yaitu berupa perangkat lunak, website, dan portal-portal pendidikan .
Media pembelajaran berbasis website, seperti e-learning, pengolahan data akademik, penyimpanan data, video conference merupakan contoh media yang dapat diakses oleh pendidik dan peserta didik kapanpun dan dimanapun .
Di era digital ini proses belajar mengajar harus serba efisien, cepat, dan mudah digunakan untuk memperoleh media informasi dengan diawali dari peningkatan pembelajarannya .
Seperti yang dilakukan perguruan tinggi di Surabaya yaitu UKDC, dengan menghadirkan sebuah website dengan nama e-Learning UKDC yang berfungsi untuk media pemberian materi, pengumpulan tugas, dan ruang diskusi pada proses perkuliahan.
Namun berdasarkan hasil wawancara dengan salah satu dosen dan mahasiswa di UKDC, bahwa masih terdapat beberapa tantangan seperti kurangnya transparansi dan komunikasi pada SINTEK-DC Prodi Ilmu Informatika UKDC platform e-Learning UKDC, kurangnya efisiensi waktu dalam mengumpulkan tugas, dan dosen masih merasa kesulitan dan kebingungan dalam menggunakan fitur - fitur di e-Learning UKDC.
Berdasarkan permasalahan di atas maka perlu dibuat suatu rancangan user interface website untuk pengumpulan dan penilaian tugas dengan tambahan fitur transparansi nilai dan rancangan user interface yang mudah digunakan, ramah pengguna, dan mengutamakan efisiensi waktu.
Perancangan desain user interface atau antarmuka pengguna merupakan suatu tahapan yang cukup dan sangat penting dalam proses pengembangan suatu sistem aplikasi atau perangkat lunak .
User interface (UI) sendiri merujuk kepada tampilan dan interaksi antara pengguna dan program, termasuk seperti warna, tombol, dan teks, dengan fokus utama desain adalah kejelasan, kesederhanaan, dan keseragaman dengan tujuan memberikan antarmuka yang efisien dan mudah dimengerti .
User interface sangat dipengaruhi oleh alat dan teknologi yang digunakan untuk mengimplementasikan user interface, dan kreativitas desainer sangat mempengaruhi spesifikasi sistem pada tahap pengembangan .
Oleh karena itu, desain user interface merupakan hal terpenting yang perlu diperhatikan pada situs web media pembelajaran untuk memberikan kemudahan pada user .
Maka penelitian ini bertujuan untuk merancang desain user interface situs web pengumpulan dan penilaian tugas untuk mahasiswa dan dosen UKDC yang ramah pengguna dengan beberapa fitur tambahan seperti transparansi nilai dan fitur untuk komunikasi dengan menggunakan metode Design Thinking.
METODE
Pada penelitian ini digunakan metode Design Thinking.
Design Thinking sangat bermanfaat untuk memecahkan masalah yang sangat rumit atau tidak diketahui, dengan cara menata permasalahannya dalam sudut pandang manusia .
Design Thinking berguna untuk memahami kebutuhan manusia yang terlibat dari segi perancangan antarmuka, ada lima tahapan pada Design Thinking yaitu.
Empathize.
Define.
Ideate.
Prototype, dan Test .
Pada Gambar 1 merupakan alur pada metode Design Thinking.
Gambar 1.
Alur Metode Design Thinking Empathize: Tahap Empathize merupakan proses untuk melakukan kegiatan untuk mendapatkan informasi dan mengetahui kebutuhan pengguna dengan melakukan wawancara dan observasi kebutuhan pengguna .
Define: Pada tahapan Define, dilakukan proses memahami dan menganalisis informasi yang diperoleh dari hasil wawancara pada tahapan Empathize, tujuannya untuk menentukan rumusan masalah sebagai sudut pandang atau menjadi fokus utama pada penelitian .
Ideate: Di tahap Ideate ini, peneliti akan melakukan evaluasi dari rumusan masalah untuk menghasilkan ide atau gagasan sebagai dasar pembuatan prototype yang digambarkan dengan brainstorming .
Prototype: Pada tahap ini, prototype sebagai bentuk visual dilakukan untuk melakukan pemeriksaan terhadap solusi permasalahan, pembuatan prototype akan mempermudah proses penelitian, ide atau gagasan pada tahap Ideate akan menjadi fokus utama dalam pembuatan prototype .
SINTEK-DC
Prodi Ilmu Informatika UKDC Test: Di tahap ini dilakukan pengujian prototype yang sudah dibuat untuk menentukan efektivitas dalam menyelesaikan permasalahannya, pengujian akan dilakukan secara terbatas untuk memperoleh feedback .
HASIL DAN PEMBAHASAN
Empathize Di tahap ini.
Wawancara dilakukan dengan salah satu dosen dan mahasiswa di Universitas Katolik Darma Cendika Surabaya terkait media pengumpulan dan penilaian tugas.
Tahap ini dilakukan untuk memperjelas kebutuhan website sesuai dengan kebutuhan untuk pengumpulan dan penilaian tugas Observasi juga dilakukan untuk menemukan desain website yang cocok untuk diterapkan pada website pengumpulan dan penilaian tugas.
Berikut merupakan daftar pertanyaan wawancara1 Define Di tahap define, ditemukan jika mahasiswa dan dosen lebih suka menggunakan tata letak yang sederhana dan mudah dimengerti.
Hasil wawancara juga menginginkan fitur-fitur penting seperti transparansi nilai, kontak, pengumpulan tugas secara cepat dan langsung, dan fitur yang meminimalisir risiko kesalahan dalam mengirim tugas dan menghemat waktu dalam mengelola tugas.
Media figma dipilih sebagai alat untuk mendesain rancangan user interface, dikarenakan fitur-fitur pada figma yang dikhususkan untuk pembuatan desain user interface dan sepenuhnya gratis.
Ideate Pada tahap ini dilakukan evaluasi dari rumusan masalah kebutuhan pengguna untuk mendapatkan ide atau gagasan yang menjadi dasar dalam menemukan solusi.
Solusi yang sudah diperoleh, digambarkan dengan menggunakan wireframe agar proses desain dapat lebih mudah dan cepat.
Pada Gambar 2 merupakan wireframe yang sudah dibuat.
Gambar 2.
Wireframe Tugas On Time2 Prototype Pada tahapan ini dilakukan pembuatan tampilan user interface website dengan mengimplementasikan ide atau gagasan yang telah diperoleh dan digambarkan pada wireframe sehingga desain tampilan user interface dapat di uji coba.
Hasil dari prototype akan menjadi desain akhir yang siap diuji coba.
Pada Gambar 3 merupakan prototype yang sudah dibuat.
1 https://docs.
com/document/d/1Ua5XRHx36a-lvPjpkQJn2jhAz3BnkjzcfUp48DVVqn0/edit?usp=sharing 2 https://w.
com/design/TtC5wt1PXU1vR8NAKSokP2/Untitled?node-id=0-1&t=7g0qVgVaaDZNo8BQ-1 3 https://w.
com/design/e8TzexErogKUSuETOOZzgY/Untitled?node-id=0-1&t=1tD7Or2zq2FwLTiR-1 SINTEK-DC Prodi Ilmu Informatika UKDC Gambar 3.
Tampilan Prototype Tugas On Time3 Test Di tahap ini, dilakukan pengujian prototype untuk menentukan efektivitas dalam menyelesaikan Pengujian dilakukan menggunakan desain user interface yang telah dibuat sebelumnya.
Responden akan memberikan skala penilaian dari 1 Ae 5 pada setiap pertanyaan dalam kuesioner.
Penilaian yang sudah dilakukan mendapatkan hasil yang cukup baik dengan 60% setuju pada setiap pertanyaan yang diberikan, maka bisa dipastikan bahwa rancangan desain user interface yang sudah dibuat mampu menyelesaikan permasalahan.
KESIMPULAN DAN SARAN
Hasil penelitian ini menunjukkan bahwa penerapan metode design thinking pada perancangan user interface website pengumpulan dan penilaian tugas telah berhasil mengidentifikasi kebutuhan pengguna, merancang desain dan prototype.
Keberhasilan ini diperoleh berdasarkan hasil pengujian prototype dengan hasil 60% setuju disetiap pertanyaan.
Dimana berdasarkan hasil ini, maka perancangan desain user interface website pengumpulan dan penilaian tugas sudah sesuai dengan tujuan penelitian yaitu rancangan user interface yang mudah digunakan, ramah pengguna, dan transparan.
Saran pengembangan berdasarkan hasil penelitian ini, kedepannya akan ditingkatkan lagi untuk fitur pengumpulan tugas agar pengumpulan tugas dapat lebih mudah dan cepat serta lebih meminimalisir kemungkinan kehilangan dan kesalahan dalam mengirim tugas.
DAFTAR PUSTAKA