iii
ABSTRAK
PT X merupakan distributor untuk peralatan rumah tangga yang terbuat dari bahan plastik. PT X telah memakai sistem informasi untuk kegiatan perusahaan. Sistem informasi yang digunakan oleh PT X merupakan sistem informasi berbasis web.
Komponen di dalam tampilan antarmuka sangat berpengaruh terhadap
kenyamanan pengguna dalam menggunakan sistem, tetapi seringkali tampilan antarmuka pada sistem belum memenuhi prinsip untuk sebuah sistem. Analisis ini dilakukan untuk mengetahui kesesuaian komponen tampilan antarmuka yang digunakan pada PT X dan prinsip-prinsip tampilan antarmuka menurut teori Wilbert O Galitz. Dalam analisis ini digunakan pengambilan data dengan survey ke perusahaan dan wawancara serta data-data tambahan melalui buku, internet, dan ebook. Diharapkan dengan adanya laporan ini dapat menaikan kualitas tampilan antarmuka yang digunakan oleh perusahaan di masa yang akan datang.
iv
ABSTRACT
PT X is a distributor of home appliances that are made of plastic materials. PT X has been using an information system to run the company’s activities. The information system used by PT X is a web-based information system. The components inside the interface greatly affect the comfort of the user in using the systems. However the display interface on the system often fail to the meet the principles for a system. The analysis was performed to determine the suitability of the user interface components that are used in PT X incomparison to the theory of Wilbert O Galitz. This analysis was based on a survey with an interview and literature review from books, the internet, and ebooks. It is expected that this report will improve the quality of the user interface used by the company in the future.
v
DAFTAR ISI
PRAKATA...i ABSTRAK... iii ABSTRACT...iv DAFTAR ISI...vDAFTAR GAMBAR ...vi
DAFTAR TABEL ... viii
DAFTAR LAMPIRAN ...ix
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang Masalah... 1
1.2 Rumusan Masalah ... 2
1.3 Tujuan pembahasan... 2
1.4 Ruang Lingkup Kajian ... 2
1.5 Sumber Data ... 3
1.6 Sistematika Penyajian ... 3
BAB II KAJIAN TEORI ... 5
2.1 Pengertian Sistem ... 5
2.2 Analisis Sistem ... 5
2.3 User... 5
2.4 Interface... 5
2.5 User Interface... 6
2.6 Wilbert O Galitz ... 6
2.7 PrinsipUser Interface... 7
2.8 KomponenUser Interface... 11
2.8.1 Sistem Menu dan Skema Navigasi... 11
2.8.2 Kontrol Layar ... 14
2.8.3 Kata dan Teks... 26
2.8.4 Ikon dan Gambar ... 26
2.8.5 Warna ... 27
2.9 Kontrol... 27
BAB III ANALISIS DAN EVALUASI ... 28
3.1 Profil Perusahaan... 28
3.2 Struktur Organisasi... 30
3.3 Produk ... 32
3.4 Proses Bisnis... 34
3.4.1 Penjualan... 34
3.4.2 Retur barang... 36
3.4.3 Stok Barang ... 38
3.5 Hasil Analisis Komponen Sistem Informasi PT X ... 40
3.5.1 Menu Utama ... 41
3.5.1.2 Halaman Beranda... 46
3.5.2 Menu Pajak... 62
3.5.3 Menu Penjualan... 81
3.6 Hasil Analisis PrinsipUser Interface... 104
3.7 Manfaat AnalisisUser Interface... 111
BAB IV SIMPULAN DAN SARAN ... 113
4.1 Simpulan... 113
vi
DAFTAR GAMBAR
Gambar 1 Tombol...15
Gambar 2Captions1...16
Gambar 3Captions2...16
Gambar 4Multiple Field...17
Gambar 5Display fix length text...17
Gambar 6Display variable length text...17
Gambar 7Display number...18
Gambar 8Fields...18
Gambar 9Radio Button...19
Gambar 10Horizontal Check Boxes...19
Gambar 11Vertical Check Boxes...19
Gambar 12CheckBox with Frame...20
Gambar 13List Boxes...20
Gambar 14 DropDown List Box...21
Gambar 15Tabs...22
Gambar 16Date Picker...23
Gambar 17Tree View...23
Gambar 18Scroll Bar...24
Gambar 19Column Headings...25
Gambar 20Balloon Tips...25
Gambar 21Progress Indicator...25
Gambar 22 Struktur Organisasi ...30
Gambar 23Flowchart Penjualan...35
Gambar 24Flowchart Retur Barang ...37
Gambar 25Flowchart Stok Barang...39
Gambar 26 Halaman Awal...41
Gambar 27 Halaman Awal – Kontrol Layar ...44
Gambar 28 Halaman Awal – Teks ...45
Gambar 29 Halaman Beranda ...46
Gambar 30 Halaman Beranda – Menu dan Skema Navigasi ...49
Gambar 31 MenuMaintenance...51
Gambar 32 HalamanChange Password...52
Gambar 33 HalamanMaintenance– Kontrol Layar ...55
Gambar 34 MenuPolicy...56
Gambar 35 Halaman Distributor ...57
Gambar 36 Halaman Distributor – Kontrol Layar...60
Gambar 37 Halaman Distributor – Ikon dan Gambar ...61
Gambar 38 MenuTaxes...62
Gambar 39 LayarTax Summary...63
Gambar 40Tax Summary– Kontrol Layar...66
Gambar 41 Layar Bukti Potong PPH21...68
Gambar 42 LayarSales and Vat Out...72
Gambar 43Sales and Vat Out –Kontrol Layar ...75
Gambar 44 Layar Faktur Pajak ...77
Gambar 45 Faktur Pajak – Kontrol Layar...80
Gambar 46Payment...82
vii
Gambar 48 HalamanPayment– Ikon dan Gambar ...86
Gambar 49Sales Return...87
Gambar 50Sales Return –Kontrol Layar ...91
Gambar 51Sales Return– Ikon...92
Gambar 52 LayarSelling Products Between Distributors...93
Gambar 53Selling Products Between Distributors– Kontrol Layar...97
Gambar 54Selling Products Between Distributors– Ikon dan Gambar ...97
Gambar 55 LayarSales Force History...99
Gambar 56Selling Products Between Distributors– Kontrol Layar...102
viii
DAFTAR TABEL
Tabel I Analisis KomponenUser Interface...40
Tabel II Analisis Halaman Awal...42
Tabel III Analisis Halaman Beranda...47
Tabel IV Analisis HalamanMaintenance...52
Tabel V Analisis Halaman Distributor...58
Tabel VI Analisis HalamanTax Summary...63
Tabel VII Analisis Halaman Bukti Potong PPH21...68
Tabel VIII Analisis HalamanSales and Vat Out...72
Tabel IX Analisis Halaman Faktur Pajak ...78
Tabel X Analisis HalamanPayment- Menu dan Skema Navigasi...82
Tabel XI Analisis HalamanSales Return...88
Tabel XII Analisis Halamanselling products between distributors...94
Tabel XIII Analisis HalamanSales Force History...99
ix
DAFTAR LAMPIRAN
1
Universitas Kristen Maranatha
BAB I PENDAHULUAN
1.1 Latar Belakang Masalah
Saat ini kegiatan masyarakat tidak lepas dari sistem informasi. Sistem
informasi semakin banyak digunakan oleh masyarakat terutama pada
perusahaan untuk membantu aktivitas bisnis. Hal ini juga dilakukan oleh PT
X yang merupakan perusahaan distributor untuk peralatan rumah tangga
yang terbuat dari bahan plastik. PT X telah menggunakan sistem informasi
untuk melakukan kegiatan bisnis. Sistem informasi yang digunakan oleh PT
X merupakan sistem informasi berbasis web. Sistem ini telah mencakup
berbagai kegiatan yang berhubungan dengan kegiatan bisnis yang ada di
perusahaan.
Sebuah aplikasi berbasis web mempunyai standar untuk
user interface
yang
dimiliki. PT X belum pernah melakukan analisis untuk tampilan antarmuka
dari sistem yang digunakan. Baik atau tidaknya sebuah aplikasi salah
satunya ditentukan oleh
user interface
yang ada pada sistem tersebut.
Komponen dalam
user interface
sangatlah
berpengaruh terhadap
kenyamanan
user
untuk menggunakan sebuah aplikasi, tetapi seringkali
user
interface
pada aplikasi belum memenuhi prinsip standar aplikasi untuk
sebuah sistem tersebut.
Untuk mengetahui
user interface
pada aplikasi berbasis web yang digunakan
pada PT X telah sesuai dengan standar aplikasi berbasis web atau belum
2
Universitas Kristen Maranatha
1.2 Rumusan Masalah
Berdasarkan latar belakang masalah pada poin 1.1 maka rumusan masalah
yang dapat dikemukakan adalah sebagai berikut:
1. Apakah
User Interface
pada PT X telah sesuai dengan standar
komponen
User Interface Design?
2. Apakah
User interface
pada PT X telah memenuhi prinsip-prinsip
user
interface?
3. Apakah manfaat dari analisis
user interface
yang dilakukan?
1.3 Tujuan pembahasan
Berdasarkan rumusan masalah pada poin 1.2 maka tujuan analisis yang
dapat dikemukakan adalah sebagai berikut:
1. Menganalisis kesesuaian komponen
user interface
pada PT X dengan
standar komponen
user interface
menurut teori Wilbert O Galitz.
2. Menganalisis
user interface
pada PT X menggunakan prinsip dari teori
Wilbert O Galitz.
3. Menjelaskan manfaat yang didapatkan dari analisis
user interface
yang
telah dilakukan.
1.4 Ruang Lingkup Kajian
Analisis yang dilakukan akan dibatasi pada hal-hal sebagai berikut:
1. Proses analisis akan berfokus pada sistem yang digunakan pada PT X,
yaitu:
a. Menu Utama.
b. Menu Pajak.
3
Universitas Kristen Maranatha
2. Analisis
user interface
akan menggunakan teori Wilbert O Galitz yang
akan mengacu pada:
a. Prinsip
User Interface
b. Komponen
User Interface,
yaitu:
i. Sistem Menu dan Skema Navigasi
ii. Kontrol Layar
iii. Teks
iv. Ikon dan Gambar
v. Warna
1.5 Sumber Data
Sumber data yang akan digunakan dalam menganalisis
User
Interface pada
PT X, yaitu:
1. Kuesioner dan Wawancara yaitu dengan melakukan tanya jawab
kepada pengguna yang memakai sistem pada PT X.
2. Observasi yaitu dengan melakukan pengamatan secara langsung di PT
X.
3.
Metode Literatur yaitu metode pengumpulan data yang diperoleh
melalui buku, ebook, artikel, dan melalui internet.
1.6 Sistematika Penyajian
Sistematika Penyajian Tugas Akhir akan dibagi menjadi 4 bab, yaitu:
BAB I
Pendahuluan
Membahas mengenai latar belakang masalah, rumusan masalah,
tujuan penelitian, ruang lingkup kajian, sumber data, dan
sistematika penyajian.
BAB II
Kajian Teori
Membahas mengenai dasar teori-teori yang digunakan untuk
4
Universitas Kristen Maranatha
BAB III
Analisis dan Evaluasi
Membahas mengenai profil perusahaan, analisis yang dilakukan
serta evaluasi.
BAB IV
Simpulan dan Saran
Membahas mengenai kesimpulan dan saran dari hasil analisis
113
Universitas Kristen Maranatha
BAB IV SIMPULAN DAN SARAN
4.1 Simpulan
Berdasarkan hasil analisis yang telah dilakukan pada PT X dapat
disimpulkan hal-hal sebagai berikut:
1. Komponen-komponen di dalam
user interface
pada PT X sebagian besar
sudah memenuhi kesesuaian menurut teori Wilbert O Galitz tetapi masih
ada beberapa yang belum sesuai, yaitu:
a. Pada komponen menu dan skema navigasi setiap halaman telah
menampilkan tampilan yang konsisten dengan tampilan yang sama.
Sebagian besar sudah dilakukan penerapan dengan baik dan
benar, tetapi ada beberapa hal yang penerapannya belum
dilakukan secara baik dan benar, yaitu deskripsi menu, hak akses,
dan pengurutan sub-menu.
b. Pada komponen kontrol layar seluruh halaman pada sistem sudah
melakukan penerapan yang baik tetapi masih ada hal-hal yang
belum diterapkan pada layar seperti
grup boxes
dan
column
headings
padahal hal tersebut tidak kalah penting dengan
komponen yang lain.
c.
Pada komponen teks seluruh halaman memakai teks dengan
format huruf dan warna yang sama, tetapi sebagian besar masih
belum diterapkan dan belum sesuai terutama untuk bahasa yang
digunakan, karena masih terdapat judul yang memakai bahasa
Indonesia.
d. Komponen-komponen dalam ikon dan gambar sudah diterapkan
dengan baik oleh sistem, tetapi pada seluruh halaman tidak ada
data yang ditampilkan dalam bentuk grafis.
e. Komponen warna pada setiap halaman sudah konsisten dengan
114
Universitas Kristen Maranatha
berwarna kuning dalam jenis huruf dan ukuran yang sama dan
setiap halaman mempunyai latar belakang berwarna abu-abu
sehingga tampilan menjadi lebih nyaman untuk dilihat.
2.
Berdasarkan hasil analisis prinsip yang telah dilakukan melalui
wawancara, maka diperoleh kesimpulan bahwa 16 prinsip belum
seluruhnya dipenuhi dengan baik karena pada setiap prinsip masih ada
pengguna yang belum merasakan prinsip tersebut. Prinsip-prinsip yang
belum terpenuhi dengan baik adalah konfigurasi, fleksibilitas,
forgiveness,
recovery, tanggapan, dan transparansi.
3.
Manfaat utama yang dapat dieroleh dari hasil analisis ini adalah
perusahaan dapat mengetahui kekurangan dan kelebihan dari tampilan
sistem yang dipakai
sehingga perusahaan dapat mengetahui
kenyamanan pengguna saat menggunakan sistem.
4.2 Saran
Saran yang dapat dikemukakan untuk pengembangan selanjutnya pada
sistem di PT X adalah sebagai berikut:
1. Sistem ditambahkan fitur help untuk membantu pengguna dalam
menggunakan sistem yang digunakan pada PT.X
2. Setiap menu dapat ditambahkan fitur deskripsi agar pengguna baru
mengetahui fungsi dari menu yang akan digunakan.
3. Penambahan hak akses yang digunakan untuk menambah kontrol
Universitas Kristen Maranatha
Daftar Pustaka
Faulkner,C. (1998).
The Essence of Human-Computer Interaction. England:
Prentice Hall.
Galitz,W.O. (2002).
The Essential Guide to User Interface Design: An
Introduction to GUI Design Principles and Techniques.
Canada: John Wiley &
Sons, Inc.
Hartono, J. (1999). Analisis dan Disain. Yogyakarta:Andi Offset
Hutchinson. (1990).
Computer the User Perspective.
United States of
America:Mosby College Publishing.
McKay. (1999).
Developing User Interfaces Microsoft for Windows.
Canada:Penguin Books Canada Limited.
Midjan. (2001). Sistem Informasi Akuntansi. Bandung: Lingga Jaya.
The Institute of Chartered Accountants of India
(ICAI).
(2010).
Information
Systems Control and Audit.
New Delhi:
Sahitya Bhawan Publications.
PT X. (2008). Profil Perusahaan. Diakses Pada Tanggal 8 November, 2012,