ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB PADA PT. ESTHETIC CONCORINDO - Binus e-Thesis
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
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 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.
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
DAFTAR ISI
Halaman Judul Luar i
2
5
E-Commerce
5
2.1 E-Commerce
4 BAB 2 LANDASAN TEORI
1.5 Sistematika Penulisan
1.4 Metodologi 3
1.2 Ruang Lingkup
Halaman Judul Dalam ii
1
1.1 Latar Belakang
BAB 1 PENDAHULUAN
Daftar Lampiran xxviii
Daftar Gambar xix
Daftar Tabel xvii
Daftar Isi vii
Prakata v
Halaman Persetujuan HardCover iii Abstrak iv
2.1.1 Pengertian
2.1.2 E-Commerce
6 Sejarah
2.1.3 E-Commerce 7 Jenis
2.2 Pengertian Analisis Sistem 10
2.2.1 Analisis Sistem
10 Definisi
2.2.2 Perancangan Sistem
10 Pengertian
2.2.3 Sistem
11 Pengertian
2.3 Teknologi Internet
11
2.3.1 Internet 11 Pengertian
2.3.2 kerja Internet
11 Cara
2.4 Database
12
2.4.1 Database
13 Konsep
2.4.2 DBMS
13 Keuntungan
2.4.3 DBMS
14 Kerugian
2.5 DFD (Data Flow Diagram) 15
2.5.1 Diagram Konteks
17
2.5.2 Diagram Nol
17
2.6 STD (State Transition Diagram)
18
2.7 Interaksi Manusia dan Komputer (IMK)
19
2.7.1 IMK
19 Pengertian
2.7.2
19 Tujuan Rekayasa Sistem IMK
2.7.3
20 Perancangan Interaktif dengan 8 Aturan Emas
2.7.4
22
10 Kesalahan Utama Desain Web
2.8 Macromedia Dreamweaver MX
23
2.9 PHP dan MySQL
23
2.10 Perangkat Lunak 25 Rekayasa
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 dengan Pelanggan
31 Interaksi
3.3.2
31 Interaksi dengan Supplier
3.4 Gambaran Umum Sistem Informasi Penjualan PT. Esthetic Concorindo
32
3.4.1
32 Diagram Konteks (Diagram Hubungan)
3.4.2
33 Diagram Nol
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 Layar
62 Rancangan
3.10.1
62 Rancangan Layar Home
3.10.2 Layar News
63 Rancangan
3.10.3
64 Rancangan Layar Product Information
3.10.4
65 Rancangan Layar Soap Information
3.10.5
66 Rancangan Layar Floor Soap Information
3.10.6
67 Rancangan Layar Parfume Information
3.10.7
68 Rancangan Layar Lotion Information
3.10.8
69 Rancangan Layar Dish Liquid Information
3.10.9
70 Rancangan Layar Rincian Product Information
3.10.10
71 Rancangan Layar Ordered Item 1
3.10.11
72 Rancangan Layar Shopping Cart
3.10.12
73 Rancangan Layar Ordered Item 2
3.10.13
74 Rancangan Layar Valid Ordered Item
3.10.14
75 Rancangan Layar Delivery Address
3.10.15 Layar FAQ 76 Rancangan
3.10.16 Layar About Us
77 Rancangan
3.10.17 Layar Register
78 Rancangan
3.10.18 Layar My Home
79 Rancangan Rancangan
3.10.20 Layar Question
81 Rancangan
3.10.21
82 Rancangan Layar Order Product
3.10.22 Layar Edit Profile
83 Rancangan
3.10.23 Layar Message
84 Rancangan
3.10.24
85 Rancangan Layar Login Admin
3.10.25
86 Rancangan Layar Home Admin
3.10.26
87 Rancangan Layar Customer Admin
3.10.27 Rancangan Layar Update Customer Admin
3.10.35 Rancangan Layar Update Announcement Admin 96
3.10.48 Rancangan Layar Reply Message Admin 109
3.10.47 Rancangan Layar Message Admin 108
3.10.46 Rancangan Layar Detil Non Member Admin 107
3.10.45 Rancangan Layar Detil Member Admin 106
3.10.44 Rancangan Layar Update Order Status NM Admin 105
3.10.43 Rancangan Layar Order Status NM Admin 104
Rancangan Layar Update Order Status Admin
3.10.41 Rancangan Layar Order Status Admin 102
3.10.40 Rancangan Layar Update NM Customer Admin 101
3.10.39 Rancangan Layar NM Customer Admin 100
3.10.38 Rancangan Layar Update Fragrance Genre Admin 99
3.10.37 Rancangan Layar Insert Fragrance Genre Admin 98
3.10.36 Rancangan Layar Fragrance Genre Admin 97
95
88
3.10.34 Rancangan Layar Insert Announcement Admin
94
3.10.33 Rancangan Layar Announcement Admin
93
3.10.32 Rancangan Layar Update Temporary Customer Admin
92
3.10.31 Rancangan Layar Temporary Customer Admin
91
3.10.30 Rancangan Layar Update Product Admin
90
3.10.29 Rancangan Layar Insert Product Admin
89
3.10.28 Rancangan Layar Product Admin
3.10.49 Rancangan Layar FAQ Admin 110
3.10.50 111
Rancangan Layar Insert FAQ Admin
3.10.51 112
Rancangan Layar Update FAQ Admin
3.10.52 113
Rancangan Layar Change Password Admin 3.11 file 114
Spesifikasi
3.11.1 Tabel faq 114 Rancangan
3.11.2 Tabel jenisfragrance 115 Rancangan
3.11.3 Tabel MsAnnouncement 116 Rancangan
3.11.4 Tabel mscustomer 117 Rancangan
3.11.5 Tabel mslogin 118 Rancangan
3.11.6 Tabel msloginadmin 119 Rancangan
3.11.7 Tabel msproduct 120 Rancangan
3.11.8 121 Rancangan Tabel msquestion
3.11.9 Tabel orderm 122 Rancangan
3.11.10 Tabel odernm 123 Rancangan
3.11.11 Tabel pemesan 124 Rancangan
3.11.12 Tabel tempcustomer 125 Rancangan Rancangan
3.11.14 Tabel tr_jualnm 127 Rancangan
3.11.15 128
Hubungan (Relationship) Antar Tabel
3.12 Proses 129 Spesifikasi
3.12.1 Proses Layar Home 129 Spesifikasi
3.12.2 129
Spesifikasi Proses Layar My Home
3.12.3 Proses Layar News 130 Spesifikasi
3.12.4 131
Spesifikasi Proses Layar Product Information
3.12.5 Spesifikasi Proses Layar Soap Information 132
3.12.17 Spesifikasi Proses Layar Register 148
4.1 Rencana implementasi 161
BAB 4 IMPLEMENTASI DAN EVALUASI
3.13 Hasil kuisioner kebutuhan sistem 153
3.12.22 Spesifikasi Proses Layar View Result 152
3.12.21 Spesifikasi Proses Layar Message 151
Spesifikasi Proses Layar Edit Profile
3.12.19 Spesifikasi Proses Layar Order Product 150
3.12.18 Spesifikasi Proses Layar Feedback 149
3.12.16 Spesifikasi Proses Layar About Us 147
3.12.6 Spesifikasi Proses Layar Floor Soap Information 134
3.12.15 Spesifikasi Proses Layar FAQ 145
3.12.14 Spesifikasi Proses Layar Delivery Address 144
3.12.13 Spesifikasi Proses Layar Order Item 2 143
3.12.12 Spesifikasi Proses Layar Shopping Cart 142
3.12.11 Spesifikasi Proses Layar Order Item 1 140
3.12.10 Spesifikasi Proses Layar Rincian Product Information 139
3.12.9 Spesifikasi Proses Layar Dish Liquid Information 138
3.12.8 Spesifikasi Proses Layar Lotion Information 136
3.12.7 Spesifikasi Proses Layar Perfume Information 135
4.1.1 Tata Laksana Sistem yang Diusulkan 161
4.1.1.1 Spesifikasi Perangkat Keras / Hardware 161
4.3.1.2 Login dan Pendaftaran Anggota 167
4.3.2.2 Customer 192
4.3.2.1 Pemilihan URL Website PT. Esthetic Concorindo pada Admin 191
4.3.2 Cara Pengoperasian Sistem pada Admin 191
4.3.1.7 Message / Feedback 188
4.3.1.6 Edit Profile 186
4.3.1.4 Search 182
4.3.1.3 Prosedur Pemesanan Produk 174
4.3.1.1 Pemilihan URL Website PT. Esthetic Concorindo pada Member dan Non Member 166
4.1.1.2 Spesifikasi Perangkat Lunak / Software 161
4.3.1 Cara Pengoperasian Sistem pada Member dan Non Member 166
4.3 Cara Pengoperasian Sistem 166
4.2.2 Diagram Nol yang Diusulkan 165
4.2.1 Diagram Konteks yang Diusulkan 164
4.2 Gambaran Sistem Informasi yang Diusulkan 164
4.1.1.4 Arsitektur Jaringan 162
4.1.1.3 Kebutuhan Personil 162
4.3.2.3 Product 194
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 Member 212 Detil
4.3.2.11 Non Member 213 Detil
4.3.2.12 Message 214 4.3.2.13 216
FAQ
4.3.2.14 Password 220 Change
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.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 225
(Enabled frequent to use shortcuts)
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 237
(Reduce short - term memory load)
4.5 Evaluasi Kinerja Sistem berdasarkan Kuisioner 238
5.1 Kesimpulan 245
5.2 Saran 245 DAFTAR PUSTAKA 246 DAFTAR RIWAYAT HIDUP LAMPIRAN-LAMPIRAN FOTOKOPI SURAT SURVEI
DAFTAR TABEL
Tabel 3.1 faq 114Tabel 3.2 jenisfragrance 115Tabel 3.3 msannouncement 116Tabel 3.4 mscustomer 117Tabel 3.5 mslogin 118Tabel 3.6 msloginadmin 119Tabel 3.7 msproduct 120Tabel 3.8 msquestion 121Tabel 3.9 orderm 122Tabel 3.10 ordernm 123Tabel 3.11 pemesan124
Tabel 3.13 tr_jual 126Tabel 3.14 tr_jualnm 127Tabel 3.15 Perbandingan Mengenai Darimana Responden MengetahuiPT. Esthetic Concorindo 153
Tabel 3.16 Perbandingan Mengenai Apakah Responden MengetahuiJenis-Jenis Produk yang Dijual oleh PT. Esthetic Concorindo. 154
Tabel 3.17 Perbandingan Mengenai Apakah Responden Memiliki AksesInternet. 155
Tabel 3.18 Perbandingan Mengenai Menurut Responden Perlukah AdanyaSistem Penjualan Berbasis Web. 156
Tabel 3.19 Perbandingan Mengenai Info Apa Saja Yang Responden ButuhkanDalam Sistem Penjualan Berbasis Web. 158
Tabel 3.20 Perbandingan Mengenai Info Seperti Apa Yang SeharusnyaDitampilkan 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. 238Tabel 4.2 Perbandingan mengenai kejelasan informasi yang diberikan oleh situs web ini. 239Tabel 4.3 Perbandingan mengenai apakah situs web ini membantu memudahkan melakukan pemesanan produk. 240Tabel 4.4 Perbandingan mengenai tampilan / design web ini 241 oleh situs web ini. 242Tabel 4.6 Perbandingan mengenai kesulitan dalam menjelajahi situs web ini. 243DAFTAR GAMBAR
50 Gambar
3.10 STD Register
47 Gambar
3.12 STD My Home 48 Gambar
3.13 STD Feedback
49 Gambar
3.14 STD Order Product
3.15 STD Edit Profile
45 Gambar
51 Gambar
3.16 STD Message
52 Gambar
3.17 STD Logout
52 Gambar
3.18 STD Login Admin
3.9 STD About Us 46 Gambar
3.8 STD FAQ
Gambar 2.1 Simbol State33 Gambar
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
3.4 Sturktur Menu Pelanggan
44 Gambar
41 Gambar
3.5 Struktur Menu Admin
42 Gambar
3.6 STD Home
43 Gambar
3.7 STD Product Information
53
Gambar 3.19 STD Halaman Utama Administrator54 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.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
Gambar 3.43 Rancangan Layar Ordered Item 171 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.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
Gambar 3.67 Rancangan Layar Insert Announcement Admin95 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 101Gambar 3.74 Rancangan Layar Order Status Admin 102Gambar 3.75 Rancangan Layar Update Order Status Admin 103Gambar 3.76 Rancangan Layar Order Status NM Admin 104Gambar 3.77 Rancangan Layar Update Order Status NM Admin 105Gambar 3.78 Rancangan Layar Detil Member Admin 106Gambar 3.79 Rancangan Layar Detil Non Member Admin 107Gambar 3.80 Rancangan Layar Message Admin 108Gambar 3.81 Rancangan Layar Reply Message Admin 109Gambar
3.82 Rancangan Layar FAQ Admin 110
Gambar 3.84 Rancangan Layar Update FAQ Admin 112Gambar 3.85 Rancangan Layar Change Password Admin 113Gambar
3.86 Relationship Antar Tabel 128
Gambar 3.87 Diagram Perbandingan Darimana Mengetahui PT. EstheticConcorindo 154
Gambar 3.88 Diagram Perbandingan Responden Mengetahui Jenis-JenisProduk yang Dijual oleh PT. Esthetic Concorindo 155
Gambar 3.89 Diagram Perbandingan Responden Memiliki Akses Internet 156Gambar 3.90 Diagram Perbandingan Menurut Responden PerlukahAdanya Sistem Penjualan Berbasis Web 157
Gambar 3.91 Diagram Perbandingan Info Apa Saja Yang Responden ButuhkanDalam Sistem Penjualan Berbasis Web 158
Gambar 3.92 Diagram Perbandingan Info Seperti Apa Yang SeharusnyaDitampilkan 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 164Gambar
4.3 Diagram Nol yang Diusulkan 165
Gambar 4.4 Tampilan Layar Halaman Utama 167Gambar 4.5 Tampilan Layar Delivery Address 168Gambar 4.6 Tampilan Layar My home 169Gambar 4.7 Tampilan Layar Invalid Password 170Gambar
4.8 Tampilan Layar Register 171
Gambar 4.9 Tampilan Layar Invalid Register 172Gambar 4.10 Tampilan Layar Valid Register 173Gambar 4.11 Tampilan Layar Product Information 174Gambar 4.12 Tampilan Layar Soap Information 175Gambar 4.13 Tampilan Layar Ordered Item 176Gambar 4.14 Tampilan Layar Floor Soap Information 177Gambar 4.15 Tampilan Layar Shopping Cart 178Gambar 4.16 Tampilan Layar Shopping Cart 2 1794.27 Tampilan Layar Question 190
Gambar 4.38 Tampilan Layar Insert Announcement 201Gambar 4.37 Tampilan Layar Announcement Admin 200Gambar 4.36 Tampilan Layar Update Temp Customer 199Gambar 4.35 Tampilan Layar Temp Customer Admin 198Gambar 4.34 Tampilan Layar Update Product 197Gambar 4.33 Tampilan Layar Sesudah Insert Product 196Gambar 4.31 Tampilan Layar Product Admin 194Gambar 4.30 Tampilan Layar Update Customer 193Gambar 4.29 Tampilan Layar Customer Admin 192Gambar 4.28 Tampilan Layar Halaman Login Administrator 1914.26 Tampilan Layar Feedback 189 Gambar
Gambar 4.17 Tampilan Layar Shopping Cart 3 1804.25 Tampilan Layar Message 188 Gambar
Gambar
Gambar 4.24 Tampilan Layar Edit Profile 2 187Gambar 4.23 Tampilan Layar Edit Profile 186Gambar 4.22 Tampilan Layar Order Product 185Gambar 4.21 Tampilan Layar Invalid Search 184Gambar 4.20 Tampilan Layar Valid Search 1834.19 Tampilan Layar Search 182
Gambar
Gambar 4.18 Tampilan Layar Valid Ordered Item 181Gambar 4.39 Tampilan Layar Sesudah Insert Announcement 202Gambar 4.40 Tampilan Layar Update Announcement 203Gambar 4.41 Tampilan Layar Fragrance Genre Admin 204Gambar 4.42 Tampilan Layar Insert Fragrance Genre 205Gambar 4.43 Tampilan Layar Update Fragrance Genre 205Gambar 4.44 Tampilan Layar NM Customer Admin 206Gambar 4.45 Tampilan Layar Update NM Customer 207Gambar 4.46 Tampilan Layar Order Status Admin 208Gambar 4.47 Tampilan Layar Update Order Status 209Gambar 4.48 Tampilan Layar Order Status NM Admin 210Gambar 4.49 Tampilan Layar Update Order Status NM 211Gambar 4.50 Tampilan Layar Detil Member Admin 212Gambar 4.51 Tampilan Layar Detil Non Member Admin 213Gambar
4.52 Tampilan Layar Message 214
Gambar 4.53 Tampilan Layar Reply Message 215Gambar 4.54 Tampilan Layar FAQ Admin 216Gambar
4.55 Tampilan Layar Insert FAQ 217 Gambar
4.57 Tampilan Layar Update FAQ 219
Gambar 4.58 Tampilan Layar Change Password 220Gambar 4.59 Gambar evaluasi sistem berdasarkan aturan pertama yaitu berusaha keras untuk konsisten (Strive for consistency) dari8 aturan emas (Gambar pertama). 223
Gambar 4.60 Gambar evaluasi sistem berdasarkan aturan pertama yaitu berusaha keras untuk konsisten (Strive for consistency) dari8 aturan emas (Gambar kedua). 224
Gambar 4.61 Gambar evaluasi sistem berdasarkan aturan kedua yaituMemungkinkan 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 informativefeedback) dari 8 aturan emas (Gambar pertama). 226
Gambar 4.63 Gambar evaluasi sistem berdasarkan aturan ketiga yaitu memberikan umpan balik yang informatif (Offer informativefeedback) dari 8 aturan emas (Gambar kedua). 227
Gambar 4.64 Gambar evaluasi sistem berdasarkan aturan keempat yaitu merancang dialog untuk menghasilkan keadaan akhir dari8 aturan emas (gambar pertama). 228
Gambar 4.65 Gambar evaluasi sistem berdasarkan aturan keempat yaitu merancang dialog untuk menghasilkan keadaan akhir dari8 aturan emas (gambar kedua). 229 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 kesalahansederhana dari 8 aturan emas (gambar kedua). 232
Gambar 4.68 Gambar evaluasi sistem berdasarkan aturan kelima yaitu memberikan pencegahan kesalahan dan penanganan kesalahan sederhana dari 8 aturan emas (gambar ketiga). 233Gambar 4.69 Gambar evaluasi sistem berdasarkan aturan keenam yaitu mengizinkan pembalikan aksi (undo)dengan mudah dari8 aturan emas (gambar pertama). 234
Gambar 4.70 Gambar evaluasi sistem berdasarkan aturan keenam yaitu mengizinkan pembalikan aksi (undo)dengan mudah dari8 aturan emas (gambar kedua). 235
Gambar 4.71 Gambar evaluasi sistem berdasarkan aturan ketujuh yaitu mendukung intenal locus of control (Support internal locusof 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 danproduk-produknya. 239