ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB PADA PT. HOSINCO ANEKA UTAMA - Binus e-Thesis

  

UNIVERSITAS BINA NUSANTARA

_______________________________________________________________________

  Jurusan Teknik Informatika Skripsi Sarjana Komputer

  Semester Ganjil Tahun 2006/2007

  

ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB

PADA PT. HOSINCO ANEKA UTAMA

Irwin Noviar Riyadi 0700683452

Hansen Hamik 0700683572

  

Johnny Ariyanto 0700683660

  Abstrak

  Tujuan penelitian adalah memanfaatkan media internet dengan

  membangun sistem penjualan sebagaimana dalam mengembangkan usaha dengan cara merancang sistem penjualan berbasis web yang dapat melayani pemesanan secara online, membangun komunikasi dengan konsumen serta dapat meyediakan informasi produk yang lengkap dan up to date bagi pelanggan. Metode penelitian yang digunakan adalah analisis sistem berjalan melalui studi lapangan, studi pustaka, menyebarkan kuesioner dan analisis SWOT. Sedangkan metode perancangannya adalah perancangan struktur menu, perancangan tampilan layar untuk calon pelanggan atau pelanggan, perancangan layar admin, dan perancangan database. Hasil yang diperoleh dari skripsi adalah suatu sistem penjualan yang berbasis web yang juga dapat digunakan oleh pelanggan untuk melakukan pembelian secara online. Website ini juga digunakan untuk meyampaikan informasi yang dibutuhkan pelanggan. Simpulan diharapkan sistem ini dapat membantu perusahaan dalam menyediakan informasi yang dibutuhkan oleh pelanggan, memberikan pelayanan yang lebih baik, dan sebagai kelanjutannya akan meningkatkan hubungan yang lebih akrab antara perusahaan dan pelanggan Kata Kunci : sistem penjualan, web.

  

Prakata

  Puji syukur kami panjatkan ke hadirat Tuhan Yang Maha Esa atas segala rahmat dan karunia-Nya, sehingga skripsi dengan judul “Analisis dan Perancangan Sistem Penjualan Berbasis Web pada PT. Hosinco Aneka ” dapat kami selesaikan dengan lancar dan tepat waktu.

  Adapun penulisan skripsi ini merupakan salah satu syarat kelulusan dalam jenjang pendidikan strata-1 (satu) jurusan Teknik Informatika di Universitas Bina Nusantara.

  Dalam kesempatan ini, kami ingin mengucapkan terima kasih kepada pihak- pihak yang ikut berperan serta dalam proses penyelesaian skripsi ini, antara lain :

  1. Bapak Prof. Dr. Gerardus Polla, MApp.Sc selaku rektor Universitas Bina Nusantara yang telah memberikan kesempatan kepada kami untuk menimba ilmu di Universitas Bina Nusantara.

  2. Bapak Moh. Subekti, M.Sc. selaku ketua jurusan Teknik Informatika.

  3. Bapak Freddy Purnomo, S.Kom., M.Kom. selaku sekretaris jurusan Teknik Informatika.

  4. Bapak Ichwan Ridwan Tanjung, MSc selaku dosen pembimbing skripsi kelas

  07PGT yang memberikan waktu, bimbingan, dan saran-saran dalam menyelesaikan skripsi ini.

  5. Bapak Rivan Ariestya selaku manager PT. Hosinco Aneka Utama yang telah memberikan kesempatan bagi kami untuk melakukan survey skripsi pada PT.

  Hosinco Aneka Utama dan seluruh staff perusahaan yang ikut membantu dalam penelitian dan pengumpulan informasi.

  6. Dosen-dosen pengajar di Universitas Bina Nusantara yang telah memberikan ilmu baik secara langsung maupun tidak langsung yang menjadi pedoman dalam penulisan skripsi ini.

  7. Orang tua dan seluruh anggota keluarga kami yang telah memberikan dukungan doa, moril dan materil.

  8. Sahabat-sahabat kami selama menempuh pendidikan di Universitas Bina Nusantara yang tidak dapat kami sebutkan satu per satu.

  Kami menyadari bahwa isi dari skripsi ini masih jauh dari sempurna baik dalam penyajiannya maupun pembahasannya karena keterbatasan kemampuan dan juga waktu kami. Oleh karena itu saran dan kritik yang bersifat membangun sangat kami harapkan untuk menjadi lebih baik lagi di masa mendatang.

  Akhir kata, kami berharap semoga skripsi ini bermanfaat bagi segenap pembaca dan juga bermanfaat bagi perkembangan ilmu komputer di Universitas Bina Nusantara pada khusus dalam dunia pendidikan Indonesia pada umumnya.

  Jakarta, Januari 2007 Penulis

DAFTAR ISI

  2.1.2 Sejarah Internet ...................................................................5

  2.3.4 Pengertian Sistem Informasi ...............................................10

  2.3.3 Pengertian Informasi ...........................................................10

  2.3.2 Analisis Sistem....................................................................10

  2.3.1 Pengertian Sistem................................................................9

  2.3 Sistem Informasi .............................................................................9

  2.2 E-Commerce ...................................................................................7

  2.1.3 WWW ..............................................................................5

  Halaman Judul Luar ...................................................................................................i Halaman Judul Dalam ................................................................................................ii Halaman Persetujuan Hardcover................................................................................iii Halaman Persetujuan Dewan Penguji ........................................................................iv Abstrak .......................................................................................................................vii Prakata........................................................................................................................viii Daftar Isi ....................................................................................................................x Daftar Tabel ...............................................................................................................xviii Daftar Gambar............................................................................................................xix Daftar Lampiran .........................................................................................................xxv

  BAB 1 PENDAHULUAN

  2.1 Internet ............................................................................................5

  BAB 2 LANDASAN TEORI

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

  1.4 Metodologi ......................................................................................3

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

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

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

  2.1.1 Pengertian Internet ..............................................................5

  2.3.5 Sumber-Sumber Sistem Informasi ......................................11

  2.9.2.2 Use Case Diagram.......................................24

  BAB 3 ANALISIS DAN PERANCANGAN SISTEM

  2.12.5 Apache ................................................................................32

  2.12.4 MySQL................................................................................32

  2.12.3 Hypertext Markup Language ..............................................31

  2.12.2 Java Script ...........................................................................31

  2.12.1 Personal Homepage (PHP)..................................................30

  2.12 Alat Bantu Pemograman .................................................................30

  2.11.2 ERD.....................................................................................29

  2.11.1 DBMS .................................................................................26

  2.11 Database ..........................................................................................25

  2.9.3.4 Statechart Diagram......................................25

  2.9.2.3 Sequence Diagram ......................................25

  2.9.2.1 Class Diagram .............................................21

  2.3.6 Komponen Sistem informasi...............................................12

  2.10.2 Diagram UML......................................................21

  2.10.1 Pengertian UML...................................................21

  2.10 Unified Modelling language (UML)...............................................21

  2.9 Analisis SWOT ...............................................................................20

  2.8 Model SDLC ...................................................................................18

  2.7 State Transition Diagram (STD) .....................................................16

  2.6 Delapan Aturan Emas .....................................................................14

  2.5.2 Tujuan Rekayasa Interaksi Manusia dan Komputer ...........13

  2.5.1 Pengertian Interaksi Manusia dan Komputer......................13

  2.5 Interaksi Manusia dan Komputer....................................................13

  2.4.1 Pengertian Layanan.............................................................12

  2.4 Layanan Informasi ..........................................................................12

  3.1 Analisis Sistem................................................................................34

  3.1.1 Sejarah dan Struktur Organisasi PT.Hosinco Aneka Utama ..................................................................................34

  3.1.1.1 Sejarah PT. Hosinco Aneka Utama....34

  3.1.1.2 Struktur Organisasi PT. Hosinco Aneka Utama......................................35

  3.1.1.3 Tugas dan Wewenang ........................35

  3.1.2 Sistem Yang Sedang Berjalan.............................................36

  3.1.2.1 Analisi SWOT....................................39

  3.1.2.2 Matrix SWOT ....................................40

  3.1.3 Gambaran Permasalahan.....................................................41

  3.1.4 Usulan Pemecahan Masalah................................................42

  3.1.5 Evaluasi Kuisoner ...............................................................43

  3.2 Rancangan Sistem Usulan...............................................................46

  3.2.1 Model Sistem Yang Diusulkan ...........................................46

  3.2.1.1 Unified Modelling Language .............47

  3.2.2 Rancangan Database ...........................................................68

  3.2.2.1 Daftar Tabel-tabel database................68

  3.2.2.2 Entity Relation Diagram (ERD).........69

  3.2.2.3 Tabel pada database ...........................70

  3.2.3 Hirarki Menu.......................................................................77

  3.2.3.1 Hirarki Menu Pelanggan Sebelum Login ..................................................77

  3.2.3.2 Hirarki Menu Customer Setelah Login ..................................................77

  3.2.3.3 Hirarki Menu Admin..........................78

  3.2.4 State Transition Diagram (STD) .........................................79

  3.2.4.1 STD Pada Halaman Pelanggan ..........79

  3.2.4.2 STD Pada Halaman Admin................93

  3.2.5 Rancangan Halaman............................................................105

  3.2.5.1 Rancangan Halaman Home sebelum Login ..................................................105

  3.2.5.2 Rancangan Halaman Home Sesudah Login ..................................................107

  3.2.5.13 Rancangan Halaman Reply Forum ....128

  3.2.5.21 Rancangan Halaman Admin .............138

  3.2.5.20 Rancangan Halaman Login Admin....137

  3.2.5.19 Rancangan Halaman Profile...............135

  3.2.5.18 Rancangan Halaman Register ............133

  3.2.5.17 Rancangan Halaman FAQ..................132

  3.2.5.16 Rancangan Halaman Office ...............131

  3.2.5.15 Rancangan Halaman Sejarah..............130

  3.2.5.14 Rancangan Halaman Visi dan Misi....129

  3.2.5.12 Rancangan Halaman New Posting.....127

  3.2.5.3 Rancangan Halaman Produk Hose Sebelum Login ...................................109

  3.2.5.11 Rancangan Halaman Forum Sesudah Login....................................125

  3.2.5.10 Rancangan Halaman Forum Sebelum Login ...................................123

  3.2.5.9 Rancangan Halaman Cetak Pemesanan..........................................121

  3.2.5.8 RancanganHalaman Konfirmasi Pemesanan..........................................119

  3.2.5.7 RancanganHalaman ViewCart ...........117

  3.2.5.6 Rancangan Halaman Produk Coupling Setelah Login......................115

  3.2.5.5 Rancangan Halaman Produk Hose Sesudah Login...........................113

  3.2.5.4 Rancangan Halaman Produk Coupling Sebelum Login ...................111

  3.2.5.22 Rancangan Halaman Pelanggan Admin.................................................139

  3.2.5.23 Rancangan Halaman Update Pelanggan Admin ...............................140

  3.2.5.34 Rancangan Halaman Buat Surat Jalan ..........................................150

  3.2.6.1 Spesifikasi Proses Pelanggan .............155

  3.2.6 Spesifikasi Proses (Pseudocode).........................................155

  3.2.5.39 Rancangan Halaman Add/Tambah FAQ....................................................154

  3.2.5.38 Rancangan Halaman Update FAQ.....154

  3.2.5.37 Rancangan Halaman FAQ..................153

  3.2.5.36 Rancangan Halaman Update Forum Admin.................................................152

  3.2.5.35 Rancangan Halaman Forum Admin...151

  3.2.5.33 Rancangan Halaman Cetak Surat Jalan Admin .......................................149

  3.2.5.24 Rancangan Halaman Produk Admin..141

  3.2.5.32 Rancangan Halaman Surat jalan Admin.................................................148

  3.2.5.31 Rancangan Halaman Buat Invoice Admin....................................147

  3.2.5.30 Rancangan Halaman Invoice..............146

  3.2.5.29 Rancangan Halaman Pemesanan........145

  3.2.5.28 Rancangan Halaman Add/Tambah Jenis Produk .......................................144

  3.2.5.27 Rancangan Halaman Update Jenis Produk Admin ....................................144

  3.2.5.26 Rancangan Halaman Add/Tambah Produk Admin ....................................143

  3.2.5.25 Rancangan Halaman Update Produk Admin ....................................142

  3.2.6.2 Spesifikasi Proses Admin...................162

  BAB 4 IMPLEMENTASI DAN EVALUASI

  4.3.1.8 Tampilan Halaman Produk Coupling.182

  4.3.1.16 Tampilan Halaman Tentang Kami (Sejarah) .............................................190

  4.3.1.15 Tampilan Halaman Tentang Kami (Visi dan Misi) ...................................189

  4.3.1.14 Tampilan Halaman Reply ..................188

  4.3.1.13 Tampilan Halaman New Posting .......187

  4.3.1.12 Tampilan Halaman Forum .................186

  4.3.1.11 Tampilan Halaman Cetak Pemesanan..........................................185

  4.3.1.10 Tampilan Halaman Konfirmasi Pemesanan..........................................184

  4.3.1.9 Tampilan Halaman View Cart ...........183

  4.3.1.7 Tampilan Halaman Produk Hose .......181

  4.1 Rencana Implementasi Sistem .......................................................172

  4.3.1.6 Tampilan Halaman Profile .................180

  4.3.1.5 Tampilan Halaman Registrasi ............179

  4.3.1.4 Tampilan Halaman Ingin Belanja ......178

  4.3.1.3 Tampilan Halaman Lupa Password ...177

  4.3.1.2 Tampilan Halaman Home Sesudah Login....................................176

  4.3.1.1 Tampilan Halaman Home Sebelum Login ...................................175

  4.3.1 Cara pengoperasian dan Tampilan Halaman Menu Utama........................................................................175

  4.3 Tata Cara Pengoperasian.................................................................174

  4.2 Spesifikasi Kebutuhan Sistem.........................................................173

  4.3.1.17 Tampilan Halaman Hubungi Kami (Kantor) ..............................................191

  4.3.1.18 Tampilan Halaman Hubungu Kami (FAQ) .................................................192

  4.3.2 Cara Pengoperasian dan Tampilan Halaman Layar Admin .......................................................................193

  4.3.2.1 Tampilan Halaman Login Admin ......193

  4.3.2.2 Tampilan Halaman Pelanggan ...........194

  4.3.2.3 Tampilan Halaman Update Pelanggan ...........................................195

  4.3.2.4 Tampilan Halaman Produk ................196

  4.3.2.5 Tampilan Halaman Tambah Produk ..197

  4.3.2.6 Tampilan Halaman Update Produk....198

  4.3.2.7 Tampilan Halaman Update Jenis Produk ................................................199

  4.3.2.8 Tampilan Halaman Pemesanan ..........200

  4.3.2.9 Tampilan Halaman Pemesanan Detail ..................................................201

  4.3.2.10 Tampilan Halaman Buat Invoice .......202

  4.3.2.11 Tampilan Halaman Invoice................203

  4.3.2.12 Tampilan Halaman Buat Surat Jalan..204

  4.3.2.13 Tampilan Halaman Cetak Invoice......205

  4.3.2.14 Tampilan Halaman Surat Jalan ..........206

  4.3.2.15 Tampilan Halaman Update Surat Jalan ...................................................207

  4.3.2.16 Tampilan Halaman Cetak Surat Jalan 208

  4.3.2.17 Tampilan Halaman Forum .................209

  4.3.2.18 Tampilan Halaman Update Forum.....210

  4.3.2.19 Tampilan Halaman FAQ....................211

  4.3.2.20 Tampilan Halaman Update FAQ .......212

  4.3.2.21 Tampilan Halaman Tambah FAQ......213

  4.4 Evaluasi Sistem ...............................................................................213

  4.4.1 Evaluasi Berdasarkan IMK .................................................214

  4.4.2 Evaluasi Kuisoner ...............................................................215

  BAB 5 SIMPULAN DAN SARAN

  5.1 Simpulan .........................................................................................219

  5.2 Saran................................................................................................220

  

Daftar Pustaka..........................................................................................................221

Riwayat Hidup..........................................................................................................223

Lampiran-Lampiran Fotokopi Surat Survey

  DAFTAR TABEL

Tabel 2.1 Matrix SWOT ............................................................................................20Tabel 3.1 Matrix SWOT ............................................................................................40Tabel 3.2 Daftar Tabel Database................................................................................68Tabel 3.3 Tabel Pelanggan.........................................................................................70Tabel 3.4 Tabel Admin ..............................................................................................71Tabel 3.5 Tabel Produk ..............................................................................................72Tabel 3.6 Tabel Invoice..............................................................................................72Tabel 3.7 Tabel Forum...............................................................................................73Tabel 3.8 Tabel Pemesanan........................................................................................73Tabel 3.9 Tabel Pemesanan_Detail............................................................................74Tabel 3.10 Tabel Jenisproduk ....................................................................................75Tabel 3.11 Tabel Suratjalan .......................................................................................75Tabel 3.12 Tabel FAQ................................................................................................76

  DAFTAR GAMBAR

Gambar 2.1 State........................................................................................................17Gambar 2.2 Transition State ......................................................................................18Gambar 2.3 Kondisi dan Aksi....................................................................................18Gambar 2.4 Linear Sequential Model ........................................................................18Gambar 2.5 Bentuk Umum dan Simbol Dalam Class Diagram ................................22Gambar 2.6 Bentuk Umum Dari Use case .................................................................24Gambar 3.1 Struktur Organisasi PT. Hosinco Aneka Utama ....................................35Gambar 3.2 Flow Chart Sistem Yang Berjalan .........................................................38Gambar 3.3 Model Sistem Yang Diusulkan ..............................................................46Gambar 3.4 Class Diagram........................................................................................47Gambar 3.5 Use Case Diagram .................................................................................48Gambar 3.6 Sequence Register ..................................................................................50Gambar 3.7 Sequence Beli Produk.............................................................................51Gambar 3.8 Sequence buat faktur pemesanan............................................................52Gambar 3.9 Sequence buat surat jalan .......................................................................53Gambar 3.10 Sequence cetak pemesanan...................................................................54Gambar 3.11 Sequence cek status pembayaran..........................................................55Gambar 3.12 Sequence cetak bukti pemesanan .........................................................56Gambar 3.13 Sequence cetak faktur pemesanan ........................................................57Gambar 3.14 Sequence cetak surat jalan....................................................................57Gambar 3.15 Sequence add database .........................................................................58Gambar 3.16 Sequence Update database ...................................................................59Gambar 3.17 Sequence delete database .....................................................................60Gambar 3.18 Sequence login .....................................................................................61Gambar 3.19 Sequence View .....................................................................................62Gambar 3.20 Statechart kelas admin .........................................................................63Gambar 3.21 Statechart kelas pelanggan...................................................................63Gambar 3.22 Statechart kelas produk........................................................................64Gambar 3.23 Statechart kelas pemesanan ................................................................64Gambar 3.24 Statechart kelas pengunjung ................................................................65Gambar 3.25 Statechart kelas coupling .....................................................................65Gambar 3.26 Statechart kelas hose............................................................................66Gambar 3.27 Statechart kelas faktur pemesanan.......................................................66Gambar 3.28 Statechart kelas perusahaan .................................................................67Gambar 3.29 Statechart kelas surat jalan...................................................................67Gambar 3.30 Entity Relation Diagram (ERD)...........................................................69Gambar 3.31 Hirarki Menu Sebelum Login ..............................................................77Gambar 3.32 Hirarki Menu Customer Setelah Login ................................................77Gambar 3.33 Hirarki Menu Admin Setelah Login.....................................................78Gambar 3.34 STD Menu Home Sebelum Login........................................................79Gambar 3.35 STD Menu Home Sesudah Login ........................................................80Gambar 3.36 STD Login............................................................................................81Gambar 3.37 STD Ingin Belanja................................................................................82Gambar 3.38 STD Profile ..........................................................................................83Gambar 3.39 STD Register ........................................................................................84Gambar 3.40 STD Produk..........................................................................................85Gambar 3.41 STD View Cart.....................................................................................86Gambar 3.42 STD Proses Pemesanan........................................................................87Gambar 3.43 STD Cetak ............................................................................................88Gambar 3.44 STD Forum...........................................................................................89Gambar 3.45 STD New Posting.................................................................................90Gambar 3.46 STD Reply Forum ................................................................................91Gambar 3.47 STD Tentang Kami ..............................................................................92Gambar 3.48 STD Hubungi Kami .............................................................................92Gambar 3.49 STD Login Admin dan Halaman Home...............................................93Gambar 3.50 STD Halaman Pelangggan ...................................................................93Gambar 3.51 STD Update Pelanggan ........................................................................94Gambar 3.52 STD Halaman Produk ..........................................................................94Gambar 3.53 STD Update Produk .............................................................................95Gambar 3.54 STD Delete Produk ..............................................................................96Gambar 3.55 STD Tambah Produk............................................................................96Gambar 3.56 STD Halaman Pemesanan....................................................................97Gambar 3.57 STD Halaman Invoice..........................................................................98Gambar 3.58 STD Buat Surat Jalan ...........................................................................98Gambar 3.59 STD Cetak Invoice ...............................................................................99Gambar 3.60 STD Halaman Surat Jalan ....................................................................99Gambar 3.61 STD Update Surat Jalan .......................................................................100Gambar 3.62 STD Cetak Surat Jalan .........................................................................100Gambar 3.63 STD Halaman Forum ...........................................................................101Gambar 3.64 STD Update Forum ..............................................................................101Gambar 3.65 STD Delete Forum ...............................................................................102Gambar 3.67 STD FAQ .............................................................................................102Gambar 3.68 STD Tambah FAQ ...............................................................................103Gambar 3.69 STD Update FAQ.................................................................................104Gambar 3.70 STD Delete FAQ..................................................................................104Gambar 3.71 Rancangan Halaman Home Sebelum Login ........................................105Gambar 3.72 Rancangan Halaman Home Sesudah Login .........................................107Gambar 3.73 Rancangan Halaman Produk Hose Sebelum Login .............................109Gambar 3.74 Rancangan Halaman Produk Coupling Sebelum Login.......................111Gambar 3.75 Rancangan Halaman Produk Hose Sesudah Login ..............................113Gambar 3.76 Rancangan Halaman Produk Coupling Sesudah Login .......................115Gambar 3.77 Rancangan Halaman View Cart ...........................................................117Gambar 3.78 Rancangan Halaman Konfirmasi Pemesanan ......................................119Gambar 3.79 Rancangan Halaman Cetak Pemesanan ...............................................121Gambar 3.80 Rancangan Halaman Forum Sebelum Login .......................................123Gambar 3.81 Rancangan Halaman Forum Sesudah Login ........................................125Gambar 3.82 Rancangan Halaman New Posting .......................................................127Gambar 3.83 Rancangan Halaman Reply Forum ......................................................128Gambar 3.84 Rancangan Halaman Visi dan Misi......................................................129Gambar 3.85 Rancangan Halaman Sejarah................................................................130Gambar 3.86 Rancangan Halaman Office .................................................................131Gambar 3.87 Rancangan Halaman FAQ....................................................................132Gambar 3.88 Rancangan Halaman Register ..............................................................133Gambar 3.89 Rancangan Halaman Profile.................................................................135Gambar 3.90 Rancangan Halaman Login Admin ......................................................137Gambar 3.91 Rancangan Halaman Admin.................................................................138Gambar 3.92 Rancangan Halaman Pelanggan Admin...............................................139Gambar 3.93 Rancangan Halaman Update Pelanggan Admin ..................................141Gambar 3.94 Rancangan Halaman Produk Admin ....................................................141Gambar 3.96 Rancangan Halaman Update Produk Admin .......................................142Gambar 3.97 Rancangan Halaman add/tambah produk.............................................143Gambar 3.98 Rancangan Halaman Update Jenis Produk Admin ..............................144Gambar 3.99 Rancangan Halaman Add/Tambah Jenis Produk .................................144

  Gambar 3.100 Rancangan Halaman Pemesanan........................................................145 Gambar 3.101 Rancangan Halaman Invoice..............................................................146 Gambar 3.102 Rancangan Halaman Buat Invoice Admin .........................................147 Gambar 3.103 Rancangan Halaman Surat Jalan Admin............................................148 Gambar 3.104 Rancangan Halaman Cetak Surat Jalan..............................................149 Gambar 3.105 Rancangan Halaman Buat Surat jalan................................................150 Gambar 3.106 Rancangan Halaman Forum Admin...................................................151 Gambar 3.107 Rancangan Halaman Update Forum ..................................................152 Gambar 3.108 Rancangan Halaman FAQ..................................................................153 Gambar 3.109 Rancangan Halaman Update FAQ .....................................................154 Gambar 3.110 Rancangan Halaman Tambah FAQ....................................................154

Gambar 4.1 Arsitektur Koneksi Internet....................................................................172Gambar 4.2 Tampilan Halaman layar Home Sebelum login .....................................175Gambar 4.3 Tampilan Halaman layar Home Sesudah Login ....................................176Gambar 4.4 Tampilan Halaman Lupa Password........................................................177Gambar 4.5 Tampilan Halaman Ingin Belanja ..........................................................178Gambar 4.6 Tampilan Halaman Registrasi ................................................................179Gambar 4.7 Tampilan Halaman Profile .....................................................................180Gambar 4.8 Tampilan produk Hose ...........................................................................181Gambar 4.9 Tampilan Halaman Produk Coupling.....................................................182Gambar 4.10 Tampilan Halaman layar View Cart.....................................................183Gambar 4.11 Tampilan Halaman Konfirmasi Pemesanan .........................................184Gambar 4.12 Tampilan Halaman Cetak pesanan.......................................................185Gambar 4.13 Tampilan Halaman Forum ..................................................................186Gambar 4.14 Tampilan Halaman New Posting..........................................................187Gambar 4.15 Tampilan Halaman Reply Forum.........................................................188Gambar 4.16 Tampilan Halaman Tentang Kami(visi & misi)...................................189Gambar 4.17 Tampilan Halaman Layar Tentang Kami (Sejarah) .............................190Gambar 4.18 Tampilan Halaman Layar Hubungi Kami (kantor) ..............................191Gambar 4.19 Tampilan Halaman Layar hubungi Kami (FAQ) .................................192Gambar 4.20 Tampilan Halaman Login Admin ........................................................193Gambar 4.21 Tampilan Halaman Pelanggan .............................................................194Gambar 4.22 Tampilan Halaman Update Pelanggan.................................................195Gambar 4.23 Tampilan Halaman Produk...................................................................196Gambar 4.24 Tampilan Halaman Tambah Produk ....................................................197Gambar 4.25 Tampilan Halaman Update Produk ......................................................198Gambar 4.26 Tampilan Halaman Update jenis Produk .............................................199Gambar 4.27 Tampilan Halaman Pemesanan ............................................................200Gambar 4.28 Tampilan Halaman Pemesanan Detail .................................................201Gambar 4.29 Tampilan Halaman Buat Invoice..........................................................202Gambar 4.30 Tampilan Halaman Invoice ..................................................................203Gambar 4.31 Tampilan Halaman Buat Surat Jalan....................................................204Gambar 4.32 Tampilan Halaman Cetak Invoice........................................................205Gambar 4.33 Tampilan Halaman Surat Jalan ............................................................206Gambar 4.34 Tampilan Halaman Update Surat Jalan................................................207Gambar 4.35 Tampilan Halaman Cetak Surat Jalan ..................................................208Gambar 4.36 Tampilan Halaman Forum ...................................................................209Gambar 4.37 Tampilan Halaman Update Forum.......................................................210Gambar 4.38 Tampilan Halaman FAQ ......................................................................211Gambar 4.39 Tampilan Halaman Update FAQ..........................................................212Gambar 4.40 Tampilan Halaman Tambah FAQ ........................................................213

  Daftar Lampiran

  Lampiran Kuisoner I ..................................................................................................L1 Lampiran Kuisoner II.................................................................................................L3