ANALISIS DAN PERANCANGAN SISTEM PENJUALAN · PDF filemeningkatkan kinerja perusahaan dalam...
Transcript of ANALISIS DAN PERANCANGAN SISTEM PENJUALAN · PDF filemeningkatkan kinerja perusahaan dalam...
vii
UNIVERSITAS 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 Haidrah 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
viii
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 Komputer 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.Kom., 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.
ix
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
x
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
xi
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
xii
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
xiii
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
xiv
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
xv
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
xvi
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
xvii
LAMPIRAN ........................................................................................................... L1
xviii
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
xix
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
xx
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
xxi
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
xxii
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
xxiii
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
xxiv
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
xxv
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
xxvi
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
xxvii
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
xxviii
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
xxix
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
xxx
DAFTAR LAMPIRAN
HALAMAN
Kuesioner Pembuatan Website Sistem Penjualan.....................................................L1
Kuesioner Post Survey Sistem Penjualan.................................................................L4