UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informarika ... · vii UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informarika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007/2008 ANALISIS

vii

UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informarika

Skripsi Sarjana Komputer

Semester Ganjil Tahun 2007/2008

ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB

PADA PT. INDONESIA PRINTER

Deny Rosalina 0800746372

Deviranti Gunara 0800747154

Farina Octaviani 0800752583

Kelas / Kelompok: 07POT / kelompok 4

Abstrak

Tujuan penelitian, ialah menganalisa dan merancang sebuah aplikasi sistem penjualan berbasis web yang dapat membantu dan mempermudah pelanggan dalam melakukan transaksi serta memberikan informasi yang lengkap kepada pengguna internet mengenai PT Indonesia Printer. Metode penelitian yang dilakukan dalam penulisan skripsi ini meliputi metode analisa yang terdiri dari kegiatan survei, wawancara dan kuesioner, melakukan studi pustaka, menganalisa hasil survei dan mengidentifikasi kebutuhan sistem, sedangkan metode perancangan yang digunakan adalah dengan pembuatan UML, rancangan database dan rancangan layar. Hasil yang dicapai adalah sistem ini membantu proses transaksi penjualan secara online agar lebih efisien dan lebih cepat, memberikan kemudahan bagi pelanggan untuk mendapatkan informasi produk serta menjelaskan pada konsumen bagaimana melakukan transaksi pemesanan, memperluas pangsa pasar yang mampu meningkatkan penjualan sehingga pendapatan perusahaan bertambah. Kesimpulan yang didapat adalah website ini sangat bermanfaat bagi perusahaan dalam melakukan transaksi penjualan, memperluas pangsa pasar dan mengoptimalkan pelayanan bagi pelanggan. Sedangkan dari sisi pelanggan dapat menghemat waktu dan biaya karena tidak perlu datang ke perusahaan untuk melakukan transaksi jual-beli atau melihat sampai dimana proses pengerjaan produk pelanggan tersebut. Kata Kunci: analisis, perancangan, sistem penjualan, web

viii

PRAKATA

Kami panjatkan puji syukur kehadirat Tuhan Yang Maha Esa karena berkat

rahmatNya kami dapat menyelesaikan skripsi ini. Kami juga ingin mengucapkan terima

kasih yang sebesar-besarnya kepada berbagai pihak yang telah sangat membantu.

Pihak-pihak tersebut diantaranya adalah:

1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc. yang merupakan Rektor

Universitas Bina Nusantara

2. Bapak Ir. Sablin Yusuf, M.Sc., M.Comp.Sc. yang merupakan Dekan

Universitas Bina Nusantara

3. Bapak Fredy Purnomo S.Kom, M.kom yang merupakan Ketua Jurusan

Teknik Informatika Universitas Bina Nusantara

4. Bapak Syaeful Karim, Ir., M.Sc. yang merupakan dosen pembimbing yang

telah membimbing pembuatan skripsi ini

5. Bapak Edi Suherman yang merupakan General Director di PT Indonesia

Printer karena telah membantu dalam memberikan informasi.

6. Orang tua kami yang telah memberikan dukungan

7. Teman-teman yang selalu membantu

8. Serta pihak-pihak lain yang tidak dapat kami sebutkan satu per satu.

Semoga skripsi ini dapat memberikan manfaat bagi kalangan akademika Bina

Nusantara, bagi pihak PT Indonesia Printer serta masyarakat pada umumnya.

Jakarta, Januari 2008

Penulis

ix

DAFTAR ISI

Halaman Judul Luar

Halaman Judul Dalam

Halaman Persetujuan Hardcover

Halaman Persetujuan Dosen Penguji

Abstrak.......................................................................................................................... vii

PRAKATA.................................................................................................................... viii

DAFTAR ISI................................................................................................................ ix

DAFTAR TABEL......................................................................................................... xiv

DAFTAR GAMBAR.................................................................................................... xvi

DAFTAR LAMPIRAN.................................................................................................xxix

BAB 1 PENDAHULUAN........................................................................................ 1

1.1 Latar Belakang Masalah....................................................................... 1

1.2 Ruang Lingkup...................................................................................... 3

1.3 Tujuan dan Manfaat.............................................................................. 3

1.4 Metodologi Penelitian dan Perancangan............................................... 4

1.5 Sistematika Penulisan........................................................................... 5

BAB 2 LANDASAN TEORI................................................................................... 7

2.1 Teori Utama.......................................................................................... 7

2.1.1 Rekayasa Perangkat Lunak............................................. 7

2.1.1.1 Pengertian Perangkat Lunak........................... 7

x

2.1.1.2 Pengertian Rekayasa Perangkat Lunak........... 7

2.1.1.3 Model Air Terjun (Waterfall Model).............. 8

2.1.2 Analisis dan Perancangan Berorientasi Objek................ 12

2.1.2.1 Pengertian Objek............................................. 12

2.1.2.2 Pengertian Orientasi Objek............................. 12

2.1.2.3 Analisis Berorientasi Objek............................ 13

2.1.2.4 Perancangan Berorientasi Objek..................... 13

2.1.2.5 Analisis dan Perancangan Berorientasi

Objek............................................................. 14

2.1.3 Unified Modeling Language (UML)............................... 14

2.1.3.1 Sejarah UML................................................... 14

2.1.3.2 Pengertian UML.............................................. 15

2.1.3.3 Diagram Pada UML........................................ 15

2.1.4 PHP................................................................................ 23

2.1.5 Basis Data....................................................................... 25

2.1.5.1 Pengertian Basis Data..................................... 25

2.1.5.2 SQL................................................................. 25

2.1.5.3 MySQL............................................................ 26

2.1.6 Interaksi Manusia dan Komputer.................................... 28

2.1.6.1 Pengertian Interaksi Manusia dan

Komputer....................................................... 28

2.1.6.2 Delapan Aturan Emas..................................... 29

2.2 Teori Pendukung................................................................................... 32

2.2.1 E-Commerce................................................................... 32

xi

2.2.1.1 Pengertian E-Commerce................................. 32

2.2.1.2 Keuntungan E-Commerce............................... 33

2.2.1.3 Batasan E-Commerce...................................... 34

2.2.1.4 Tipe-Tipe E-Commerce.................................. 35

2.2.2 Internet............................................................................ 36

2.2.3 World Wide Web (WWW)................................................ 37

2.2.4 Hypertext Markup Language (HTML)............................ 37

2.2.5 Java Script...................................................................... 37

2.2.6 Hypertext Transfer Protocol (HTTP).............................. 38

2.2.7 Web Browser................................................................... 39

2.2.8 Web Server...................................................................... 39

2.2.9 Sistem Penjualan............................................................. 40

2.2.9.1 Pengertian Penjualan....................................... 40

2.2.9.2 Pengertian Sistem Penjualan........................... 40

BAB 3 ANALISIS DAN PERANCANGAN........................................................... 41

3.1 Gambaran Umum Perusahaan............................................................... 41

3.1.1 Sejarah Perusahaan........................................................... 41

3.1.2 Struktur Organisasi........................................................... 44

3.1.3 Tugas dan Wewenang....................................................... 44

3.2 Analisis Sistem..................................................................................... 63

3.2.1 Sistem yang Sedang Berjalan........................................... 63

3.2.2 Analisis Permasalahan .................................................... 65

3.2.3 Evaluasi Hasil Questionnaire.......................................... 66

3.2.4 Usulan Pemecahan Masalah............................................ 74

xii

3.3 Perancangan Perangkat Lunak.............................................................. 75

3.3.1 Class diagram.................................................................. 75

3.3.2 Use Case Diagram........................................................... 76

3.3.3 Sequence Diagram........................................................... 91

3.3.4 Activity Diagram.............................................................. 125

3.3.5 Rancangan Basis Data...................................................... 136

3.3.6 Struktur Menu.................................................................. 145

3.3.7 Rancangan Layar............................................................. 148

3.3.8 Struktur Program.............................................................. 228

BAB 4 IMPLEMENTASI DAN EVALUASI........................................................ 302

4.1 Spesifikasi Sistem................................................................................. 302

4.1.1 Spesifikasi Perangkat Keras............................................. 302

4.1.2 Spesifikasi Perangkat Lunak........................................... 302

4.2 Jadwal Implementasi............................................................................. 303

4.3 Prosedur Operasional............................................................................ 303

4.4 Tampilan Layar..................................................................................... 306

4.5 Evaluasi Sistem..................................................................................... 393

4.5.1 Evaluasi Hasil Questionnaire.......................................... 393

4.5.2 Evaluasi Sistem Berdasarkan Interaksi Manusia dan

Komputer......................................................................... 400

4.5.3 Evaluasi Akurasi Perhitungan Harga.............................. 407

xiii

BAB 5 SIMPULAN DAN SARAN.......................................................................... 436

5.1 Simpulan........................................................................................... 436

5.2 Saran..................................................................................................... 437

DAFTAR PUSTAKA................................................................................................... 438

RIWAYAT HIDUP...................................................................................................... 441

LAMPIRAN-LAMPIRAN........................................................................................... 444

xiv

DAFTAR TABEL

Tabel 3.1 Tabel hasil pre-questionnaire pertanyaan nomor 1................................... 67







Tabel 3.8 Deskripsi use case diagram Sistem Penjualan pada customer.................. 77

Tabel 3.9 Deskripsi use case diagram Sistem Penjualan pada admin....................... 78

Tabel 3.10 Deskripsi use case diagram Sistem News pada customer......................... 79

Tabel 3.11 Deskripsi use case diagram Sistem News pada admin.............................. 81

Tabel 3.12 Deskripsi use case diagram Sistem Profile pada customer....................... 81

Tabel 3.13 Deskripsi use case diagram Sistem Profile pada admin............................ 81

Tabel 3.14 Deskripsi use case diagram Sistem Order pada customer........................ 82

Tabel 3.15 Deskripsi use case diagram Sistem Order pada admin............................. 83

Tabel 3.16 Deskripsi use case diagram Sistem Payment............................................ 84

Tabel 3.17 Deskripsi use case diagram Sistem Feedback pada customer.................. 85

Tabel 3.18 Deskripsi use case diagram Sistem Feedback pada admin....................... 85

Tabel 3.19 Deskripsi use case diagram Sistem Price.................................................. 86

Tabel 3.20 Deskripsi use case diagram Sistem Currency........................................... 87

Tabel 3.21 Deskripsi use case diagram Sistem Handling Fee.................................... 88

Tabel 3.22 Deskripsi use case diagram Sistem Help pada customer.......................... 90

xv

Tabel 3.23 Deskripsi use case diagram Sistem Help pada admin............................... 90

Tabel 3.24 Tabel msadmin........................................................................................... 136

Tabel 3.25 Tabel mscustomer....................................................................................... 136

Tabel 3.26 Tabel mscurrency........................................................................................137

Tabel 3.27 Tabel msfeedback........................................................................................137

Tabel 3.28 Tabel mshandlingfee.................................................................................. 138

Tabel 3.29 Tabel msnews............................................................................................ 138

Tabel 3.30 Tabel msprice............................................................................................. 139

Tabel 3.31 Tabel msstatus............................................................................................ 140

Tabel 3.32 Tabel payment............................................................................................ 140

Tabel 3.33 Tabel trdetil................................................................................................ 141

Tabel 3.34 Tabel trorder.............................................................................................. 143

Tabel 4.1 Jadwal Implementasi..................................................................................... 303

Tabel 4.2 Tabel hasil post-questionnaire pertanyaan nomor 1………………………. 393

Tabel 4.3 Tabel hasil post-questionnaire pertanyaan nomor 2………………….…… 394

Tabel 4.4 Tabel hasil post-questionnaire pertanyaan nomor 3……………….……… 395

Tabel 4.5 Tabel hasil post-questionnaire pertanyaan nomor 4…………….………… 396

Tabel 4.6 Tabel hasil post-questionnaire pertanyaan nomor 5…….………………… 397



Tabel 4.9 Tabel evaluasi akurasi perhitungan harga………………………………… 407

xvi

DAFTAR GAMBAR

Gambar 2.1 Contoh Class Diagram......................................................................... 16

Gambar 2.2 Contoh Use Case Diagram................................................................... 17

Gambar 2.3 Contoh Sequence Diagram................................................................... 18

Gambar 2.4 Contoh Statechart Diagram................................................................. 19

Gambar 2.5 Contoh Collaboration Diagram............................................................ 19

Gambar 2.6 Contoh Object Diagram........................................................................ 20

Gambar 2.7 Contoh Activity Diagram...................................................................... 21

Gambar 2.8 Contoh Component Diagram................................................................ 22

Gambar 2.9 Contoh Deployment Diagram............................................................... 23

Gambar 3.1 Struktur Organisasi.............................................................................. 44

Gambar 3.2 Pie chart hasil pertanyaan pre-questionnaire nomor 1........................ 67







Gambar 3.9 Class diagram...................................................................................... 75

Gambar 3.10 Use case diagram Sistem Penjualan.................................................... 76

Gambar 3.11 Use case diagram Sistem News........................................................... 79

Gambar 3.12 Use case diagram Sistem Profile......................................................... 80

Gambar 3.13 Use case diagram Sistem Order.......................................................... 82

xvii

Gambar 3.14 Use case diagram Sistem Payment...................................................... 83

Gambar 3.15 Use case diagram Sistem Feedback.................................................... 84

Gambar 3.16 Use case diagram Sistem Price........................................................... 86

Gambar 3.17 Use case diagram Sistem Currency..................................................... 87

Gambar 3.18 Use case diagram Sistem HandlingFee............................................... 88

Gambar 3.19 Use case diagram Sistem Help............................................................ 89

Gambar 3.20 Sequence diagram register................................................................... 91

Gambar 3.21 Sequence diagram forget password failed........................................... 92

Gambar 3.22 Sequence diagram forget password success........................................ 92

Gambar 3.23 Sequence diagram login admin failed.................................................. 93

Gambar 3.24 Sequence diagram login admin success............................................... 93

Gambar 3.25 Sequence diagram login customer failed............................................. 94

Gambar 3.26 Sequence diagram login customer success.......................................... 94

Gambar 3.27 Sequence diagram view all news admin.............................................. 95

Gambar 3.28 Sequence diagram view all news customer.......................................... 95

Gambar 3.29 Sequence diagram search news........................................................... 96

Gambar 3.30 Sequence diagram add news................................................................ 96

Gambar 3.31 Sequence diagram delete news............................................................ 97

Gambar 3.32 Sequence diagram edit news................................................................ 97

Gambar 3.33 Sequence diagram view news detail admin.......................................... 98

Gambar 3.34 Sequence diagram view news detail customer..................................... 98

Gambar 3.35 Sequence diagram view all profile....................................................... 99

Gambar 3.36 Sequence diagram search profile......................................................... 99

Gambar 3.37 Sequence diagram edit profile admin.................................................. 100

xviii

Gambar 3.38 Sequence diagram edit profile customer.............................................. 100

Gambar 3.39 Sequence diagram delete profile.......................................................... 101

Gambar 3.40 Sequence diagram view all order admin.............................................. 102

Gambar 3.41 Sequence diagram search order admin............................................... 102

Gambar 3.42 Sequence diagram add order.............................................................. 103

Gambar 3.43 Sequence diagram edit order............................................................... 103

Gambar 3.44 Sequence diagram view order detail admin......................................... 104

Gambar 3.45 Sequence diagram view all order customer......................................... 105

Gambar 3.46 Sequence diagram edit payment.......................................................... 105

Gambar 3.47 Sequence diagram search order customer........................................... 106

Gambar 3.48 Sequence diagram view order detail customer.................................... 106

Gambar 3.49 Sequence diagram check status........................................................... 107

Gambar 3.50 Sequence diagram view all feedback admin........................................ 108

Gambar 3.51 Sequence diagram view all feedback customer.................................... 108

Gambar 3.52 Sequence diagram search feedback admin.......................................... 109

Gambar 3.53 Sequence diagram search feedback customer .................................... 109

Gambar 3.54 Sequence diagram add feedback admin............................................... 110

Gambar 3.55 Sequence diagram add feedback customer.......................................... 110

Gambar 3.56 Sequence diagram delete feedback admin........................................... 111

Gambar 3.57 Sequence diagram delete feedback customer....................................... 111

Gambar 3.58 Sequence diagram reply feedback........................................................ 112

Gambar 3.59 Sequence diagram view feedback detail admin................................... 112

Gambar 3.60 Sequence diagram view feedback detail customer............................... 113

Gambar 3.61 Sequence diagram view all price......................................................... 114

xix

Gambar 3.62 Sequence diagram search price.......................................................... 114

Gambar 3.63 Sequence diagram view add price....................................................... 115

Gambar 3.64 Sequence diagram delete price............................................................ 115

Gambar 3.65 Sequence diagram edit price................................................................ 116

Gambar 3.66 Sequence diagram view price detail.................................................... 116

Gambar 3.67 Sequence diagram view currency........................................................ 117

Gambar 3.68 Sequence diagram edit currency.......................................................... 117

Gambar 3.69 Sequence diagram view all handling fee.............................................. 118

Gambar 3.70 Sequence diagram search handling fee............................................... 118

Gambar 3.71 Sequence diagram add handling fee.................................................... 119

Gambar 3.72 Sequence diagram edit handling fee.................................................... 119

Gambar 3.73 Sequence diagram delete handling fee................................................. 120

Gambar 3.74 Sequence diagram view handling fee detail......................................... 120

Gambar 3.75 Sequence diagram view all help admin................................................ 121

Gambar 3.76 Sequence diagram view all help customer........................................... 121

Gambar 3.77 Sequence diagram search help............................................................ 122

Gambar 3.78 Sequence diagram add help................................................................. 122

Gambar 3.79 Sequence diagram edit help................................................................. 123

Gambar 3.80 Sequence diagram delete help.............................................................. 123

Gambar 3.81 Sequence diagram view handling fee detail admin.............................. 124

Gambar 3.82 Sequence diagram view handling fee detail customer......................... 124

Gambar 3.83 Activity Diagram mscustomer.............................................................. 125

Gambar 3.84 Activity Diagram msadmin.................................................................. 126

Gambar 3.85 Activity Diagram mscurrency.............................................................. 127

xx

Gambar 3.86 Activity Diagram msfeedback.............................................................. 128

Gambar 3.87 Activity Diagram mshandlingfee......................................................... 129

Gambar 3.88 Activity Diagram mshelp..................................................................... 130

Gambar 3.89 Activity Diagram msnews.................................................................... 131

Gambar 3.90 Activity Diagram mssource.................................................................. 132

Gambar 3.91 Activity Diagram trorder...................................................................... 133

Gambar 3.92 Activity Diagram trdetil....................................................................... 134

Gambar 3.93 Activity Diagram payment................................................................... 135

Gambar 3.94 Struktur menu website bagi viewer...................................................... 145

Gambar 3.95 Struktur menu website bagi customer.................................................. 146

Gambar 3.96 Struktur menu website bagi admin....................................................... 147

Gambar 3.97 Rancangan halaman Home untuk viewer.............................................. 148

Gambar 3.98 Rancangan halaman About Us untuk viewer........................................ 149

Gambar 3.99 Rancangan halaman News untuk viewer.............................................. 150

Gambar 3.100 Rancangan halaman News Detail untuk viewer................................... 151

Gambar 3.101 Rancangan halaman Services untuk viewer......................................... 152

Gambar 3.102 Rancangan halaman Contacts untuk viewer........................................ 153

Gambar 3.103 Rancangan halaman Help untuk viewer............................................... 154

Gambar 3.104 Rancangan halaman Help Detail untuk viewer.................................... 155

Gambar 3.105 Rancangan halaman Register............................................................... 156

Gambar 3.106 Rancangan halaman Terms and Condition pada register.................... 157

Gambar 3.107 Rancangan halaman Forgot Password................................................ 158

Gambar 3.108 Rancangan halaman konfirmasi Forgot Password.............................. 159

Gambar 3.109 Rancangan halaman Home untuk customer......................................... 160

xxi

Gambar 3.110 Rancangan halaman About Us untuk customer.................................... 161

Gambar 3.111 Rancangan halaman News untuk customer.......................................... 162

Gambar 3.112 Rancangan halaman News Detail untuk customer............................... 163

Gambar 3.113 Rancangan halaman Services untuk customer..................................... 164

Gambar 3.114 Rancangan halaman Contacts untuk customer.................................... 165

Gambar 3.115 Rancangan halaman Help untuk customer........................................... 166

Gambar 3.116 Rancangan halaman Help Detail untuk customer................................ 167

Gambar 3.117 Rancangan halaman Edit Profile.......................................................... 168

Gambar 3.118 Rancangan halaman konfirmasi Edit Profile....................................... 169

Gambar 3.119 Rancangan halaman konfirmasi Change Password............................. 170

Gambar 3.120 Rancangan halaman Order................................................................... 171

Gambar 3.121 Rancangan halaman Order kategori Magazine/Booklet...................... 172

Gambar 3.122 Rancangan halaman Spesification order kategori

Magazine/Booklet................................................................................. 173

Gambar 3.123 Rancangan halaman Order kategori Agenda....................................... 174

Gambar 3.124 Rancangan halaman Spesification Order

kategori Agenda.................................................................................... 175

Gambar 3.125 Rancangan halaman Order kategori Hanging Calendar..................... 176

Gambar 3.126 Rancangan halaman Spesification Order

kategori Hanging Calendar................................................................. 177

Gambar 3.127 Rancangan halaman Order kategori Desk Calendar........................... 178

Gambar 3.128 Rancangan halaman Spesification Order kategori

Desk Calendar...................................................................................... 179

Gambar 3.129 Rancangan halaman Order kategori Flyer/Brochure/Poster............... 180

xxii


Flyer/Brochure/Poster.......................................................................... 181

Gambar 3.131 Rancangan halaman Order kategori Shopping Bag/Paper Bag........... 182


Shopping Bag/Paper Bag...................................................................... 183

Gambar 3.133 Rancangan halaman konfirmasi Order................................................ 184

Gambar 3.134 Rancangan halaman Payment.............................................................. 185

Gambar 3.135 Rancangan halaman Order Detail........................................................ 186

Gambar 3.136 Rancangan halaman Payment DP........................................................ 187

Gambar 3.137 Rancangan halaman Payment Paid In Full.......................................... 188

Gambar 3.138 Rancangan halaman Check Status Order............................................. 189

Gambar 3.139 Rancangan halaman Dummy Approvement.......................................... 190

Gambar 3.140 Rancangan halaman Feedback untuk customer................................... 191

Gambar 3.141 Rancangan halaman Feedback Detail untuk customer........................ 192

Gambar 3.142 Rancangan halaman Add Feedback untuk customer............................ 193

Gambar 3.143 Rancangan halaman Home untuk admin.............................................. 194

Gambar 3.144 Rancangan halaman About Us untuk admin........................................ 195

Gambar 3.145 Rancangan halaman News untuk admin............................................... 196

Gambar 3.146 Rancangan halaman News Detail untuk admin.................................... 197

Gambar 3.147 Rancangan halaman Services untuk admin.......................................... 198

Gambar 3.148 Rancangan halaman Contacts untuk admin......................................... 199

Gambar 3.149 Rancangan halaman Help untuk admin............................................... 200

Gambar 3.150 Rancangan halaman Add Help............................................................. 201

Gambar 3.151 Rancangan halaman Help Detail.......................................................... 202

xxiii

Gambar 3.152 Rancangan halaman Edit Help ............................................................ 203

Gambar 3.153 Rancangan halaman Find/Edit/Delete Customer................................. 204

Gambar 3.154 Rancangan halaman View Customer.................................................... 205

Gambar 3.155 Rancangan halaman Edit Customer Profile......................................... 206

Gambar 3.156 Rancangan halaman konfirmasi Edit Customer................................... 207

Gambar 3.157 Rancangan halaman View/Update Order............................................. 208

Gambar 3.158 Rancangan halaman Edit Order........................................................... 209

Gambar 3.159 Rancangan halaman Update News....................................................... 210

Gambar 3.160 Rancangan halaman Add News............................................................ 211

Gambar 3.161 Rancangan halaman News Detail......................................................... 212

Gambar 3.162 Rancangan halaman Edit News............................................................ 213

Gambar 3.163 Rancangan halaman Update Price....................................................... 214

Gambar 3.164 Rancangan halaman Add Price............................................................ 215

Gambar 3.165 Rancangan halaman Price Detail......................................................... 216

Gambar 3.166 Rancangan halaman Edit Price............................................................ 217

Gambar 3.167 Rancangan halaman Update Currency................................................ 218

Gambar 3.168 Rancangan halaman Update Handling Fee......................................... 219

Gambar 3.169 Rancangan halaman Add Handling Fee............................................... 220

Gambar 3.170 Rancangan halaman Handling Fee Detail........................................... 221

Gambar 3.171 Rancangan halaman Edit Handling Fee............................................... 222

Gambar 3.172 Rancangan halaman Update Feedback................................................ 223

Gambar 3.173 Rancangan halaman Add Feedback untuk admin................................ 224

Gambar 3.173 Rancangan halaman Feedback Detail untuk admin............................. 225

Gambar 3.175 Rancangan halaman Reply Feedback................................................... 226

xxiv

Gambar 3.176 Rancangan halaman Terms and Condition pada order........................ 227

Gambar 4.1 Tampilan halaman Home untuk viewer................................................. 307

Gambar 4.2 Tampilan halaman About Us untuk viewer............................................ 308

Gambar 4.3 Tampilan halaman News untuk viewer.................................................. 309

Gambar 4.4 Tampilan halaman News Detail untuk viewer....................................... 310

Gambar 4.5 Tampilan halaman Services untuk viewer.............................................. 311

Gambar 4.6 Tampilan halaman Contacts untuk viewer............................................. 312

Gambar 4.7 Tampilan halaman Help untuk viewer................................................... 313

Gambar 4.8 Tampilan halaman Help Detail untuk viewer....................................... 314

Gambar 4.9 Tampilan halaman Forgot Password..................................................... 315

Gambar 4.10 Tampilan halaman konfirmasi Forgot Password.................................. 315

Gambar 4.11 Tampilan halaman Register.................................................................. 316

Gambar 4.12 Tampilan halaman Home untuk customer............................................ 318

Gambar 4.13 Tampilan halaman About Us untuk customer....................................... 319

Gambar 4.14 Tampilan halaman News untuk customer............................................. 320

Gambar 4.15 Tampilan halaman News Detail untuk customer.................................. 321

Gambar 4.16 Tampilan halaman Services untuk customer......................................... 322

Gambar 4.17 Tampilan halaman Contacts untuk customer........................................ 323

Gambar 4.18 Tampilan halaman Help untuk customer.............................................. 324

Gambar 4.19 Tampilan halaman Help Detail untuk customer................................... 325

Gambar 4.20 Tampilan halaman Edit Profile ............................................................ 326

Gambar 4.21 Tampilan halaman konfirmasi Edit Profile .......................................... 327

Gambar 4.22 Tampilan halaman konfirmasi Change Password................................ 328

Gambar 4.23 Tampilan halaman Order...................................................................... 329

xxv

Gambar 4.24 Tampilan halaman Order kategori Magazine/Booklet.......................... 330

Gambar 4.25 Tampilan halaman Spesification Order kategori

Magazine/Booklet………………………………………………….… 332

Gambar 4.26 Tampilan halaman Order kategori Agenda........................................... 333

Gambar 4.27 Tampilan halaman Spesification Order kategori Agenda..................... 335

Gambar 4.28 Tampilan halaman Order kategori

Hanging Calendar................................................................................ 336


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


Flyer/Brochure/Poster.......................................................................... 344

Gambar 4.34 Tampilan halaman Order kategori Shopping Bag/Paper Bag………. 345


Shopping Bag/Paper Bag...................................................................... 347

Gambar 4.36 Tampilan halaman konfirmasi Order.................................................... 348

Gambar 4.37 Tampilan halaman Payment.................................................................. 349

Gambar 4.38 Tampilan halaman Order Detail untuk customer................................. 350

Gambar 4.39 Tampilan halaman Payment DP........................................................... 351

Gambar 4.40 Tampilan halaman Payment Paid In Full............................................. 352

Gambar 4.41 Tampilan halaman Check Order Status................................................ 353

Gambar 4.42 Tampilan halaman Dummy Approvement............................................. 354

xxvi

Gambar 4.43 Tampilan halaman Feedback untuk customer...................................... 354

Gambar 4.44 Tampilan halaman Feedback Detail untuk customer........................... 356

Gambar 4.45 Tampilan halaman Add Feedback untuk customer............................... 357

Gambar 4.46 Tampilan halaman Home untuk admin................................................. 358

Gambar 4.47 Tampilan halaman About Us untuk admin............................................ 359

Gambar 4.48 Tampilan halaman News untuk admin.................................................. 360

Gambar 4.49 Tampilan halaman News Detail untuk admin....................................... 361

Gambar 4.50 Tampilan halaman Services untuk admin............................................. 362

Gambar 4.51 Tampilan halaman Contacts untuk admin............................................ 363

Gambar 4.52 Tampilan halaman Help untuk admin................................................... 364

Gambar 4.53 Tampilan halaman Add Help................................................................. 365

Gambar 4.54 Tampilan halaman Help Detail untuk admin........................................ 366

Gambar 4.55 Tampilan halaman Edit Help................................................................ 367

Gambar 4.56 Tampilan halaman Find/Edit/Delete Customer.................................... 368

Gambar 4.57 Tampilan halaman View Customer....................................................... 369

Gambar 4.58 Tampilan halaman Edit Customer Profile............................................ 370

Gambar 4.59 Tampilan halaman konfirmasi Edit Customer Profile……………….. 371

Gambar 4.60 Tampilan halaman View/Update Order................................................ 372

Gambar 4.61 Tampilan halaman Edit Order.............................................................. 373

Gambar 4.62 Tampilan halaman Update News.......................................................... 374

Gambar 4.63 Tampilan halaman Add News................................................................ 375

Gambar 4.64 Tampilan halaman News Detail........................................................... 376

Gambar 4.65 Tampilan halaman Edit News............................................................... 377

Gambar 4.66 Tampilan halaman Update Price.......................................................... 378

xxvii

Gambar 4.67 Tampilan halaman Add Price................................................................ 379

Gambar 4.68 Tampilan halaman Price Detail............................................................ 380

Gambar 4.69 Tampilan halaman Edit Price............................................................... 381

Gambar 4.70 Tampilan halaman Update Currency.................................................... 382

Gambar 4.71 Tampilan halaman Update Handling Fee............................................. 383

Gambar 4.72 Tampilan halaman Add Handling Fee.................................................. 384

Gambar 4.73 Tampilan halaman Handling Fee Detail............................................... 385

Gambar 4.74 Tampilan halaman Edit Handling Fee.................................................. 386

Gambar 4.75 Tampilan halaman Update Feedback................................................... 387

Gambar 4.76 Tampilan halaman Add Feedback......................................................... 388

Gambar 4.77 Tampilan halaman Feedback Detail..................................................... 389

Gambar 4.78 Tampilan halaman Reply Feedback...................................................... 390

Gambar 4.79 Tampilan halaman Terms and Condition pada register........................ 391

Gambar 4.80 Tampilan halaman Terms and Condition pada order………………... 392

Gambar 4.81 Pie chart hasil post-questionnaire pertanyaan nomor 1………….….. 393

Gambar 4.82 Pie chart hasil post-questionnaire pertanyaan nomor 2……….…….. 394

Gambar 4.83 Pie chart hasil post-questionnaire pertanyaan nomor 3…….……….. 395

Gambar 4.84 Pie chart hasil post-questionnaire pertanyaan nomor 4….………….. 396

Gambar 4.85 Pie chart hasil post-questionnaire pertanyaan nomor 5.…………….. 397

Gambar 4.86 Pie chart hasil post-questionnaire pertanyaan nomor 6.…………….. 398

Gambar 4.87 Pie chart hasil post-questionnaire pertanyaan nomor 7….………….. 399

Gambar 4.88 Evaluasi delapan aturan emas

(berusaha untuk tetap konsisten) .......................................................... 400


xxviii





(memberikan umpan balik yang informatif) ........................................ 402


(merancang dialog untuk menghasilkan keadaan akhir) ……………. 403


(memberikan pencegahan dan penanganan masalah) ………………. 403


(memberikan fasilitas pembalikkan aksi yang mudah) …………….. 404


(pengontrolan sistem pada diri sendiri) ................................................ 405


(pengontrolan sistem pada diri sendiri) ................................................ 405


(mengurangi beban ingatan jangka pendek) ........................................ 406

xxix

DAFTAR LAMPIRAN

Kuesioner Penelitian..................................................................................................... L1

Kuesioner Evaluasi....................................................................................................... L2

Surat Survei 1................................................................................................................ L3

Surat Survei 2................................................................................................................ L4

Surat Survei 3................................................................................................................ L5

Documents

UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informarika ... · vii UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informarika Skripsi Sarjana Komputer Semester Ganjil Tahun 2007/2008 ANALISIS