UNIVERSI TAS BINA NUSANTARA _______________________________________________________________
Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Genap 2007/2008
ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB PADA CV. BINTANG TIGA
Yanuar Ishak 0700686220 Hakim Hai drah 0700686851 Muhammad Ivandry 0700686220 Kelas/Kelompok : 08PAT/02
Abstrak Tujuan penelitian ini adalah menganalisis dan merancang suatu sistem penjualan CV. Bintang Tiga ke dalam sebuah web untuk mempermudah transaksi penjualan sekaligus memperluas jangkauan promosi pada CV Bintang Tiga. Metode penelitian yang digunakan dalam penulisan skripsi ini adalah metode survei lapangan, studi pustaka ,dan pembagian kuesioner. Survei lapangan dilakukan untuk mengumpulkan informasi yang dibutuhkan dan studi pustaka dari buku-buku yang dibutuhkan untuk mendukung analisis dan perancangan topik ini. Metode perancangan meliputi pembuatan UML, pembuatan rancangan database dan rancangan layar. Hasil yang dicapai adalah implementasi dari analisis dan perancangan yang telah disusun berdasarkan masalah yang ada. Dimana menghasilkan perangkat sistem penjualan berupa web yang dapat mengatasi kebutuhan perusahaan dalam pengelolaan data prosedur internal perusahaan. Kesimpulan yang didapat dengan adanya web yang dihasilkan adalah tersedianya sistem penjualan berbasis web yang dapat membantu meningkatkan kinerja perusahaan dalam mengoptimalkan pelayanan bagi pelanggan dan meningkatkan penjualan. Kata Kunci : Analisis, Sistem, Penjualan, Web
vii
PRAKATA
Puji syukur kehadirat Tuhan Yang Maha Esa yang telah memberikan rahmat dan karunia-Nya sehingga penulisan skripsi ini dapat selesai dengan baik sebagai syarat menyelesaikan jenjang studi Strata-1 (S1) di Universitas Bina Nusantara Jakarta. Penulisan skripsi ini tentunya tidak dapat selesai dengan baik tanpa adanya bantuan dari berbagai pihak. Oleh karena itu penulis ingin mengucapkan terima kasih kepada pihak-pihak yang telah membantu: 1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc., selaku Rektor Universitas Bina Nusantara, yang telah memberikan kesempatan kepada penulis untuk menempuh pendidikan Strata-1 Fakultas Ilmu Ko mputer Jurusan Teknik Informatika di Universitas Bina Nusantara; 2. Bapak Ir. Sablin Yusuf, M.Sc., M.comp.Sc., selaku Dekan Fakultas Ilmu Komputer Universitas Bina Nusantara, yang telah memberikan dukungan kepada penulis dalam penyusunan skripsi ini; 3. Bapak Fredy Purnomo, S.Kom, M.Ko m., selaku Ketua Jurusan Teknik Informatika Universitas Bina
Nusantara, yang berkenan memberikan
bimbingan dan bantuan dalam penyelesaian skripsi ini; 4. Bapak Tri Djoko Wahjono, Ir.,M.Sc., selaku dosen pembimbing, yang telah mencurahkan tenaga, waktu dan ilmunya kepada penulis selama penyusunan skripsi. viii
5. Bapak Djafar Haidrah. selaku Direktur Utama pada CV. Bintang Tiga yang telah memberikan izin untuk melakukan survey di CV. Bintang Tiga. 6. Orang tua dan saudara yang telah memberikan dukungan, baik materil maupun moril kepada penulis selama melakukan penulisan skripsi. 7. Sahabat-sahabat yang telah memberikan dukungan, semangat dan doa. Penulis menyadari bahwa masih banyak kekurangan dalam skripsi ini namun penulis berharap skripsi ini dapat bermanfaat, tidak hanya bagi penulis, tetapi juga bagi para pembaca.
Jakarta, Juni 2008
Penulis
ix
DAFTAR ISI HALAMAN Halaman Judul Luar..................................................................................................... i Halaman Judul Dalam................................................................................................. ii Halaman Persetujuan Hard cover ..............................................................................iii Halaman Pernyataan Dewan Penguji......................................................................... iv Abstrak......................................................................................................................vii Prakata .....................................................................................................................viii Daftar Isi ..................................................................................................................... x Daftar Tabel ...........................................................................................................xviii Daftar Gambar ......................................................................................................... xxi Daftar Lampiran...................................................................................................... xxx
BAB 1
PENDAHULUAN.................................................................................. 1
1.1 Latar Belakang ........................................................................................ 1 1.2 Ruang Lingkup ........................................................................................ 2 1.3 Tujuan dan Manfaat................................................................................. 3 1.4 Metode Pengembangan Perangkat Lunak ............................................... 4 1.5 Sistematika Penulisan.............................................................................. 5 BAB 2
LANDASAN TEORI............................................................................. 6
2.1 Penjualan Online ..................................................................................... 6 2.2 Sistem Penjualan ..................................................................................... 7 x
HALAMAN 2.2.1 Pengertian Sistem......................................................................... 7 2.2.2 Penngertian Penjualan .................................................................. 8 2.2.3 Pengertian Sistem Penjualan ........................................................ 9 2.3 Internet..................................................................................................... 9 2.3.1 Pengertian Internet ....................................................................... 9 2.3.2 Sejarah Internet .......................................................................... 10 2.3.3 WWW (World Wide Web) ........................................................ 11 2.3.4 Electronic Mail (e-mail) ............................................................. 15 2.4 Rekayasa Piranti Lunak (RPL).............................................................. 16 2.4.1 Pengertian Rekayasa Piranti Lunak ........................................... 16 2.4.2 Paradigma Rekayasa Piranti Lunak ........................................... 17 2.4.3 Model Proses Piranti Lunak ....................................................... 17 2.5 Delapan Aturan Emas Perancangan Interface....................................... 20 2.6 Unified Modelling Language (UML).................................................... 23 2.7 Basis Data............................................................................................ 33 2.7.1 Sistem Basis Data....................................................................... 33 2.7.2 Database Relational.................................................................... 34 2.7.3 Database Management System (DBMS) ................................... 35 2.7.4 MyStructured Query Language (MySQL) ................................. 36 2.8 PHP........................................................................................................ 37 2.9 Industri Kayu......................................................................................... 38 xi
HALAMAN BAB 3
ANALISIS DAN PERANCANGAN SISTEM.................................. 41
3.1 Gambaran Umum Perusahaan ............................................................... 41 3.1.1 Struktur Perusahaan.................................................................... 42 3.1.2 Tugas, Wewenang dan Tanggung jawab ................................... 44 3.2 Wawancara ............................................................................................ 47 3.3 Analisis Sistem Yang Sedang Berjalan................................................. 48 3.4 Identifikasi Permasalahan...................................................................... 50 3.5 Analisis Kuesioner ................................................................................ 51 3.6 Usulan Pemecahan Masalah.................................................................. 63 3.7 Perancangan Perangkat Lunak .............................................................. 64 3.7.1 Class Diagram ............................................................................ 65 3.7.2 Object Diagram .......................................................................... 66 3.7.3 Use Case Diagram...................................................................... 67 3.7.4 Statechart Diagram..................................................................... 76 3.7.4.1
Statechart Admin ....................................................... 77
3.7.4.2
Statechart User........................................................... 78
3.7.4.3
Category Product ....................................................... 79
3.7.4.4
Statechart Product...................................................... 80
3.7.4.5
Statechart News ......................................................... 81
3.7.4.6
Statechart Complaint ................................................. 82
3.7.4.7
Statechart Topic Complaint ....................................... 83 xii
HALAMAN 3.7.4.8
Statechart Order......................................................... 84
3.7.4.9
Statechart Order Detail .............................................. 85
3.7.4.10 Statechart Order Status .............................................. 86 3.7.4.11 Statechart FAQ .......................................................... 87 3.7.5 Sequence Diagram...................................................................... 88 3.7.5.1
Diagram login Admin Success ................................. 88
3.7.5.2
Diagram login Admin Failed.................................... 89
3.7.5.3
Diagram login Customer Success............................. 90
3.7.5.4
Diagram login Customer Failed ................................ 91
3.7.5.5
Diagram Register Customer Success......................... 92
3.7.5.6
Diagram Register Customer Failed ........................... 93
3.7.5.7
Diagram Add News ................................................... 94
3.7.5.8
Diagram Delete News................................................ 95
3.7.5.9
Diagram Update News............................................... 96
3.7.5.10 Diagram Add Product................................................ 97 3.7.5.11 Diagram Delete Product ............................................ 98 3.7.5.12 Diagram Update Product ........................................... 99 3.7.5.13 Diagram Make Order............................................... 100 3.7.5.14 Diagram Cancel Order............................................. 101 3.7.5.15 Diagram Make Complaint ....................................... 102 3.7.5.16 Diagram Handle Order ............................................ 103 xiii
HALAMAN 3.7.5.17 Diagram Reply Complaint........................................104 3.7.5.18 Diagram Add Admin ............................................... 105 3.7.5.19 Diagram Edit Profile Customer ............................... 106 3.7.5.20 Diagram Add FAQ .................................................. 107 3.7.5.21 Diagram Delete FAQ............................................... 108 3.7.6 Activity Diagram...................................................................... 109 3.7.6.1
Activity Diagram Admin ......................................... 109
3.7.6.2
Activity Diagram Customer .................................... 110
3.7.6.3
Activity Diagram Poduct ......................................... 111
3.7.6.4
Activity Diagram Faq .............................................. 112
3.7.6.5
Activity Diagram News ........................................... 113
3.7.6.6
Activity Diagram Order........................................... 114
3.7.6.7
Activity Diagram Order Detail ................................ 115
3.7.6.8
Activity Diagram Order Status ................................ 116
3.7.6.9
Activity Diagram Complaint Topic......................... 117
3.7.6.10 Activity Diagram Complaint ................................... 118 3.7.7 Collaboration Diagram............................................................. 119 3.7.7.1
Diagram Login Admin Success............................... 119
3.7.7.2
Diagram Login Admin Failed ................................. 120
3.7.7.3
Diagram Login Customer Success .......................... 120
3.7.7.4
Diagram Login Customer Failed ............................. 121 xiv
HALAMAN 3.7.7.5
Diagram Register Customer Success........................122
3.7.7.6
Diagram Register Customer Failed ......................... 123
3.7.7.7
Diagram Add News ................................................. 124
3.7.7.8
Diagram Delete News.............................................. 125
3.7.7.9
Diagram Update News............................................. 126
3.7.7.10 Diagram Add Product.............................................. 127 3.7.7.11 Diagram Delete Product .......................................... 128 3.7.7.12 Diagram Update Product ......................................... 129 3.7.7.13 Diagram Make Order............................................... 130 3.7.7.14 Diagram Cancel Order............................................. 131 3.7.7.15 Diagram Make Complaint ....................................... 132 3.7.7.16 Diagram Handle Order ............................................ 133 3.7.7.17 Diagram Reply Complaint....................................... 134 3.7.7.18 Diagram Add Admin ............................................... 135 3.7.7.19 Diagram Edit Profile Customer ............................... 136 3.7.7.20 Diagram Add FAQ .................................................. 137 3.7.7.21 Diagram Delete FAQ............................................... 138 3.7.8 Component Diagram ................................................................ 139 3.7.9 Deployment Diagram ............................................................... 140 3.7.10 Rancangan Basis Data.............................................................. 141 3.7.11 Struktur Menu .......................................................................... 147 xv
HALAMAN 3.7.12 Rancangan Layar.......................................................................151 3.7.13 Spesifikasi Proses..................................................................... 189 BAB 4
IMPLEMENTASI DAN EVALUASI.............................................. 201
4.1 Spesifikasi Sistem................................................................................ 201 4.1.1 Spesifikasi Perangkat Keras ..................................................... 201 4.1.2 Spesifikasi Perangkat Lunak .................................................... 202 4.2 Rencana Implementasi ........................................................................ 203 4.3 Jadwal Implementasi ........................................................................... 203 4.4 Prosedur Operasional .......................................................................... 204 4.5 Tampilan Layar ................................................................................... 206 4.5.1 Pengunjung............................................................................... 206 4.5.2 Pelanggan ................................................................................. 215 4.5.3 Admin....................................................................................... 228 4.6 Evaluasi Sistem ................................................................................... 246 4.6.1 Evaluasi Berdasarkan Kuesioner.............................................. 246 4.6.2 Evaluasi IMK ........................................................................... 254 BAB 5
SIMPULAN DAN SARAN ............................................................... 257
5.1 Simpulan.............................................................................................. 257 5.2 Saran .................................................................................................... 258 DAFTAR PUSTAKA............................................................................................ 259
xvi
LAMPIRAN ........................................................................................................... L1
xvii
DAFTAR TABEL
HALAMAN Tabel 3.1
Tabel Wawancara .................................................................................. 47
Tabel 3.2
Cara pembelian barang yang biasa dilakukan ....................................... 51
Tabel 3.3
Frekuensi pelanggan melakukan transaksi pembelian barang setiap minggu............................................................................. 53
Tabel 3.4
Pengalaman
pelanggan
mengalami
kesulitan
saat
melakukan pemesanan barang............................................................... 54 Tabel 3.5
Pengalaman kesulitan mendapatkan informasi barang yang ingin dipesan/dibeli ...................................................................... 56
Tabel 3.6
Perlu tidaknya cara alternatif pemesanan barang dan penyediaan informasi ............................................................................ 57
Tabel 3.7
Pemahaman pelanggan menggunakan Internet .................................... 59
Tabel 3.8
Frekuensi
pelanggan
menggunakan
Internet
dalam
seminggu ............................................................................................... 60 Tabel 3.9
Persetujuan
pelanggan
pembuatan
sistem
alternatif
mengunakan media Internet .................................................................. 62 Tabel 3.10 Deskripsi use case sistem penjualan customer ..................................... 68 Tabel 3.11 Deskripsi use case sistem penjualan customer...................................... 69 Tabel 3.12 Deskripsi use case sistem news customer ............................................. 70 Tabel 3.13 Deskripsi use case sistem news admin.................................................. 70 xviii
HALAMAN Tabel 3.14 Deskripsi use case sistem product customer......................................... 71 Tabel 3.15 Deskripsi use case sistem product admin ............................................. 72 Tabel 3.16 Deskripsi use case sistem complaint customer ..................................... 73 Tabel 3.17 Deskripsi use case sistem complaint admin.......................................... 73 Tabel 3.18 Deskripsi use case sistem order customer ............................................ 74 Tabel 3.19 Deskripsi use case sistem order admin ................................................. 75 Tabel 3.20 Deskripsi use case sistem data customer .............................................. 76 Tabel 3.21 Deskripsi use case sistem data admin................................................... 76 Tabel 3.22 Perancangan database tabel admin ..................................................... 142 Tabel 3.23 Perancangan database tabel complaint ............................................... 143 Tabel 3.24 Perancangan database tabel FAQ ....................................................... 143 Tabel 3.25 Perancangan database tabel news ....................................................... 144 Tabel 3.26 Perancangan database tabel order detail ............................................ 144 Tabel 3.27 Perancangan database tabel news ....................................................... 145 Tabel 3.28 Perancangan database tabel product................................................... 146 Tabel 3.29 Perancangan database tabel customer................................................. 147 Tabel 3.30 Perancangan database tabel categories............................................... 148 Tabel 3.31 Perancangan database tabel cancel..................................................... 148 Tabel 4.1
Jadwal implementasi sistem ................................................................ 201
Tabel 4.2
Pendapat pelanggan mengenai penyampaian informasi dalam situs CV. Bintang Tiga ............................................................. 245 xix
HALAMAN Tabel 4.3
Pendapat pelanggan mengenai kelengkapan informasi dalam situs CV. Bintang Tiga ............................................................ 246
Tabel 4.4
Pendapat pelanggan mengenai situs CV.Bintang Tiga dalam membantu memperoleh informasi yang diperlukan................. 247
Tabel 4.5
Kemampuan pelanggan dalam pemakaian situs CV.Bintang Tiga...................................................................................................... 248
Tabel 4.6
Pendapat pelanggan tentang bertransaksi di internet .......................... 249
Tabel 4.7
Pendapat pelanggan mengenai fitur-fitur yang ada dalam situs CV.Bintang Tiga ........................................................................ 250
Tabel 4.8
Pendapat pelanggan mengenai kelengkapan informasi dalam situs CV.Bintang Tiga .............................................................. 251
Tabel 4.9
Pendapat pelanggan mengenai tampilan situs CV.Bintang Tiga...................................................................................................... 252
xx
DAFTAR GAMBAR
HALAMAN Gambar 2.1
Waterfall Diagram........................................................................... 20
Gambar 2.2
Notasi Class ..................................................................................... 25
Gambar 2.3
Notasi Component Diagram ........................................................... 25
Gambar 2.4
Notasi Deployment Diagram ........................................................... 26
Gambar 2.5
Notasi Actor ..................................................................................... 27
Gambar 2.6
Notasi Case ...................................................................................... 27
Gambar 2.7
Notasi Use Case Diagram ............................................................... 28
Gambar 2.8
Notasi Sequence Diagram ............................................................... 29
Gambar 2.9
Notasi Collaboration Diagram........................................................ 30
Gambar 2.10
Notasi State ...................................................................................... 31
Gambar 2.11
Notasi Titik Awal dan Titik Akhir State.......................................... 31
Gambar 2.12
Notasi State Chart............................................................................ 31
Gambar 2.13
Notasi Activity Diagram .................................................................. 32
Gambar 3.1
Struktur perusahaan CV. Bintang Tiga............................................ 43
Gambar 3.2
Cara pembelian barang yang biasa dilakukan ................................. 52
Gambar 3.3
Frekuensi pelanggan melakukan transaksi pembelian barang setiap minggu ....................................................................... 53
Gambar 3.4
Pengalaman pelanggan mengalami kesulitan saat melakukan pemesanan barang ......................................................... 55 xxi
HALAMAN Gambar 3.5
Pengalaman kesulitan mendapatkan informasi barang yang ingin dipesan/beli .................................................................... 56
Gambar 3.6
Perlu tidaknya cara alternatif pemesanan barang dan penyediaan informasi....................................................................... 58
Gambar 3.7
Pemahaman pelanggan menggunakan Internet ............................... 59
Gambar 3.8
Frekuensi pelanggan menggunakan Internet dalam seminggu.......................................................................................... 61
Gambar 3.9
Persetujuan pelanggan pembuatan sistem alternatif mengunakan media Internet............................................................. 62
Gambar 3.10
Class Diagram ................................................................................. 65
Gambar 3.11
Object Diagram ............................................................................... 66
Gambar 3.12
Use case diagram sistem penjualan ................................................ 67
Gambar 3.13
Use case diagram sistem news ........................................................ 69
Gambar 3.14
Use case diagram sistem product.................................................... 71
Gambar 3.15
Use case diagram sistem complaint ................................................ 72
Gambar 3.16
Use case diagram sistem order ....................................................... 74
Gambar 3.17
Use case diagram sistem data customer ......................................... 75
Gambar 3.18
Statechart Diagram Admin .............................................................. 77
Gambar 3.19
Statechart Digram User................................................................... 78
Gambar 3.20
Statechart Diagram Category Product............................................ 79 xxii
HALAMAN Gambar 3.21
Statechart Diagram Product............................................................ 80
Gambar 3.22
Statechart Diagram News................................................................ 81
Gambar 3.23
Statechart Diagram Complaint........................................................ 82
Gambar 3.24
Statechart Diagram Topic Complaint ............................................. 83
Gambar 3.25
Statechart Diagram Order............................................................... 84
Gambar 3.26
Statechart Diagram Order Detail.................................................... 85
Gambar 3.27
Statechart Diagram Order Status.................................................... 86
Gambar 3.28
Statechart Diagram FAQ................................................................. 87
Gambar 3.29
Sequence Diagram Login Admin Success ....................................... 88
Gambar 3.30
Sequence Diagram Login Admin Failed .......................................... 89
Gambar 3.31
Sequence Diagram Login Customer Success .................................. 90
Gambar 3.32
Sequence Diagram Login Customer Failed..................................... 91
Gambar 3.33
Sequence Diagram Register Customer Success .............................. 92
Gambar 3.34
Sequence Diagram Register Customer Failed................................. 93
Gambar 3.35
Sequence Diagram Add News ......................................................... 94
Gambar 3.36
Sequence Diagram Delete News...................................................... 95
Gambar 3.37
Sequence Diagram Update News..................................................... 96
Gambar 3.38
Sequence Diagram Add Product ..................................................... 97
Gambar 3.39
Sequence Diagram Delete Product ................................................. 98
Gambar 3.40
Sequence Diagram Update Product ............................................... 99
Gambar 3.41
Sequence Diagram Make Order .................................................... 100 xxiii
HALAMAN Gambar 3.42
Sequence Diagram Cancel Order .................................................. 101
Gambar 3.43
Sequence Diagram Make Complaint............................................. 102
Gambar 3.44
Sequence Diagram Handle Order .................................................. 103
Gambar 3.45
Sequence Diagram Reply Complaint ............................................ 104
Gambar 3.46
Sequence Diagram Add New Admin............................................. 105
Gambar 3.47
Sequence Diagram Edit Profile Customer..................................... 106
Gambar 3.48
Sequence Diagram Add FAQ ........................................................ 107
Gambar 3.49
Sequence Diagram Delete FAQ..................................................... 108
Gambar 3.50
Activity Diagram Admin ................................................................ 109
Gambar 3.51
Activity Diagram Customer ........................................................... 110
Gambar 3.52
Activity Diagram Product.............................................................. 111
Gambar 3.53
Activity Diagram FAQ ................................................................... 112
Gambar 3.54
Activity Diagram News .................................................................. 113
Gambar 3.55
Activity Diagram Order ................................................................. 114
Gambar 3.56
Activity Diagram Order Detail ...................................................... 115
Gambar 3.57
Activity Diagram Order Status ...................................................... 116
Gambar 3.58
Activity Diagram Complaint Topic ............................................... 117
Gambar 3.59
Activity Diagram Complaint.......................................................... 118
Gambar 3.60
Collaboration Diagram Login Admin Success.............................. 119
Gambar 3.61
Collaboration Diagram Login Admin Failed ................................ 120
Gambar 3.62
Collaboration Diagram Login Customer Success......................... 120 xxiv
HALAMAN Gambar 3.63
Collaboration Diagram Login Customer Failed ........................... 121
Gambar 3.64
Collaboration Diagram Register Customer Success..................... 122
Gambar 3.65
Collaboration Diagram Register Customer Failed ....................... 123
Gambar 3.66
Collaboration Diagram Add News................................................ 124
Gambar 3.67
Collaboration Diagram Delete News ........................................... 125
Gambar 3.68
Collaboration Diagram Update News ........................................... 126
Gambar 3.69
Collaboration Diagram Add Product ........................................... 127
Gambar 3.70
Collaboration Diagram Delete Product........................................ 128
Gambar 3.71
Collaboration Diagram Update Product....................................... 129
Gambar 3.72
Collaboration Diagram Make Order ............................................ 130
Gambar 3.73
Collaboration Diagram Cancel Order .......................................... 131
Gambar 3.74
Collaboration Diagram Make Complaint ..................................... 132
Gambar 3.75
Collaboration Diagram Handle Order.......................................... 133
Gambar 3.76
Collaboration Diagram Reply Complaint..................................... 134
Gambar 3.77
Collaboration Diagram Add New Admin ..................................... 135
Gambar 3.78
Collaboration Diagram Edit Profile Customer............................. 136
Gambar 3.79
Collaboration Diagram Add FAQ ................................................ 137
Gambar 3.80
Collaboration Diagram Delete FAQ............................................. 138
Gambar 3.81
Component Diagram...................................................................... 139
Gambar 3.82
Deployment Diagram..................................................................... 140
Gambar 3.83
Struktur menu pengunjung ............................................................ 148 xxv
HALAMAN Gambar 3.84
Struktur menu pelanggan ............................................................... 149
Gambar 3.85
Struktur menu admin ..................................................................... 150
Gambar 3.86
Rancangan layar halaman Home ................................................... 151
Gambar 3.87
Rancangan layar halaman Registration ......................................... 152
Gambar 3.88
Rancangan layar halaman News .................................................... 153
Gambar 3.89
Rancangan Layar halaman Complaint........................................... 154
Gambar 3.90
Rancangan layar halaman About Us .............................................. 155
Gambar 3.91
Rancangan layar halaman Contact us............................................ 156
Gambar 3.92
Rancangan layar halaman FAQ ..................................................... 157
Gambar 3.93
Rancangan layar halaman Home pelanggan .................................. 158
Gambar 3.94
Rancangan layar halaman View Product pelanggan...................... 159
Gambar 3.95
Rancangan layar halaman Detail Product .................................... 160
Gambar 3.96
Rancangan layar halaman Order ................................................... 161
Gambar 3.97
Rancangan layar halaman View Order .......................................... 162
Gambar 3.98
Rancangan layar halaman Cancel Order...................................... 163
Gambar 3.99
Rancangan layar halaman Order Detail ........................................ 164
Gambar 3.100 Rancangan layar halaman Complaint pelanggan........................... 165 Gambar 3.101 Rancangan layar halaman View Reply Complaint ......................... 166 Gambar 3.102 Rancangan layar halaman Add Complaint..................................... 167 Gambar 3.103 Rancangan layar halaman Site Map............................................... 168 Gambar 3.104 Rancangan layar halaman Account pelanggan .............................. 169 xxvi
HALAMAN Gambar 3.105 Rancangan layar halaman Edit Account ........................................ 170 Gambar 3.106 Rancangan layar halaman Login Admin ........................................ 171 Gambar 3.107 Rancangan layar halaman Home Admin ........................................ 172 Gambar 3.108 Rancangan layar halaman News Administrator ............................ 173 Gambar 3.109 Rancangan layar halaman Edit News............................................. 174 Gambar 3.110 Rancangan layar halaman Add News............................................ 175 Gambar 3.111 Rancangan layar halaman Product Admin..................................... 176 Gambar 3.112 Rancangan layar halaman Product Detail ..................................... 177 Gambar 3.113 Rancangan layar halaman Edit Product ........................................ 178 Gambar 3.114 Rancangan layar halaman Add Product......................................... 179 Gambar 3.115 Rancangan layar halaman Order Admin........................................ 180 Gambar 3.116 Rancangan layar halaman Response Order ................................... 181 Gambar 3.117 Rancangan layar halaman Detail Order Admin............................. 182 Gambar 3.118 Rancangan layar halaman FAQ Admin.......................................... 183 Gambar 3.119 Rancangan layar halaman Add FAQ.............................................. 184 Gambar 3.120 Rancangan layar halaman Complaint Admin................................. 185 Gambar 3.121 Rancangan layar halaman Reply Complaint.................................. 186 Gambar 3.122 Rancangan layar halaman Add Admin .......................................... 187 Gambar 3.123 Rancangan layar halaman Logout ................................................. 188 Gambar 4.1
Sistem
yang
dilakukan
pelanggan
baru
untuk
pemesanan online........................................................................... 205 xxvii
HALAMAN Gambar 4.2
Tampilan layar halaman login ....................................................... 207
Gambar 4.3
Tampilan layar halaman news ....................................................... 208
Gambar 4.4
Tampilan layar halaman about us.................................................. 209
Gambar 4.5
Tampilan layar halaman Faq ......................................................... 210
Gambar 4.6
Tampilan layar halaman complaint ............................................... 211
Gambar 4.7
Tampilan layar halaman site map .................................................. 212
Gambar 4.8
Tampilan layar halaman contact us ............................................... 213
Gambar 4.9
Tampilan layar halaman register ................................................... 214
Gambar 4.10
Tampilan layar halaman forget password...................................... 215
Gambar 4.11
Tampilan layar halaman home pelanggan ..................................... 216
Gambar 4.12
Tampilan layar halaman product pelanggan................................. 217
Gambar 4.13
Tampilan layar halaman product detail pelanggan ....................... 218
Gambar 4.14
Tampilan layar halaman order....................................................... 219
Gambar 4.15
Tampilan layar halaman view order .............................................. 220
Gambar 4.16
Tampilan layar halaman cancel order ........................................... 221
Gambar 4.17
Tampilan layar halaman order detail ............................................ 222
Gambar 4.18
Tampilan layar halaman view full order........................................ 223
Gambar 4.19
Tampilan layar halaman complaint ............................................... 224
Gambar 4.20
Tampilan layar halaman view reply complaint.............................. 225
Gambar 4.21
Tampilan layar halaman add complaint ........................................ 226
Gambar 4.22
Tampilan layar halaman account................................................... 227 xxviii
HALAMAN Gambar 4.23
Tampilan layar halaman edit account............................................ 228
Gambar 4.24
Tampilan layar halaman login admin ............................................ 229
Gambar 4.25
Tampilan layar halaman home admin............................................ 230
Gambar 4.26
Tampilan layar halaman product admin ........................................ 231
Gambar 4.27
Tampilan layar halaman product detail admin.............................. 232
Gambar 4.28
Tampilan layar halaman edit product ............................................ 233
Gambar 4.29
Tampilan layar halaman add product ............................................ 234
Gambar 4.30
Tampilan layar halaman order admin............................................ 235
Gambar 4.31
Tampilan layar halaman response order ....................................... 236
Gambar 4.32
Tampilan layar halaman detail order ............................................ 237
Gambar 4.33
Tampilan layar halaman delete order ............................................ 238
Gambar 4.34
Tampilan layar halaman news admin ............................................ 239
Gambar 4.35
Tampilan layar halaman edit news ................................................ 240
Gambar 4.36
Tampilan layar halaman add news ................................................ 241
Gambar 4.37
Tampilan layar halaman Faq admin .............................................. 242
Gambar 4.38
Tampilan layar halaman add Faq .................................................. 243
Gambar 4.39
Tampilan layar halaman complaint admin .................................... 244
Gambar 4.40
Tampilan layar halaman reply complaint ...................................... 245
xxix
DAFTAR LAMPIRAN
HALAMAN Kuesioner Pembuatan Website Sistem Penjualan.....................................................L1 Kuesioner Post Survey Sistem Penjualan.................................................................L4
xxx
