UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil tahun 2006/2007
ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB PADA PT. RAZTEL SOLUSINDO TELEMATIKA
Listina
0700678591
Melly Yogie
0700679392
Irenna Agustin Nurman 0700679846 Kelas / Kelompok : 07PBT / 01 Abstrak Tujuan dari penelitian ini adalah untuk menganalisis dan merancang sistem penjualan berbasis web untuk meningkatkan transaksi penjualan sekaligus memperluas jangkauan promosi pada PT. Raztel Solusindo Telematika. Metodologi penelitian yang digunakan adalah metode survei lapangan, studi pustaka, wawancara dan pembagian kuesioner. Metode perancangan meliputi pembuatan UML, pembuatan rancangan database dan rancangan layar. Hasil yang diperoleh dari penelitian yaitu ditemukan beberapa masalah, antara lain adalah kesulitan pelanggan mendapatkan informasi mengenai barang yang ingin dibeli dan kesulitan melakukan transaksi jual beli. Hasil yang dicapai adalah sistem ini akan memudahkan pelanggan untuk mendapatkan informasi yang diinginkan secara lengkap, memperluas jangkauan wilayah promosi dan mempermudah pengaturan informasi yang ada. Kesimpulan yang didapat adalah sistem penjualan berbasis web ini sangat membantu perusahaan dalam mengoptimalkan pelayanan bagi pelanggan dan meningkatkan penjualan. Kata Kunci : Analisis, Perancangan, Sistem, Penjualan, Web
vii
PRAKATA
Puji syukur kepada Tuhan Yang Maha Esa atas kasih, berkat, tuntunan dan penyertaan yang diberikan sehingga skripsi yang berjudul “Analisis dan Perancangan Sistem Penjualan Berbasis Web pada PT. Raztel Solusindo Telematika” dapat diselesaikan dengan baik. Skripsi ini disusun sebagai salah satu syarat kelulusan dalam jenjang studi Strata-1 Fakultas Ilmu Komputer Jurusan Teknik Informatika di Universitas Bina Nusantara. Pada kesempatan ini penulis juga ingin menyampaikan ucapan terima kasih atas bantuan, doa, dukungan, bimbingan, saran dan kritik yang telah diberikan kepada penulis selama penulisan skripsi ini. Ucapan terima kasih ini penulis sampaikan kepada : 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.CompSc. selaku Dekan Fakultas Ilmu Komputer di Universitas Bina Nusantara, yang telah memberikan dukungan kepada penulis dalam penyusunan skripsi ini; 3. Bapak H. Mohammad Subekti, BE., M.Sc. selaku Ketua Jurusan Teknik Informatika di Universitas Bina Nusantara, yang berkenan memberikan bimbingan dan bantuan dalam penyelesaian skripsi ini; viii
4. Bapak Fredy Purnomo, S.Kom., M.Kom. selaku Sekretaris Jurusan Teknik Informatika, yang telah membantu dengan saran-saran dan penjelasannya dalam proses penyusunan skripsi ini; 5. Bapak Tri Djoko Wahjono, Ir., M.Sc. selaku Dosen Pembimbing yang telah memberikan petunjuk, bimbingan dan waktu kepada penulis dalam proses penyusunan skripsi ini; 6. Bapak Riko Rangkuti dari PT. Raztel Solusindo Telematika atas kesempatan dan waktu yang diberikan kepada penulis untuk melakukan survei; 7. Orang tua dan sanak saudara penulis yang telah memberikan dukungan doa, moral dan semangat; 8. Teman-teman dan banyak pihak lainnya yang tidak dapat disebutkan satu per satu yang telah banyak membantu dan memberikan dukungan moral dan semangat. Penulis berharap agar skripsi ini dapat memberikan manfaat bagi para pembaca dan pihak-pihak yang membutuhkan.
Jakarta, Januari 2007
Penulis
ix
DAFTAR ISI Halaman Halaman Judul Luar . . . . . . . . . . . . . . . . . . . . . . .
i
Halaman Judul Dalam . . . . . . . . . . . . . . . . . . . . . .
ii
Halaman Persetujuan Hardcover . . . . . . . . . . . . . . . . . .
iii
Halaman Pernyataan Dewan Penguji . . . . . . . . . . . . . . . . .
iv
ABSTRAK
. . . . . . . . . . . . . . . . . . . . . . . . . .
vii
PRAKATA
. . . . . . . . . . . . . . . . . . . . . . . . . .
viii
. . . . . . . . . . . . . . . . . . . . . . . . .
x
DAFTAR ISI
DAFTAR TABEL
. . . . . . . . . . . . . . . . . . . . . . .
xiv
. . . . . . . . . . . . . . . . . . . . . .
xvii
DAFTAR GAMBAR
BAB 1 PENDAHULUAN
. . . . . . . . . . . . . . . . . . . .
1
1.1 Latar Belakang . . . . . . . . . . . . . . . . . . . .
1
1.2 Ruang Lingkup . . . . . . . . . . . . . . . . . . . .
3
1.3 Tujuan dan Manfaat . . . . . . . . . . . . . . . . . .
3
1.4 Metodologi
4
. . . . . . . . . . . . . . . . . . . . .
1.5 Sistematika Penulisan BAB 2 LANDASAN TEORI
. . . . . . . . . . . . . . . . .
5
. . . . . . . . . . . . . . . . . . .
7
2.1 Rekayasa Perangkat Lunak
. . . . . . . . . . . . . . .
7
2.1.1 Pengertian Perangkat Lunak . . . . . . . . . . . .
7
2.1.2 Pengertian Rekayasa Perangkat Lunak . . . . . . . .
8
2.1.3 Proses Rekayasa Perangkat Lunak
8
x
. . . . . . . . .
Halaman 2.1.4 Analisis dan Perancangan Berorientasi Objek (Object-Oriented Analysis and Design / OOAD) . . . . 2.1.5 Unified Modelling Language (UML) 2.2 Interaksi Manusia dan Komputer (IMK)
11
. . . . . . . .
13
. . . . . . . . . .
20
2.2.1 Pengertian Interaksi Manusia dan Komputer
. . . . .
2.2.2 Delapan Aturan Emas pada Perancangan Antarmuka
20
. .
21
2.3 Internet . . . . . . . . . . . . . . . . . . . . . . .
22
2.3.1 Sejarah Internet . . . . . . . . . . . . . . . . .
22
2.3.2 Layanan yang Disediakan oleh Internet
. . . . . . .
23
2.3.3 Internet2 . . . . . . . . . . . . . . . . . . . .
27
2.3.4 IP Version6
. . . . . . . . . . . . . . . . . .
27
2.4 Tools . . . . . . . . . . . . . . . . . . . . . . . .
28
2.4.1 Database
. . . . . . . . . . . . . . . . . . .
28
2.4.2 Language
. . . . . . . . . . . . . . . . . . .
31
2.5 Analisis dan Perancangan Sistem Penjualan Berbasis Web . . .
33
2.5.1 Pengertian Sistem 2.5.2 Analisis Sistem
. . . . . . . . . . . . . . . .
33
. . . . . . . . . . . . . . . . .
35
2.5.3 Perancangan Sistem
. . . . . . . . . . . . . . .
36
2.5.4 Pengertian Penjualan . . . . . . . . . . . . . . .
37
2.5.5 Pengertian Sistem Penjualan . . . . . . . . . . . .
38
BAB 3 PERANCANGAN SISTEM
. . . . . . . . . . . . . . . . xi
39
Halaman 3.1 Gambaran Umum Perusahaan
. . . . . . . . . . . . . .
39
3.2 Struktur Perusahaan . . . . . . . . . . . . . . . . . .
41
3.3 Sistem yang Sedang Berjalan
. . . . . . . . . . . . . .
45
3.4 Analisis Permasalahan . . . . . . . . . . . . . . . . .
47
3.5 Evaluasi Hasil Kuesioner . . . . . . . . . . . . . . . .
48
3.6 Usulan Pemecahan Masalah . . . . . . . . . . . . . . .
54
3.7 Perancangan Perangkat Lunak . . . . . . . . . . . . . .
56
3.7.1 Class Diagram . . . . . . . . . . . . . . . . . .
56
3.7.2 Object Diagram . . . . . . . . . . . . . . . . .
57
3.7.3 Use Case Diagram
. . . . . . . . . . . . . . .
58
3.7.4 Statechart Diagram
. . . . . . . . . . . . . . .
69
. . . . . . . . . . . . . . . .
76
3.7.6 Sequence Diagram . . . . . . . . . . . . . . . .
86
3.7.7 Collaboration Diagram . . . . . . . . . . . . . .
108
3.7.8 Component Diagram . . . . . . . . . . . . . . .
117
3.7.9 Deployment Diagram
. . . . . . . . . . . . . .
118
3.7.10 Rancangan Basis Data
. . . . . . . . . . . . . .
119
. . . . . . . . . . . . . . . . .
127
3.7.12 Rancangan Layar
. . . . . . . . . . . . . . . .
130
3.7.13 Spesifikasi Proses
. . . . . . . . . . . . . . . .
187
BAB 4 IMPLEMENTASI DAN EVALUASI . . . . . . . . . . . . .
205
3.7.5 Activity Diagram
3.7.11 Struktur Menu
xii
Halaman 4.1 Spesifikasi Sistem . . . . . . . . . . . . . . . . . . . 4.1.1 Spesifikasi Perangkat Keras
205
. . . . . . . . . . . .
205
4.1.2 Spesifikasi Perangkat Lunak . . . . . . . . . . . .
206
4.2 Rencana Implementasi . . . . . . . . . . . . . . . . .
207
4.3 Jadwal Implementasi . . . . . . . . . . . . . . . . . .
208
4.4 Prosedur Operasional . . . . . . . . . . . . . . . . . .
208
4.5 Tampilan Layar . . . . . . . . . . . . . . . . . . . .
212
4.5.1 Pengunjung . . . . . . . . . . . . . . . . . . .
212
4.5.2 Pelanggan
. . . . . . . . . . . . . . . . . . .
224
4.5.3 Admin . . . . . . . . . . . . . . . . . . . . .
237
4.6 Evaluasi Sistem . . . . . . . . . . . . . . . . . . . .
274
4.6.1 Evaluasi Sistem Berdasarkan Kuesioner . . . . . . . .
274
4.6.2 Evaluasi Sistem Berdasarkan Interaksi Manusia dan Komputer . . . . . . . . . . . . . . . . . .
281
4.6.3 Kelebihan Sistem . . . . . . . . . . . . . . . . .
283
4.6.4 Kekurangan Sistem . . . . . . . . . . . . . . . .
284
BAB 5 SIMPULAN DAN SARAN . . . . . . . . . . . . . . . . .
285
5.1 Simpulan . . . . . . . . . . . . . . . . . . . . . . .
285
5.2 Saran . . . . . . . . . . . . . . . . . . . . . . . .
286
DAFTAR PUSTAKA LAMPIRAN
. . . . . . . . . . . . . . . . . . . . . .
287
. . . . . . . . . . . . . . . . . . . . . . . . .
291
xiii
DAFTAR TABEL Halaman Tabel 3.1
Cara pembelian barang yang biasa dilakukan . . . . . . .
48
Tabel 3.2
Frekuensi pembelian barang setiap minggu . . . . . . . .
49
Tabel 3.3
Frekuensi kesulitan yang dialami dalam melakukan pembelian barang . . . . . . . . . . . . . . . . . .
Tabel 3.4
Frekuensi kesulitan yang dialami dalam mencari informasi mengenai barang yang ingin dibeli . . . . . . . . . . .
Tabel 3.5
50
50
Alternatif cara pembelian barang dan penyediaan informasi, misalnya melalui internet . . . . . . . . . . . . . . .
51
Tabel 3.6
Kemampuan pelanggan menggunakan internet
. . . . . .
52
Tabel 3.7
Lama penggunaan internet dalam seminggu
. . . . . . .
53
Tabel 3.8
Pendapat pelanggan mengenai penerapan sistem penjualan melalui media internet . . . . . . . . . . . . . . . .
53
Tabel 3.9
Deskripsi use case sistem penjualan customer
. . . . . .
59
Tabel 3.10
Deskripsi use case sistem penjualan admin . . . . . . . .
60
Tabel 3.11
Deskripsi use case sistem news customer . . . . . . . . .
61
Tabel 3.12
Deskripsi use case sistem news admin
62
Tabel 3.13
Deskripsi use case sistem product customer
Tabel 3.14
Deskripsi use case sistem product admin
Tabel 3.15
Deskripsi use case sistem complaint customer
Tabel 3.16
Deskripsi use case sistem complaint admin xiv
. . . . . . . . . . . . . . . .
63
. . . . . . . .
63
. . . . . .
64
. . . . . . .
65
Halaman Tabel 3.17
Deskripsi use case sistem order customer
. . . . . . . .
66
Tabel 3.18
Deskripsi use case sistem order admin
. . . . . . . . .
66
Tabel 3.19
Deskripsi use case sistem data customer
. . . . . . . .
67
Tabel 3.20
Deskripsi use case sistem data admin . . . . . . . . . .
68
Tabel 3.21
Tabel Admin . . . . . . . . . . . . . . . . . . . .
119
Tabel 3.22
Tabel Category_Product . . . . . . . . . . . . . . .
119
Tabel 3.23
Tabel Complaint. . . . . . . . . . . . . . . . . . .
120
Tabel 3.24
Tabel Complaint_Topic . . . . . . . . . . . . . . . .
120
Tabel 3.25
Tabel Customer
. . . . . . . . . . . . . . . . . .
121
Tabel 3.26
Tabel News . . . . . . . . . . . . . . . . . . . .
122
Tabel 3.27
Tabel Order . . . . . . . . . . . . . . . . . . . .
123
Tabel 3.28
Tabel Order_Detail . . . . . . . . . . . . . . . . .
124
Tabel 3.29
Tabel Order_Status . . . . . . . . . . . . . . . . .
124
Tabel 3.30
Tabel Prd_Additional_Image . . . . . . . . . . . . .
125
Tabel 3.31
Tabel Product . . . . . . . . . . . . . . . . . . .
126
Tabel 4.1
Jadwal implementasi kegiatan
208
Tabel 4.2
Pendapat pelanggan mengenai tampilan situs PT. Raztel
. . . . . . . . . . . .
Solusindo Telematika . . . . . . . . . . . . . . . . Tabel 4.3
275
Pendapat pelanggan mengenai penyampaian informasi dalam situs PT. Raztel Solusindo Telematika . . . . . . .
xv
276
Halaman Tabel 4.4
Kelengkapan informasi dalam situs PT. Raztel Solusindo Telematika
Tabel 4.5
. . . . . . . . . . . . . . . . . . . .
276
Pendapat pelanggan mengenai situs PT. Raztel Solusindo Telematika dalam membantu memperoleh informasi yang diperlukan. . . . . . . . . . . . . . . . . . . .
Tabel 4.6
Pendapat pelanggan tentang situs PT. Raztel Solusindo Telematika dalam membantu melakukan transaksi. . . . .
Tabel 4.7
277
278
Kemampuan pelanggan dalam pemakaian situs PT. Raztel Solusindo Telematika . . . . . . . . . . . . . . . .
279
Tabel 4.8
Pendapat pelanggan mengenai berbelanja melalui internet . .
280
Tabel 4.9
Pendapat pelanggan mengenai fitur-fitur yang ada dalam situs PT. Raztel Solusindo Telematika
xvi
. . . . . . . . .
281
DAFTAR GAMBAR Halaman Gambar 2.1
Model linear sekuensial
. . . . . . . . . . . . . . .
10
Gambar 2.2
Icon kelas
. . . . . . . . . . . . . . . . . . . .
15
Gambar 2.3
Icon objek
. . . . . . . . . . . . . . . . . . . .
15
Gambar 2.4
Use case diagram
. . . . . . . . . . . . . . . . .
16
Gambar 2.5
Statechart diagram . . . . . . . . . . . . . . . . .
16
Gambar 2.6
Activity diagram . . . . . . . . . . . . . . . . . .
17
Gambar 2.7
Sequence diagram
18
Gambar 2.8
Collaboration diagram
Gambar 2.9
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
19
Component diagram
. . . . . . . . . . . . . . . .
19
Gambar 2.10
Deployment diagram
. . . . . . . . . . . . . . . .
20
Gambar 2.11
Tahap-tahap analisis sistem menurut Cushing dan Romney
Gambar 3.1
Struktur perusahaan PT. Raztel Solusindo Telematika
.
36
. . .
42
Gambar 3.2
Class diagram . . . . . . . . . . . . . . . . . . .
56
Gambar 3.3
Object diagram . . . . . . . . . . . . . . . . . . .
57
Gambar 3.4
Use case diagram sistem penjualan . . . . . . . . . . .
58
Gambar 3.5
Use case diagram sistem news . . . . . . . . . . . . .
61
Gambar 3.6
Use case diagram sistem product
. . . . . . . . . . .
62
Gambar 3.7
Use case diagram sistem complaint
. . . . . . . . . .
64
Gambar 3.8
Use case diagram sistem order
. . . . . . . . . . . .
65
Gambar 3.9
Use case diagram sistem data customer . . . . . . . . .
67
xvii
Halaman Gambar 3.10
Statechart diagram admin
. . . . . . . . . . . . . .
69
Gambar 3.11
Statechart diagram category product . . . . . . . . . .
70
Gambar 3.12
Statechart diagram complaint . . . . . . . . . . . . .
70
Gambar 3.13
Statechart diagram complaint topic
. . . . . . . . . .
71
Gambar 3.14
Statechart diagram customer
. . . . . . . . . . . . .
72
Gambar 3.15
Statechart diagram news . . . . . . . . . . . . . . .
73
Gambar 3.16
Statechart diagram order
. . . . . . . . . . . . . .
73
Gambar 3.17
Statechart diagram order detail . . . . . . . . . . . .
74
Gambar 3.18
Statechart diagram order status . . . . . . . . . . . .
74
Gambar 3.19
Statechart diagram product
. . . . . . . . . . . . .
75
Gambar 3.20
Activity diagram admin
. . . . . . . . . . . . . . .
76
Gambar 3.21
Activity diagram category product . . . . . . . . . . .
77
Gambar 3.22
Activity diagram complaint . . . . . . . . . . . . . .
78
Gambar 3.23
Activity diagram complaint topic . . . . . . . . . . . .
79
Gambar 3.24
Activity diagram customer
. . . . . . . . . . . . . .
80
Gambar 3.25
Activity diagram news . . . . . . . . . . . . . . . .
81
Gambar 3.26
Activity diagram order
. . . . . . . . . . . . . . .
82
Gambar 3.27
Activity diagram order detail . . . . . . . . . . . . .
83
Gambar 3.28
Activity diagram order status . . . . . . . . . . . . .
84
Gambar 3.29
Activity diagram product
85
Gambar 3.30
Sequence diagram register success
. . . . . . . . . . . . . .
xviii
. . . . . . . . . .
86
Halaman Gambar 3.31
Sequence diagram register failed . . . . . . . . . . . .
86
Gambar 3.32
Sequence diagram login customer success . . . . . . . .
87
Gambar 3.33
Sequence diagram login customer failed
. . . . . . . .
87
Gambar 3.34
Sequence diagram login admin success . . . . . . . . .
88
Gambar 3.35
Sequence diagram login admin failed . . . . . . . . . .
88
Gambar 3.36
Sequence diagram get password success
. . . . . . . .
89
Gambar 3.37
Sequence diagram get password failed
. . . . . . . . .
89
Gambar 3.38
Sequence diagram update news
. . . . . . . . . . . .
90
Gambar 3.39
Sequence diagram delete news
. . . . . . . . . . . .
91
Gambar 3.40
Sequence diagram add news
. . . . . . . . . . . . .
92
Gambar 3.41
Sequence diagram update product . . . . . . . . . . .
93
Gambar 3.42
Sequence diagram delete product
. . . . . . . . . . .
94
Gambar 3.43
Sequence diagram add product
. . . . . . . . . . . .
95
Gambar 3.44
Sequence diagram add complaint
. . . . . . . . . . .
96
Gambar 3.45
Sequence diagram reply complaint
. . . . . . . . . .
97
Gambar 3.46
Sequence diagram make order by customer . . . . . . . .
98
Gambar 3.47
Sequence diagram make order by admin . . . . . . . . .
99
Gambar 3.48
Sequence diagram cancel order . . . . . . . . . . . .
100
Gambar 3.49
Sequence diagram handle order . . . . . . . . . . . .
101
Gambar 3.50
Sequence diagram change password success . . . . . . .
102
Gambar 3.51
Sequence diagram change password failed
103
xix
. . . . . . .
Halaman Gambar 3.52
Sequence diagram edit profile by customer . . . . . . . .
104
Gambar 3.53
Sequence diagram edit profile by admin . . . . . . . . .
105
Gambar 3.54
Sequence diagram delete customer . . . . . . . . . . .
106
Gambar 3.55
Sequence diagram add customer . . . . . . . . . . . .
107
Gambar 3.56
Collaboration diagram register success . . . . . . . . .
108
Gambar 3.57
Collaboration diagram register failed
. . . . . . . . .
108
Gambar 3.58
Collaboration diagram login customer success . . . . . .
108
Gambar 3.59
Collaboration diagram login customer failed
. . . . . .
109
Gambar 3.60
Collaboration diagram login admin success
. . . . . . .
109
Gambar 3.61
Collaboration diagram login admin failed . . . . . . . .
109
Gambar 3.62
Collaboration diagram get password success
. . . . . .
110
Gambar 3.63
Collaboration diagram get password failed
. . . . . . .
110
Gambar 3.64
Collaboration diagram update news
. . . . . . . . . .
110
Gambar 3.65
Collaboration diagram delete news
. . . . . . . . . .
111
Gambar 3.66
Collaboration diagram add news
. . . . . . . . . . .
111
Gambar 3.67
Collaboration diagram update product
. . . . . . . . .
111
Gambar 3.68
Collaboration diagram delete product
. . . . . . . . .
112
Gambar 3.69
Collaboration diagram add product
. . . . . . . . . .
112
Gambar 3.70
Collaboration diagram add complaint
. . . . . . . . .
112
Gambar 3.71
Collaboration diagram reply complaint . . . . . . . . .
113
Gambar 3.72
Collaboration diagram make order by customer . . . . . .
113
xx
Halaman Gambar 3.73
Collaboration diagram make order by admin . . . . . . .
114
Gambar 3.74
Collaboration diagram cancel order
. . . . . . . . . .
114
Gambar 3.75
Collaboration diagram handle order . . . . . . . . . .
114
Gambar 3.76
Collaboration diagram change password success . . . . .
115
Gambar 3.77
Collaboration diagram change password failed . . . . . .
115
Gambar 3.78
Collaboration diagram edit profile by customer . . . . . .
115
Gambar 3.79
Collaboration diagram edit profile by admin . . . . . . .
116
Gambar 3.80
Collaboration diagram delete customer . . . . . . . . .
116
Gambar 3.81
Collaboration diagram add customer . . . . . . . . . .
116
Gambar 3.82
Component diagram . . . . . . . . . . . . . . . . .
117
Gambar 3.83
Deployment diagram . . . . . . . . . . . . . . . . .
118
Gambar 3.84
Struktur menu Pengunjung . . . . . . . . . . . . . .
127
Gambar 3.85
Struktur menu Pelanggan . . . . . . . . . . . . . . .
128
Gambar 3.86
Struktur menu Admin . . . . . . . . . . . . . . . .
129
Gambar 3.87
Rancangan layar halaman Home . . . . . . . . . . . .
131
Gambar 3.88
Rancangan layar halaman News . . . . . . . . . . . .
132
Gambar 3.89
Rancangan layar halaman View News . . . . . . . . . .
133
Gambar 3.90
Rancangan layar halaman Product Categories . . . . . . .
134
Gambar 3.91
Rancangan layar halaman List Products . . . . . . . . .
135
Gambar 3.92
Rancangan layar halaman Product Details . . . . . . . .
136
Gambar 3.93
Rancangan layar halaman Shopping Guide
137
xxi
. . . . . . .
Halaman Gambar 3.94
Rancangan layar halaman About Us
. . . . . . . . . .
138
Gambar 3.95
Rancangan layar halaman Registration . . . . . . . . . .
139
Gambar 3.96
Rancangan layar halaman Forget My Password . . . . . .
140
Gambar 3.97
Rancangan layar halaman Change Password . . . . . . .
141
Gambar 3.98
Rancangan layar halaman Edit Profile
. . . . . . . . .
142
Gambar 3.99
Rancangan layar halaman Shopping Cart
. . . . . . . .
143
Gambar 3.100 Rancangan layar halaman Process Order
. . . . . . . .
144
. . . . . . . . . .
145
Gambar 3.102 Rancangan layar halaman Terima Kasih . . . . . . . . .
146
Gambar 3.103 Rancangan layar halaman View Orders
. . . . . . . . .
147
Gambar 3.104 Rancangan layar halaman View Order Details . . . . . . .
148
Gambar 3.105 Rancangan layar halaman Pay Order. . . . . . . . . . .
149
Gambar 3.106 Rancangan layar halaman View Complaints . . . . . . . .
151
Gambar 3.107 Rancangan layar halaman Send Complaint . . . . . . . .
152
Gambar 3.108 Rancangan layar halaman Home . . . . . . . . . . . .
153
Gambar 3.109 Rancangan layar halaman Add News
. . . . . . . . . .
154
Gambar 3.110 Rancangan layar halaman View News . . . . . . . . . .
155
Gambar 3.111 Rancangan layar halaman View News Details . . . . . . .
156
Gambar 3.112 Rancangan layar halaman Edit News
. . . . . . . . . .
157
. . . . . . . . .
158
Gambar 3.114 Rancangan layar halaman Search News . . . . . . . . .
159
Gambar 3.101 Rancangan layar halaman Verifikasi
Gambar 3.113 Rancangan layar halaman Delete News
xxii
Halaman Gambar 3.115 Rancangan layar halaman Add Product
. . . . . . . . .
161
Gambar 3.116 Rancangan layar halaman View Products . . . . . . . . .
162
Gambar 3.117 Rancangan layar halaman View Products Details . . . . . .
163
Gambar 3.118 Rancangan layar halaman Edit Product . . . . . . . . .
165
Gambar 3.119 Rancangan layar halaman Delete Product
. . . . . . . .
166
Gambar 3.120 Rancangan layar halaman Search Product . . . . . . . .
167
Gambar 3.121 Rancangan layar halaman Product Categories . . . . . . .
168
Gambar 3.122 Rancangan layar halaman Edit Product Category . . . . .
169
Gambar 3.123 Rancangan layar halaman Delete Product Category
. . . .
170
Gambar 3.124 Rancangan layar halaman Add Customer . . . . . . . . .
171
Gambar 3.125 Rancangan layar halaman View Customers . . . . . . . .
172
Gambar 3.126 Rancangan layar halaman View Customer Details . . . . .
173
Gambar 3.127 Rancangan layar halaman Edit Customer
. . . . . . . .
174
Gambar 3.128 Rancangan layar halaman Delete Customer . . . . . . . .
175
Gambar 3.129 Rancangan layar halaman Search Customer . . . . . . . .
176
Gambar 3.130 Rancangan layar halaman Add Order . . . . . . . . . .
177
Gambar 3.131 Rancangan layar halaman View Orders
. . . . . . . . .
178
Gambar 3.132 Rancangan layar halaman View Order Details . . . . . . .
179
Gambar 3.133 Rancangan layar halaman Search Order . . . . . . . . .
180
Gambar 3.134 Rancangan layar halaman View Complaints . . . . . . . .
181
Gambar 3.135 Rancangan layar halaman View Complaint Details . . . . .
182
xxiii
Halaman Gambar 3.136 Rancangan layar halaman Reply Complaint . . . . . . . .
183
Gambar 3.137 Rancangan layar halaman Complaint Topics . . . . . . .
184
Gambar 3.138 Rancangan layar halaman Edit Complaint Topic . . . . . .
185
Gambar 3.139 Rancangan layar halaman Delete Complaint Topic . . . . .
186
Gambar 4.1
Arsitektur jaringan yang disarankan . . . . . . . . . . .
207
Gambar 4.2
Sistem yang dilakukan pelanggan baru untuk pemesanan online . . . . . . . . . . . . . . . . . . . . . . .
211
Gambar 4.3
Tampilan layar halaman Home
. . . . . . . . . . . .
213
Gambar 4.4
Tampilan layar halaman News . . . . . . . . . . . . .
214
Gambar 4.5
Tampilan layar halaman View News . . . . . . . . . . .
215
Gambar 4.6
Tampilan layar halaman Product Categories . . . . . . .
216
Gambar 4.7
Tampilan layar halaman List Products . . . . . . . . . .
218
Gambar 4.8
Tampilan layar halaman View Product Details
. . . . . .
219
Gambar 4.9
Tampilan layar halaman Shopping Guide . . . . . . . . .
220
Gambar 4.10
Tampilan layar halaman About Us . . . . . . . . . . .
221
Gambar 4.11
Tampilan layar halaman Registration . . . . . . . . . .
222
Gambar 4.12
Tampilan layar halaman Forget My Password . . . . . . .
223
Gambar 4.13
Tampilan layar halaman Change Password . . . . . . . .
225
Gambar 4.14
Tampilan layar halaman Edit Profile
. . . . . . . . . .
226
Gambar 4.15
Tampilan layar halaman View Shopping Cart . . . . . . .
227
Gambar 4.16
Tampilan layar halaman Process Order . . . . . . . . .
228
xxiv
Halaman Gambar 4.17
Tampilan layar halaman Verifikasi . . . . . . . . . . .
229
Gambar 4.18
Tampilan layar halaman Terima Kasih . . . . . . . . . .
230
Gambar 4.19
Tampilan layar halaman View Orders . . . . . . . . . .
231
Gambar 4.20
Tampilan layar halaman View Order Details . . . . . . .
232
Gambar 4.21
Tampilan layar halaman Pay Order . . . . . . . . . . .
233
Gambar 4.22
Tampilan layar halaman View Complaint . . . . . . . . .
234
Gambar 4.23
Tampilan layar halaman Send Complaint . . . . . . . . .
235
Gambar 4.24
Tampilan layar halaman Informasi Registrasi . . . . . . .
236
Gambar 4.25
Tampilan layar halaman Recovery Password . . . . . . .
237
Gambar 4.26
Tampilan layar halaman Home . . . . . . . . . . . . .
238
Gambar 4.27
Tampilan layar halaman Add News . . . . . . . . . . .
239
Gambar 4.28
Tampilan layar halaman View News . . . . . . . . . . .
240
Gambar 4.29
Tampilan layar halaman View News Details . . . . . . . .
241
Gambar 4.30
Tampilan layar halaman Edit News . . . . . . . . . . .
242
Gambar 4.31
Tampilan layar halaman Delete News . . . . . . . . . .
243
Gambar 4.32
Tampilan layar halaman Search News . . . . . . . . . .
244
Gambar 4.33
Tampilan layar halaman Add Product . . . . . . . . . .
246
Gambar 4.34
Tampilan layar halaman View Products . . . . . . . . .
247
Gambar 4.35
Tampilan layar halaman View Product Details
. . . . . .
248
Gambar 4.36
Tampilan layar halaman Edit Product . . . . . . . . . .
250
Gambar 4.37
Tampilan layar halaman Delete Product . . . . . . . . .
251
xxv
Halaman Gambar 4.38
Tampilan layar halaman Search Product . . . . . . . . .
252
Gambar 4.39
Tampilan layar halaman Product Categories . . . . . . .
253
Gambar 4.40
Tampilan layar halaman Edit Product Category . . . . . .
254
Gambar 4.41
Tampilan layar halaman Delete Product Category . . . . .
255
Gambar 4.42
Tampilan layar halaman Add Customers . . . . . . . . .
256
Gambar 4.43
Tampilan layar halaman View Customers . . . . . . . . .
257
Gambar 4.44
Tampilan layar halaman View Customer Details . . . . . .
258
Gambar 4.45
Tampilan layar halaman Edit Customer . . . . . . . . .
259
Gambar 4.46
Tampilan layar halaman Delete Customer . . . . . . . .
260
Gambar 4.47
Tampilan layar halaman Search Customer . . . . . . . .
261
Gambar 4.48
Tampilan layar halaman Add Order . . . . . . . . . . .
262
Gambar 4.49
Tampilan layar halaman View Orders . . . . . . . . . .
263
Gambar 4.50
Tampilan layar halaman View Order Details . . . . . . .
264
Gambar 4.51
Tampilan layar halaman Search Order . . . . . . . . . .
265
Gambar 4.52
Tampilan layar halaman View Complaints . . . . . . . .
266
Gambar 4.53
Tampilan layar halaman View Complaint Details
. . . . .
267
Gambar 4.54
Tampilan layar halaman Reply Complaint . . . . . . . .
268
Gambar 4.55
Tampilan layar halaman Complaint Topics . . . . . . . .
269
Gambar 4.56
Tampilan layar halaman Edit Complaint Topic
. . . . . .
270
Gambar 4.57
Tampilan layar halaman Delete Complaint Topic
. . . . .
271
Gambar 4.58
Tampilan layar halaman New Complaint Information . . . .
272
xxvi
Halaman Gambar 4.59
Tampilan layar halaman New Order Information . . . . . .
272
Gambar 4.60
Tampilan layar halaman laporan penjualan . . . . . . . .
269
xxvii
