PERANCANGAN USER INTERFACE SISTEM INFORMASI DESA

MENGGUNAKAN METODE GOAL-DIRECTED DESIGN

(STUDI KASUS: DESA GAYAMPRIT KLATEN
SELATAN KAB. KLATEN)

SKRIPSI

disusun oleh
Abdul Rahmanto
18.11.1935

PROGRAM SARJANA
PROGRAM STUDI INFORMATIKA
UNIVERSITAS AMIKOM YOGYAKARTA
YOGYAKARTA
2022

i
 PENGESAHAN
PERSETUJUAN
SKRIPSI
PERANCANGAN USER INTERFACE
SKRIPSISISTEM INFORMASI DESA
MENGGUNAKAN METODE GOAL-DIRECTED DESIGN
(STUDI USER
PERANCANGAN KASUS: DESA GAYAMPRIT
INTERFACE KLATEN
SISTEM INFORMASI DESA
MENGGUNAKANSELATAN
METODEKAB. KLATEN)
GOAL-DIRECTED DESIGN
(STUDI KASUS: DESA GAYAMPRIT KLATEN
yang dipersiapkan
SELATAN [Link])
disusun oleh
Abdul Rahmanto
18.11.1935
telahyang dipersiapkan
dipertahankan dan disusun
di depan Dewanoleh
Penguji
pada tanggal .........2022

Abdul Rahmanto
Susunan Dewan Penguji
18.11.1935

Nama Penguji Tanda Tangan

telah disetujuai oleh Dosen Pembimbing Skripsi

Nama dan Gelar Penguji 1 _________________
NIK. 190302xxx pada tanggal 20 Januari 2022

Nama dan Gelar Penguji 2 _________________

NIK. 190302xxx Dosen Pembimbing,

Nama dan Gelar Penguji 3 _________________

NIK. 190302xxx
Ferian Fauzi Abdulloh, [Link]
Skripsi ini telah diterima sebagai
NIK. salah satu persyaratan
untuk memperoleh gelar Sarjana Komputer
Tanggal .........2022

KETUA UNIVERSITAS AMIKOM YOGYAKARTA

Prof. Dr. M. Suyanto, M.M.

NIK. 190302001

ii
iii
 PERNYATAAN
Saya yang bertandatangan dibawah ini menyatakan bahwa, skripsi ini merupakan karya saya
sendiri (ASLI), dan isi dalam skripsi ini tidak terdapat karya yang pernah diajukan oleh orang
lain untuk memperoleh gelar akademis di suatu institusi pendidikan tinggi manapun, dan
sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang pernah ditulis
dan/atau diterbitkan oleh orang lain, kecuali yang secara tertulis diacu dalam naskah ini dan
disebutkan dalam daftar pustaka.
Segala sesuatu yang terkait dengan naskah dan karya yang telah dibuat adalah menjadi
tanggungjawab saya pribadi.

Yogyakarta, ………..

Meterai
Rp. 6.000

Abdul Rahmanto
NIM. 18.11.1935

iv
 MOTTO

” Perubahan selalu butuh proses. Teruslah berjalan & memperjuangkan

impianmu, jangan menyerah. Yakinlah Allah SWT selalu membimbingmu.”

”Dan barang siapa yang bertakwa kepada Allah SWT, niscaya Allah SWT
menjadikan baginya kemudahan dalam urusannya.”
(Q.S At-Talaq : 4)

v
 PERSEMBAHAN

Segala puji syukur penulis panjatkan kepada Allah SWT yang telah
memberikan rahmat dan hidayah–nya, sehingga penulis dapat
menyelesaikan skripsi ini. Shalawat serta salam penulis panjatkan kepada
baginda Nabi Muhammad SAW yang telah membawa tauladan kepada
kehidupan seluruh umat manusia dan membawa dunia dari zaman gelapnya
ilmu pengetahuan atau zaman jahiliyah sehingga zaman menjadi terang
benderang seperti saat ini. Dalam penulisan naskah skripsi ini penulis sangat
mengucapkan rasa syukur dan terimakasih kepada :
 Allah SWT, rasa syukur saya haturkan kepadaNya yang tak
terhingga dengan segala ridho dan selalu mengabulkan doa
umatNya.
 Untuk keluarga saya tercinta terutama kepada kedua orang tua
saya, Bapak Katmin dan Ibu Sulasmi yang selalu senantiasa
memberikan dukungan kepada saya dalam bentuk apapun
dan mendoakan saya secara ikhklas sehingga saya bisa
menyelesaikan skripsi ini.
 Untuk adek saya Dewi Nur Rahmawati
 Bapak Eris dan Ibu Kiki Ristika Dewi yang sudah membantu
selama saya mengerjakan skripsi
 Dosen pembimbing saya Bapak Ferian Fauzi Abdulloh,
[Link] yang telah mendampingi saya selama mengerjakan
skripsi ini.
 Ibu dan Bapak Dosen Universitas Amikom Yogyakartayang
telah memberikan ilmu yang bermanfaat.

vi
Kata Pengantar
Puji syukur penulis panjatkan kehadirat Allah SWT karena atas
karunia dan hidayahNya yang telah dianugrahkan kepada penulis, sehingga
penulis dapat menyelesaikan skripsi yang berjudul “ Perancangan User
Interface Sistem Informasi Desa Menggunakan Metode Goal – Directed
Design (Studi Kasus : Desa Gayamprit Klaten Selatan Kab. Klaten) “
dengan baik dan sesuai dengan waktu yang diharapkan.
Skripsi ini disusun sebagai salah satu syarat kelulusan bagi setiap
mahasiswa Universitas Amikom Yogyakarta. Selain itu juga merupakan
suatu bukti bahwa mahasiswa telah menyelesaikan kuliah jenjang Program
Studi Strata 1 dan untuk memperoleh gelar Sarjana Komputer.
Dengan selesainya skripsi ini maka penulis tidak lupa mengucapkan
terimakasih kepada :
1. Bapak Prof. Dr. M. Suyanto, MM selaku Rektor Universitas
Amikom Yogyakarta.
2. Hanif Al Fatta, [Link]., [Link]. selaku Dekan Fakultas Ilmu
Komputer Universitas Amikom Yogyakarta.
3. Bapak Ferian Fauzi Abdulloh, [Link] selaku Dosen Pembimbing
Skripsi yang telah memberikan waktu, tenaga, nasehat dan
bimbingan selama penyusunan laporan skripsi.
4. Bapak dan Ibu Dosen Universitas Amikom Yogyakarta yang telah
memberikan ilmu yang bermanfaat.
5. Kedua orang tua yang telah membantu memberikan dukungan
dalam berbagai bentuk.
6. Tak lupa saya ucapkan terimakasih kepada semua pihak yang telah
membantu memberikan dukungan dan bantuan kepada saya dalam
menyelesaikan skripsi ini.
7. Keluarga Besar S1 Informatika 18IF – 02.

Penulis menyadari bahwa skripsi ini masih jauh dari katasempurna.

Oleh sebab itu, kritik dan saran yang membangun sangat

vii
diperlukan untuk memperbaiki skripsi ini. Dan penulis
berharap semoga skripsi ini bermanfaat bagi penulis dan
pembaca.

Yogyakarta, ………….2022

Abdul Rahmanto

18.11.1935

viii
 DAFTAR ISI

JUDUL ................................................................................................................... I
PERSETUJUAN ................................................................................................. II
PENGESAHAN ............................................................................................... III
PERNYATAAN ................................................................................................... iv
Motto ...................................................................................................................... v
Persembahan ........................................................................................................ vi
Kata Pengantar ................................................................................................... vii
Daftar Isi ............................................................................................................. viii
Daftar Tabel .......................................................................................................... x
Daftar Gambar .................................................................................................... xi
INTISARI ............................................................................................................ xii
ABSTRACT ....................................................................................................... xiv
BAB I PENDAHULUAN ..................................................................................... 1
1.1 Latar Belakang Masalah ................................................................................... 1
1.2 Rumusan Masalah ............................................................................................ 3
1.3 Batasan Masalah ............................................................................................... 3
1.4 Maksud dan Tujuan Penelitian ......................................................................... 3
1.5 Manfaat Penelitian ............................................................................................ 4
1.6 Metode Penelitian ............................................................................................. 4
1.6.1 Metode Observasi ..................................................................................... 4
1.6.2 Metode Wawancara .................................................................................. 5
1.6.3 Metode Perancangan................................................................................. 5
BAB II LANDASAN TEORI ............................................................................... 9
2.1 Tinjauan Pustaka .............................................................................................. 9
2.2 Definisi Sistem Informasi Desa ...................................................................... 10
2.3 User Interface ................................................................................................. 10
2.4 User Experience .............................................................................................. 11
2.5 Goal Directed Design ..................................................................................... 12
2.5.1 Research ................................................................................................ 13
2.5.2 Modelling .............................................................................................. 13
2.5.3 User Persona .......................................................................................... 13

ix
 2.5.4 Requirement Definition ......................................................................... 13
2.5.5 Framework Definition ........................................................................... 14
2.5.6 Refinement ............................................................................................ 14
2.5.7 Development Support ............................................................................ 14
2.6 System Usability Scale (SUS) ........................................................................ 14
2.7 Purposive Sampling ........................................................................................ 16
BAB III METODE PENELITIAN.................................................................... 17
3.1 Objek Penelitian ............................................................................................. 17
3.2 Tahapan Pengembangan ................................................................................. 17
3.2.1 Fase Research ........................................................................................ 17
[Link] Wawancara ................................................................................ 17
[Link] Observasi ................................................................................... 18
[Link] Studi Literatur ............................................................................ 18
3.2.2 Fase Modelling ...................................................................................... 18
3.2.3 Fase Requirement Definition ................................................................. 19
3.2.4 Fase Framework Definition ................................................................... 19
3.2.5 Fase Refinement .................................................................................... 20
3.2.6 Fase Development Support.................................................................... 20
BAB IV HASIL DAN PEMBAHASAN ............................................................ 24
4.1 Wawancara ..................................................................................................... 24
4.2 Observasi ........................................................................................................ 25
4.3 Studi Literatur ................................................................................................. 25
4.4 Fase Modelling ............................................................................................... 26
4.5 Fase Requirement Definition .......................................................................... 29
4.5.1 Konteks Skenario.................................................................................... 29
4.6 Fase Framework Definition ............................................................................ 36
4.7 Refinement ..................................................................................................... 68
4.8 Development Support ..................................................................................... 89
4.9 Feedback and Research .................................................................................. 92
BAB V KESIMPULAN DAN SARAN ............................................................. 93
4.1 Kesimpulan ..................................................................................................... 93
4.2 Saran ............................................................................................................... 93

x
DAFTAR PUSTAKA ........................................................................................... 95
LAMPIRAN A PENJELASAN MENGENAI TEMPLATE LAPORAN SKRIPSI
.............................................................................................................................. 11

xi
 DAFTAR TABEL

Tabel 3.1 Pertanyaan Kuesioner ........................................................................... 21

Tabel 3.2 Jawaban Kuesioner ............................................................................... 22
Tabel 4.1 Fase Modeling ...................................................................................... 26
Tabel 4.2 Kuisoner Skor ....................................................................................... 89
Tabel 4.3 Perhitungan Skor .................................................................................. 91

xii
 DAFTAR GAMBAR

Gambar 4.1 User Scenario Pengaduan ................................................................. 30

Gambar 4.2 User Scenario Kebijakan .................................................................. 30
Gambar 4.3 User Scenario Kendaraan Darurat .................................................... 31
Gambar 4.4 User Scenario Lapak Online ............................................................. 31
Gambar 4.5 User Scenario Pengurusan Dokumen ............................................... 32
Gambar 4.6 User Scenario Janji Temu ................................................................. 33
Gambar 4.7 User Scenario Forum ........................................................................ 33
Gambar 4.8 User Scenario Kontak Desa .............................................................. 34
Gambar 4.9 User Scenario Profil Desa Identitas Desa ......................................... 34
Gambar 4.10 User Scenario Profil Desa Tambah Aparatur Desa ........................ 35
Gambar 4.11 User Scenario Profil Desa Lapak Online ........................................ 35
Gambar 4.12 User Scenario Profil Desa Pengaturan............................................ 35
Gambar 4.13 wireframe User Interface Home ..................................................... 36
Gambar 4.14 wireframe User Interface Profil Desa ............................................. 41
Gambar 4.15 wireframe User Interface Layanan ................................................. 51
Gambar 4.16 wireframe User Interface Transparansi .......................................... 57
Gambar 4.17 wireframe User Interface Informasi................................................ 60
Gambar 4.18 wireframe User Interface Menu Login ........................................... 61
Gambar 4.19 wireframe User Interface Dashboard .............................................. 62
Gambar 4.20 Prototype User Interface Home ...................................................... 68
Gambar 4.21 Prototype User Interface Profil Desa .............................................. 71
Gambar 4.22 Prototype User Interface Layanan .................................................. 75
Gambar 4.23 Prototype User Interface Transparansi ........................................... 79
Gambar 4.24 Prototype User Interface Informasi ................................................ 82
Gambar 4.25 Prototype User Interface Login ..................................................... 83
Gambar 4.26 Prototype User Interface Dashboard ............................................... 84

xiii
 INTISARI
Berkaitan dengan pentingnya penggunaan sistem informasi dalam
meningkatkan pelayanan publik, maka Desa Gayamprit Klaten Selatan,
Kabupaten Klaten, provinsi Jawa tengah dalam rangka menunjang transparansi
dan meningkatkan kualitas pelayanan publik membutuhkan sebuah sistem
informasi desa berbasis web dengan tampilan user interface yang baik dan
mudah dipahami oleh pegawai desa maupun warga desa sehingga melalui
website tersebut nantinya akan dapat mempermudah serta mempercepat proses
pelayanan yang diselenggarakan oleh instansi desa terhadap masyarakat.
Selama ini, pelayanan kepada warga desa secara keseluruhan masih
dilakukan dengan cara manual dikarenakan Sebagian besar dari warga desa
belum sepenuhnya dapat memahami terkait penggunaan teknologi informasi.
Kondisi seperti ini tentu menjadi permasalahan bagi Desa Gayamprit seperti
masih kurang maksimalnya pelayanan yang bisa diberikan. Ketiadaan
teknologi informasi juga seringkali menimbulkan masalah seperti masih
seringnya ditemukan antrian panjang warga desa dikarenakan proses yang
memakan waktu cukup lama serta sulitnya masyarakat dalam mendapatkan
informasi terkait desa.
Pada skripsi ini penelitian ini akan merancang sebuah Sistem Informasi
berbasis website di Desa Gayamprit Klaten Selatan, Kabupaten Klaten.
Disamping itu peneliti ingin Menghasilkan rekomendasi desain user interface
Sistem Informasi Desa yang mudah dipahami oleh pegawai desa maupun
warga desa Gayamprit. dan Membantu memudahkan pegawai/perangkat desa
maupun warga di desa Gayamprit dalam hal penyampaian informasi dan
pelayanan public

Kata Kunci: system informasi,Rencana Sistem Informasi, Website

xiv
 ABSTRACT

Sebagai salah satu bentuk pelaksanaan Good Government (pemerintahan yang

baik), desa Gayamprit Klaten Selatan, Kabupaten Klaten, saat ini dituntut untuk
dapat memanfaatkan website sebagai salah satu media dalam meningkatkan
efektifitas dan efisiensi pelayanan desa terhadap masyarakat. Meskipun selama
ini desa Gayamprit sudah menggunakan sistem informasi desa (SID) akan tetapi
pelayanan terhadap warga desa masih dominan dilakukan secara konvensional
dikarenakan fitur yang tersedia pada sistem informasi desa masih terbilang
sangat minim ditambah lagi dengan tampilan sistem yang terbilang standar
sehingga kurang diminati oleh masyarakat.
Terkait dengan hal tersebut, penelitian ini bertujuan untuk merancang
tampilan user interface berdasarkan kebutuhan pihak desa Gayamprit Klaten
Selatan pada sistem informasi desa dengan menggunakan metode Goal-Directed
Design yang terdiri dari 6 fase. Fase research, mencari kebutuhan sistem yang
diinginkan oleh pengguna. Fase modelling, mencari karakteristik pengguna
dengan membuat user persona. Fase requirement, menghasilkan skenario
pengguna dan menjelaskan kebutuhan sistem dengan menggunakan Hierarchical
Task Analysis. Fase framework definition, membuat struktur antar muka dalam
bentuk wireframing. Fase refinement, menyempurnakan struktur antar muka ke
bentuk high-fidelity.
Fase development support, merupakan fase pengujian kualitatif kepada
pengguna dengan menggunakan penilaian berdasarkan System Usability Scale
(SUS) yang kemudian disesuaikan melalui wawancara mendalam (depth
interview) guna mendapatkan umpan balik terhadap prototype sistem informasi
desa yang sesuai dengan kebutuhan. Hasil dari perancangan ini adalah sebuah
prototipe yang memiliki ketepatan yang tinggi (high fidelity prototype) baik dari
segi usability maupun tampilan.
Kata kunci: Sistem Informasi Desa, User Interface, The Principle Beautiful Web
Design, Goal-Directed Design

xv