Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer e-ISSN: 2548-964X

Vol. 5, No. 4, Maret 2021, hlm. 1295-1303 http://j-ptiik.ub.ac.id

Perancangan User Experience Aplikasi Presensi Mobile Menggunakan

Metode Human Centered Design (Studi Kasus: Universitas Kadiri)

Yudhistira Kurniawan S1, Hanifah Muslimah Az-Zahra2, Andi Reza Perdanakusuma3

Program Studi Sistem Informasi, Fakultas Ilmu Komputer, Universitas Brawijaya

Email: 1yudhistira97@student.ub.ac.id, 2hanifah.azzahra@ub.ac.id, 3andireza@ub.ac.id

Abstrak
Universitas Kadiri merupakan universitas swasta di Kota Kediri. Saat ini sistem presensi di
Universitas Kadiri masih dilakukan secara manual. Sistem presensi secara manual memiliki beberapa
kekurangan, yaitu mudahnya mahasiswa melakukan titip absen dan terdapat peluang kesalahan
rekapitulasi data kehadiran. Dari pemasalah tersebut penulis memberikan sebuah solusi dengan
membuat rancangan presensi mobile. Sehingga dengan adanya rancangan tersebut, dapat mempermudah
dosen, mahasiswa, maupun staff akademik dalam proses pelaksanaan presensi maupun rekapitulasi data,
serta meminimalisir tindakan titip absen. Proses perancangan dilakukan dengan pendekatan pembuatan
user experience menggunakan metode human-centered design dan elements of user experience. Metode
human-centered design terdiri dari empat tahapan pendekatan, yaitu menspesifikan konteks
penggunaan, menspesifikan kebutuhan, rancangan design aplikasi, dan evaluasi desain. Proses
pengukuran usability prototype menggunakan metode evaluasi heuristic mengikuti sepuluh prinsip
heuristik usability. Berdasarkan hasil evaluasi diketahui terdapat 18 permasalahan pada prototype, yaitu
H1 terkait Visibiliy of System Status, H2 terkait Match Between System and The Real World, H3 terkait
User Control and Freedom, H4 terkait Consistency and Standards, H5 terkait Error Prevention, H6
terkait Recognition rathen than recall, H8 terkait Aesthetic and Minimalist, dan H9 terkait Help users
recognize, diagnose, and recover from errors. Permasalahan dengan nilai rata-rata tertinggi adalah
permasalahan dengan kode U5-1, yaitu masalah karena tidak adanya jendela konfirmasi untuk submit
presensi.
Kata kunci: human-centered design, user experience, presensi mobile, evaluasi heuristik, design thinking.
Abstract
Kadiri University is a private university in Kediri. Currently, the attendance system at Kadiri University
is still using manual system. The manual attendance system has several lakes, with manual system,
students can manipulate their absences and there is an opportunity for errors in recapitulation of
attendance data. From these problems, the authors provide a solution by designing a mobile presence
aplication. With this design, the process of attendace data recapitulation become easier for lecturers,
students, and academic staff, and this design also can minimize student absences data manipulation.
The design process is carried out with a user experience creation approach using human-centered
design methods and elements of user experience. The human-centered design method consisted of four
stages of the approach, namely specify the context of use, specify needs, design application, and evaluate
the design. The process of measuring the usability prototype used the heuristic evaluation method using
ten usability heuristic principles. Based on the results of the evaluation, it is known that there were 18
problems in the prototype, H1 related to Visibility of System Status, H2 related to Match Between System
and The Real World, H3 related to User Control and Freedom, H4 related to Consistency and
Standards, H5 related to Error Prevention, H6 related to Recognition Rathen than recall, H8 related to
Aesthetic and Minimalist, and H9 related to Help users recognize, diagnose, and recover from errors.
Problem with the highest average value was the problem with U5-1 code, which was the problem
because there was no confirmation window for submit attendance.
Keywords: human-centered design, user experience, mobile presence, heuristic evaluation, design thinking

Fakultas Ilmu Komputer

Universitas Brawijaya 1295
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
1. PENDAHULUAN
Universitas Kadiri adalah Universitas
Swasta yang berada di wilayah Kota Kediri
provinsi Jawa Timur, Universitas Kadiri terus
mengalami perkembangan hingga saat ini
dengan memiliki 6 Fakultas dan 17 Program
Studi, lalu juga memiliki 5627 Mahasiswa pada
tahun ajaran 2017/2018. “Berdasarkan
Permendikbud Nomor 3 Tahun 2020 tentang
Standart Nasional Pendidikan Tinggi pada
Bagian keempat Standart Prosses Pembelajaran
bahwa didalam pasal 11 ayat 2 menyatakan
bahwa capaian pembelajaran lulusan diraih
dengan mengutamakan proses interaksi dua arah
antara mahasiswa dan dosen. Sehingga untuk
mencapai hal tersebut salah satunya adalah
dengan dibuatnya sistem presensi sehingga
Mahasiswa wajib datang untuk memenuhi
capaian pembelajaran tersebut”.
Saat ini Universitas Kadiri masih
menggunakan sistem presensi secara manual,
yaitu alurnya adalah dengan menyuruh dosen
atau ketua kelas untuk mengambil presensi yang
telah disediakan oleh Ketua Program Studi, lalu
Mahasiswa yang hadir pada mata kuliah yang
sudah ditentukan wajib mengisi tanda tangan
yang sudah disediakan sehingga hal ini
menjadikan proses presensi menjadi tidak
effisien. Selanjutnya adalah permasalahan
seperti titip absen masih sering terjadi sehingga
membuat Peraturan dari Kementrian Diknas dan
Kebudayaan Nomor 3 Tahun 2020 tentang
Standart Nasional Pendidikan Tinggi pada
Bagian keempat Standart Prosses Pembelajaran
bahwa didalam pasal 11 ayat 2 menjadi tidak
terpenuhi, lalu didalam proses rekapitulasi dari
presensi manual ke dalam sistem terkadang
terjadi kesalahan karena pada dasarnya
kemampuan seorang manusia sangatlah terbatas
sehingga kesalahan dapat terjadi kesalahan
terlebih jika sistemnya belum terintegrasi.
Berdasarkan uraian di atas untuk membantu
mempermudah pihak Universitas dalam
mengatasi permasalahan yang ada maka
dibuatlah rancangan aplikasi presensi mobile.
Pada perancangan ataupun pengaplikasian
menjadi bahan penimbang user experience
karena menjadi salah satu faktor keberhasilan
suatu aplikasi dari sisi yang dialami ataupun
yang dirasakan pemakai ataupun
pengaplikasiannya (Garret, The Element of User
Experience., 2004). Perancangan User
Experience dilaksanakan karena jika
Fakultas Ilmu Komputer, Universitas Brawijaya
1296
dipraktekan, fungsi serta sistemnya yang selaras
dengan yang diperlukan stakeholder dan juga
karena aplikasi ini merupakan fasilitas layanan
sehingga kenyamanan pengguna sangatlah
penting sehingga mampu mewujudkan visi dari
Universitas Kadiri. Untuk mendapatkan
kebutuhan pengguna dari sisi user experience
yang baik maka pada perancangan aplikasi
absensi ini dilakukan dengan pendekatan metode
Human Centered Design yang mana pada
metode ini memiliki tujuan untuk membuat
sistem yang dibuat menjadi dapat digunakan dan
berguna. Fokus metode human centered design
adalah pengguna, kebutuhan pengguna,
kenyamanan pengguna, dan ilmu terkait juga
teknik terkait usability (International
Organization for Standardization, 2010).
2. LANDASAN KEPUSTAKAAN
2.1 Presensi
Presensi yang saat ini dilakukan di
Universitas Kadiri adalah presensi yang
dilakukan secara manual yaitu Dosen membawa
dokumen presensi kedalam kelas lalu diserahkan
kepada mahasiswa yang mengikuti perkuliahan
dosen saat itu dan selanjutnya mahasiswa
diharuskan untuk mengisi tanda tangan di dalam
dokumen presensi sesuai tanggal yang sudah
terjadwal, lalu selanjutnya dokumen presensi
diserahkan ke Biro Administrasi Akademik yang
disingkat menjadi BAAK yang nantinya oleh
BAAK dilakukan proses rekapitulasi dari data
yang didapat dari presensi dan dimasukan
kedalam sistem.
2.2 User Experience
User Experience “yang membuat orang
bekerja lebih baik dan cepat serta dapat
membantu penguna dalam melakukan kesalahan
dalam penggunaan suatu produk adalah user
experience yang baik”. Seperti yang dikatakan
(Garrett, 2003) dipergunakan untuk peningkatan
produktivitasnya, dengan dasar pemakainya
yang menjadi subyek dasar personal, dengan
sifat yang dinamis dan berkembang.
2.3 User Interface
Merupakan istilah dalam menerima input
dan perintah masukan pengguna untuk
melakukan manipulasi pada software sesuai data
yang diinginkan pengguna merupakan fungsi
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
utama dari tampilan antarmuka. Tampilan
antarmuka ini juga merupakan alat interaksi
antara pengguna dengan sistem. Tampilan
antarmuka juga bisa disebut sebagai rancangan
atau layanan yang sesuai dengan interaksi
pengguna dengan sistem. Dalam hal ini bisa
berbentuk keyboard, kursor, layer atau tampilan
pada aplikasi (Rouse, 2016).
2.4 Human Centered Design
Istilah dari Human-Centered Design dengan
User-Centered Design pada dasarnya adalah hal
yang sama (Ahuja, 2015). Human-Centered
Design adalah “sebuah metode pendekatan
untuk membangun sistem yang memiliki tujuan
untuk membuat sistem menjadi lebih menarik
dan bermanfaat. Metode HCD ini berfokus pada
askep kebutuhan pengguna, aspek ergonomic,
dan yang berkaitan dengan ilmu dan teknik
usability”.
Gambar 3.1 Langkah-langkah HCD
2.5 Element of User Experience
Didalam element of user experience
terdapat metode dengan pemaparan bagaimana
penggalian pengalaman, dengan tahapan yang
abstrak hingga yang konkrit, dengan dari 5
element yaitu “strategy, scope, structure,
skeleton, and surface”.
2.6 Prototype
Metode prototype ini merupakan “metode
yang membuat model sederhana dari sebuah
produk. Metode ini dapat memberikan pengguna
gambaran dasar terkait fungsi sistem. Dengan
prototype juga dapat membantu pengembang
dan pemakai untuk saling berhubung dalam
proses pembuatan, sehingga memudahkan
pengembang dalam membuat model produk
yang diinginkan” (Mulyanto, 2009).
Fakultas Ilmu Komputer, Universitas Brawijaya
1297
2.7 Heuristic Evaluation
Metode evalusi heuristik (Nielsen, 1995)
adalah “sebuah metode pengukuran usability
yang berfungsi untuk mencari permasalah yang
ada pada desain tampilan antarmuka. Dalam
melakukan evaluasi usability ini mengikuti
sepuluh prinsip heuristik usability yang ada dan
dalam mencari permasalahan dan penilaian
heuristik pada sistem ini dilakukan oleh pakar
dibidangnya”.
2.8 Evaluator
Evaluator memiliki tugas untuk memberikan
saran dan severitiy rating untuk perbaikan yang
ada didalam aplikasi. “Berdasarkan dasar teori
mengenai evaluator pengujian heuristik yang
telah dijelaskan sebelumnya maka evaluator
yang dilibatkan dalam pengujian kali ini adalah
3 sampai dengan 5 orang”.
Tabel 1 Karakteristik dan Syarat Evaluator
No Karakteristik Syarat
1 Pehaman usability Pada pemahaman
hal yang nyaman
untuk dipakai,
interaksi ataupun
pengaplikasian
sistem
2 Latar Belakang Minimal telah
menempuh
Pendidikan Strata
1 dalam bidang
terkait
3 Pengalaman Kerja Pernah menjadi
pengembang
aplikasi.
Sumber: Yulius Firantoko (2019)
2.9 Severity Ratings
Pada pengujian heuristik bertujuan “untuk
mengidentifkasi masalah usability yang
ditemukan pada aplikasi dan nilai keparahan
diberikan berdasarkan tingkat masalah yang
dialami. Prioritas untuk perbaikan dilihat dari
tingkat severity ratings yang paling tinggi dan
nilai severity rating ini digunakan pengembang
untuk memudahkan dalam melakukan prioritas
perbaikan dengan melihat prioritas tingkat
permasalahan” (Nielsen, Severity Ratings for
Usability Problems, 1995).
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 1298

DAN KEBUTUHAN PENGGUNA

2.10 Persona
4.1 Analisis Konteks Pengguna
Persona adalah karakter fiksi, yang mana
dibuat berdsarkan penelitian yang telah Pada tahap menspesifikasikan konteks
dilakukan dan ditujukan untuk pengguna ini penulis mengadaptasi dari ISO
merepresentasikan berbagai tipe pengguna yang yang menjelaskan bahwa terdapat 4 cakupan
mungkin menggunkanan layanan, produk, situs, dalam menspesifikasikan konteks pengguna dan
atau merek yang dibuat dengan cara yang sama. akan dijelaskan pada table 4.1
Dengan membuat persona akan membantu untuk Tabel 4.1 Menspesifikasikan Konteks
memahami kebutuhan, pengalaman, perilaku Pengguna
dan tujuan pengguna. Menciptakan persona
No Cakupan
dapat membantu untuk keluar dari diri sendiri.
Konteks Penjelasan
3 METODOLOGI Pengguna
1 Pengguna atau Merupakan
Meliputi studi kepustakaan, menspesifikan kelompok Dosen,
konteks pengguna, menspesifikan kebutuhan pemangku Mahasiswa dan
pengguna, pembuatan desain solusi, evaluasi kepentingkan Staff yang
desain solusi, dan yang terakhir adalah lainnya memiliki
kesimpulan serta saran juga diberikan untuk keterlibatan
penelitian selanjutnya, berikut adalah diagram proses presensi
alurnya:
2 Karakteristik Merupakan
pengguna atau masyarakat yang
grup pengguna ada pada
Lingkungan
Universitas
Kadiri yang sudah
memiliki
pengalaman
dalam penggunan
aplikasi pada
Smarphone
3 Tujuan dan tugas Sebagai
pengguna pengubah
presensi yang
sebelumnya
manual menjadi
lebih teringrasi
4 Lingkungan Menggunakan
sistem Android dan
membutuhkan
internet.

4.2 Analisis Kebutuhan Konten

Tabel 4.2 Identifikasi Kebutuhan Konten

No Interface Konten
1. Halaman utama Informasi
jadwal
realtime
Gambar 3.1 Metodologi Penelitian Menu
sidebar
4. ANALISIS KONTEKS PENGGUNA

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 1299

2 Halaman presensi Fitur kuota

(dosen) mahasiswa
Opportuni • Menamba • Memberik
Fitur
ties hkan filter an
membuat
untuk tambahan
kode
menampil menu
presensi
kan filter
3 Halaman presensi Fitur input
informasi berdasark
(mahasiswa) bar
jadwal an
Fitur
yang lebih ruangan.
notifikasi
spesifik
4 Halaman sub menu Informasi
profile
5 Halaman history Informasi 5.2 Mahasiswa Melakukan Presensi
presensi
sebelumnya Pada desain interaksi berikut akan
menjelaskan mengenai alur yang diajalankan
5. RANCANGAN DESAIN SOLUSI pengguna ketika akan memasukan kode presensi
yang telah diberikan oleh dosen, tujuan dari
5.1 Rancangan Desain Interaksi pengguna, kendalanya akan dihadapkan serta
Pada desain interaksi berikut akan yang menjadi sarannya, untuk
menjelaskan mengenai alur yang diajalankan pengembangannya.
pengguna, tujuan dari pengguna, kendala yang Tabel 5.2 Desain Interaksi Melakukan
akan dihadapi serta saran yang dapat dilakukan Presensi (mahasiswa)
di pengembangan.
User Flow

Tabel 5.1 Desain Interaksi Melakukan

Presensi (dosen)
User Flow
User • Memasuk • Berhasil
Goals kan kode memasuk
presensi kan kode
yang telah presensi
User • Menamba • Berhasil diberikan yang telah
Goals hkan menamba oleh dosen diberikan
kuota h kuota oleh
mahasisw mahasisw dosen
a dan a dan User Pain • Membutu • Tidak
membuat membuat Points hkan menemuk
kode kode waktu an filter
presensi presensi untuk yang
kelas kelas mencari dapat
jadwal memperse
User Pain • Membutu • Tidak
Points hkan menemuk yang mpit
waktu an filter spesifik informasi
untuk yang karena jadwal
tidak ada
mencari dapat
jadwal memperse fitur filter
yang mpit
spesifik informasi
karena jadwal
Opportuni • Menamba • Memberik
tidak ada ties hkan filter an
fitur filter untuk tambahan
menampil menu

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 1300

kan filter
informasi berdasark
jadwal an
yang lebih ruangan.
spesifik

5.3 Wireframe
Low-fiedelity pada rancangan aplikasi ini
dibuat dalam bentuk “wireframe menggunakan
adobe xd dan hasil masing-masing rancangan
akan dijelaskan pada bagian sub bab wireframe”.
Selanjutnya dari hasil rancangan Low-
fiedelity didapatkan gambaran mulai dari
halaman login hingga halaman history, lalu
sebagaian hasilnya dapat dilihat pada gambar 5.1
dan 5.2

Gambar 5.2 Halaman History

5.4 Screenflow
Gambaran wireframe yang telah dibuat
akan dijadikan screenflow untuk menjelaskan
interaksi perintah dan fungsi yang ada di dalam
sistem. Selanjutnya terdapat 6 screenflow yang
telah dibuat, salah satunya adalah pada gambar
5.5.

Gambar 5.1 Halaman login

Gambar 5.5 Screenflow Task Masuk

Fakultas Ilmu Komputer, Universitas Brawijaya
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 1301

Task masuk dijelaskan pada screenflow

pada Gambar 5.5. Dapat terlihat bahwa pada GRAFIK PERMASALAHAN
gambar tersebut mengharuskan pengguna 4
aplikasi untuk mengisi email dan password
untuk masuk kedalaman halaman utama 2
aplikasi.
0
H1 H2 H3 H4 H5 H6 H7 H8 H9 H10
5.5 Mock Up User Interface
Mock Up digunakan untuk menampilkan Evaluator 1 Evaluator 2 Evaluator 3
seperti apa product yang akan dibuat dengan
konsepnya yang dikenal sebagai High Fidelity, Gambar 6.1 Grafik Temuan Masalah
dari rancangan yang telah dibuat telah
menghasilkan halaman masuk hingga menu
yang ada pada sidebar, salah satu hasilnya dapat 6.2 Prioritas Perbaikan Berdasarkan
dilihat pada gambar 5.6. Severity Ratings
Berdasarkan analisis prioritas perbaikan
nilai severity ratings mendapatkan 18
permasalahan yang meliputi heuristic 1,2,3,4,5,6
dan 8 sehingga prioritas perbaikan dilakukan
dari nilai tertinggi dan masalah dengan prioritas
tinggi seperti pada gambar 6.2.

0
U5-1 U1-2 U3-1 U8-5 U1-3 U3-2 U6-1 U8-2 U8-4

Evaluator 1 Evaluator 2 Evaluator 3

Gambar 6.2 Grafik Nilai Severity Ratings

6.3 Evaluasi Perbaikan

Setelah dilakukan perbaikan berdasarkan
prioritas didapatkan penurunan grafik
permasalahan seperti pada gambar 6.3

GRAFIK PERMASALAHAN
3
2
Gambar 5.6 Mock Up Halaman Utama
Aplikasi 1

6. EVALUASI 0
H1 H2 H3 H4 H5 H6 H7 H8 H9 H10
6.1 Hasil Evaluasi
Evaluator 1 Evaluator 2 Evaluator 3
Setelah dilakukan evaluasi ditemukan
permasalahan oleh evaluator expert yang yang Gambar 6.3 Grafik Temuan Masalah
dapat dilihat pada gambar 6.1 mengenai temuan
masalah dengan metode evaluasi heuristik.

Fakultas Ilmu Komputer, Universitas Brawijaya

Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer
7. Kesimpulan
Dibawah ini ialah garis besar yang
diperoleh dari hasil pengkajian yang
dilaksanakan, dengan harapan akan memaparkan
perumusan masalah yang disebutkan:
1. Pada tahapan membuat spesifikasi
kebutuhan pengguna dilakukan dengan
cara wawancara mulai dari dosen hingga
mahasiswa.
2. Pada tahapan menspesifikasikan
kebutuhan pengguna yaitu dengan
meringkas dan analisis dari hasil
wawancara dengan pengguna dan
dibuatlah sebuah pernyataan kebutuhan
pengguna.
3. Pada proses pembuatan desain solusi
menyesuaikan hasil yang didapat pada
proses spesifikasi kebutuhan. Tampilan
menggunakan model yang aesthetic dan
minimalist sehingga lebih menarik dan
nyaman digunakan.
4. Proses evaluasi dilakukan pada aplikasi
presensi ini dengan menggunakan
heuristic evaluation kepada 3 evaluator
yang merupakan expert serta memiliki
pengalaman kerja dan memahami terkait
usability. Lalu didapatkan 18
permasalahan yang diurutkan berdasarkan
nilai severity ratings.
DAFTAR PUSTAKA
Andini, A., Irzal, M. & Ria, A., Perancangan dan
Implementasi Sistem Absensi Online
Berbasis Android di Lingkungan
Universitas Jakarta. Jakarta.
Aniesyah, A. N., 2018. Perancangan User
Experience Aplikasi Pelaporan Keluhan
Masyarakat Menggunakan Metode
Human-Centered Design. Jurnal
Pengembangan Teknologi Inf
Anggitama, D. R., 2018, 2. “Evaluasi dan
Perancangan User Interface Untuk
Meningkatkan User Experience
Menggunakan Metode Human Centered
Design dan Heuristic Evaluation Pada
Aplikasi EzyPay. Jurnal Pengembangan
dan Teknologi Informasi”, 2(12), 6152-
6159
Ahuja, M., 2015. User-Centered design(UCD)
v/s Human-Centered design(HCD) v/s
Design Thinking. Tersedia di :
Fakultas Ilmu Komputer, Universitas Brawijaya
1302
<https://medium.com/@ahujamoh/yest
erday-night-one-of-my-friends-asked-
me-very-interesting-question-
4bcd9cae53b> [Diakses 07 Maret 2020]
Biro Perancangan dan Sistem Informasi, 2012.
Sistem Administrasi Perguruan Tinggi.
Dam, R., & Siang, T. 2018. Personas-A Simple
Introduction. Tersedia di :
<https://www.interaction-
design.org/literature/article/personas-
why-and-how-you-should-use-them>
[Diakses 07 Maret 2020]
Garret, J.J, (2003, 9). The Elements of User
Experience (Vol. 10). New York, USA :
ACM.
Google. 2019. “Manfaat Sistem Informasi
Akademik Bagi Perguruan Tinggi &
Mahasiswa”. Tersedia di: <
https://www.sevima.com/manfaat-
sistem-informasi-akademik-bagi-
perguruan-tinggi-mahasiswa> [Diakses
09 September 2019].
Hermanto, N., Nurfaizah. & Riyanto, N.,
2019.Aplikasi Sistem Presensi
Mahasiswa Berbasis Android. Jurnal
Simetris, 10(1), pp. 2252-4983.
Husain, Al., Prastian, A. H. & Ramadhan, A.,
2017.Perancangan Sistem Absensi
Online Guna Mempercepat Kehadiran
Karyawan Pada PT. Sintech berkah
abadi. Techno Media Journal, 2(1), pp.
2620-3383.
Jogiyanto HM., 1995. “Analisis dan Desain
Sistem Informasi : Pendekatan
Terstruktur Teori dan Praktek Aplikasi
Bisnis. Yogyakarta”.
Nielsen, J., 1995. Severity Ratings for Usability
Problems. Tersedia di :
<https://nngroup.com/articles/how-to-
rate-the-severity-if-usability-problems>
[Diakses 07 Maret 2020]
Nielsen, J., 1992. Finding Usability Problems
Through Heuristic Evaluation.,
Morristown: Bellcore.
O'brien, J., 2015. “Pengantar Sistem Informasi :
Perspektif Bisnis dan Manajerial.(12th
edition)”. Jakarta: Salemba Empat.
Rendiansah, M., 2017. Pengembangan User
Interface Aplikasi Guide Me! Berbasis
Web dengan Pendekatan Human-
Centered Design. Jurnal Pengembangan
Teknologi Informasi dan Ilmu
Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer 1303

Komputer, 1302-1311.
Rouse, M. 2016. Interface. Tersedia di :
<https://whatis.techtarget.com/definitio
n/interface> [Diakses 07 Maret 2020]
Setyadi, A., 2011. Graphical User Interface.
Tersedia di : <http://www.anton-
setyadi.web.id/IT/1189-1086/graphical-
user-interface_2179_anton-
setyadi.html> [Diakses 07 Maret 2020]

Fakultas Ilmu Komputer, Universitas Brawijaya