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 Abstrak Deny Rosalina 0800746372 Deviranti Gunara 0800747154 Farina Octaviani 0800752583 Kelas / Kelompok: 07POT / kelompok 4 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 vii
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 viii
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 ix
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 x
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 xi
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 xii
BAB 5 SIMPULAN DAN SARAN... 436 5.1 Simpulan... 436 5.2 Saran... 437 DAFTAR PUSTAKA... 438 RIWAYAT HIDUP... 441 LAMPIRAN-LAMPIRAN... 444 xiii
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 xiv
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 xv
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 xvi
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 xvii
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 xviii
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 xix
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 xx
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 xxi
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 xxii
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 xxiii
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 xxiv
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 xxv
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 xxvi
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 xxvii
(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 xxviii
DAFTAR LAMPIRAN Kuesioner Penelitian... L1 Kuesioner Evaluasi... L2 Surat Survei 1... L3 Surat Survei 2... L4 Surat Survei 3... L5 xxix