iv
UNIVERSITAS BINA NUSANTARA
____________________________________________________________________
Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2006/2007
ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASISKAN WEB
PADA PT. BARCO
Alex Ferdano 0700684530 Handi Hadinata 0700686630 Kelas / Kelompok : 07 PBT / 05
Abstrak
Penelitian ini bertujuan untuk membuat sebuah aplikasi sistem penjualan
berbasis web untuk PT. Barco yang diharapkan mampu meningkatkan kinerja
perusahaan tanpa dibatasi oleh ruang dan waktu serta kemudahan perusahaan dalam memperoleh informasi yang tepat dan akurat. Aplikasi berbasis web ini dirancang untuk mendukung sistem penjualan dari distributor ke pusat. Adapun metode penelitian yang digunakan adalah metode analisis (survei, kuisioner, dan wawancara) yang digunakan untuk menganalisa kebutuhan pengguna dan kebutuhan sistem, dan metode perancangan terstruktur dengan menggunakan struktur menu, UML (Unified Modelling Language), dan ERD (Entity Relationship Diagram). Hasil yang dicapai pada penelitian ini adalah terbuatnya sebuah aplikasi sistem penjualan berbasis web untuk PT. Barco. Aplikasi ini memiliki tampilan yang baik dan didukung oleh fitur-fitur yang memudahkan pengguna. Kesimpulan dari hasil rancangan ini adalah rancangan yang dikembangkan telah sesuai dengan delapan aturan emas dalam perancangan antar muka dan dapat beroperasi dengan baik.
v
KATA PENGANTAR
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 Berbasiskan Web pada PT. Barco” 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, yang
telah meluangkan waktu untuk memberikan saran serta penjelasan sehingga
skripsi ini dapat terselesaikan;
3. Bapak Freddy Purnomo, S.Kom., M.Kom. selaku sekretaris jurusan Teknik
Informatika, yang telah memberikan penjelasan tentang bagaimana pembuatan
vi
4. Bapak Tri Djoko Wahjono, Ir., M.Sc. selaku dosen pembimbing skripsi kelas
07 PBT yang memberikan waktu, bimbingan, dan saran-saran dalam
menyelesaikan skripsi ini;
5. Bapak Aprianto selaku Kepala HRD PT Barco, yang telah bersedia
memberikan kesempatan bagi kami untuk melakukan survey skripsi pada PT
Barco;
6. Bapak Yu Kiat Yung selaku Accounting PT Barco, yang telah membantu
dalam pengumpulan data dan seluruh staff perusahaan yang ikut membantu
dalam penelitian skripsi ini;
7. Dosen-dosen pengajar di Universitas Bina Nusantara yang telah memberikan
ilmu baik secara langsung maupun tidak langsung yang menjadi pedoman
dalam penulisan skripsi ini;
8. Orang tua dan seluruh anggota keluarga kami yang telah memberikan
dukungan doa, moril dan materiil;
9. Sahabat-sahabat kami selama menempuh pendidikan di Universitas Bina
vii
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 khususnya dan dunia pendidikan Indonesia pada umumnya.
Jakarta, Januari 2007
viii
DAFTAR ISI
Halaman
Halaman Judul Luar . . . . i
Halaman Judul Dalam . . . . ii
Halaman Persetujuan Hardcover . . . . iii
ABSTRAK . . . . iv
KATA PENGANTAR . . . v
DAFTAR ISI . . . . viii
DAFTAR TABEL . . . . xiii
DAFTAR GAMBAR . . . . xv
BAB 1 PENDAHULUAN . . . . 1
1.1 Latar Belakang . . . . 1
1.2 Ruang Lingkup . . . . 2
1.3 Tujuan dan Manfaat . . . . 3
1.4 Metodologi . . . . 4
1.5 Sistematika Penulisan . . . . 5
BAB 2 LANDASAN TEORI . . . . 7
2.1 Rekayasa Perangkat Lunak . . . . 7
2.1.1 Pengertian Rekayasa Perangkat Lunak . . . 7
2.1.2 Langkah-Langkah Pengembangan Perangkat Lunak . . . 7
ix
Halaman
2.2 Internet . . . . . . . . . . . . . 10
2.2.1 Pengertian Internet . . . . . . . . 11
2.2.2 DoD . . . . . . 12
2.2.3 Sejarah Internet . . . . 15
2.2.4 WWW (World Wide Web) . . . . . 17
2.3 Sistem Penjualan . . . 19
2.3.1 Pengertian Sistem . . . . . 20
2.3.2 Pengertian Penjualan . . . . . . . 20
2.3.3 Pengertian Sistem Penjualan . . . 21
2.4 E-Commerce . . . 22
2.4.1 Pengertian E-Commerce . . . . 22
2.4.2 Latar Belakang E-Commerce . . . . 23
2.4.3 Jenis-jenis E-Commerce . . . . 24
2.4.4 Keuntungan E-Commerce . . . . 26
2.5 Interaksi Manusia dan Komputer. . . . 26
2.5.1 Pengertian Interaksi Manusia dan Komputer . . . . 26
2.5.2 Tujuan Rekayasa Interaksi Manusia dan Komputer . . . . 27
2.5.3 Delapan Aturan Emas . . . . 29
2.6 UML (Unified Modeling Language) . . . . 31
2.7 Database. . . . . . . . . . . . . . . . 40
x
Halaman
2.7.2 ERD (Entity Relationship Diagram) . . . . 42
2.7.3 Normalisasi . . . . 43
2.8 Language . . . . . . . . . . . . . . . . . 44
2.8.1 PHP (Personal Homepage) . . . . 45
2.8.2 MySQL . . . . . 45
2.8.3 Java Script . . . . 46
2.8.4 Apache . . . . 46
BAB 3 PERANCANGAN SISTEM . . . . . 48
3.1 Gambaran Umum Perusahaan . . . . 48
3.1.1 Sejarah Perusahaan . . . . . . . 48
3.1.2 Lokasi . . . . 50
3.1.3 Spesifikasi Produk . . . . 50
3.1.4 Struktur Organisasi . . . . . 51
3.15 Tugas dan Wewenang . . . . . 52
3.2 Analisis Sistem . . . . . . 57
3.2.1 Sistem yang Sedang Berjalan . . . . . 57
3.2.2 Analisis Hasil Kuesioner Awal . . . . . 58
3.2.3 Permasalahan yang Sedang Dihadapi . . . . 65
xi
Halaman
3.3 Perancangan Perangkat Lunak . . . . . 66
3.3.1 Use Case Diagram . . . . . . 67
3.3.2 Class Diagram . . . . . . . 69
3.3.3 Object Diagram . . . . . . . . 70
3.3.4 Sequence Diagram. . . . 71
3.3.5 Statechart Diagram. . . . . . 82
3.3.6 Collaboration Diagram . . . . 84
3.3.7 Activity Diagram . . . . 89
3.3.8 Component Diagram . . . . 100
3.3.9 Deployment Diagram . . . . 101
3.3.10 Perancangan Database . . . . 102
3.3.11 Rancangan Layar . . . . 107
3.3.12 Spesifikasi Modul. . . . 140
BAB 4 IMPLEMENTASI DAN EVALUASI . . . . 156
4.1 Implementasi . . . . . . . 156
4.1.1 Kebutuhan Perangkat Keras . . . . 156
4.1.2 Kebutuhan Perangkat Lunak . . . . 157
4.1.3 Jadwal Instalasi . . . . . . . . 158
4.1.4 Struktur Menu . . . . . . . 158
xii
Halaman
4.2 Evaluasi / Analisis Hasil Percobaan . . . 196
4.2.1 Analisis Hasil Kuesioner Akhir . . . . 196
BAB 5 KESIMPULAN DAN SARAN . . . . 202
5.1 Kesimpulan. . . . 202
5.2 Saran . . . . 203
DAFTAR PUSTAKA . . . . 204
xiii
DAFTAR TABEL
Halaman
Tabel 3.1 Persentase Distributor yang mengenal Internet . . . . 58
Tabel 3.2 Persentase seberapa besar Distributor memahami internet . . . 59
Tabel 3.3 Persentase frekuensi pengguanaan internet oleh Distributor . . 59 Tabel 3.4 Persentase tempat penggunaan internet oleh Distributor. . . . 60
Tabel 3.5 Persentase fasilitas internet yang sering digunakan oleh Distributor 61 Tabel 3.6 Persentase internet menjadi sarana transaksi dalam perusahaan . . 62 Tabel 3.7 Persentase besar kendala yang dihadapi oleh para Distributor . . 62 Tabel 3.8 Persentase penyebab kesulitan yang dihadapi Distributor . . . . 63
Tabel 3.9 Persentase waktu pengiriman terhadap pendistribusian dan Penjualan . . . 63
Tabel 3.10 Persentase kesalahan dan kekeliruan laporan . . . . . 64
Tabel 3.11 Persentase kesalahan bagian keuangan . . . . 65
Tabel 3.12 Users . . . . . . . . . 105
Tabel 3.13 Order . . . . . . 105
Tabel 3.14 OrderItems . . . . 106
Tabel 3.15 Product . . . . 106
Tabel 3.17 Payment . . . . 106
xiv
Halaman
Tabel 4.2 Persentase aplikasi membantu penanganan proses dan
pemesanan barang . . . . . 196
Tabel 4.3 Persentase aplikasi terhadap pendistribusian dan peningkatan
penjualan . . . . . . . . . . . . . 197
Tabel 4.4 Persentase terjadinya perbedaan data . . . . 197
Tabel 4.5 Persentase aplikasi mempengaruhi kecepatan kerja . . . 198
Tabel 4.6 Persentase proses penanganan keuangan . . . . . . 199
Tabel 4.7 Persentase penghematan biaya administrasi . . . . . . 199
xv
DAFTAR GAMBAR
Halaman
Gambar 2.1 Waterfall Model . . . . . . 8
Gambar 2.2 Diagram Use Case. . . . 33
Gambar 2.3 Diagram Kelas . . . . 34
Gambar 2.4 Diagram Objek . . . . . . 34
Gambar 2.5 Diagram Sikuensi . . . . . 35
Gambar 2.6 Diagram Kolaborasi . . . . 36
Gambar 2.7 Diagram Statechart . . . . 37
Gambar 2.8 Diagram Aktifitas . . . . 38
Gambar 2.9 Diagram Komponen . . . . . . 39
Gambar 2.10 Diagram Deployment . . . . 40
Gambar 3.1 Struktur Organisasi . . . . . . . 51
Gambar 3.2 Use Case Diagram . . . . 68
Gambar 3.3 Class Diagram . . . . . . . 69
Gambar 3.4 Object Diagram . . . . 70
Gambar 3.5 Sequence Log In . . . . 71
Gambar 3.6 Sequence Lihat Pemesanan . . . . . . . . . 72
Gambar 3.7 Sequence Cari Pemesanan . . . .. . . . 73
Gambar 3.8 Sequence Bayar Pemesanan . . . . . . . . . 74
Gambar 3.9 Sequence Cari Produk . . . . . . . . . . 75
xvi
Halaman
Gambar 3.11 Sequence Lihat Pembayaran. . . 77
Gambar 3.12 Sequence Mantain Produk. . . . 78
Gambar 3.13 Sequence Pemesanan Produk . . . . 79
Gambar 3.14 Sequence Lihat Tagihan . . . . 80
Gambar 3.15 Sequence Cari Users . . . . 81
Gambar 3.16 Statechart order . .. . . . 82
Gambar 3.17 Statechart product . . . . . 82
Gambar 3.18 Statechart Users . . . . 83
Gambar 3.19 Statechart Pembayaran . . . . 83
Gambar 3.20 Collaboration Log In . . . . . . . 84
Gambar 3.21 Collaboration Pemesanan Produk . . . . 84
Gambar 3.22 Collaboration Lihat Pemesanan. . . . 85
Gambar 3.23 Collaboration Bayar Pemesanan . . . . 85
Gambar 3.24 Collaboration Maintain Users . . . . 86
Gambar 3.25 Collaboration Cari Pemesanan . . . . 86
Gambar 3.26 Collaboration Cari Produk . . . . . . 87
Gambar 3.27 Collaboration Lihat Pembayaran . . . . 87
Gambar 3.28 Collaboration Lihat Tagihan. . . . 88
Gambar 3.29 Collaboration Maintain Produk . . . . 88
Gambar 3.30 Diagram Activity Login . . . . . . . . 90
xvii
Halaman
Gambar 3.32 Diagram Activity Lihat Pemesanan . . . . . 92
Gambar 3.33 Diagram Activity Lihat Pemesanan . . . . 93
Gambar 3.34 Diagram Activity Maintain Produk . . . . 94
Gambar 3.35 Diagram Activity Maintain User . . . . 95
Gambar 3.36 Diagram Activity Cari Pemesanan . . . . 96
Gambar 3.37 Diagram Activity Cari Produk . . . . 97
Gambar 3.38 Diagram Activity Lihat Pembayaran . . . . 98
Gambar 3.39 Diagram Activity Lihat Tagihan . . . . 99
Gambar 3.40 Component Diagram . . . 100
Gambar 3.41 Deployment Diagram . . . . . . . . 101
Gambar 3.42 ERD . . . . . . . . . . . . 104
Gambar 3.43 Rancangan Layar Beranda . . . . . 107
Gambar 3.44 Rancangan Layar Produk . . . . . . . . . . . 108
Gambar 3.45 Rancangan Layar Tentang Kami . . . . 109
Gambar 3.46 Rancangan Layar Hubungi . . . . . . . . 110
Gambar 3.47 Rancangan Layar Pemesanan Distributor. . . . 111
Gambar 3.48 Rancangan Layar Cari Produk Distributor . . . . 112
Gambar 3.49 Rancangan Layar Lihat Pemesanan Lalu Distributor . . . . . 113
Gambar 3.50 Rancangan Layar Pembayaran Distributor . . . . 114
Gambar 3.51 Rancangan Layar Ganti Password Distributor . . . . 115
xviii
Halaman
Gambar 3.53 Rancangan Layar Lihat Pembayaran Admin . . . . 117
Gambar 3.54 Rancangan Layar Lihat Tagihan Admin . . . . 118
Gambar 3.55 Rancangan Layar Lihat Semua Pesanan Admin . . . . 119
Gambar 3.56 Rancangan Layar Tambah Distributor pada Admin . . . . 120
Gambar 3.57 Rancangan Layar Lihat Distributor pada Admin . . . . 121
Gambar 3.58 Rancangan Layar Ubah Distributor pada Admin . . . . 122
Gambar 3.59 Rancangan Layar Tambah Produk Admin. . . . 123
Gambar 3.60 Rancangan Layar Cari Produk Admin . . . . 124
Gambar 3.61 Rancangan Layar Ubah Produk Admin . . . . 125
Gambar 3.62 Rancangan Layar Ganti Password Admin . . . . 126
Gambar 3.63 Rancangan Layar Reset Password Admin . . . . 127
Gambar 3.64 Rancangan Layar Reset Password Admin . . . . 128
Gambar 3.65 Rancangan Layar Ubah Operator Admin . . . . 129
Gambar 3.66 Rancangan Layar Ubah Data Pribadi Admin . . . . 130
Gambar 3.67 Rancangan Layar Lihat Pesanan Operator . . . . . 131
Gambar 3.68 Rancangan Layar Lihat Pembayaran Operator . . . . 132
Gambar 3.69 Rancangan Layar Lihat Tagihan Operator . . . . 133
Gambar 3.70 Rancangan Layar Lihat Semua Pesanan Operator . . . . 134
Gambar 3.71 Rancangan Layar Lihat Distributor pada Operator. . . . 135
Gambar 3.72 Rancangan Layar Cari Produk Operator . . . . 136
xix
Halaman
Gambar 3.74 Rancangan Layar Ganti Password Operator . . . . 138
Gambar 3.75 Rancangan Layar Reset Password Operator . . . . 139
Gambar 3.76 Rancangan Layar Ubah Data Pribadi Operator . . . . 140
Gambar 3.77 Spesifikasi Modul . . . . . . 141
Gambar 4.1 Struktur Menu Utama . . . . . . . . . . 158
Gambar 4.2 Struktur Menu Login Admin . . . . . . . . . . 159
Gambar 4.3 Struktur Menu Login Operator . . . . 160
Gambar 4.4 Struktur Menu Login Distributor . . . . 161
Gambar 4.5 Tampilan Layar Beranda . . . . 162
Gambar 4.6 Tampilan Layar Produk . . . 163
Gambar 4.7 Tampilan Layar Tentang Kami. . . . 164
Gambar 4.8 Tampilan Layar Hubungi . . . . 165
Gambar 4.9 Tampilan Layar Pemesanan pada Distributor . . . . 166
Gambar 4.10 Tampilan Layar Cari Produk pada Distributor . . . . 167
Gambar 4.11 Tampilan Layar Lihat Pemesanan Lalu pada Distributor . . . . 168
Gambar 4.12 Tampilan Layar Pembayaran pada Distributor . . . . 169
Gambar 4.13 Tampilan Layar Ganti Password pada Distributor. . . . 170
Gambar 4.14 Tampilan Layar Lihat Pesanan pada Admin . . . . 171
Gambar 4.15 Tampilan Layar Lihat Pembayaran pada Admin . . . . 172
Gambar 4.16 Tampilan Layar Lihat Tagihan pada Admin . . . . . . . . . 173
xx
Halaman
Gambar 4.18 Tampilan Layar Tambah User pada Admin . . . . . 175
Gambar 4.19 Tampilan Layar Lihat Distributor pada Admin . . . 176
Gambar 4.20 Tampilan Layar Ubah Distributor pada Admin . . . . 177
Gambar 4.21 Tampilan Layar Tambah Produk pada Admin . . . . 178
Gambar 4.22 Tampilan Layar Cari Produk pada Admin . . . . 179
Gambar 4.23 Tampilan Layar Ganti Password pada Admin . . . . 180
Gambar 4.24 Tampilan Layar Reset Password pada Admin . . . . 181
Gambar 4.25 Tampilan Layar Lihat Operator pada Admin . . . . 182
Gambar 4.26 Tampilan Layar Ubah Operator pada Admin . . . . 183
Gambar 4.27 Tampilan Layar Ubah Data Pribadi pada Admin . . . . 184
Gambar 4.28 Tampilan Layar Lihat Pesanan pada Operator . . . . 185
Gambar 4.29 Tampilan Layar Lihat Pembayaran pada Operator . . . . 186
Gambar 4.30 Tampilan Layar Lihat Tagihan pada Operator . . . . 187
Gambar 4.31 Tampilan Layar Lihat Semua Pesanan pada Operator . . . . . 188
Gambar 4.32 Tampilan Layar Lihat Distributor pada Operator . . . . 189
Gambar 4.33 Tampilan Layar Ubah Distributor pada Operator . . . . 190
Gambar 4.34 Tampilan Layar Cari Produk pada Operator . . . . 191
Gambar 4.35 Tampilan Layar Ubah Produk pada Operator . . . . 192
Gambar 4.36 Tampilan Layar Ganti Password pada Operator . . . . 193
Gambar 4.37 Tampilan Layar Reset Password pada Operator . . . . 194
