Upload
votu
View
212
Download
0
Embed Size (px)
Citation preview
iv
UNIVERSITAS BINA NUSANTARA
Jurusan Teknik Informatika
Skripsi Sarjana Komputer
Semester Ganjil tahun 2006/2007
ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS
WEB PADA PT. ESTHETIC CONCORINDO
HENDRI 0700683641
MARLINDA 0700684120
ALEX CHANDRA 0700686675
KELAS / KELOMPOK : 07 PAT / 7
Abstrak Dunia teknologi dan informasi mengalami kemajuan yang sangat pesat. Sekarang
banyak perusahaan yang menggunakan Internet untuk melakukan pemasaran terhadap produk-produknya, informasi produk, dan pemesanan dapat diakses kapan dan di mana saja. Maka perlu dirancang suatu sistem penjualan melalui internet yang dapat membantu pengguna untuk memperoleh informasi yang cepat dan akurat. Selama ini proses penjualan di PT. Esthetic Concorindo dilakukan dengan cara manual, yaitu melalui telepon dan faks. Dengan diterapkannya sistem yang baru ini, diharapkan pelanggan dapat memperoleh informasi dengan cepat dan akurat, serta mempermudah proses pemesanan barang. Metode yang dipakai dalam penelitian ini adalah metode analisis dan metode perancangan. Metode analisis yang dilakukan adalah survei dengan wawancara secara langsung, melakukan studi pustaka, menganalisa hasil survei, dan mengidentifikasikan kebutuhan sistem. Metode perancangan dengan merancang struktur menu, merancang STD, merancang tampilan layar, merancang spesifikasi database, dan merancang spesifikasi modul. Kesimpulan yang didapatkan dari apa yang penulis telah lakukan adalah aplikasi atau program yang berbasiskan internet ini dapat memberikan pelayanan yang lebih baik kepada pelanggan.
Kata Kunci
teknologi, informasi, dan penjualan
v
PRAKATA
Puji syukur dan terima kasih kami panjatkan kepada Tuhan Yang Maha Esa
dengan selesainya tugas skripsi ini. Selama proses pembuatan karya tulis ini, penulis
telah memperoleh banyak bantuan, dorongan, semangat, dan dukungan dari berbagai
pihak baik secara langsung maupun tidak langsung. Oleh karena itu dalam kesempatan
ini penulis ingin menyampaikan terima kasih kepada semua pihak yang telah membantu
penulis dalam menyelesaikan karya tulis ini, yaitu :
1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc. selaku pejabat Rektor Universitas Bina
Nusantara yang telah memberikan kesempatan kepada penulis untuk menuntut ilmu
di Universitas Bina Nusantara, Jakarta.
2. Bapak Ir. Sablin Yusuf, M.Sc., M.Comp.Sc. selaku Dekan Universitas Bina
Nusantara.
3. Bapak H. Muhammad Subekti, BE, M.Sc. selaku Kepala Jurusan Teknik
Informatika.
4. Bapak Drs. Romli, M.App.Comp. selaku Pembimbing skripsi yang telah banyak
memberikan bantuan, bimbingan, dan dorongan, serta pengarahan dalam penyusunan
karya tulis ini.
5. Seluruh dosen dan karyawan Universitas Bina Nusantara.
6. Ibu Yenny selaku Manager PT. Esthetic Concorindo.
7. Seluruh staf PT. Esthetic Concorindo.
8. Orang tua dan keluarga kami yang telah memberikan dukungan, doa, biaya dan
moral selama kuliah dan membuat skripsi ini.
9. Seluruh rekan-rekan mahasiswa Universitas Bina Nusantara.
vi
10. Seluruh pihak yang telah membantu selesainya tugas skripsi ini.
Kami menyadari bahwa penulisan skripsi ini mungkin tidak sempurna, karena
adanya keterbatasan pengetahuan dan pengalaman penulis. Untuk segala
ketidaksempurnaan tersebut kami memohon maaf yang sebesar-besarnya.
Akhir kata dari kami berharap agar karya tulis yang sudah kami selesaikan ini
dapat berguna bagi kita semua maupun yang membutuhkannya.
Jakarta, Desember 2006
Penulis
vii
DAFTAR ISI
Halaman Judul Luar i
Halaman Judul Dalam ii
Halaman Persetujuan HardCover iii
Abstrak iv
Prakata v
Daftar Isi vii
Daftar Tabel xvii
Daftar Gambar xix
Daftar Lampiran xxviii
BAB 1 PENDAHULUAN
1.1 Latar Belakang 1
1.2 Ruang Lingkup 2
1.3 Tujuan dan Manfaat 2
1.4 Metodologi 3
1.5 Sistematika Penulisan 4
BAB 2 LANDASAN TEORI
2.1 E-Commerce 5
2.1.1 Pengertian E-Commerce 5
viii
2.1.2 Sejarah E-Commerce 6
2.1.3 Jenis E-Commerce 7
2.2 Pengertian Analisis Sistem 10
2.2.1 Definisi Analisis Sistem 10
2.2.2 Pengertian Perancangan Sistem 10
2.2.3 Pengertian Sistem 11
2.3 Teknologi Internet 11
2.3.1 Pengertian Internet 11
2.3.2 Cara kerja Internet 11
2.4 Database 12
2.4.1 Konsep Database 13
2.4.2 Keuntungan DBMS 13
2.4.3 Kerugian DBMS 14
2.5 DFD (Data Flow Diagram) 15
2.5.1 Diagram Konteks 17
2.5.2 Diagram Nol 17
2.5.3 Diagram Rinci 18
2.6 STD (State Transition Diagram) 18
2.7 Interaksi Manusia dan Komputer (IMK) 19
2.7.1 Pengertian IMK 19
2.7.2 Tujuan Rekayasa Sistem IMK 19
2.7.3 Perancangan Interaktif dengan 8 Aturan Emas 20
2.7.4 10 Kesalahan Utama Desain Web 22
2.8 Macromedia Dreamweaver MX 23
ix
2.9 PHP dan MySQL 23
2.10 Rekayasa Perangkat Lunak 25
2.10.1 Pengertian Perangkat Lunak 25
2.10.2 Pengertian Rekayasa Perangkat Lunak 25
2.10.3 Proses Rekayasa Perangkat Lunak 25
BAB 3 ANALISIS DAN PERANCANGAN SISTEM
3.1 Riwayat Perusahaan 27
3.2 Struktur Organisasi 28
3.3 Sistem yang sedang berjalan 31
3.3.1 Interaksi dengan Pelanggan 31
3.3.2 Interaksi dengan Supplier 31
3.4 Gambaran Umum Sistem Informasi Penjualan
PT. Esthetic Concorindo 32
3.4.1 Diagram Konteks (Diagram Hubungan) 32
3.4.2 Diagram Nol 33
3.5 Wawancara 34
3.6 Permasalahan yang Dihadapi 39
3.7 Usulan Pemecahan Masalah 40
3.8 Struktur Menu 40
3.9 STD Rancangan Layar 43
3.10 Rancangan Layar 62
3.10.1 Rancangan Layar Home 62
3.10.2 Rancangan Layar News 63
x
3.10.3 Rancangan Layar Product Information 64
3.10.4 Rancangan Layar Soap Information 65
3.10.5 Rancangan Layar Floor Soap Information 66
3.10.6 Rancangan Layar Parfume Information 67
3.10.7 Rancangan Layar Lotion Information 68
3.10.8 Rancangan Layar Dish Liquid Information 69
3.10.9 Rancangan Layar Rincian Product Information 70
3.10.10 Rancangan Layar Ordered Item 1 71
3.10.11 Rancangan Layar Shopping Cart 72
3.10.12 Rancangan Layar Ordered Item 2 73
3.10.13 Rancangan Layar Valid Ordered Item 74
3.10.14 Rancangan Layar Delivery Address 75
3.10.15 Rancangan Layar FAQ 76
3.10.16 Rancangan Layar About Us 77
3.10.17 Rancangan Layar Register 78
3.10.18 Rancangan Layar My Home 79
3.10.19 Rancangan Layar Feedback 80
3.10.20 Rancangan Layar Question 81
3.10.21 Rancangan Layar Order Product 82
3.10.22 Rancangan Layar Edit Profile 83
3.10.23 Rancangan Layar Message 84
3.10.24 Rancangan Layar Login Admin 85
3.10.25 Rancangan Layar Home Admin 86
3.10.26 Rancangan Layar Customer Admin 87
xi
3.10.27 Rancangan Layar Update Customer Admin 88
3.10.28 Rancangan Layar Product Admin 89
3.10.29 Rancangan Layar Insert Product Admin 90
3.10.30 Rancangan Layar Update Product Admin 91
3.10.31 Rancangan Layar Temporary Customer Admin 92
3.10.32 Rancangan Layar Update Temporary Customer
Admin 93
3.10.33 Rancangan Layar Announcement Admin 94
3.10.34 Rancangan Layar Insert Announcement Admin 95
3.10.35 Rancangan Layar Update Announcement Admin 96
3.10.36 Rancangan Layar Fragrance Genre Admin 97
3.10.37 Rancangan Layar Insert Fragrance Genre Admin 98
3.10.38 Rancangan Layar Update Fragrance Genre Admin 99
3.10.39 Rancangan Layar NM Customer Admin 100
3.10.40 Rancangan Layar Update NM Customer Admin 101
3.10.41 Rancangan Layar Order Status Admin 102
3.10.42 Rancangan Layar Update Order Status Admin 103
3.10.43 Rancangan Layar Order Status NM Admin 104
3.10.44 Rancangan Layar Update Order Status NM Admin 105
3.10.45 Rancangan Layar Detil Member Admin 106
3.10.46 Rancangan Layar Detil Non Member Admin 107
3.10.47 Rancangan Layar Message Admin 108
3.10.48 Rancangan Layar Reply Message Admin 109
3.10.49 Rancangan Layar FAQ Admin 110
xii
3.10.50 Rancangan Layar Insert FAQ Admin 111
3.10.51 Rancangan Layar Update FAQ Admin 112
3.10.52 Rancangan Layar Change Password Admin 113
3.11 Spesifikasi file 114
3.11.1 Rancangan Tabel faq 114
3.11.2 Rancangan Tabel jenisfragrance 115
3.11.3 Rancangan Tabel MsAnnouncement 116
3.11.4 Rancangan Tabel mscustomer 117
3.11.5 Rancangan Tabel mslogin 118
3.11.6 Rancangan Tabel msloginadmin 119
3.11.7 Rancangan Tabel msproduct 120
3.11.8 Rancangan Tabel msquestion 121
3.11.9 Rancangan Tabel orderm 122
3.11.10 Rancangan Tabel odernm 123
3.11.11 Rancangan Tabel pemesan 124
3.11.12 Rancangan Tabel tempcustomer 125
3.11.13 Rancangan Tabel tr_jual 126
3.11.14 Rancangan Tabel tr_jualnm 127
3.11.15 Hubungan (Relationship) Antar Tabel 128
3.12 Spesifikasi Proses 129
3.12.1 Spesifikasi Proses Layar Home 129
3.12.2 Spesifikasi Proses Layar My Home 129
3.12.3 Spesifikasi Proses Layar News 130
3.12.4 Spesifikasi Proses Layar Product Information 131
xiii
3.12.5 Spesifikasi Proses Layar Soap Information 132
3.12.6 Spesifikasi Proses Layar Floor Soap Information 134
3.12.7 Spesifikasi Proses Layar Perfume Information 135
3.12.8 Spesifikasi Proses Layar Lotion Information 136
3.12.9 Spesifikasi Proses Layar Dish Liquid Information 138
3.12.10 Spesifikasi Proses Layar Rincian Product
Information 139
3.12.11 Spesifikasi Proses Layar Order Item 1 140
3.12.12 Spesifikasi Proses Layar Shopping Cart 142
3.12.13 Spesifikasi Proses Layar Order Item 2 143
3.12.14 Spesifikasi Proses Layar Delivery Address 144
3.12.15 Spesifikasi Proses Layar FAQ 145
3.12.16 Spesifikasi Proses Layar About Us 147
3.12.17 Spesifikasi Proses Layar Register 148
3.12.18 Spesifikasi Proses Layar Feedback 149
3.12.19 Spesifikasi Proses Layar Order Product 150
3.12.20 Spesifikasi Proses Layar Edit Profile 150
3.12.21 Spesifikasi Proses Layar Message 151
3.12.22 Spesifikasi Proses Layar View Result 152
3.13 Hasil kuisioner kebutuhan sistem 153
BAB 4 IMPLEMENTASI DAN EVALUASI
4.1 Rencana implementasi 161
4.1.1 Tata Laksana Sistem yang Diusulkan 161
xiv
4.1.1.1 Spesifikasi Perangkat Keras / Hardware 161
4.1.1.2 Spesifikasi Perangkat Lunak / Software 161
4.1.1.3 Kebutuhan Personil 162
4.1.1.4 Arsitektur Jaringan 162
4.2 Gambaran Sistem Informasi yang Diusulkan 164
4.2.1 Diagram Konteks yang Diusulkan 164
4.2.2 Diagram Nol yang Diusulkan 165
4.3 Cara Pengoperasian Sistem 166
4.3.1 Cara Pengoperasian Sistem pada Member
dan Non Member 166
4.3.1.1 Pemilihan URL Website PT. Esthetic
Concorindo pada Member dan
Non Member 166
4.3.1.2 Login dan Pendaftaran Anggota 167
4.3.1.3 Prosedur Pemesanan Produk 174
4.3.1.4 Search 182
4.3.1.5 Order Product 185
4.3.1.6 Edit Profile 186
4.3.1.7 Message / Feedback 188
4.3.2 Cara Pengoperasian Sistem pada Admin 191
4.3.2.1 Pemilihan URL Website PT. Esthetic
Concorindo pada Admin 191
4.3.2.2 Customer 192
4.3.2.3 Product 194
xv
4.3.2.4 Temp Customer 198
4.3.2.5 Announcement 200
4.3.2.6 Fragrance Genre 204
4.3.2.7 NM Customer 206
4.3.2.8 Order Status 208
4.3.2.9 Order Status NM (Non Member) 210
4.3.2.10 Detil Member 212
4.3.2.11 Detil Non Member 213
4.3.2.12 Message 214
4.3.2.13 FAQ 216
4.3.2.14 Change Password 220
4.4 Evaluasi terhadap Teori IMK
(Interaksi Manusia dan Komputer) 221
4.4.1 Gambar dan Image 221
4.4.2 Cahaya dan Warna 221
4.4.3 Tata letak Web 222
4.4.4 Komponen–Komponen Window 222
4.4.5 Evaluasi sistem penjualan berbasis web
berdasarkan 8 Aturan Emas (Eight Golden Rules) 223
4.4.5.1 Berusaha keras untuk konsisten
(Strive for consistency) 223
4.4.5.2 Memungkinkan frequent users
menggunakan shortcuts
(Enabled frequent to use shortcuts) 225
xvi
4.4.5.3 Memberikan umpan balik yang
informatif (Offer informative feedback) 226
4.4.5.4 Merancang dialog untuk menghasilkan
keadaan akhir
(Design dialog to yield closure) 228
4.4.5.5 Memberikan pencegahan kesalahan
dan penanganan kesalahan yang
sederhana (Offer simple error handling) 230
4.4.5.6 Mengizinkan pembalikan aksi (undo) dengan
mudah (permit easy reversal of actions) 234
4.4.5.7 Mendukung internal locus of control
(Support internal locus of control) 236
4.4.5.8 Mengurangi beban ingatan jangka pendek
(Reduce short - term memory load) 237
4.5 Evaluasi Kinerja Sistem berdasarkan Kuisioner 238
BAB 5 KESIMPULAN DAN SARAN
5.1 Kesimpulan 245
5.2 Saran 245
DAFTAR PUSTAKA 246
DAFTAR RIWAYAT HIDUP
LAMPIRAN-LAMPIRAN
FOTOKOPI SURAT SURVEI
xvii
DAFTAR TABEL
Tabel 3.1 faq 114
Tabel 3.2 jenisfragrance 115
Tabel 3.3 msannouncement 116
Tabel 3.4 mscustomer 117
Tabel 3.5 mslogin 118
Tabel 3.6 msloginadmin 119
Tabel 3.7 msproduct 120
Tabel 3.8 msquestion 121
Tabel 3.9 orderm 122
Tabel 3.10 ordernm 123
Tabel 3.11 pemesan 124
Tabel 3.12 tempcustomer 125
Tabel 3.13 tr_jual 126
Tabel 3.14 tr_jualnm 127
Tabel 3.15 Perbandingan Mengenai Darimana Responden Mengetahui
PT. Esthetic Concorindo 153
Tabel 3.16 Perbandingan Mengenai Apakah Responden Mengetahui
Jenis-Jenis Produk yang Dijual oleh PT. Esthetic Concorindo. 154
Tabel 3.17 Perbandingan Mengenai Apakah Responden Memiliki Akses
xviii
Internet. 155
Tabel 3.18 Perbandingan Mengenai Menurut Responden Perlukah Adanya
Sistem Penjualan Berbasis Web. 156
Tabel 3.19 Perbandingan Mengenai Info Apa Saja Yang Responden Butuhkan
Dalam Sistem Penjualan Berbasis Web. 158
Tabel 3.20 Perbandingan Mengenai Info Seperti Apa Yang Seharusnya
Ditampilkan Dalam Sistem Penjualan Berbasis Web yang
Responden Inginkan. 159
Tabel 4.1 Perbandingan mengenai apakah situs web ini membantu dalam
memperoleh informasi seputar perusahaan dan produk-produknya. 238
Tabel 4.2 Perbandingan mengenai kejelasan informasi yang diberikan oleh
situs web ini. 239
Tabel 4.3 Perbandingan mengenai apakah situs web ini membantu memudahkan
melakukan pemesanan produk. 240
Tabel 4.4 Perbandingan mengenai tampilan / design web ini 241
Tabel 4.5 Perbandingan mengenai fasilitas-fasilitas pelayanan yang diberikan
oleh situs web ini. 242
Tabel 4.6 Perbandingan mengenai kesulitan dalam menjelajahi situs web ini. 243
xix
DAFTAR GAMBAR
Gambar 2.1 Simbol State 18
Gambar 2.2 Perubahan State 19
Gambar 2.3 Kondisi dan Aksi 19
Gambar 3.1 Struktur Organisasi PT. Esthetic Concorindo 28
Gambar 3.2 Diagram Konteks PT. Esthetic Concorindo 32
Gambar 3.3 Diagram Nol PT. Esthetic Concorindo 33
Gambar 3.4 Sturktur Menu Pelanggan 41
Gambar 3.5 Struktur Menu Admin 42
Gambar 3.6 STD Home 43
Gambar 3.7 STD Product Information 44
Gambar 3.8 STD FAQ 45
Gambar 3.9 STD About Us 46
Gambar 3.10 STD Register 47
Gambar 3.11 STD Login 47
Gambar 3.12 STD My Home 48
Gambar 3.13 STD Feedback 49
Gambar 3.14 STD Order Product 50
Gambar 3.15 STD Edit Profile 51
Gambar 3.16 STD Message 52
Gambar 3.17 STD Logout 52
Gambar 3.18 STD Login Admin 53
xx
Gambar 3.19 STD Halaman Utama Administrator 54
Gambar 3.20 STD Customer Admin 55
Gambar 3.21 STD Product Admin 55
Gambar 3.22 STD Temporary Customer Admin 56
Gambar 3.23 STD Announcement Admin 56
Gambar 3.24 STD Fragrance Genre Admin 57
Gambar 3.25 STD NM Customer Admin 57
Gambar 3.26 STD Order Status Admin 58
Gambar 3.27 STD Order Status NM Admin 58
Gambar 3.28 STD Detil Member Admin 59
Gambar 3.29 STD Detil Non Member Admin 59
Gambar 3.30 STD Message Admin 60
Gambar 3.31 STD FAQAdmin 60
Gambar 3.32 STD Change Password Admin 61
Gambar 3.33 STD Log Out Admin 61
Gambar 3.34 Rancangan Layar Home 62
Gambar 3.35 Rancangan Layar News 63
Gambar 3.36 Rancangan Layar Product Information 64
Gambar 3.37 Rancangan Layar Soap Information 65
Gambar 3.38 Rancangan Layar Floor Soap Information 66
Gambar 3.39 Rancangan Layar Parfume Information 67
Gambar 3.40 Rancangan Layar Lotion Information 68
Gambar 3.41 Rancangan Layar Dish Liquid Information 69
Gambar 3.42 Rancangan Layar Rincian Product Information 70
xxi
Gambar 3.43 Rancangan Layar Ordered Item 1 71
Gambar 3.44 Rancangan Layar Shopping Cart 72
Gambar 3.45 Rancangan Layar Ordered Item 2 73
Gambar 3.46 Rancangan Layar Valid Ordered Item 74
Gambar 3.47 Rancangan Layar Delivery Address 75
Gambar 3.48 Rancangan Layar FAQ 76
Gambar 3.49 Rancangan Layar About Us 77
Gambar 3.50 Rancangan Layar Register 78
Gambar 3.51 Rancangan Layar My Home 79
Gambar 3.52 Rancangan Layar Feedback 80
Gambar 3.53 Rancangan Layar Question 81
Gambar 3.54 Rancangan Layar Order Product 82
Gambar 3.55 Rancangan Layar Edit Profile 83
Gambar 3.56 Rancangan Layar Message 84
Gambar 3.57 Rancangan Layar Login Admin 85
Gambar 3.58 Rancangan Layar Home Admin 86
Gambar 3.59 Rancangan Layar Customer Admin 87
Gambar 3.60 Rancangan Layar UpdateCustomer Admin 88
Gambar 3.61 Rancangan Layar Product Admin 89
Gambar 3.62 Rancangan Layar Insert Product Admin 90
Gambar 3.63 Rancangan Layar Update Product Admin 91
Gambar 3.64 Rancangan Layar Temporary Customer Admin 92
Gambar 3.65 Rancangan Layar Update Temporary Customer Admin 93
Gambar 3.66 Rancangan Layar Announcement Admin 94
xxii
Gambar 3.67 Rancangan Layar Insert Announcement Admin 95
Gambar 3.68 Rancangan Layar Update Announcement Admin 96
Gambar 3.69 Rancangan Layar Fragrance Genre Admin 97
Gambar 3.70 Rancangan Layar Insert Fragrance Genre Admin 98
Gambar 3.71 Rancangan Layar Update Fragrance Genre Admin 99
Gambar 3.72 Rancangan Layar NM Customer Admin 100
Gambar 3.73 Rancangan Layar Update NM Customer Admin 101
Gambar 3.74 Rancangan Layar Order Status Admin 102
Gambar 3.75 Rancangan Layar Update Order Status Admin 103
Gambar 3.76 Rancangan Layar Order Status NM Admin 104
Gambar 3.77 Rancangan Layar Update Order Status NM Admin 105
Gambar 3.78 Rancangan Layar Detil Member Admin 106
Gambar 3.79 Rancangan Layar Detil Non Member Admin 107
Gambar 3.80 Rancangan Layar Message Admin 108
Gambar 3.81 Rancangan Layar Reply Message Admin 109
Gambar 3.82 Rancangan Layar FAQ Admin 110
Gambar 3.83 Rancangan Layar Insert FAQ Admin 111
Gambar 3.84 Rancangan Layar Update FAQ Admin 112
Gambar 3.85 Rancangan Layar Change Password Admin 113
Gambar 3.86 Relationship Antar Tabel 128
Gambar 3.87 Diagram Perbandingan Darimana Mengetahui PT. Esthetic
Concorindo 154
Gambar 3.88 Diagram Perbandingan Responden Mengetahui Jenis-Jenis
Produk yang Dijual oleh PT. Esthetic Concorindo 155
xxiii
Gambar 3.89 Diagram Perbandingan Responden Memiliki Akses Internet 156
Gambar 3.90 Diagram Perbandingan Menurut Responden Perlukah
Adanya Sistem Penjualan Berbasis Web 157
Gambar 3.91 Diagram Perbandingan Info Apa Saja Yang Responden Butuhkan
Dalam Sistem Penjualan Berbasis Web 158
Gambar 3.92 Diagram Perbandingan Info Seperti Apa Yang Seharusnya
Ditampilkan Dalam Sistem Penjualan Berbasis Web yang
Responden Inginkan 160
Gambar 4.1 Gambar Arsitektur Jaringan 163
Gambar 4.2 Diagram Konteks Sistem Penjualan yang Diusulkan 164
Gambar 4.3 Diagram Nol yang Diusulkan 165
Gambar 4.4 Tampilan Layar Halaman Utama 167
Gambar 4.5 Tampilan Layar Delivery Address 168
Gambar 4.6 Tampilan Layar My home 169
Gambar 4.7 Tampilan Layar Invalid Password 170
Gambar 4.8 Tampilan Layar Register 171
Gambar 4.9 Tampilan Layar Invalid Register 172
Gambar 4.10 Tampilan Layar Valid Register 173
Gambar 4.11 Tampilan Layar Product Information 174
Gambar 4.12 Tampilan Layar Soap Information 175
Gambar 4.13 Tampilan Layar Ordered Item 176
Gambar 4.14 Tampilan Layar Floor Soap Information 177
Gambar 4.15 Tampilan Layar Shopping Cart 178
xxiv
Gambar 4.16 Tampilan Layar Shopping Cart 2 179
Gambar 4.17 Tampilan Layar Shopping Cart 3 180
Gambar 4.18 Tampilan Layar Valid Ordered Item 181
Gambar 4.19 Tampilan Layar Search 182
Gambar 4.20 Tampilan Layar Valid Search 183
Gambar 4.21 Tampilan Layar Invalid Search 184
Gambar 4.22 Tampilan Layar Order Product 185
Gambar 4.23 Tampilan Layar Edit Profile 186
Gambar 4.24 Tampilan Layar Edit Profile 2 187
Gambar 4.25 Tampilan Layar Message 188
Gambar 4.26 Tampilan Layar Feedback 189
Gambar 4.27 Tampilan Layar Question 190
Gambar 4.28 Tampilan Layar Halaman Login Administrator 191
Gambar 4.29 Tampilan Layar Customer Admin 192
Gambar 4.30 Tampilan Layar Update Customer 193
Gambar 4.31 Tampilan Layar Product Admin 194
Gambar 4.32 Tampilan Layar Insert Product 195
Gambar 4.33 Tampilan Layar Sesudah Insert Product 196
Gambar 4.34 Tampilan Layar Update Product 197
Gambar 4.35 Tampilan Layar Temp Customer Admin 198
Gambar 4.36 Tampilan Layar Update Temp Customer 199
Gambar 4.37 Tampilan Layar Announcement Admin 200
Gambar 4.38 Tampilan Layar Insert Announcement 201
Gambar 4.39 Tampilan Layar Sesudah Insert Announcement 202
xxv
Gambar 4.40 Tampilan Layar Update Announcement 203
Gambar 4.41 Tampilan Layar Fragrance Genre Admin 204
Gambar 4.42 Tampilan Layar Insert Fragrance Genre 205
Gambar 4.43 Tampilan Layar Update Fragrance Genre 205
Gambar 4.44 Tampilan Layar NM Customer Admin 206
Gambar 4.45 Tampilan Layar Update NM Customer 207
Gambar 4.46 Tampilan Layar Order Status Admin 208
Gambar 4.47 Tampilan Layar Update Order Status 209
Gambar 4.48 Tampilan Layar Order Status NM Admin 210
Gambar 4.49 Tampilan Layar Update Order Status NM 211
Gambar 4.50 Tampilan Layar Detil Member Admin 212
Gambar 4.51 Tampilan Layar Detil Non Member Admin 213
Gambar 4.52 Tampilan Layar Message 214
Gambar 4.53 Tampilan Layar Reply Message 215
Gambar 4.54 Tampilan Layar FAQ Admin 216
Gambar 4.55 Tampilan Layar Insert FAQ 217
Gambar 4.56 Tampilan Layar Sesudah Insert FAQ 218
Gambar 4.57 Tampilan Layar Update FAQ 219
Gambar 4.58 Tampilan Layar Change Password 220
Gambar 4.59 Gambar evaluasi sistem berdasarkan aturan pertama yaitu
berusaha keras untuk konsisten (Strive for consistency) dari
8 aturan emas (Gambar pertama). 223
Gambar 4.60 Gambar evaluasi sistem berdasarkan aturan pertama yaitu
berusaha keras untuk konsisten (Strive for consistency) dari
xxvi
8 aturan emas (Gambar kedua). 224
Gambar 4.61 Gambar evaluasi sistem berdasarkan aturan kedua yaitu
Memungkinkan frequent users menggunakan shortcuts
(Enabled frequent to use shortcuts) dari 8 aturan emas. 225
Gambar 4.62 Gambar evaluasi sistem berdasarkan aturan ketiga yaitu
memberikan umpan balik yang informatif (offer informative
feedback)dari 8 aturan emas (Gambar pertama). 226
Gambar 4.63 Gambar evaluasi sistem berdasarkan aturan ketiga yaitu
memberikan umpan balik yang informatif (Offer informative
feedback) dari 8 aturan emas (Gambar kedua). 227
Gambar 4.64 Gambar evaluasi sistem berdasarkan aturan keempat yaitu
merancang dialog untuk menghasilkan keadaan akhir dari
8 aturan emas (gambar pertama). 228
Gambar 4.65 Gambar evaluasi sistem berdasarkan aturan keempat yaitu
merancang dialog untuk menghasilkan keadaan akhir dari
8 aturan emas (gambar kedua). 229
Gambar 4.66 Gambar evaluasi sistem berdasarkan aturan kelima yaitu
memberikan pencegahan kesalahan dan penanganan kesalahan
sederhanadari 8 aturan emas (gambar pertama). 230
Gambar 4.67 Gambar evaluasi sistem berdasarkan aturan kelima yaitu
memberikan pencegahan kesalahan dan penanganan kesalahan
sederhana dari 8 aturan emas (gambar kedua). 232
Gambar 4.68 Gambar evaluasi sistem berdasarkan aturan kelima yaitu
memberikan pencegahan kesalahan dan penanganan kesalahan
xxvii
sederhana dari 8 aturan emas (gambar ketiga). 233
Gambar 4.69 Gambar evaluasi sistem berdasarkan aturan keenam yaitu
mengizinkan pembalikan aksi (undo)dengan mudah dari
8 aturan emas (gambar pertama). 234
Gambar 4.70 Gambar evaluasi sistem berdasarkan aturan keenam yaitu
mengizinkan pembalikan aksi (undo)dengan mudah dari
8 aturan emas (gambar kedua). 235
Gambar 4.71 Gambar evaluasi sistem berdasarkan aturan ketujuh yaitu
mendukung intenal locus of control (Support internal locus
of control) dari 8 aturan emas. 236
Gambar 4.72 Gambar evaluasi sistem berdasarkan aturan kedelapan yaitu
mengurangi beban ingatan jangka pendek (Reduce short –
term memory load) dari 8 aturan emas 237
Gambar 4.73 Diagram perbandingan membantu atau tidaknya web dalam
memperoleh informasi seputar perusahaan dan
produk-produknya. 239
Gambar 4.74 Diagram perbandingan kejelasan informasi yang diberikan. 240
Gambar 4.75 Diagram perbandingan kemudahan pemesanan. 241
Gambar 4.76 Diagram perbandingan baik buruknya tampilan situs web. 242
Gambar 4.77 Diagram perbandingan kepuasan terhadap fasilitas yang diberikan 243
Gambar 4.78 Diagram perbandingan sulit atau mudahnya penjelahan web. 244
xxviii
DAFTAR LAMPIRAN
Wawancara L1
Kuisioner 1 L6
Kuisioner 2 L8