0700679392 Irenna Agustin Nurman 0700679846 Kelas Kelompok : 07PBT 01 Abstrak - ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB PADA PT. RAZTEL SOLUSINDO TELEMATIKA - Binus e-Thesis

  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

  

PRAKATA

  Puji syukur kepada Tuhan Yang Maha Esa atas kasih, berkat, tuntunan dan penyertaan yang diberikan sehingga skripsi yang berjudul “Analisis dan Perancangan 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;

  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 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

  Halaman Halaman Judul Luar . . . . . . . . . . . . . . . . . . . . . . . i Halaman Judul Dalam . . . . . . . . . . . . . . . . . . . . . . ii Halaman Pernyataan Dewan Penguji . . . . . . . . . . . . . . . . . iv ABSTRAK . . . . . . . . . . . . . . . . . . . . . . . . . . vii PRAKATA . . . . . . . . . . . . . . . . . . . . . . . . . . viii DAFTAR ISI . . . . . . . . . . . . . . . . . . . . . . . . . x DAFTAR TABEL . . . . . . . . . . . . . . . . . . . . . . . xiv DAFTAR GAMBAR . . . . . . . . . . . . . . . . . . . . . . xvii BAB 1 PENDAHULUAN . . . . . . . . . . . . . . . . . . . .

  5 BAB 2 LANDASAN TEORI . . . . . . . . . . . . . . . . . . .

  2.1.3 Proses Rekayasa Perangkat Lunak . . . . . . . . .

  8

  2.1.2 Pengertian Rekayasa Perangkat Lunak . . . . . . . .

  7

  2.1.1 Pengertian Perangkat Lunak . . . . . . . . . . . .

  7

  2.1 Rekayasa Perangkat Lunak . . . . . . . . . . . . . . .

  7

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

  1

  4

  1.4 Metodologi . . . . . . . . . . . . . . . . . . . . .

  3

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

  3

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

  1

  1.1 Latar Belakang . . . . . . . . . . . . . . . . . . . .

  8 Halaman

  11

  2.1.5

  13 Unified Modelling Language (UML) . . . . . . . . Interaksi Manusia dan Komputer (IMK) . . . . . . . . . .

  2.2.1

  20 Pengertian Interaksi Manusia dan Komputer . . . . .

  2.2.2

  21 Delapan Aturan Emas pada Perancangan Antarmuka . .

  2.3

  22 Internet . . . . . . . . . . . . . . . . . . . . . . .

  2.3.1

  22 Sejarah Internet . . . . . . . . . . . . . . . . .

  2.3.2

  23 Layanan yang Disediakan oleh Internet . . . . . . .

  2.3.3

  27 Internet2 . . . . . . . . . . . . . . . . . . . .

  2.3.4

  27 IP Version6 . . . . . . . . . . . . . . . . . .

  2.4

  28 Tools . . . . . . . . . . . . . . . . . . . . . . . .

  2.4.1

  28 Database . . . . . . . . . . . . . . . . . . .

  2.4.2

  31 Language . . . . . . . . . . . . . . . . . . .

  2.5

  33 Analisis dan Perancangan Sistem Penjualan Berbasis Web . . .

  2.5.1

  33 Pengertian Sistem . . . . . . . . . . . . . . . .

  2.5.2

  35 Analisis Sistem . . . . . . . . . . . . . . . . .

  2.5.3

  36 Perancangan Sistem . . . . . . . . . . . . . . .

  2.5.4

  37 Pengertian Penjualan . . . . . . . . . . . . . . .

  2.5.5

  38 Pengertian Sistem Penjualan . . . . . . . . . . . .

  BAB 3 PERANCANGAN SISTEM . . . . . . . . . . . . . . . .

  39 Halaman

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

  118

  3.7.6 Sequence Diagram . . . . . . . . . . . . . . . .

  86

  3.7.7 Collaboration Diagram . . . . . . . . . . . . . .

  108

  3.7.8 Component Diagram . . . . . . . . . . . . . . .

  117

  3.7.9 Deployment Diagram . . . . . . . . . . . . . .

  3.7.10 Rancangan Basis Data . . . . . . . . . . . . . .

  3.7.5 Activity Diagram . . . . . . . . . . . . . . . .

  119

  3.7.11 Struktur Menu . . . . . . . . . . . . . . . . .

  127

  3.7.12 Rancangan Layar . . . . . . . . . . . . . . . .

  130

  3.7.13 Spesifikasi Proses . . . . . . . . . . . . . . . .

  187

  76

  69

  39

  54

  3.2 Struktur Perusahaan . . . . . . . . . . . . . . . . . .

  41

  3.3 Sistem yang Sedang Berjalan . . . . . . . . . . . . . .

  45 Analisis Permasalahan . . . . . . . . . . . . . . . . .

  3.5 Evaluasi Hasil Kuesioner . . . . . . . . . . . . . . . .

  48

  3.6 Usulan Pemecahan Masalah . . . . . . . . . . . . . . .

  3.7 Perancangan Perangkat Lunak . . . . . . . . . . . . . .

  3.7.4 Statechart Diagram . . . . . . . . . . . . . . .

  56

  3.7.1 Class Diagram . . . . . . . . . . . . . . . . . .

  56

  3.7.2 Object Diagram . . . . . . . . . . . . . . . . .

  57

  3.7.3 Use Case Diagram . . . . . . . . . . . . . . .

  58

  BAB 4 IMPLEMENTASI DAN EVALUASI . . . . . . . . . . . . . 205

  Halaman

  4.1 205 Spesifikasi Sistem . . . . . . . . . . . . . . . . . . .

  4.1.1 205 Spesifikasi Perangkat Keras . . . . . . . . . . . .

  4.1.2 206 Spesifikasi Perangkat Lunak . . . . . . . . . . . .

  Rencana Implementasi . . . . . . . . . . . . . . . . .

  4.3 208 Jadwal Implementasi . . . . . . . . . . . . . . . . . .

  4.4 208 Prosedur Operasional . . . . . . . . . . . . . . . . . .

  4.5 212 Tampilan Layar . . . . . . . . . . . . . . . . . . . .

  4.5.1 212 Pengunjung . . . . . . . . . . . . . . . . . . .

  4.5.2 224 Pelanggan . . . . . . . . . . . . . . . . . . .

  4.5.3 237 Admin . . . . . . . . . . . . . . . . . . . . .

  4.6 274 Evaluasi Sistem . . . . . . . . . . . . . . . . . . . .

  4.6.1 274 Evaluasi Sistem Berdasarkan Kuesioner . . . . . . . .

  4.6.2 Evaluasi Sistem Berdasarkan Interaksi Manusia dan Komputer . . . . . . . . . . . . . . . . . . 281

  4.6.3 283 Kelebihan Sistem . . . . . . . . . . . . . . . . .

  4.6.4 284 Kekurangan Sistem . . . . . . . . . . . . . . . .

  BAB 5 SIMPULAN DAN SARAN . . . . . . . . . . . . . . . . . 285

  5.1 285 Simpulan . . . . . . . . . . . . . . . . . . . . . . .

  5.2 286 Saran . . . . . . . . . . . . . . . . . . . . . . . .

  DAFTAR PUSTAKA . . . . . . . . . . . . . . . . . . . . . . 287 LAMPIRAN . . . . . . . . . . . . . . . . . . . . . . . . . 291

  

DAFTAR TABEL

  Halaman Tabel 3.1 Cara pembelian barang yang biasa dilakukan . . . . . . .

  48 Tabel 3.2 Frekuensi pembelian barang setiap minggu . . . . . . . .

  49 pembelian barang . . . . . . . . . . . . . . . . . .

  50 Tabel 3.4 Frekuensi kesulitan yang dialami dalam mencari informasi mengenai barang yang ingin dibeli . . . . . . . . . . .

  50 Tabel 3.5 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 . . . . . . .

  63 Tabel 3.14 Deskripsi use case sistem product admin . . . . . . . .

  63 Tabel 3.15 Deskripsi use case sistem complaint customer . . . . . .

  64 Tabel 3.16 Deskripsi use case sistem complaint admin . . . . . . .

  65 Halaman Tabel 3.17 Deskripsi use case sistem order customer . . . . . . . .

  66 Tabel 3.18 Deskripsi use case sistem order admin . . . . . . . . .

Tabel 3.28 Tabel Order_Detail . . . . . . . . . . . . . . . . . 124

  Solusindo Telematika . . . . . . . . . . . . . . . . 275

Tabel 4.2 Pendapat pelanggan mengenai tampilan situs PT. RaztelTabel 4.1 Jadwal implementasi kegiatan . . . . . . . . . . . . 208Tabel 3.31 Tabel Product . . . . . . . . . . . . . . . . . . . 126Tabel 3.30 Tabel Prd_Additional_Image . . . . . . . . . . . . . 125Tabel 3.29 Tabel Order_Status . . . . . . . . . . . . . . . . . 124Tabel 3.27 Tabel Order . . . . . . . . . . . . . . . . . . . . 123

  66 Tabel 3.19 Deskripsi use case sistem data customer . . . . . . . .

Tabel 3.26 Tabel News . . . . . . . . . . . . . . . . . . . . 122Tabel 3.25 Tabel Customer . . . . . . . . . . . . . . . . . . 121Tabel 3.24 Tabel Complaint_Topic . . . . . . . . . . . . . . . . 120Tabel 3.23 Tabel Complaint. . . . . . . . . . . . . . . . . . . 120Tabel 3.22 Tabel Category_Product . . . . . . . . . . . . . . . 119

  67 Tabel 3.21 Tabel Admin . . . . . . . . . . . . . . . . . . . . 119

Tabel 4.3 Pendapat pelanggan mengenai penyampaian informasi dalam situs PT. Raztel Solusindo Telematika . . . . . . . 276

  Halaman

Tabel 4.4 Kelengkapan informasi dalam situs PT. Raztel Solusindo

  Telematika . . . . . . . . . . . . . . . . . . . . 276

Tabel 4.5 Pendapat pelanggan mengenai situs PT. Raztel Solusindo diperlukan. . . . . . . . . . . . . . . . . . . . 277Tabel 4.6 Pendapat pelanggan tentang situs PT. Raztel Solusindo

  Telematika dalam membantu melakukan transaksi. . . . . 278

Tabel 4.7 Kemampuan pelanggan dalam pemakaian situs PT. Raztel

  Solusindo Telematika . . . . . . . . . . . . . . . . 279

Tabel 4.8 Pendapat pelanggan mengenai berbelanja melalui internet . . 280Tabel 4.9 Pendapat pelanggan mengenai fitur-fitur yang ada dalam situs PT. Raztel Solusindo Telematika . . . . . . . . . 281

  

DAFTAR GAMBAR

  36 Gambar 3.1 Struktur perusahaan PT. Raztel Solusindo Telematika . . .

  65 Gambar 3.9 Use case diagram sistem data customer . . . . . . . . .

  64 Gambar 3.8 Use case diagram sistem order . . . . . . . . . . . .

  62 Gambar 3.7 Use case diagram sistem complaint . . . . . . . . . .

  61 Gambar 3.6 Use case diagram sistem product . . . . . . . . . . .

  58 Gambar 3.5 Use case diagram sistem news . . . . . . . . . . . . .

  57 Gambar 3.4 Use case diagram sistem penjualan . . . . . . . . . . .

  56 Gambar 3.3 Object diagram . . . . . . . . . . . . . . . . . . .

  42 Gambar 3.2 Class diagram . . . . . . . . . . . . . . . . . . .

  20 Gambar 2.11 Tahap-tahap analisis sistem menurut Cushing dan Romney .

  Halaman Gambar 2.1 Model linear sekuensial . . . . . . . . . . . . . . .

  19 Gambar 2.10 Deployment diagram . . . . . . . . . . . . . . . .

  19 Gambar 2.9 Component diagram . . . . . . . . . . . . . . . .

  18 Gambar 2.8 Collaboration diagram . . . . . . . . . . . . . . .

  17 Gambar 2.7 Sequence diagram . . . . . . . . . . . . . . . . .

  16 Gambar 2.6 Activity diagram . . . . . . . . . . . . . . . . . .

  16 Gambar 2.5 Statechart diagram . . . . . . . . . . . . . . . . .

  15 Gambar 2.4 Use case diagram . . . . . . . . . . . . . . . . .

  10 Gambar 2.2 Icon kelas . . . . . . . . . . . . . . . . . . . .

  67 Halaman Gambar 3.10 Statechart diagram admin . . . . . . . . . . . . . .

  69 Gambar 3.11 Statechart diagram category product . . . . . . . . . .

  78 Gambar 3.23 Activity diagram complaint topic . . . . . . . . . . . .

  85 Gambar 3.30 Sequence diagram register success . . . . . . . . . .

  84 Gambar 3.29 Activity diagram product . . . . . . . . . . . . . .

  83 Gambar 3.28 Activity diagram order status . . . . . . . . . . . . .

  82 Gambar 3.27 Activity diagram order detail . . . . . . . . . . . . .

  81 Gambar 3.26 Activity diagram order . . . . . . . . . . . . . . .

  80 Gambar 3.25 Activity diagram news . . . . . . . . . . . . . . . .

  79 Gambar 3.24 Activity diagram customer . . . . . . . . . . . . . .

  77 Gambar 3.22 Activity diagram complaint . . . . . . . . . . . . . .

  70 Gambar 3.12 Statechart diagram complaint . . . . . . . . . . . . .

  76 Gambar 3.21 Activity diagram category product . . . . . . . . . . .

  75 Gambar 3.20 Activity diagram admin . . . . . . . . . . . . . . .

  74 Gambar 3.19 Statechart diagram product . . . . . . . . . . . . .

  74 Gambar 3.18 Statechart diagram order status . . . . . . . . . . . .

  73 Gambar 3.17 Statechart diagram order detail . . . . . . . . . . . .

  73 Gambar 3.16 Statechart diagram order . . . . . . . . . . . . . .

  72 Gambar 3.15 Statechart diagram news . . . . . . . . . . . . . . .

  70 Gambar 3.14 Statechart diagram customer . . . . . . . . . . . . .

  86 Halaman Gambar 3.31 Sequence diagram register failed . . . . . . . . . . . .

  86 Gambar 3.32 Sequence diagram login customer success . . . . . . . .

  94 Gambar 3.43 Sequence diagram add product . . . . . . . . . . . .

Gambar 3.50 Sequence diagram change password success . . . . . . . 102Gambar 3.49 Sequence diagram handle order . . . . . . . . . . . . 101

  99 Gambar 3.48 Sequence diagram cancel order . . . . . . . . . . . . 100

  98 Gambar 3.47 Sequence diagram make order by admin . . . . . . . . .

  97 Gambar 3.46 Sequence diagram make order by customer . . . . . . . .

  96 Gambar 3.45 Sequence diagram reply complaint . . . . . . . . . .

  95 Gambar 3.44 Sequence diagram add complaint . . . . . . . . . . .

  93 Gambar 3.42 Sequence diagram delete product . . . . . . . . . . .

  87 Gambar 3.33 Sequence diagram login customer failed . . . . . . . .

  92 Gambar 3.41 Sequence diagram update product . . . . . . . . . . .

  91 Gambar 3.40 Sequence diagram add news . . . . . . . . . . . . .

  90 Gambar 3.39 Sequence diagram delete news . . . . . . . . . . . .

  89 Gambar 3.38 Sequence diagram update news . . . . . . . . . . . .

  89 Gambar 3.37 Sequence diagram get password failed . . . . . . . . .

  88 Gambar 3.36 Sequence diagram get password success . . . . . . . .

  87 Gambar 3.35 Sequence diagram login admin failed . . . . . . . . . .

Gambar 3.51 Sequence diagram change password failed . . . . . . . 103

  Halaman

Gambar 3.63 Collaboration diagram get password failed . . . . . . . 110Gambar 3.71 Collaboration diagram reply complaint . . . . . . . . . 113Gambar 3.70 Collaboration diagram add complaint . . . . . . . . . 112Gambar 3.69 Collaboration diagram add product . . . . . . . . . . 112Gambar 3.68 Collaboration diagram delete product . . . . . . . . . 112Gambar 3.67 Collaboration diagram update product . . . . . . . . . 111Gambar 3.66 Collaboration diagram add news . . . . . . . . . . . 111Gambar 3.65 Collaboration diagram delete news . . . . . . . . . . 111Gambar 3.64 Collaboration diagram update news . . . . . . . . . . 110Gambar 3.62 Collaboration diagram get password success . . . . . . 110Gambar 3.52 Sequence diagram edit profile by customer . . . . . . . . 104Gambar 3.61 Collaboration diagram login admin failed . . . . . . . . 109Gambar 3.60 Collaboration diagram login admin success . . . . . . . 109Gambar 3.59 Collaboration diagram login customer failed . . . . . . 109Gambar 3.58 Collaboration diagram login customer success . . . . . . 108Gambar 3.57 Collaboration diagram register failed . . . . . . . . . 108Gambar 3.56 Collaboration diagram register success . . . . . . . . . 108Gambar 3.54 Sequence diagram delete customer . . . . . . . . . . . 106Gambar 3.53 Sequence diagram edit profile by admin . . . . . . . . . 105Gambar 3.72 Collaboration diagram make order by customer . . . . . . 113

  Halaman

Gambar 3.84 Struktur menu Pengunjung . . . . . . . . . . . . . . 127Gambar 3.92 Rancangan layar halaman Product Details . . . . . . . . 136Gambar 3.91 Rancangan layar halaman List Products . . . . . . . . . 135Gambar 3.90 Rancangan layar halaman Product Categories . . . . . . . 134Gambar 3.89 Rancangan layar halaman View News . . . . . . . . . . 133Gambar 3.88 Rancangan layar halaman News . . . . . . . . . . . . 132Gambar 3.87 Rancangan layar halaman Home . . . . . . . . . . . . 131Gambar 3.86 Struktur menu Admin . . . . . . . . . . . . . . . . 129Gambar 3.85 Struktur menu Pelanggan . . . . . . . . . . . . . . . 128Gambar 3.83 Deployment diagram . . . . . . . . . . . . . . . . . 118Gambar 3.73 Collaboration diagram make order by admin . . . . . . . 114Gambar 3.82 Component diagram . . . . . . . . . . . . . . . . . 117Gambar 3.81 Collaboration diagram add customer . . . . . . . . . . 116Gambar 3.80 Collaboration diagram delete customer . . . . . . . . . 116Gambar 3.79 Collaboration diagram edit profile by admin . . . . . . . 116Gambar 3.78 Collaboration diagram edit profile by customer . . . . . . 115Gambar 3.77 Collaboration diagram change password failed . . . . . . 115Gambar 3.75 Collaboration diagram handle order . . . . . . . . . . 114Gambar 3.74 Collaboration diagram cancel order . . . . . . . . . . 114Gambar 3.93 Rancangan layar halaman Shopping Guide . . . . . . . 137

  Halaman

Gambar 3.94 Rancangan layar halaman About Us . . . . . . . . . . 138Gambar 3.95 Rancangan layar halaman Registration . . . . . . . . . . 139Gambar 3.96 Rancangan layar halaman Forget My Password . . . . . . 140Gambar 3.98 Rancangan layar halaman Edit Profile . . . . . . . . . 142Gambar 3.99 Rancangan layar halaman Shopping Cart . . . . . . . . 143

  Gambar 3.100 Rancangan layar halaman Process Order . . . . . . . . 144 Gambar 3.101 Rancangan layar halaman Verifikasi . . . . . . . . . . 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 Gambar 3.113 Rancangan layar halaman Delete News . . . . . . . . . 158 Gambar 3.114 Rancangan layar halaman Search News . . . . . . . . . 159

  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.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

  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 4.9 Tampilan layar halaman Shopping Guide . . . . . . . . . 220Gambar 4.15 Tampilan layar halaman View Shopping Cart . . . . . . . 227Gambar 4.14 Tampilan layar halaman Edit Profile . . . . . . . . . . 226Gambar 4.13 Tampilan layar halaman Change Password . . . . . . . . 225Gambar 4.12 Tampilan layar halaman Forget My Password . . . . . . . 223Gambar 4.11 Tampilan layar halaman Registration . . . . . . . . . . 222Gambar 4.10 Tampilan layar halaman About Us . . . . . . . . . . . 221Gambar 4.8 Tampilan layar halaman View Product Details . . . . . . 219Gambar 4.1 Arsitektur jaringan yang disarankan . . . . . . . . . . . 207Gambar 4.7 Tampilan layar halaman List Products . . . . . . . . . . 218Gambar 4.6 Tampilan layar halaman Product Categories . . . . . . . 216Gambar 4.5 Tampilan layar halaman View News . . . . . . . . . . . 215Gambar 4.4 Tampilan layar halaman News . . . . . . . . . . . . . 214Gambar 4.3 Tampilan layar halaman Home . . . . . . . . . . . . 213

  

online . . . . . . . . . . . . . . . . . . . . . . . 211

Gambar 4.2 Sistem yang dilakukan pelanggan baru untuk pemesananGambar 4.16 Tampilan layar halaman Process Order . . . . . . . . . 228

  Halaman

Gambar 4.28 Tampilan layar halaman View News . . . . . . . . . . . 240Gambar 4.36 Tampilan layar halaman Edit Product . . . . . . . . . . 250Gambar 4.35 Tampilan layar halaman View Product Details . . . . . . 248Gambar 4.34 Tampilan layar halaman View Products . . . . . . . . . 247Gambar 4.33 Tampilan layar halaman Add Product . . . . . . . . . . 246Gambar 4.32 Tampilan layar halaman Search News . . . . . . . . . . 244Gambar 4.31 Tampilan layar halaman Delete News . . . . . . . . . . 243Gambar 4.30 Tampilan layar halaman Edit News . . . . . . . . . . . 242Gambar 4.29 Tampilan layar halaman View News Details . . . . . . . . 241Gambar 4.27 Tampilan layar halaman Add News . . . . . . . . . . . 239Gambar 4.17 Tampilan layar halaman Verifikasi . . . . . . . . . . . 229Gambar 4.26 Tampilan layar halaman Home . . . . . . . . . . . . . 238Gambar 4.25 Tampilan layar halaman Recovery Password . . . . . . . 237Gambar 4.24 Tampilan layar halaman Informasi Registrasi . . . . . . . 236Gambar 4.23 Tampilan layar halaman Send Complaint . . . . . . . . . 235Gambar 4.22 Tampilan layar halaman View Complaint . . . . . . . . . 234Gambar 4.21 Tampilan layar halaman Pay Order . . . . . . . . . . . 233Gambar 4.19 Tampilan layar halaman View Orders . . . . . . . . . . 231Gambar 4.18 Tampilan layar halaman Terima Kasih . . . . . . . . . . 230Gambar 4.37 Tampilan layar halaman Delete Product . . . . . . . . . 251

  Halaman

Gambar 4.49 Tampilan layar halaman View Orders . . . . . . . . . . 263Gambar 4.57 Tampilan layar halaman Delete Complaint Topic . . . . . 271Gambar 4.56 Tampilan layar halaman Edit Complaint Topic . . . . . . 270Gambar 4.55 Tampilan layar halaman Complaint Topics . . . . . . . . 269Gambar 4.54 Tampilan layar halaman Reply Complaint . . . . . . . . 268Gambar 4.53 Tampilan layar halaman View Complaint Details . . . . . 267Gambar 4.52 Tampilan layar halaman View Complaints . . . . . . . . 266Gambar 4.51 Tampilan layar halaman Search Order . . . . . . . . . . 265Gambar 4.50 Tampilan layar halaman View Order Details . . . . . . . 264Gambar 4.48 Tampilan layar halaman Add Order . . . . . . . . . . . 262Gambar 4.38 Tampilan layar halaman Search Product . . . . . . . . . 252Gambar 4.47 Tampilan layar halaman Search Customer . . . . . . . . 261Gambar 4.46 Tampilan layar halaman Delete Customer . . . . . . . . 260Gambar 4.45 Tampilan layar halaman Edit Customer . . . . . . . . . 259Gambar 4.44 Tampilan layar halaman View Customer Details . . . . . . 258Gambar 4.43 Tampilan layar halaman View Customers . . . . . . . . . 257Gambar 4.42 Tampilan layar halaman Add Customers . . . . . . . . . 256Gambar 4.40 Tampilan layar halaman Edit Product Category . . . . . . 254Gambar 4.39 Tampilan layar halaman Product Categories . . . . . . . 253Gambar 4.58 Tampilan layar halaman New Complaint Information . . . . 272

  Halaman