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
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.
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
DAFTAR ISI
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 1.1 Latar Belakang ...1
1.2 Ruang Lingkup...2
1.3 Tujuan dan Manfaat ...2
1.4 Metodologi ...3
1.5 Sistematika Penulisan ...3
BAB 2 LANDASAN TEORI 2.1 Internet ...5
2.1.1 Pengertian Internet ...5
2.1.2 Sejarah Internet ...5
2.1.3 WWW ...5
2.2 E-Commerce ...7
2.3 Sistem Informasi ...9
2.3.1 Pengertian Sistem...9
2.3.2 Analisis Sistem...10
2.3.3 Pengertian Informasi ...10
2.3.5 Sumber-Sumber Sistem Informasi ...11
2.3.6 Komponen Sistem informasi...12
2.4 Layanan Informasi ...12
2.4.1 Pengertian Layanan...12
2.5 Interaksi Manusia dan Komputer ...13
2.5.1 Pengertian Interaksi Manusia dan Komputer...13
2.5.2 Tujuan Rekayasa Interaksi Manusia dan Komputer ...13
2.6 Delapan Aturan Emas ...14
2.7 State Transition Diagram (STD) ...16
2.8 Model SDLC ...18
2.9 Analisis SWOT ...20
2.10 Unified Modelling language (UML)...21
2.10.1 Pengertian UML...21
2.10.2 Diagram UML...21
2.9.2.1 Class Diagram ...21
2.9.2.2 Use Case Diagram...24
2.9.2.3 Sequence Diagram ...25
2.9.3.4 Statechart Diagram...25
2.11 Database ...25
2.11.1 DBMS ...26
2.11.2 ERD...29
2.12 Alat Bantu Pemograman ...30
2.12.1 Personal Homepage (PHP)...30
2.12.2 Java Script ...31
2.12.3 Hypertext Markup Language ...31
2.12.4 MySQL...32
2.12.5 Apache ...32
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.2 Rancangan Halaman Home Sesudah
Login ...107
3.2.5.3 Rancangan Halaman Produk Hose Sebelum Login ...109
3.2.5.4 Rancangan Halaman Produk Coupling Sebelum Login ...111
3.2.5.5 Rancangan Halaman Produk Hose Sesudah Login...113
3.2.5.6 Rancangan Halaman Produk Coupling Setelah Login...115
3.2.5.7 RancanganHalaman ViewCart ...117
3.2.5.8 RancanganHalaman Konfirmasi Pemesanan...119
3.2.5.9 Rancangan Halaman Cetak Pemesanan...121
3.2.5.10 Rancangan Halaman Forum Sebelum Login ...123
3.2.5.11 Rancangan Halaman Forum Sesudah Login...125
3.2.5.12 Rancangan Halaman New Posting ...127
3.2.5.13 Rancangan Halaman Reply Forum ....128
3.2.5.14 Rancangan Halaman Visi dan Misi....129
3.2.5.15 Rancangan Halaman Sejarah...130
3.2.5.16 Rancangan Halaman Office ...131
3.2.5.17 Rancangan Halaman FAQ...132
3.2.5.18 Rancangan Halaman Register ...133
3.2.5.19 Rancangan Halaman Profile...135
3.2.5.20 Rancangan Halaman Login Admin....137
3.2.5.21 Rancangan Halaman Admin ...138
3.2.5.23 Rancangan Halaman Update
Pelanggan Admin ...140
3.2.5.24 Rancangan Halaman Produk Admin..141
3.2.5.25 Rancangan Halaman Update Produk Admin ...142
3.2.5.26 Rancangan Halaman Add/Tambah Produk Admin ...143
3.2.5.27 Rancangan Halaman Update Jenis Produk Admin ...144
3.2.5.28 Rancangan Halaman Add/Tambah Jenis Produk ...144
3.2.5.29 Rancangan Halaman Pemesanan...145
3.2.5.30 Rancangan Halaman Invoice...146
3.2.5.31 Rancangan Halaman Buat Invoice Admin...147
3.2.5.32 Rancangan Halaman Surat jalan Admin...148
3.2.5.33 Rancangan Halaman Cetak Surat Jalan Admin ...149
3.2.5.34 Rancangan Halaman Buat Surat Jalan ...150
3.2.5.35 Rancangan Halaman Forum Admin...151
3.2.5.36 Rancangan Halaman Update Forum Admin...152
3.2.5.37 Rancangan Halaman FAQ...153
3.2.5.38 Rancangan Halaman Update FAQ ...154
3.2.5.39 Rancangan Halaman Add/Tambah FAQ...154
3.2.6 Spesifikasi Proses (Pseudocode) ...155
3.2.6.1 Spesifikasi Proses Pelanggan ...155
BAB 4 IMPLEMENTASI DAN EVALUASI
4.1 Rencana Implementasi Sistem ...172
4.2 Spesifikasi Kebutuhan Sistem...173
4.3 Tata Cara Pengoperasian...174
4.3.1 Cara pengoperasian dan Tampilan Halaman Menu Utama...175
4.3.1.1 Tampilan Halaman Home Sebelum Login ...175
4.3.1.2 Tampilan Halaman Home Sesudah Login...176
4.3.1.3 Tampilan Halaman Lupa Password ...177
4.3.1.4 Tampilan Halaman Ingin Belanja ...178
4.3.1.5 Tampilan Halaman Registrasi ...179
4.3.1.6 Tampilan Halaman Profile ...180
4.3.1.7 Tampilan Halaman Produk Hose ...181
4.3.1.8 Tampilan Halaman Produk Coupling.182 4.3.1.9 Tampilan Halaman View Cart ...183
4.3.1.10 Tampilan Halaman Konfirmasi Pemesanan...184
4.3.1.11 Tampilan Halaman Cetak Pemesanan...185
4.3.1.12 Tampilan Halaman Forum ...186
4.3.1.13 Tampilan Halaman New Posting ...187
4.3.1.14 Tampilan Halaman Reply ...188
4.3.1.15 Tampilan Halaman Tentang Kami (Visi dan Misi) ...189
4.3.1.16 Tampilan Halaman Tentang Kami (Sejarah) ...190
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.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
DAFTAR TABEL
Tabel 2.1 Matrix SWOT ...20
Tabel 3.1 Matrix SWOT ...40
Tabel 3.2 Daftar Tabel Database...68
Tabel 3.3 Tabel Pelanggan...70
Tabel 3.4 Tabel Admin ...71
Tabel 3.5 Tabel Produk ...72
Tabel 3.6 Tabel Invoice...72
Tabel 3.7 Tabel Forum...73
Tabel 3.8 Tabel Pemesanan...73
Tabel 3.9 Tabel Pemesanan_Detail...74
Tabel 3.10 Tabel Jenisproduk ...75
Tabel 3.11 Tabel Suratjalan ...75
DAFTAR GAMBAR
Gambar 2.1 State...17
Gambar 2.2 Transition State...18
Gambar 2.3 Kondisi dan Aksi...18
Gambar 2.4 Linear Sequential Model...18
Gambar 2.5 Bentuk Umum dan Simbol Dalam Class Diagram ...22
Gambar 2.6 Bentuk Umum Dari Use case ...24
Gambar 3.1 Struktur Organisasi PT. Hosinco Aneka Utama ...35
Gambar 3.2 Flow Chart Sistem Yang Berjalan ...38
Gambar 3.3 Model Sistem Yang Diusulkan ...46
Gambar 3.4 Class Diagram...47
Gambar 3.5 Use Case Diagram...48
Gambar 3.6 Sequence Register ...50
Gambar 3.7 Sequence Beli Produk...51
Gambar 3.8 Sequence buat faktur pemesanan...52
Gambar 3.9 Sequence buat surat jalan ...53
Gambar 3.10 Sequence cetak pemesanan...54
Gambar 3.11 Sequence cek status pembayaran...55
Gambar 3.12 Sequence cetak bukti pemesanan ...56
Gambar 3.13 Sequence cetak faktur pemesanan ...57
Gambar 3.14 Sequence cetak surat jalan...57
Gambar 3.15 Sequence add database ...58
Gambar 3.16 Sequence Update database ...59
Gambar 3.17 Sequence delete database ...60
Gambar 3.18 Sequence login ...61
Gambar 3.19 Sequence View ...62
Gambar 3.20 Statechart kelas admin ...63
Gambar 3.21 Statechart kelas pelanggan...63
Gambar 3.22 Statechart kelas produk...64
Gambar 3.24 Statechart kelas pengunjung ...65
Gambar 3.25 Statechart kelas coupling ...65
Gambar 3.26 Statechart kelas hose...66
Gambar 3.27 Statechart kelas faktur pemesanan...66
Gambar 3.28 Statechart kelas perusahaan ...67
Gambar 3.29 Statechart kelas surat jalan...67
Gambar 3.30 Entity Relation Diagram (ERD)...69
Gambar 3.31 Hirarki Menu Sebelum Login ...77
Gambar 3.32 Hirarki Menu Customer Setelah Login ...77
Gambar 3.33 Hirarki Menu Admin Setelah Login...78
Gambar 3.34 STD Menu Home Sebelum Login...79
Gambar 3.35 STD Menu Home Sesudah Login ...80
Gambar 3.36 STD Login...81
Gambar 3.37 STD Ingin Belanja...82
Gambar 3.38 STD Profile ...83
Gambar 3.39 STD Register ...84
Gambar 3.40 STD Produk...85
Gambar 3.41 STD View Cart...86
Gambar 3.42 STD Proses Pemesanan...87
Gambar 3.43 STD Cetak ...88
Gambar 3.44 STD Forum...89
Gambar 3.45 STD New Posting...90
Gambar 3.46 STD Reply Forum ...91
Gambar 3.47 STD Tentang Kami ...92
Gambar 3.48 STD Hubungi Kami ...92
Gambar 3.49 STD Login Admin dan Halaman Home...93
Gambar 3.50 STD Halaman Pelangggan ...93
Gambar 3.51 STD Update Pelanggan ...94
Gambar 3.52 STD Halaman Produk ...94
Gambar 3.53 STD Update Produk ...95
Gambar 3.55 STD Tambah Produk...96
Gambar 3.56 STD Halaman Pemesanan...97
Gambar 3.57 STD Halaman Invoice...98
Gambar 3.58 STD Buat Surat Jalan ...98
Gambar 3.59 STD Cetak Invoice ...99
Gambar 3.60 STD Halaman Surat Jalan ...99
Gambar 3.61 STD Update Surat Jalan ...100
Gambar 3.62 STD Cetak Surat Jalan ...100
Gambar 3.63 STD Halaman Forum ...101
Gambar 3.64 STD Update Forum ...101
Gambar 3.65 STD Delete Forum ...102
Gambar 3.67 STD FAQ ...102
Gambar 3.68 STD Tambah FAQ ...103
Gambar 3.69 STD Update FAQ...104
Gambar 3.70 STD Delete FAQ...104
Gambar 3.71 Rancangan Halaman Home Sebelum Login ...105
Gambar 3.72 Rancangan Halaman Home Sesudah Login ...107
Gambar 3.73 Rancangan Halaman Produk Hose Sebelum Login ...109
Gambar 3.74 Rancangan Halaman Produk Coupling Sebelum Login...111
Gambar 3.75 Rancangan Halaman Produk Hose Sesudah Login ...113
Gambar 3.76 Rancangan Halaman Produk Coupling Sesudah Login ...115
Gambar 3.77 Rancangan Halaman View Cart ...117
Gambar 3.78 Rancangan Halaman Konfirmasi Pemesanan ...119
Gambar 3.79 Rancangan Halaman Cetak Pemesanan ...121
Gambar 3.80 Rancangan Halaman Forum Sebelum Login ...123
Gambar 3.81 Rancangan Halaman Forum Sesudah Login ...125
Gambar 3.82 Rancangan Halaman New Posting ...127
Gambar 3.83 Rancangan Halaman Reply Forum ...128
Gambar 3.84 Rancangan Halaman Visi dan Misi...129
Gambar 3.85 Rancangan Halaman Sejarah...130
Gambar 3.87 Rancangan Halaman FAQ...132
Gambar 3.88 Rancangan Halaman Register ...133
Gambar 3.89 Rancangan Halaman Profile...135
Gambar 3.90 Rancangan Halaman Login Admin ...137
Gambar 3.91 Rancangan Halaman Admin...138
Gambar 3.92 Rancangan Halaman Pelanggan Admin...139
Gambar 3.93 Rancangan Halaman Update Pelanggan Admin ...141
Gambar 3.94 Rancangan Halaman Produk Admin ...141
Gambar 3.96 Rancangan Halaman Update Produk Admin ...142
Gambar 3.97 Rancangan Halaman add/tambah produk...143
Gambar 3.98 Rancangan Halaman Update Jenis Produk Admin ...144
Gambar 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...172
Gambar 4.2 Tampilan Halaman layar Home Sebelum login ...175
Gambar 4.3 Tampilan Halaman layar Home Sesudah Login ...176
Gambar 4.4 Tampilan Halaman Lupa Password...177
Gambar 4.5 Tampilan Halaman Ingin Belanja ...178
Gambar 4.6 Tampilan Halaman Registrasi ...179
Gambar 4.7 Tampilan Halaman Profile ...180
Gambar 4.9 Tampilan Halaman Produk Coupling...182
Gambar 4.10 Tampilan Halaman layar View Cart...183
Gambar 4.11 Tampilan Halaman Konfirmasi Pemesanan ...184
Gambar 4.12 Tampilan Halaman Cetak pesanan...185
Gambar 4.13 Tampilan Halaman Forum ...186
Gambar 4.14 Tampilan Halaman New Posting...187
Gambar 4.15 Tampilan Halaman Reply Forum...188
Gambar 4.16 Tampilan Halaman Tentang Kami(visi & misi)...189
Gambar 4.17 Tampilan Halaman Layar Tentang Kami (Sejarah) ...190
Gambar 4.18 Tampilan Halaman Layar Hubungi Kami (kantor) ...191
Gambar 4.19 Tampilan Halaman Layar hubungi Kami (FAQ) ...192
Gambar 4.20 Tampilan Halaman Login Admin ...193
Gambar 4.21 Tampilan Halaman Pelanggan ...194
Gambar 4.22 Tampilan Halaman Update Pelanggan...195
Gambar 4.23 Tampilan Halaman Produk...196
Gambar 4.24 Tampilan Halaman Tambah Produk ...197
Gambar 4.25 Tampilan Halaman Update Produk ...198
Gambar 4.26 Tampilan Halaman Update jenis Produk ...199
Gambar 4.27 Tampilan Halaman Pemesanan ...200
Gambar 4.28 Tampilan Halaman Pemesanan Detail ...201
Gambar 4.29 Tampilan Halaman Buat Invoice...202
Gambar 4.30 Tampilan Halaman Invoice ...203
Gambar 4.31 Tampilan Halaman Buat Surat Jalan...204
Gambar 4.32 Tampilan Halaman Cetak Invoice...205
Gambar 4.33 Tampilan Halaman Surat Jalan ...206
Gambar 4.34 Tampilan Halaman Update Surat Jalan...207
Gambar 4.35 Tampilan Halaman Cetak Surat Jalan ...208
Gambar 4.36 Tampilan Halaman Forum ...209
Gambar 4.37 Tampilan Halaman Update Forum...210
Gambar 4.38 Tampilan Halaman FAQ ...211
Daftar Lampiran