UNIVERSITAS BINA NUSANTARA
Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil tahun 2007/2008 ANALISIS DAN PERANCANGAN
APLIKASI PENJUALAN BERBASIS WEB PADA PD BERKAT CAHAYA KONTRAKTOR
Pada era globalisasi ini, masyarakat membutuhkan sarana informasi yang cepat dan akurat, juga efektif dan efisien maka penyediaan informasi berupa aplikasi penjualan berbasis web ini dapat bermanfaat bagi penggunanya merupakan pemecahannya. Tujuan penelitian adalah membantu memaksimalkan penyampaian informasi produk pagar beton dan transaksi kepada karyawan dan customer agar lebih efektif dan efisien dengan aplikasi penjualan berbasis web. Metode penelitian yang digunakan untuk mengembangkan aplikasi penjualan berbasis web ini dilakukan dengan metode studi kepustakaan, studi lapangan melalui wawancara, analisis dan rancangan sistem. Hasil yang dicapai adalah aplikasi penjualan berbasis web yang dapat menyajikan informasi yang akurat, efektif dan meningkatkan efisiensi waktu karyawan dalam melaksanakan tugas-tugasnya serta memberikan kemudahan kepada customer
dalam pembuatan PO dan pengecekan PO. Simpulan yang didapatkan adalah suatu aplikasi penjualan berbasis web yang dapat menyajikan informasi yang akurat, efektif, dan efisien, serta dapat mendukung dan melengkapi siustem yang sudah berjalan dalam bentuk yang menarik
Kata Kunci
v
PRAKATA
Puji Syukur kepada Tuhan Yang Maha Esa atas berkat dan karunia-Nya sehingga
penulis dapat menyelesaikan penyusunan skripsi ini. Adapun skripsi ini yang berjudul
Analisis dan Perancangan Aplikasi Penjualan Berbasis Web pada PD Berkat Cahaya Kontraktor yang disusun sebagai salah satu persyaratan yang harus dipenuhi dalam menyelesaikan program pendidikan strata satu (S-1) di universitas Bina
Nusantara.
Penulis berusaha menyusun skripsi ini dengan sebaik mungkin. Namun penulis
tidak terlepas dari segala kekurangan karena pengetahuan dan pengalaman yang masih
kurang memadai. Oleh sebab itu, penulis mengharapkan saran dan kritik dari semua
pihak untuk membantu menyempurnakan skripsi ini.
Dalam penyusunan skripsi ini, banyak pihak yang turut berperan serta memberi
dukungan baik secara langsung maupun tidak langsung. Pada kesempatan ini, penulis
ingin mengucapkan terima kasih yang tak terhingga dan penghargaan yang
sebesar-besarnya kepada :
1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc. selaku Rektor Universitas Bina
Nusantara, yang telah memberi banyak kepercayaan dan kesempatan untuk
mengikuti kuliah dan menyelesaikan skripsi ini.
2. Bapak Fredy Purnomo, S. Kom, M. Kom selaku Ketua Jurusan Teknik
Informatika yang telah mendukung penulis dalam penyusunan skripsi ini.
3. Ibu Henny Surya Ningsih, S.kom., MSoftSysEng. selaku Wakil Ketua Jurusan
v i
4. Bapak Ichwan R. Tandjung B.Sc., M.Sc. selaku dosen pembimbing yang telah
mencurahkan waktu, pikiran dan tenaga untuk memberikan bimbingan dan
pengarahan dalam penyusunan skripsi ini.
5. Seluruh dosen Universitas Bina Nusantara yang selama ini telah memberikan
ilmu dan bimbingan akademis kepada penulis sejak awal hingga akhir
perkuliahan
6. Ibu Ong Sie Ping selaku pemilik PD Berkat Cahaya Kontraktor serta segenap
karyawan yang telah banyak memberikan penjelasan mengenai skripsi yang kami
susun.
7. Segenap keluarga tercinta yang telah mendukung penulis baik secara moril
maupun materi dalam penyusunan skripsi ini.
8. Sahabat-sahabat dan teman kelas skripsi e-Application 07PAT yang telah
membantu penulis dalam penyusunan skripsi ini.
9. Rekan dan kerabat yang tidak dapat penulis sebutkan satu per satu.
Semoga Tuhan Yang Maha Esa berkenan membalas segala amal dan budi baik
kepada semua pihak yang telah membantu penulis dalam penyusunan skripsi ini.
Akhir kata, penulis berharap agar skripsi ini dapat dijadikan masukan dan
sumbangan pemikiran yang sebesar-besarnya untuk membawa dampak positif bagi siapa
saja yang membutuhkan di masa yang akan datang.
Jakarta, Januari 2008
v ii
DAFTAR ISI
Halaman Judul Luar ……….. i
Halaman Judul Dalam ……….. ii
Halaman Persetujuan Hardcover……… iii
Halaman Abstrak ……….. iv
Halaman Prakata ……….. v
Daftar isi………... vii
Daftar Tabel ………. xi
Daftar Gambar ………. xii
BAB 1 PENDAHULUAN ………... 1
1.1 Latar Belakang ………... 1
1.2 Ruang Lingkup ……….. 2
1.3 Tujuan ………... 3
1.4 Manfaat ……….. 3
1.5 Metodologi ………….……… 4
1.6 Sistematika Penulisan ……… 6
BAB 2 LANDASAN TEORI .……….. 8
2.1 Aplikasi Sistem Informasi Penjualan …..………. 8
2.1.1 Aplikasi ……… 8
v iii
2.1.3 Informasi……….. 9
2.1.4 Sistem Informasi ……… 10
2.1.5 Penjualan ……… 10
2.1.6 Sistem Informasi Penjualan ……… 11
2.2 Rekayasa Piranti Lunak (RPL).………... 11
2.2.1 Lapisan dalam RPL .………... 12
2.2.2 Model Proses Software ………..………. 12
2.3 Interaksi Manusia dengan Komputer ………... 15
2.3.1 Eight Golden Rules User Interface Design ………. 15
2.4 Unified Modelling Language (UML) ………. 17
2.4.1 Class Diagram …...………. 18
2.4.2 Use-Case Diagram .……….... 21
2.4.2.1 Pengertian Use-Case Diagram ……… 21
2.4.2.2 Deskripsi Use-Case ……… 22
2.4.3 Sequence Diagram .……… 23
2.4.4 Activity Diagram ……… 24
2.5 Database ……….. 25
2.5.1 Pengertian Database ………...……… 25
2.5.2 Entity Relationship Diagram (ERD)……….. 27
2.5.3 MySQL ………..……. 30
2.6 Java ……….. 32
2.6.1 Java Server Page (JSP) …………..……… 33
2.7 Internet ……….… 34
ix
2.8 e-Commerce ………. 34
2.8.1 Keuntungan dari e-Commerce ……… 36
2.8.2 Resiko dari e-Commerce ……… 37
BAB 3 ANALISIS DAN RANCANGAN SISTEM ……….. 38
3.1 Gambaran Umum Perusahaan ………. 38
3.1.1 Latar Belakang Berdirinya Perusahaan ...…….……….. 38
3.1.2 Sejarah Singkat PD Berkat Cahaya Kontraktor.………. 38
3.1.3 Struktur Organisasi ………. 40
3.1.3.1 Tugas dan Wewenang ………. 42
3.2 Analisis Sistem yang Sedang Berjalan ……… 44
3.3 Analisis Masalah Yang Dihadapi ………. 47
3.4 Alternatif Pemecahan Masalah ………. 48
3.5 Perancangan Perangkat Lunak ………. 50
3.5.1 Class Diagram ……… 50
3.5.2 Use Case Diagram ……….. 52
3.5.3 Sequence Diagram .……… 58
3.5.4 Activity Diagram .……….. 74
3.5.5 Rancangan Database ……….. 80
3.5.6 Rancangan Layar ……… 91
3.5.6.1 Perancangan Layar Menu Utama ……….. 91
3.5.6.2 Perancangan Layar Menu Tambahan ……… 110
x
3.5.6.4 Perancangan Layar Menu Tambahan Employee ……….. 131
3.5.6.5 Perancangan Layar Menu Tambahan Member ……….. 138
3.6 Spesifikasi Modul ……… 143
BAB 4 IMPLEMENTASI DAN EVALUASI ………. 156
4.1 Implementasi ………. 156
4.1.1 Perangkat Keras ……….. 156
4.1.2 Jaringan ……… 157
4.1.3 Perangkat Lunak ……….. 158
4.1.4 Cara Instalasi ……….. 160
4.1.5 Cara Pemakaian Aplikasi ……… 160
4.2 Evaluasi ………. 193
BAB 5 SIMPULAN DAN SARAN ………. 198
5.1 Simpulan ……….. 198
5.2 Saran ……….. 198
DAFTAR PUSTAKA .………. 200
RIWAYAT HIDUP ………. 202
xi
DAFTAR TABEL
Tabel 2.1 Hubungan Objek / Kelas dan Multiplicity Notation ... 20
Tabel 2.2 Notasi UML untuk perancangan ERD ……….…. 29
Tabel 3.1 Deskripsi Use-case Admin ……… 53
Tabel 3.2 Deskripsi Use-case Member ………..……….…….. 53
Tabel 3.3 Deskripsi Use-case Bagian Keuangan …………..……… 54
Tabel 3.4 Deskripsi Use-case Site Manager ………... 55
Tabel 3.5 Deskripsi Use-case Project Manager ………... 55
Tabel 3.6 Deskripsi Use-case Surveyor ...………... 56
Tabel 3.7 Deskripsi Use case Guest ………..…….….. 57
Tabel 3.8 msAdmin ... 80
Tabel 3.9 msSurveyor ... 80
Tabel 3.10 msSiteManager ... 81
Tabel 3.11 msProjectManager ... 81
Tabel 3.12 msKeuangan ... 82
Tabel 3.13 msMember ………. 82
Tabel 3.14 msNegotiationStatus ……….. 83
Tabel 3.15 msProcessStatus ………. 84
Tabel 3.16 msTrans ……….………. 84
Tabel 3.17 msPO ……….………. 85
Tabel 3.18 msPosition ……….. 86
xii
DAFTAR GAMBAR
Gambar 1.1 Kerangka Metodologi………. 6
Gambar 2.1 Lapisan Rekayasa Perangkat Lunak ………..…… 12
Gambar 2.2 Waterfall Model ... 14
Gambar 2.3 Class Diagram ... 19
Gambar 2.4 Use-Case Diagram …...……….. 22
Gambar 2.5 Sequence Diagram ..….………... 23
Gambar 2.6 Activity Diagram ………... 24
Gambar 2.7 Sistem Data Modelling ...……… 27
Gambar 3.1 Struktur Organisasi PD Berkat Cahaya Kontraktor ………... 41
Gambar 3.2 Flow Chart Sistem yang Berjalan pada PD Berkat Cahaya Kontraktor … 49 Gambar 3.3 Sistem Class Diagram …….………... 50
Gambar 3.4 Sistem Use Case Diagram .……… 52
Gambar 3.5 Sequence Diagram Change Password Failed ……...………. 58
Gambar 3.6 Sequence Diagram Change Password Success ...………... 59
Gambar 3.7 Sequence Diagram Change Status Negotiation PO ....……….... 60
Gambar 3.8 Sequence Diagram Change Proses Negotiation PO ... 60
Gambar 3.9 Sequence Diagram Create PO ... 61
Gambar 3.10 Sequence Diagram Date Progress PO ……….… 61
Gambar 3.11 Sequence Diagram Delete Data Employee ...………... 62
Gambar 3.12 Sequence Diagram Delete Data Member ... 63
Gambar 3.13 Sequence Diagram Delete Data PO ...……….………... 64
xiii
Gambar 3.15 Sequence Diagram Edit Profile Member ..………..…. 66
Gambar 3.16 Sequence Diagram Insert Cost In Form PO .……….. 66
Gambar 3.17 Sequence Diagram Insert Employee Failed .………... 67
Gambar 3.18 Sequence Diagram Insert Employee Success ..……… 67
Gambar 3.19 Sequence Diagram Insert Payment PO ....………... 68
Gambar 3.20 Sequence Diagram Insert Survey PO ....………….………. 68
Gambar 3.21 Sequence Diagram Login Gagal ..………... 69
Gambar 3.22 Sequence Diagram Login Success ...………... 70
Gambar 3.23 Sequence Diagram Print PO ……….. 71
Gambar 3.24 Sequence Diagram Registrasi Data Member Failed ……….. 71
Gambar 3.25 Sequence Diagram Registrasi Member Success ..……….. 72
Gambar 3.26 Sequence Diagram View Costumer Data ……….……….. 72
Gambar 3.27 Sequence Diagram View Employee Data ...……….………... 73
Gambar 3.28 Sequence Diagram View PO ...……….……….. 73
Gambar 3.29 Activity Diagram Log In Member ..……….………... 74
Gambar 3.30 Activity Diagram Log In Admin ………...………... 75
Gambar 3.31 Activity Diagram Log In Project Manager ………..……….. 76
Gambar 3.32 Activity Diagram Log In Surveyor ………..……….. 77
Gambar 3.33 Activity Diagram Log In Bagian Keuangan ……….. 78
Gambar 3.34 Activity Diagram Log In Site Manager ..……….. 79
Gambar 3.35 Entity Relationship Diagram ..……….. 88
Gambar 3.36 Struktur Menu Hirarki web penjualan online PD Berkat Cahaya Kontraktor .……….…….. 90
xiv
Gambar 3.38 Rancangan layar Halaman Utama Admin ………...….. 93
Gambar 3.39 Rancangan layar Halaman Utama Keuangan ……….... 93
Gambar 3.40 Rancangan layar Halaman Utama Project Manager.………..……….. 94
Gambar 3.41 Rancangan layar Halaman Utama Site Manager………..…….. 94
Gambar 3.42 Rancangan layar Halaman Utama Surveyor………..….. 95
Gambar 3.43 Rancangan layar Halaman Utama Member………..….. 95
Gambar 3.44 Rancangan layar Product guest ..……….….….. 96
Gambar 3.45 Rancangan layar Product Admin……….……..…….. 97
Gambar 3.46 Rancangan layar Product Keuangan.……….……….... 97
Gambar 3.47 Rancangan layar About Product Project Manager………….……….... 98
Gambar 3.48 Rancangan layar Product Site Manager...……….…………. 98
Gambar 3.49 Rancangan layar Product Surveyor..……….………. 99
Gambar 3.50 Rancangan layar Product Member…...……….…………. 99
Gambar 3.51 Rancangan layar Tentang Kami guest……….………….………. 100
Gambar 3.52 Rancangan layar Tentang Kami Admin…………..….…….…….. 101
Gambar 3.53 Rancangan layar Tentang Kami Keuangan………..……...…….……. 101
Gambar 3.54 Rancangan layar Tentang Kami Project Manager…………..…….…. 102
Gambar 3.55 Rancangan layar Tentang Kami Site Manager….………...……. 102
Gambar 3.56 Rancangan layar Tentang Kami Surveyor..…………..……….... 103
Gambar 3.57 Rancangan layar Tentang Kami Member ………. 103
Gambar 3.58 Rancangan layar Hubungi Kamiguest…….……….… 104
Gambar 3.59 Rancangan layar Hubungi Kami Admin……….….…… 105
Gambar 3.60 Rancangan layar Hubungi KamiKeuangan………..…….... 105
xv
Gambar 3.62 Rancangan layar Hubungi KamiSite Manager………..……... 106
Gambar 3.63 Rancangan layar Hubungi KamiSurveyor………..…………. 107
Gambar 3.64 Rancangan layar Hubungi Kami Member………. 107
Gambar 3.65 Rancangan layar Log In ...……… 108
Gambar 3.66 Rancangan layar Registrasi ………. 109
Gambar 3.67 Rancangan layar Konfirmasi Registrasi Member Berhasil…………. 110
Gambar 3.68 Rancangan layar Profil Saya Admin ..………. 111
Gambar 3.69 Rancangan layar Profil Saya Keuangan.……….………. 112
Gambar 3.70 Rancangan layar Profil Saya Project Manager………. 113
Gambar 3.71 Rancangan layar Profil Saya Site Manager………... 114
Gambar 3.72 Rancangan layar Profil Saya Surveyor ...………. 115
Gambar 3.73 Rancangan layar Profil Saya Member ………. 116
Gambar 3.74 Rancangan layar Change Password ……… 117
Gambar 3.75 Rancangan layar Konfirmasi ubah passwordAdmin berhasil ……… 118
Gambar 3.76 Rancangan layar Konfirmasi ubah passwordKeuangan berhasil ….. 118
Gambar 3.77 Rancangan layar Konfirmasi ubah password Project Manager …….. 119
Gambar 3.78 Rancangan layar Konfirmasi ubah password Site Manager ………… 119
Gambar 3.79 Rancangan layar Konfirmasi ubah password Surveyor ……….. 120
Gambar 3.80 Rancangan layar Konfirmasi ubah password Member ……… 120
Gambar 3.81 Rancangan layar Data Karyawan ... 121
Gambar 3.82 Rancangan layarTambah Data Karyawan Baru ……….. 123
Gambar 3.83 Rancangan layar Konfirmasi Penghapusan Data Karyawan …….. …. 124
Gambar 3.84 Rancangan layar Data Member ………. 125
xvi
Gambar 3.86 Rancangan layar Semua Purchase Order Admin ... 127
Gambar 3.87 Rancangan layar Detail PO ……….. 129
Gambar 3.88 Rancangan layar Konfirmasi Penghapusan Purchase Order……... 130
Gambar 3.89 Rancangan layar SemuaPO Keuangan ... 132
Gambar 3.90 Rancangan layar Semua PO Project Manager... 132
Gambar 3.91 Rancangan layar Detail PO Keuangan ... 134
Gambar 3.92 Rancangan layar detail POProject Manager... 135
Gambar 3.93 Rancangan layar detail PO Site Manager ... 136
Gambar 3.94 Rancangan layar detail PO Surveyor ... 137
Gambar 3.95 Rancangan layar SemuaPO Member ... 139
Gambar 3.96 Rancangan layar Detail PO Member ……… 140
Gambar 3.97 Rancangan layar Buat Purchase Order Member ... 141
Gambar 3.98 Rancangan layar Konfirmasi Buat PO berhasil ……….. 142
Gambar 4.1 Topologi Jaringan server dengan server provider ... 157
Gambar 4.2 Halaman Utama ……….. 161
Gambar 4.3 Halaman Log In ……….…………. 162
Gambar 4.4 Halaman Log In gagal ……….…… 163
Gambar 4.5 Halaman Produk ……….……… 164
Gambar 4.6 Halaman Tentang Kami ………. 165
Gambar 4.7 Halaman Contact Us ……….………. 166
Gambar 4.8 Halaman Registrasi ……… 167
Gambar 4.9 Halaman Registrasi Berhasil ………. 168
Gambar 4.10 Halaman Profil Saya Sebagai member ……….. 169
xvii
Gambar 4.12 Halaman Berhasil Ubah Password ………..……….. 171
Gambar 4.13 Halaman Gagal Ubah Password ………..…….…. 172
Gambar 4.14 Halaman Semua PO Konsumen ………..………... 173
Gambar 4.15 Halaman Aktif PO Member ………..……….… 174
Gambar 4.16 Halaman Detail PO Member ………..……… 175
Gambar 4.17 Halaman Konfirmasi Ubah Detail PO Member ………..…..…….… 176
Gambar 4.18 Halaman Pembuatan PO Member ………..…… 177
Gambar 4.19 Halaman Pembuatan PO berhasil Member …………..…………..… 178
Gambar 4.20 Halaman Aktif PO karyawan ………..… 179
Gambar 4.21 Halaman Semua PO karyawan ……….………..… 180
Gambar 4.22 Halaman Data Karyawan ……… 181
Gambar 4.23 Halaman Konfirmasi Delete Karyawan ………..… 182
Gambar 4.24 Halaman Data Member Admin ………... 183
Gambar 4.25 Halaman Konfirmasi Delete Member ………. 184
Gambar 4.26 Halaman PO Admin ………..…………..…..…….. 185
Gambar 4.27 Halaman Konfirmasi Penghapusan PO………..…….. 187
Gambar 4.28 Halaman Detail PO Admin ……….….…… 188
Gambar 4.29 Halaman Profil Saya Sebagai Karyawan ………..….. 189
Gambar 4.30 Halaman Konfirmasi Proses Update Profil Karyawan…..………….. 191
Gambar 4.31 Halaman Tambah Karyawan ……….…. 192