PERANCANGAN ANTARMUKA SISTEM INVENTARIS ASET UKM WEDANG COKLAT BERBASIS MOBILE MENGGUNAKAN USER
CENTERED DESIGN
LAPORAN TUGAS AKHIR
Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Sarjana Informatika Universitas Muhammadiyah Malang
Ikhlassul Fauziah Amma 201710370311170
Bidang Minat RPL
PROGRAM STUDI INFORMATIKA FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH MALANG 2021
i
ii
iii
iv
LEMBAR PERSEMBAHAN
Puji syukur kepada Allah SWT atas rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir ini. Banyak pihak yang terlibat dalam proses penulisan Tugas Akhir ini, maka dari itu pada kesempatan ini penulis mengucapkan terima kasih kepada seluruh pihak yang terlibat, khususnya untuk :
1. Bapak Dr. Fauzan, M.Pd., selaku Rektor Universitas Muhammadiyah Malang, 2. Bapak Dr. Ahmad Mubin, M.T., selaku Dekan Fakultas Teknik Universitas
Muhammadiyah Malang,
3. Ibu Hj. Gita Indah Marthasari, ST., M.Kom., selaku Ketua Jurusan Program Studi Teknik Informatika Universitas Muhammadiyah Malang,
4. Ibu Hj. Gita Indah Marthasari, ST., M.Kom., selaku dosen pembimbing I yang telah meluangkan waktu untuk memberikan arahan kepada penulis,
5. Bapak Ilyas Nuryasin, S.Kom., M.Kom., selaku dosen pembimbing II yang telah membimbing selama proses pengerjaan tugas akhir,
6. Seluruh Dosen beserta Staff Program Studi Teknik Informatika Universitas Muhammadiyah Malang yang telah memberikan ilmu dan wawasan terhadap penulis selama melakukan studi,
7. Orang tua penulis Ibu Kurnia Hasnaeni yang telah memberikan do’a ridho, kasih sayang dan support penuh terhadap penulis dalam menyelesaikan studi, 8. Teman baik penulis Owen Rahadiyan, dan teman-teman yang tidak bisa
disebutkan satu persatu, terima kasih atas semua dukungan, dan waktu yang telah diberikan kepada penulis selama proses pengerjaan skripsi.
9. Last but not least, I wanna thank me for believing in me, I wanna thank me for doing all this hard work. Terima kasih untuk diri saya sendiri karna sudah bisa sampai di tahap ini.
v
KATA PENGANTAR
Dengan memanjatkan puji syukur kehadirat Allah SWT atas limpahan rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan tugas akhir yang berjudul
“PERANCANGAN ANTARMUKA SISTEM INVENTARIS ASET UKM WEDANG COKLAT BERBASIS MOBILE MENGGUNAKAN USER
CENTERED DESIGN”
Di dalam tulisan ini berisi pokok bahasan yang meliputi rancangan system inventaris, metode user center design, dan evaluasi pengguna menggunakan usability testing. Tugas akhir ini merupakan salah satu syarat yang harus ditempuh seluruh mahasiswa guna menyelesaikan studi tingkat Strata 1 di Universitas Muhammadiyah Malang.
Penulis menyadari bahwa dalam penulisan tugas akhir ini masih terdapat kekurangan dan keterbatasan. Oleh karena itu penulis mengharapkan saran yang membangun agar tulisan ini bermanfaat bagi perkembangan ilmu dan pengetahuan.
Malang, 2021
vi ABSTRAK
Pada era serba digital seperti saat ini sistem informasi sangat dibutuhkan guna memudahkan dalam menangani pengolahan data dengan akurat. Pada UKM Wedang Coklat pengguna awam dirasa masih kesulitan mengenai desain yang terlalu rumit, sulitnya menemukan tombol yang tepat, sulitnya mengakses barang inventaris masuk dan barang inventaris keluar terutama laporan setiap bulannya dan dibutuhkan penambahan fitur untuk memudahkan pengelolaan data. Penelitian ini bertujuan untuk merancang antarmuka sistem inventaris yang sesuai dengan kebutuhan pengguna, metode User-Centered Design (UCD).
Data penelitian didapatkan hasil wawancara untuk mendapatkan data personas dan membagikan kuesioner kepada pegawai di UKM Wedang Coklat. Dari hasil data tersebut kemudian diimplementasikan menjadi suatu protptype yang sesuai dengan keinginan pengguna. Pengujian post-task dilakukan menggunakan metode Single Ease Question (SEQ). Pengujian dengan metode Single Ease Question (SEQ) adalah salah satu metode usability pengujian untuk mengukur kemudahan dan kepuasan yang dirasakan pengguna setelah menyelesaikan semua task. Terdapat 7 tugas dari F1 hingga F7. Setiap tugas terdapat satu pertanyaan dengan jawaban skala likert 1 sampai 7 dari sangat sulit hingga sangat mudah. Berdasarkan pengujian yang telah dilakukan pengujian post-task dengan metode Single Ease Question (SEQ) mendapat nilai rata-rata 6,7 yang berarti secara keseluruhan prototype desain antarmuka sudah dapat berjalan dengan baik dan setiap fungsi dapat dikerjakan dengan mudah.
Kata kunci: Sistem Inventaris, User Centered Design, Usability Testing, Single Ease Question (SEQ)
vii ABSTRACT
An information system is needed to facilitate the handling of data processing accurately in digital era nowadays. At small and medium enterprises (SMEs) Wedang Coklat, users still have difficulty to find designs which complicated, hard to find the right buttons, hard to access incoming and outgoing inventory items, especially monthly reports and additional features are needed to simplify the data management. The aim of this study is designing an inventory system interface according to user needs by using the User-Centered Design (UCD) method.
The data was collected by interviews to obtain personal data and distribute questionnaires to employees at small and medium enterprises (SMEs) Wedang Coklat. The results of the data is implemented into a prototype in accordance with the needs of the user. Post-task testing is carried out using the Single Ease Question (SEQ) method. Single Ease Question (SEQ) method is one of the usability testing methods to measure the ease and satisfaction felt by users after completing all tasks. There are 7 tasks from F1 to F7. Each task contains one question with answers on a Likert scale of 1 to 7 from very difficult to very easy. Based on the tests that have been carried out post-task testing with the Single Ease Question (SEQ) method, the average value of 6.7 means that the overall interface design prototype can run well and every function can be done easily.
viii DAFTAR ISI
LEMBAR PERSETUJUAN... i
LEMBAR PENGESAHAN ... ii
LEMBAR PERNYATAAN ... iii
LEMBAR PERSEMBAHAN ... iv
KATA PENGANTAR ... v
ABSTRAK ... vi
ABSTRACT ... vii
DAFTAR ISI ... viii
DAFTAR GAMBAR ... x DAFTAR TABEL ... xi BAB I ... 1 LATAR BELAKANG ... 1 1.1 Latar Belakang ... 1 1.2 Rumusan Masalah ... 2 1.3 Tujuan Penelitian ... 2 1.4 Batasan Masalah ... 3 BAB II ... 4
DASAR TEORI DAN TINJAUAN PUSTAKA... 4
2.2 UCD (User Centered Design) ... 5
2.3 Prinsip-prinsip UCD ... 5
2.4 Aturan-aturan dalam UCD ... 5
2.5 Proses penggunaaan User Centered Design ... 6
2.5.1 Specifyytheecontexttoffusee ... 6
2.5.2 Specify user and organisational requirement... 6
2.5.3 Product design solutions ... 6
2.5.4 Evaluate design against user requirement ... 7
2.6 Single Ease Question (SEQ) ... 7
2.7 Persona ... 7
2.8 Adobe XD ... 7
BAB III ... 9
METODE PENELITIAN ... 9
ix
3.1.1 Specify the Context of Use ... 9
3.1.2 Specify user and organisational requirement ... 11
3.1.3 Product design solutions ... 17
3.1.4 Evaluate design against user requirement ... 20
BAB IV ... 22
IMPLEMENTASI DAN HASIL... 22
4.1 Kebutuhan Implementasi ... 22
4.1.1 Kebutuhan Perangkat Keras (Hardware) ... 22
4.1.2 Kebutuhan Perangkat Lunak (Software) ... 22
4.2 Implementasi Antarmuka... 23
4.2.1 Tampilan Halaman Login dan Sign Up ... 23
4.2.2 Tampilan Halaman Beranda ... 25
4.2.3 Tampilan Sub Menu ... 29
4.3 Pengujian ... 34
BAB V ... 38
KESIMPULAN DAN SARAN ... 38
5.1 Kesimpulan ... 38
5.2 Saran ... 38
x
DAFTAR GAMBAR
Gambar 3.1 Diagram Flowchart Proses UCD ... 8
Gambar 3.2 Use Case Diagram ... 15
Gambar 3.3 Wireframe Tampilan Login dan Sign Up ... 16
Gambar 3.4 Wireframe Tampilan Submenu dan Beranda ... 17
Gambar 3.5 Wireframe Tampilan Halaman Stok Barang dan Halaman Tambah Kode Barang... 17
Gambar 3.6 Wireframe Tampilan Edit Data Stok Barang Dan Halaman Laporan Inventaris ... 18
Gambar 4.1 Tampilan Login ... 22
Gambar 4.2 Tampilan Form Sign Up ... 23
Gambar 4.3 Berhasil Membuat akun ... 23
Gambar 4.4 Tampilan Beranda ... 24
Gambar 4.5 Action Edit Dan Hapus ... 25
Gambar 4.6 Tampilan pop-up ... 25
Gambar 4.7 Halaman Edit Data Barang ... 26
Gambar 4.8 Hasil Pencarian Pada Kolom Search ... 27
Gambar 4.9 Halaman Tambah Kode Barang ... 28
Gambar 4.10 Tampilan Sub Menu ... 29
Gambar 4.11 Tampilan Form Input Data Barang Masuk ... 30
Gambar 4.12 Tampilan Form Input Data Bahan Masuk ... 31
Gambar 4.13 Tampilan Laporan Data Bulanan ... 32
xi
DAFTAR TABEL
Tabel 3.1 Data Personas ... 9
Tabel 3.2 Tabel Analisa Kebutuhan ... 13
Tabel 3.3 Nilai Skala Likert ... 19
Tabel 3.4 Daftar Tugas SEQ ... 19
Tabel 4.1 Skenario Tugas F1 ... 33
Tabel 4.2 Skenario Tugas F2 ... 33
Tabel 4.3 Skenario Tugas F3 ... 34
Tabel 4.4 Skenario Tugas F4 ... 34
Tabel 4.5 Skenario Tugas F5 ... 35
Tabel 4.6 Skenario Tugas F6 ... 35
Tabel 4.7 Skenario Tugas F7 ... 35
Tabel 4.2 Hasil Pengujian SEQ ... 36
xii
DAFTAR PUSTAKA
[1] V. M. M. Siregar, “Perancangan Sistem Informasi Inventaris Barang Pada Sekolah SMA Negeri 4 Pematangsiantar,” It J. Res. Dev., vol. 3, no. 1, pp. 54–61, 2018.
[2] R. C. Noor Santi, “Perancangan Interaksi Pengguna (User Interaction Design) Menggunakan Metode Prototyping,” J. Tek. Inform., vol. 9, no. 2, pp. 108–113, 2018.
[3] R. F. Lubis, “Perancangan Antarmuka Aplikasi Berbasis Web Menggunakan User Centered Design Dalam Pembelajaran Keragaman Budaya,” Jurteksi, vol. 4, no. 1, pp. 1–6, 2018.
[4] U. Experience, “ANALISIS USER INTERFACE DAN USER EXPERIENCE PADA GAME PERANG KOMANDO MENGGUNAKAN METODE,” vol. 2, pp. 95–101, 2019.
[5] K. R. Devi, A. M. Sen, and K. Hemachandran, “A working Framework for the User-Centered Design Approach and a Survey of the available Methods,” vol. 2, no. 4, pp. 1–8, 2012.
[6] S. Intan, M. Fadhli, I. Surya, “Penerapan Metode UCD (User Centered Design) pada E-Commerce Putri Intan Shop Berbasis Web,” vol. 3, no.2, pp. 269-278, 2017.
[7] S. Kristen, N. Indonesia, J. Jamin, G. Km, and M. Medan, “PENGEMBANGAN E-COMMERCE SISTEM PEMASARAN BUKU ROHANI PADA TB . ABDI KARYA DENGAN METODE USER CENTERED DESIGN,” vol. 4, pp. 16–21, 2019.
[8] D. Purnomo, “Model Prototyping Pada Pengembangan Sistem Informasi,” J I M P - J. Inform. Merdeka Pasuruan, vol. 2, no. 2, pp. 54–61, 2017.
[9] P. Yoko, R. Adwiya, and W. Nugraha, “Penerapan Metode Prototype dalam Perancangan Aplikasi SIPINJAM Berbasis Website pada Credit Union Canaga Antutn,” vol. 7, no. 3, pp. 212–223, 2019.
xiii
[10] L. C. Wijaya, “Analisis Usabilitas pada Sistem Monitoring dan Otomasi Greenhouse untuk Budidaya Tanaman Cabai Berbasis Android,” Edu Komputika J., vol. 6, no. 2, pp. 60–67, 2019.
[11] W. Kurnia, “Desain Interaksi Aplikasi Rekam Medis Berbasis UCD,” p. 1, 2019.
[12] Y. A. Rahman, E. D. Wahyuni, and D. S. Pradana, “Rancang Bangun Prototype Sistem Informasi Manajemen Program Studi Informatika Menggunakan Pendekatan User Centered Design,” J. Repos., vol. 2, no. 4, p. 503, 2020.
[13] L. Albani and G. Lombardi (FIMI), “User Centred Design for EASYREACH,” no. November 2010, pp. 1–45, 2010.
[14] W. H. Nunung Dwi Supriyono,Abdul Aziz, “Analisis User Interface Dan User Experience Pada Game Perang Komando Menggunakan Metode Heuristic Evaluation,” Semin. Nas. FST 2019 ~ Univ. Kanjuruhan Malang, vol. 2, pp. 95–101, 2019.
xiv
