Author
duongdat
View
215
Download
0
Embed Size (px)
vii
UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informarika
Skripsi Sarjana Komputer
Semester Ganjil Tahun 2007/2008
ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB
PADA PT. INDONESIA PRINTER
Deny Rosalina 0800746372
Deviranti Gunara 0800747154
Farina Octaviani 0800752583
Kelas / Kelompok: 07POT / kelompok 4
Abstrak
Tujuan penelitian, ialah menganalisa dan merancang sebuah aplikasi sistem penjualan berbasis web yang dapat membantu dan mempermudah pelanggan dalam melakukan transaksi serta memberikan informasi yang lengkap kepada pengguna internet mengenai PT Indonesia Printer. Metode penelitian yang dilakukan dalam penulisan skripsi ini meliputi metode analisa yang terdiri dari kegiatan survei, wawancara dan kuesioner, melakukan studi pustaka, menganalisa hasil survei dan mengidentifikasi kebutuhan sistem, sedangkan metode perancangan yang digunakan adalah dengan pembuatan UML, rancangan database dan rancangan layar. Hasil yang dicapai adalah sistem ini membantu proses transaksi penjualan secara online agar lebih efisien dan lebih cepat, memberikan kemudahan bagi pelanggan untuk mendapatkan informasi produk serta menjelaskan pada konsumen bagaimana melakukan transaksi pemesanan, memperluas pangsa pasar yang mampu meningkatkan penjualan sehingga pendapatan perusahaan bertambah. Kesimpulan yang didapat adalah website ini sangat bermanfaat bagi perusahaan dalam melakukan transaksi penjualan, memperluas pangsa pasar dan mengoptimalkan pelayanan bagi pelanggan. Sedangkan dari sisi pelanggan dapat menghemat waktu dan biaya karena tidak perlu datang ke perusahaan untuk melakukan transaksi jual-beli atau melihat sampai dimana proses pengerjaan produk pelanggan tersebut. Kata Kunci: analisis, perancangan, sistem penjualan, web
viii
PRAKATA
Kami panjatkan puji syukur kehadirat Tuhan Yang Maha Esa karena berkat
rahmatNya kami dapat menyelesaikan skripsi ini. Kami juga ingin mengucapkan terima
kasih yang sebesar-besarnya kepada berbagai pihak yang telah sangat membantu.
Pihak-pihak tersebut diantaranya adalah:
1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc. yang merupakan Rektor
Universitas Bina Nusantara
2. Bapak Ir. Sablin Yusuf, M.Sc., M.Comp.Sc. yang merupakan Dekan
Universitas Bina Nusantara
3. Bapak Fredy Purnomo S.Kom, M.kom yang merupakan Ketua Jurusan
Teknik Informatika Universitas Bina Nusantara
4. Bapak Syaeful Karim, Ir., M.Sc. yang merupakan dosen pembimbing yang
telah membimbing pembuatan skripsi ini
5. Bapak Edi Suherman yang merupakan General Director di PT Indonesia
Printer karena telah membantu dalam memberikan informasi.
6. Orang tua kami yang telah memberikan dukungan
7. Teman-teman yang selalu membantu
8. Serta pihak-pihak lain yang tidak dapat kami sebutkan satu per satu.
Semoga skripsi ini dapat memberikan manfaat bagi kalangan akademika Bina
Nusantara, bagi pihak PT Indonesia Printer serta masyarakat pada umumnya.
Jakarta, Januari 2008
Penulis
ix
DAFTAR ISI
Halaman Judul Luar
Halaman Judul Dalam
Halaman Persetujuan Hardcover
Halaman Persetujuan Dosen Penguji
Abstrak.......................................................................................................................... vii
PRAKATA.................................................................................................................... viii
DAFTAR ISI................................................................................................................ ix
DAFTAR TABEL......................................................................................................... xiv
DAFTAR GAMBAR.................................................................................................... xvi
DAFTAR LAMPIRAN.................................................................................................xxix
BAB 1 PENDAHULUAN........................................................................................ 1
1.1 Latar Belakang Masalah....................................................................... 1
1.2 Ruang Lingkup...................................................................................... 3
1.3 Tujuan dan Manfaat.............................................................................. 3
1.4 Metodologi Penelitian dan Perancangan............................................... 4
1.5 Sistematika Penulisan........................................................................... 5
BAB 2 LANDASAN TEORI................................................................................... 7
2.1 Teori Utama.......................................................................................... 7
2.1.1 Rekayasa Perangkat Lunak............................................. 7
2.1.1.1 Pengertian Perangkat Lunak........................... 7
x
2.1.1.2 Pengertian Rekayasa Perangkat Lunak........... 7
2.1.1.3 Model Air Terjun (Waterfall Model).............. 8
2.1.2 Analisis dan Perancangan Berorientasi Objek................ 12
2.1.2.1 Pengertian Objek............................................. 12
2.1.2.2 Pengertian Orientasi Objek............................. 12
2.1.2.3 Analisis Berorientasi Objek............................ 13
2.1.2.4 Perancangan Berorientasi Objek..................... 13
2.1.2.5 Analisis dan Perancangan Berorientasi
Objek............................................................. 14
2.1.3 Unified Modeling Language (UML)............................... 14
2.1.3.1 Sejarah UML................................................... 14
2.1.3.2 Pengertian UML.............................................. 15
2.1.3.3 Diagram Pada UML........................................ 15
2.1.4 PHP................................................................................ 23
2.1.5 Basis Data....................................................................... 25
2.1.5.1 Pengertian Basis Data..................................... 25
2.1.5.2 SQL................................................................. 25
2.1.5.3 MySQL............................................................ 26
2.1.6 Interaksi Manusia dan Komputer.................................... 28
2.1.6.1 Pengertian Interaksi Manusia dan
Komputer....................................................... 28
2.1.6.2 Delapan Aturan Emas..................................... 29
2.2 Teori Pendukung................................................................................... 32
2.2.1 E-Commerce................................................................... 32
xi
2.2.1.1 Pengertian E-Commerce................................. 32
2.2.1.2 Keuntungan E-Commerce............................... 33
2.2.1.3 Batasan E-Commerce...................................... 34
2.2.1.4 Tipe-Tipe E-Commerce.................................. 35
2.2.2 Internet............................................................................ 36
2.2.3 World Wide Web (WWW)................................................ 37
2.2.4 Hypertext Markup Language (HTML)............................ 37
2.2.5 Java Script...................................................................... 37
2.2.6 Hypertext Transfer Protocol (HTTP).............................. 38
2.2.7 Web Browser................................................................... 39
2.2.8 Web Server...................................................................... 39
2.2.9 Sistem Penjualan............................................................. 40
2.2.9.1 Pengertian Penjualan....................................... 40
2.2.9.2 Pengertian Sistem Penjualan........................... 40
BAB 3 ANALISIS DAN PERANCANGAN........................................................... 41
3.1 Gambaran Umum Perusahaan............................................................... 41
3.1.1 Sejarah Perusahaan........................................................... 41
3.1.2 Struktur Organisasi........................................................... 44
3.1.3 Tugas dan Wewenang....................................................... 44
3.2 Analisis Sistem..................................................................................... 63
3.2.1 Sistem yang Sedang Berjalan........................................... 63
3.2.2 Analisis Permasalahan .................................................... 65
3.2.3 Evaluasi Hasil Questionnaire.......................................... 66
3.2.4 Usulan Pemecahan Masalah............................................ 74
xii
3.3 Perancangan Perangkat Lunak.............................................................. 75
3.3.1 Class diagram.................................................................. 75
3.3.2 Use Case Diagram........................................................... 76
3.3.3 Sequence Diagram........................................................... 91
3.3.4 Activity Diagram.............................................................. 125
3.3.5 Rancangan Basis Data...................................................... 136
3.3.6 Struktur Menu.................................................................. 145
3.3.7 Rancangan Layar............................................................. 148
3.3.8 Struktur Program.............................................................. 228
BAB 4 IMPLEMENTASI DAN EVALUASI........................................................ 302
4.1 Spesifikasi Sistem................................................................................. 302
4.1.1 Spesifikasi Perangkat Keras............................................. 302
4.1.2 Spesifikasi Perangkat Lunak........................................... 302
4.2 Jadwal Implementasi............................................................................. 303
4.3 Prosedur Operasional............................................................................ 303
4.4 Tampilan Layar..................................................................................... 306
4.5 Evaluasi Sistem..................................................................................... 393
4.5.1 Evaluasi Hasil Questionnaire.......................................... 393
4.5.2 Evaluasi Sistem Berdasarkan Interaksi Manusia dan
Komputer......................................................................... 400
4.5.3 Evaluasi Akurasi Perhitungan Harga.............................. 407
xiii
BAB 5 SIMPULAN DAN SARAN.......................................................................... 436
5.1 Simpulan........................................................................................... 436
5.2 Saran..................................................................................................... 437
DAFTAR PUSTAKA................................................................................................... 438
RIWAYAT HIDUP...................................................................................................... 441
LAMPIRAN-LAMPIRAN........................................................................................... 444
xiv
DAFTAR TABEL
Tabel 3.1 Tabel hasil pre-questionnaire pertanyaan nomor 1................................... 67
Tabel 3.2 Tabel hasil pre-questionnaire pertanyaan nomor 2................................... 68
Tabel 3.3 Tabel hasil pre-questionnaire pertanyaan nomor 3................................... 69
Tabel 3.4 Tabel hasil pre-questionnaire pertanyaan nomor 4................................... 70
Tabel 3.5 Tabel hasil pre-questionnaire pertanyaan nomor 5................................... 71
Tabel 3.6 Tabel hasil pre-questionnaire pertanyaan nomor 6................................... 72
Tabel 3.7 Tabel hasil pre-questionnaire pertanyaan nomor 7................................... 73
Tabel 3.8 Deskripsi use case diagram Sistem Penjualan pada customer.................. 77
Tabel 3.9 Deskripsi use case diagram Sistem Penjualan pada admin....................... 78
Tabel 3.10 Deskripsi use case diagram Sistem News pada customer......................... 79
Tabel 3.11 Deskripsi use case diagram Sistem News pada admin.............................. 81
Tabel 3.12 Deskripsi use case diagram Sistem Profile pada customer....................... 81
Tabel 3.13 Deskripsi use case diagram Sistem Profile pada admin............................ 81
Tabel 3.14 Deskripsi use case diagram Sistem Order pada customer........................ 82
Tabel 3.15 Deskripsi use case diagram Sistem Order pada admin............................. 83
Tabel 3.16 Deskripsi use case diagram Sistem Payment............................................ 84
Tabel 3.17 Deskripsi use case diagram Sistem Feedback pada customer.................. 85
Tabel 3.18 Deskripsi use case diagram Sistem Feedback pada admin....................... 85
Tabel 3.19 Deskripsi use case diagram Sistem Price.................................................. 86
Tabel 3.20 Deskripsi use case diagram Sistem Currency........................................... 87
Tabel 3.21 Deskripsi use case diagram Sistem Handling Fee.................................... 88
Tabel 3.22 Deskripsi use case diagram Sistem Help pada customer.......................... 90
xv
Tabel 3.23 Deskripsi use case diagram Sistem Help pada admin............................... 90
Tabel 3.24 Tabel msadmin........................................................................................... 136
Tabel 3.25 Tabel mscustomer....................................................................................... 136
Tabel 3.26 Tabel mscurrency........................................................................................137
Tabel 3.27 Tabel msfeedback........................................................................................137
Tabel 3.28 Tabel mshandlingfee.................................................................................. 138
Tabel 3.29 Tabel msnews............................................................................................ 138
Tabel 3.30 Tabel msprice............................................................................................. 139
Tabel 3.31 Tabel msstatus............................................................................................ 140
Tabel 3.32 Tabel payment............................................................................................ 140
Tabel 3.33 Tabel trdetil................................................................................................ 141
Tabel 3.34 Tabel trorder.............................................................................................. 143
Tabel 4.1 Jadwal Implementasi..................................................................................... 303
Tabel 4.2 Tabel hasil post-questionnaire pertanyaan nomor 1………………………. 393
Tabel 4.3 Tabel hasil post-questionnaire pertanyaan nomor 2………………….…… 394
Tabel 4.4 Tabel hasil post-questionnaire pertanyaan nomor 3……………….……… 395
Tabel 4.5 Tabel hasil post-questionnaire pertanyaan nomor 4…………….………… 396
Tabel 4.6 Tabel hasil post-questionnaire pertanyaan nomor 5…….………………… 397
Tabel 4.7 Tabel hasil post-questionnaire pertanyaan nomor 6…….………………… 398
Tabel 4.8 Tabel hasil post-questionnaire pertanyaan nomor 7…….………………… 399
Tabel 4.9 Tabel evaluasi akurasi perhitungan harga………………………………… 407
xvi
DAFTAR GAMBAR
Gambar 2.1 Contoh Class Diagram......................................................................... 16
Gambar 2.2 Contoh Use Case Diagram................................................................... 17
Gambar 2.3 Contoh Sequence Diagram................................................................... 18
Gambar 2.4 Contoh Statechart Diagram................................................................. 19
Gambar 2.5 Contoh Collaboration Diagram............................................................ 19
Gambar 2.6 Contoh Object Diagram........................................................................ 20
Gambar 2.7 Contoh Activity Diagram...................................................................... 21
Gambar 2.8 Contoh Component Diagram................................................................ 22
Gambar 2.9 Contoh Deployment Diagram............................................................... 23
Gambar 3.1 Struktur Organisasi.............................................................................. 44
Gambar 3.2 Pie chart hasil pertanyaan pre-questionnaire nomor 1........................ 67
Gambar 3.3 Pie chart hasil pertanyaan pre-questionnaire nomor 2........................ 68
Gambar 3.4 Pie chart hasil pertanyaan pre-questionnaire nomor 3........................ 69
Gambar 3.5 Pie chart hasil pertanyaan pre-questionnaire nomor 4........................ 70
Gambar 3.6 Pie chart hasil pertanyaan pre-questionnaire nomor 5........................ 71
Gambar 3.7 Pie chart hasil pertanyaan pre-questionnaire nomor 6........................ 72
Gambar 3.8 Pie chart hasil pertanyaan pre-questionnaire nomor 7........................ 73
Gambar 3.9 Class diagram...................................................................................... 75
Gambar 3.10 Use case diagram Sistem Penjualan.................................................... 76
Gambar 3.11 Use case diagram Sistem News........................................................... 79
Gambar 3.12 Use case diagram Sistem Profile......................................................... 80
Gambar 3.13 Use case diagram Sistem Order.......................................................... 82
xvii
Gambar 3.14 Use case diagram Sistem Payment...................................................... 83
Gambar 3.15 Use case diagram Sistem Feedback.................................................... 84
Gambar 3.16 Use case diagram Sistem Price........................................................... 86
Gambar 3.17 Use case diagram Sistem Currency..................................................... 87
Gambar 3.18 Use case diagram Sistem HandlingFee............................................... 88
Gambar 3.19 Use case diagram Sistem Help............................................................ 89
Gambar 3.20 Sequence diagram register................................................................... 91
Gambar 3.21 Sequence diagram forget password failed........................................... 92
Gambar 3.22 Sequence diagram forget password success........................................ 92
Gambar 3.23 Sequence diagram login admin failed.................................................. 93
Gambar 3.24 Sequence diagram login admin success............................................... 93
Gambar 3.25 Sequence diagram login customer failed............................................. 94
Gambar 3.26 Sequence diagram login customer success.......................................... 94
Gambar 3.27 Sequence diagram view all news admin.............................................. 95
Gambar 3.28 Sequence diagram view all news customer.......................................... 95
Gambar 3.29 Sequence diagram search news........................................................... 96
Gambar 3.30 Sequence diagram add news................................................................ 96
Gambar 3.31 Sequence diagram delete news............................................................ 97
Gambar 3.32 Sequence diagram edit news................................................................ 97
Gambar 3.33 Sequence diagram view news detail admin.......................................... 98
Gambar 3.34 Sequence diagram view news detail customer..................................... 98
Gambar 3.35 Sequence diagram view all profile....................................................... 99
Gambar 3.36 Sequence diagram search profile......................................................... 99
Gambar 3.37 Sequence diagram edit profile admin.................................................. 100
xviii
Gambar 3.38 Sequence diagram edit profile customer.............................................. 100
Gambar 3.39 Sequence diagram delete profile.......................................................... 101
Gambar 3.40 Sequence diagram view all order admin.............................................. 102
Gambar 3.41 Sequence diagram search order admin............................................... 102
Gambar 3.42 Sequence diagram add order.............................................................. 103
Gambar 3.43 Sequence diagram edit order............................................................... 103
Gambar 3.44 Sequence diagram view order detail admin......................................... 104
Gambar 3.45 Sequence diagram view all order customer......................................... 105
Gambar 3.46 Sequence diagram edit payment.......................................................... 105
Gambar 3.47 Sequence diagram search order customer........................................... 106
Gambar 3.48 Sequence diagram view order detail customer.................................... 106
Gambar 3.49 Sequence diagram check status........................................................... 107
Gambar 3.50 Sequence diagram view all feedback admin........................................ 108
Gambar 3.51 Sequence diagram view all feedback customer.................................... 108
Gambar 3.52 Sequence diagram search feedback admin.......................................... 109
Gambar 3.53 Sequence diagram search feedback customer .................................... 109
Gambar 3.54 Sequence diagram add feedback admin............................................... 110
Gambar 3.55 Sequence diagram add feedback customer.......................................... 110
Gambar 3.56 Sequence diagram delete feedback admin........................................... 111
Gambar 3.57 Sequence diagram delete feedback customer....................................... 111
Gambar 3.58 Sequence diagram reply feedback........................................................ 112
Gambar 3.59 Sequence diagram view feedback detail admin................................... 112
Gambar 3.60 Sequence diagram view feedback detail customer............................... 113
Gambar 3.61 Sequence diagram view all price......................................................... 114
xix
Gambar 3.62 Sequence diagram search price.......................................................... 114
Gambar 3.63 Sequence diagram view add price....................................................... 115
Gambar 3.64 Sequence diagram delete price............................................................ 115
Gambar 3.65 Sequence diagram edit price................................................................ 116
Gambar 3.66 Sequence diagram view price detail.................................................... 116
Gambar 3.67 Sequence diagram view currency........................................................ 117
Gambar 3.68 Sequence diagram edit currency.......................................................... 117
Gambar 3.69 Sequence diagram view all handling fee.............................................. 118
Gambar 3.70 Sequence diagram search handling fee............................................... 118
Gambar 3.71 Sequence diagram add handling fee.................................................... 119
Gambar 3.72 Sequence diagram edit handling fee.................................................... 119
Gambar 3.73 Sequence diagram delete handling fee................................................. 120
Gambar 3.74 Sequence diagram view handling fee detail......................................... 120
Gambar 3.75 Sequence diagram view all help admin................................................ 121
Gambar 3.76 Sequence diagram view all help customer........................................... 121
Gambar 3.77 Sequence diagram search help............................................................ 122
Gambar 3.78 Sequence diagram add help................................................................. 122
Gambar 3.79 Sequence diagram edit help................................................................. 123
Gambar 3.80 Sequence diagram delete help.............................................................. 123
Gambar 3.81 Sequence diagram view handling fee detail admin.............................. 124
Gambar 3.82 Sequence diagram view handling fee detail customer......................... 124
Gambar 3.83 Activity Diagram mscustomer.............................................................. 125
Gambar 3.84 Activity Diagram msadmin.................................................................. 126
Gambar 3.85 Activity Diagram mscurrency.............................................................. 127
xx
Gambar 3.86 Activity Diagram msfeedback.............................................................. 128
Gambar 3.87 Activity Diagram mshandlingfee......................................................... 129
Gambar 3.88 Activity Diagram mshelp..................................................................... 130
Gambar 3.89 Activity Diagram msnews.................................................................... 131
Gambar 3.90 Activity Diagram mssource.................................................................. 132
Gambar 3.91 Activity Diagram trorder...................................................................... 133
Gambar 3.92 Activity Diagram trdetil....................................................................... 134
Gambar 3.93 Activity Diagram payment................................................................... 135
Gambar 3.94 Struktur menu website bagi viewer...................................................... 145
Gambar 3.95 Struktur menu website bagi customer.................................................. 146
Gambar 3.96 Struktur menu website bagi admin....................................................... 147
Gambar 3.97 Rancangan halaman Home untuk viewer.............................................. 148
Gambar 3.98 Rancangan halaman About Us untuk viewer........................................ 149
Gambar 3.99 Rancangan halaman News untuk viewer.............................................. 150
Gambar 3.100 Rancangan halaman News Detail untuk viewer................................... 151
Gambar 3.101 Rancangan halaman Services untuk viewer......................................... 152
Gambar 3.102 Rancangan halaman Contacts untuk viewer........................................ 153
Gambar 3.103 Rancangan halaman Help untuk viewer............................................... 154
Gambar 3.104 Rancangan halaman Help Detail untuk viewer.................................... 155
Gambar 3.105 Rancangan halaman Register............................................................... 156
Gambar 3.106 Rancangan halaman Terms and Condition pada register.................... 157
Gambar 3.107 Rancangan halaman Forgot Password................................................ 158
Gambar 3.108 Rancangan halaman konfirmasi Forgot Password.............................. 159
Gambar 3.109 Rancangan halaman Home untuk customer......................................... 160
xxi
Gambar 3.110 Rancangan halaman About Us untuk customer.................................... 161
Gambar 3.111 Rancangan halaman News untuk customer.......................................... 162
Gambar 3.112 Rancangan halaman News Detail untuk customer............................... 163
Gambar 3.113 Rancangan halaman Services untuk customer..................................... 164
Gambar 3.114 Rancangan halaman Contacts untuk customer.................................... 165
Gambar 3.115 Rancangan halaman Help untuk customer........................................... 166
Gambar 3.116 Rancangan halaman Help Detail untuk customer................................ 167
Gambar 3.117 Rancangan halaman Edit Profile.......................................................... 168
Gambar 3.118 Rancangan halaman konfirmasi Edit Profile....................................... 169
Gambar 3.119 Rancangan halaman konfirmasi Change Password............................. 170
Gambar 3.120 Rancangan halaman Order................................................................... 171
Gambar 3.121 Rancangan halaman Order kategori Magazine/Booklet...................... 172
Gambar 3.122 Rancangan halaman Spesification order kategori
Magazine/Booklet................................................................................. 173
Gambar 3.123 Rancangan halaman Order kategori Agenda....................................... 174
Gambar 3.124 Rancangan halaman Spesification Order
kategori Agenda.................................................................................... 175
Gambar 3.125 Rancangan halaman Order kategori Hanging Calendar..................... 176
Gambar 3.126 Rancangan halaman Spesification Order
kategori Hanging Calendar................................................................. 177
Gambar 3.127 Rancangan halaman Order kategori Desk Calendar........................... 178
Gambar 3.128 Rancangan halaman Spesification Order kategori
Desk Calendar...................................................................................... 179
Gambar 3.129 Rancangan halaman Order kategori Flyer/Brochure/Poster............... 180
xxii
Gambar 3.130 Rancangan halaman Spesification Order kategori
Flyer/Brochure/Poster.......................................................................... 181
Gambar 3.131 Rancangan halaman Order kategori Shopping Bag/Paper Bag........... 182
Gambar 3.132 Rancangan halaman Spesification Order kategori
Shopping Bag/Paper Bag...................................................................... 183
Gambar 3.133 Rancangan halaman konfirmasi Order................................................ 184
Gambar 3.134 Rancangan halaman Payment.............................................................. 185
Gambar 3.135 Rancangan halaman Order Detail........................................................ 186
Gambar 3.136 Rancangan halaman Payment DP........................................................ 187
Gambar 3.137 Rancangan halaman Payment Paid In Full.......................................... 188
Gambar 3.138 Rancangan halaman Check Status Order............................................. 189
Gambar 3.139 Rancangan halaman Dummy Approvement.......................................... 190
Gambar 3.140 Rancangan halaman Feedback untuk customer................................... 191
Gambar 3.141 Rancangan halaman Feedback Detail untuk customer........................ 192
Gambar 3.142 Rancangan halaman Add Feedback untuk customer............................ 193
Gambar 3.143 Rancangan halaman Home untuk admin.............................................. 194
Gambar 3.144 Rancangan halaman About Us untuk admin........................................ 195
Gambar 3.145 Rancangan halaman News untuk admin............................................... 196
Gambar 3.146 Rancangan halaman News Detail untuk admin.................................... 197
Gambar 3.147 Rancangan halaman Services untuk admin.......................................... 198
Gambar 3.148 Rancangan halaman Contacts untuk admin......................................... 199
Gambar 3.149 Rancangan halaman Help untuk admin............................................... 200
Gambar 3.150 Rancangan halaman Add Help............................................................. 201
Gambar 3.151 Rancangan halaman Help Detail.......................................................... 202
xxiii
Gambar 3.152 Rancangan halaman Edit Help ............................................................ 203
Gambar 3.153 Rancangan halaman Find/Edit/Delete Customer................................. 204
Gambar 3.154 Rancangan halaman View Customer.................................................... 205
Gambar 3.155 Rancangan halaman Edit Customer Profile......................................... 206
Gambar 3.156 Rancangan halaman konfirmasi Edit Customer................................... 207
Gambar 3.157 Rancangan halaman View/Update Order............................................. 208
Gambar 3.158 Rancangan halaman Edit Order........................................................... 209
Gambar 3.159 Rancangan halaman Update News....................................................... 210
Gambar 3.160 Rancangan halaman Add News............................................................ 211
Gambar 3.161 Rancangan halaman News Detail......................................................... 212
Gambar 3.162 Rancangan halaman Edit News............................................................ 213
Gambar 3.163 Rancangan halaman Update Price....................................................... 214
Gambar 3.164 Rancangan halaman Add Price............................................................ 215
Gambar 3.165 Rancangan halaman Price Detail......................................................... 216
Gambar 3.166 Rancangan halaman Edit Price............................................................ 217
Gambar 3.167 Rancangan halaman Update Currency................................................ 218
Gambar 3.168 Rancangan halaman Update Handling Fee......................................... 219
Gambar 3.169 Rancangan halaman Add Handling Fee............................................... 220
Gambar 3.170 Rancangan halaman Handling Fee Detail........................................... 221
Gambar 3.171 Rancangan halaman Edit Handling Fee............................................... 222
Gambar 3.172 Rancangan halaman Update Feedback................................................ 223
Gambar 3.173 Rancangan halaman Add Feedback untuk admin................................ 224
Gambar 3.173 Rancangan halaman Feedback Detail untuk admin............................. 225
Gambar 3.175 Rancangan halaman Reply Feedback................................................... 226
xxiv
Gambar 3.176 Rancangan halaman Terms and Condition pada order........................ 227
Gambar 4.1 Tampilan halaman Home untuk viewer................................................. 307
Gambar 4.2 Tampilan halaman About Us untuk viewer............................................ 308
Gambar 4.3 Tampilan halaman News untuk viewer.................................................. 309
Gambar 4.4 Tampilan halaman News Detail untuk viewer....................................... 310
Gambar 4.5 Tampilan halaman Services untuk viewer.............................................. 311
Gambar 4.6 Tampilan halaman Contacts untuk viewer............................................. 312
Gambar 4.7 Tampilan halaman Help untuk viewer................................................... 313
Gambar 4.8 Tampilan halaman Help Detail untuk viewer....................................... 314
Gambar 4.9 Tampilan halaman Forgot Password..................................................... 315
Gambar 4.10 Tampilan halaman konfirmasi Forgot Password.................................. 315
Gambar 4.11 Tampilan halaman Register.................................................................. 316
Gambar 4.12 Tampilan halaman Home untuk customer............................................ 318
Gambar 4.13 Tampilan halaman About Us untuk customer....................................... 319
Gambar 4.14 Tampilan halaman News untuk customer............................................. 320
Gambar 4.15 Tampilan halaman News Detail untuk customer.................................. 321
Gambar 4.16 Tampilan halaman Services untuk customer......................................... 322
Gambar 4.17 Tampilan halaman Contacts untuk customer........................................ 323
Gambar 4.18 Tampilan halaman Help untuk customer.............................................. 324
Gambar 4.19 Tampilan halaman Help Detail untuk customer................................... 325
Gambar 4.20 Tampilan halaman Edit Profile ............................................................ 326
Gambar 4.21 Tampilan halaman konfirmasi Edit Profile .......................................... 327
Gambar 4.22 Tampilan halaman konfirmasi Change Password................................ 328
Gambar 4.23 Tampilan halaman Order...................................................................... 329
xxv
Gambar 4.24 Tampilan halaman Order kategori Magazine/Booklet.......................... 330
Gambar 4.25 Tampilan halaman Spesification Order kategori
Magazine/Booklet………………………………………………….… 332
Gambar 4.26 Tampilan halaman Order kategori Agenda........................................... 333
Gambar 4.27 Tampilan halaman Spesification Order kategori Agenda..................... 335
Gambar 4.28 Tampilan halaman Order kategori
Hanging Calendar................................................................................ 336
Gambar 4.29 Tampilan halaman Spesification Order kategori
Hanging Calendar…………………………………………………… 338
Gambar 4.30 Tampilan halaman Order kategori Desk Calendar............................... 339
Gambar 4.31 Tampilan halaman Spesification Order kategori Desk Calendar…… 341
Gambar 4.32 Tampilan halaman Order kategori Flyer/Brochure/Poster….………. 342
Gambar 4.33 Tampilan halaman Spesification Order kategori
Flyer/Brochure/Poster.......................................................................... 344
Gambar 4.34 Tampilan halaman Order kategori Shopping Bag/Paper Bag………. 345
Gambar 4.35 Tampilan halaman Spesification Order kategori
Shopping Bag/Paper Bag...................................................................... 347
Gambar 4.36 Tampilan halaman konfirmasi Order.................................................... 348
Gambar 4.37 Tampilan halaman Payment.................................................................. 349
Gambar 4.38 Tampilan halaman Order Detail untuk customer................................. 350
Gambar 4.39 Tampilan halaman Payment DP........................................................... 351
Gambar 4.40 Tampilan halaman Payment Paid In Full............................................. 352
Gambar 4.41 Tampilan halaman Check Order Status................................................ 353
Gambar 4.42 Tampilan halaman Dummy Approvement............................................. 354
xxvi
Gambar 4.43 Tampilan halaman Feedback untuk customer...................................... 354
Gambar 4.44 Tampilan halaman Feedback Detail untuk customer........................... 356
Gambar 4.45 Tampilan halaman Add Feedback untuk customer............................... 357
Gambar 4.46 Tampilan halaman Home untuk admin................................................. 358
Gambar 4.47 Tampilan halaman About Us untuk admin............................................ 359
Gambar 4.48 Tampilan halaman News untuk admin.................................................. 360
Gambar 4.49 Tampilan halaman News Detail untuk admin....................................... 361
Gambar 4.50 Tampilan halaman Services untuk admin............................................. 362
Gambar 4.51 Tampilan halaman Contacts untuk admin............................................ 363
Gambar 4.52 Tampilan halaman Help untuk admin................................................... 364
Gambar 4.53 Tampilan halaman Add Help................................................................. 365
Gambar 4.54 Tampilan halaman Help Detail untuk admin........................................ 366
Gambar 4.55 Tampilan halaman Edit Help................................................................ 367
Gambar 4.56 Tampilan halaman Find/Edit/Delete Customer.................................... 368
Gambar 4.57 Tampilan halaman View Customer....................................................... 369
Gambar 4.58 Tampilan halaman Edit Customer Profile............................................ 370
Gambar 4.59 Tampilan halaman konfirmasi Edit Customer Profile……………….. 371
Gambar 4.60 Tampilan halaman View/Update Order................................................ 372
Gambar 4.61 Tampilan halaman Edit Order.............................................................. 373
Gambar 4.62 Tampilan halaman Update News.......................................................... 374
Gambar 4.63 Tampilan halaman Add News................................................................ 375
Gambar 4.64 Tampilan halaman News Detail........................................................... 376
Gambar 4.65 Tampilan halaman Edit News............................................................... 377
Gambar 4.66 Tampilan halaman Update Price.......................................................... 378
xxvii
Gambar 4.67 Tampilan halaman Add Price................................................................ 379
Gambar 4.68 Tampilan halaman Price Detail............................................................ 380
Gambar 4.69 Tampilan halaman Edit Price............................................................... 381
Gambar 4.70 Tampilan halaman Update Currency.................................................... 382
Gambar 4.71 Tampilan halaman Update Handling Fee............................................. 383
Gambar 4.72 Tampilan halaman Add Handling Fee.................................................. 384
Gambar 4.73 Tampilan halaman Handling Fee Detail............................................... 385
Gambar 4.74 Tampilan halaman Edit Handling Fee.................................................. 386
Gambar 4.75 Tampilan halaman Update Feedback................................................... 387
Gambar 4.76 Tampilan halaman Add Feedback......................................................... 388
Gambar 4.77 Tampilan halaman Feedback Detail..................................................... 389
Gambar 4.78 Tampilan halaman Reply Feedback...................................................... 390
Gambar 4.79 Tampilan halaman Terms and Condition pada register........................ 391
Gambar 4.80 Tampilan halaman Terms and Condition pada order………………... 392
Gambar 4.81 Pie chart hasil post-questionnaire pertanyaan nomor 1………….….. 393
Gambar 4.82 Pie chart hasil post-questionnaire pertanyaan nomor 2……….…….. 394
Gambar 4.83 Pie chart hasil post-questionnaire pertanyaan nomor 3…….……….. 395
Gambar 4.84 Pie chart hasil post-questionnaire pertanyaan nomor 4….………….. 396
Gambar 4.85 Pie chart hasil post-questionnaire pertanyaan nomor 5.…………….. 397
Gambar 4.86 Pie chart hasil post-questionnaire pertanyaan nomor 6.…………….. 398
Gambar 4.87 Pie chart hasil post-questionnaire pertanyaan nomor 7….………….. 399
Gambar 4.88 Evaluasi delapan aturan emas
(berusaha untuk tetap konsisten) .......................................................... 400
Gambar 4.89 Evaluasi delapan aturan emas
xxviii
(berusaha untuk tetap konsisten) .......................................................... 401
Gambar 4.90 Evaluasi delapan aturan emas
(berusaha untuk tetap konsisten) .......................................................... 401
Gambar 4.91 Evaluasi delapan aturan emas
(memberikan umpan balik yang informatif) ........................................ 402
Gambar 4.92 Evaluasi delapan aturan emas
(merancang dialog untuk menghasilkan keadaan akhir) ……………. 403
Gambar 4.93 Evaluasi delapan aturan emas
(memberikan pencegahan dan penanganan masalah) ………………. 403
Gambar 4.94 Evaluasi delapan aturan emas
(memberikan fasilitas pembalikkan aksi yang mudah) …………….. 404
Gambar 4.95 Evaluasi delapan aturan emas
(pengontrolan sistem pada diri sendiri) ................................................ 405
Gambar 4.96 Evaluasi delapan aturan emas
(pengontrolan sistem pada diri sendiri) ................................................ 405
Gambar 4.97 Evaluasi delapan aturan emas
(mengurangi beban ingatan jangka pendek) ........................................ 406
xxix
DAFTAR LAMPIRAN
Kuesioner Penelitian..................................................................................................... L1
Kuesioner Evaluasi....................................................................................................... L2
Surat Survei 1................................................................................................................ L3
Surat Survei 2................................................................................................................ L4
Surat Survei 3................................................................................................................ L5