iv Semester Genap tahun 2006/2007
ANALISIS DAN PERANCANGAN
SISTEM PEMASARAN DAN PENJUALAN BERBASIS WEB PADA PT. MASRIA UNIFORM
Henri Aristanto 0700708184
Wendy Surianto 0700709136
Kelas/Kelompok : 08 PDT / 12
Abstrak
Analisis dan perancangan sistem pemasaran dan penjualan berbasis web untuk produk pakaian jadi berupa seragam di PT. MASRIA UNIFORM bertujuan untuk merancang dan membangun suatu sistem pemasaran dan penjualan berbasis web dengan maksud memasarkan dan menjual seragam. Dengan melakukan penelitian, penulis mendapatkan informasi yang menunjang melalui metode analisis dan metode perancangan, Dalam penelitian ini, penulis mendapatkan hasil bahwa dalam sistem yang berjalan terdapat beberapa masalah sehingga pihak perusahaan mendapatkan kesulitan dalam memasarkan dan menjual produk pakaian jadi baru, khususnya seragam. Sehingga penulis mendapatkan kesimpulan bahwa dengan adanya usulan sistem yang baru maka akan membantu perusahaan untuk memasarkan dan menjual produk baru sesuai dengan target yang diharapkan.
Kata kunci:
v
PRAKATA
Puji syukur kami panjatkan kepada Tuhan Yang Maha Esa, karena atas rahmat dan karunia-Nyalah, kami dapat menyelesaikan penyusunan skripsi ini dalam rangka memenuhi persyaratan penyelesaian Jenjang Strata-1 di Universitas Bina Nusantara, Jakarta.
Tidak lupa kami sampaikan terima kasih kepada orang tua kami atas segala dukungan, nasehat, petunjuk, doa, saran dan bimbingan serta kesempatan yang telah diberikan selama penulisan skripsi ini. Rasa terima kasih juga kami tujukan kepada :
1. Rektor Universitas Bina Nusantara, Prof. Dr. Drs. Gerardus Polla, M. App.Sc. 2. Dekan Fakultas Ilmu Komputer Universitas Bina Nusantara, Ir.Sablin Yusuf,
M.Sc, M.Comp.Sc
3. H. M. Subekti, BE., M. Sc. selaku Ketua Jurusan Teknik Informatika dan dosen pembimbing yang telah banyak meluangkan waktu untuk memberikan pengarahan, nasehat, saran, kritik, dan perhatian yang besar serta masukan yang sangat berharga dalam penyusunan skripsi ini.
4. Sekretaris Jurusan Teknik Informatika, Fredy Purnomo, S.Kom., M.Kom.
5. Pimpinan dan segenap staf PT. Masria Uniform yang telah memberikan kesempatan kepada kami untuk melakukan observasi di perusahaan tersebut. 6. Dosen-dosen Universitas Bina Nusantara, yang telah membimbing selama
perkuliahan sehingga banyak memberikan masukan kepada kami untuk menyelesaikan skripsi ini.
vi
8. Teman-teman dan semua pihak yang tidak dapat disebutkan satu persatu yang telah membantu dengan memberikan saran, nasehat, dorongan, semangat, dan kritik yang membangun serta bantuan lain baik langsung maupun tidak langsung. Dalam skripsi ini, kami menyadari masih adanya kekurangan. Oleh karena itu kami masih membuka kritik dan saran yang membangun demi kesempurnaan skripsi ini.
Akhirnya dengan segala kerendahan hati, kami berharap semoga skripsi ini dapat berguna dan bermanfaat bagi pihak-pihak yang memerlukannya.
Jakarta, 11 Juni 2007
vii
DAFTAR ISI
Halaman Judul Luar ... i
Halaman Judul Dalam ... ii
Halaman Persetujuan Hardcover ... iii
Abstrak ... iv
Prakata ... v
Daftar Isi ... vii
Daftar Tabel ... xiii
Daftar Gambar ... xv
BAB 1 PENDAHULUAN 1.1 Latar Belakang ... 1
1.2 Ruang Lingkup ... 3
1.3 Tujuan dan Manfaat ... 4
1.4 Metodologi Penelitian ... 7
1.5 Sistematika Penulisan ... 8
BAB 2 LANDASAN TEORI 2.1Pemasaran dan Penjualan ... 10
2.1.1 Definisi Pemasaran ... 10
2.1.2 Definisi Penjualan ... 10
2.1.3 Konsep Pemasaran dan Penjualan ... 11
2.1.4 Bauran Komunikasi Pemasaran ... 12
viii
2.2 Internet Marketing ... 14
2.2.1 Definisi Internet Marketing ... 14
2.2.2 Keuntungan Bisnis yang Diperoleh Melalui Internet Marketing .. 14
2.2.3 Perbandingan Internet Marketing dan Pemasaran Tradisional ... 17
2.3 Electronic Commerce (e-Commerce) ... 20
2.3.1 Definisi E-Commerce ... 20
2.3.2 Kegiatan E-Commerce ... 22
2.4 Internet ... 23
2.4.1 Definisi Internet ... 23
2.4.2 Elemen dan Fasilitas Dalam Internet ... 24
2.5 Rekayasa Piranti Lunak ... 27
2.5.1 Pengertian Piranti Lunak ... 27
2.5.2 Karakteristik Piranti Lunak ... 27
2.5.3 Pengertian Rekayasa Piranti Lunak ... 28
2.5.4 Paradigma Rekayasa Piranti Lunak ... 29
2.6 Teori Sistem Basis Data ... 32
2.6.1 Pengertian Database ... 32
2.7 Sistem Development Life Cycle (SDLC) ... 33
2.7.1 Data Flow Diagram (DFD) ... 33
2.7.2 Entity Relationship Diagram (ERD) ... 35
2.7.3 State Transition Diagram (STD) ... 36
2.8 Teori IMK (Interaksi Manusia dan Komputer) ... 37
ix
3.1.1 Sejarah dan Perkembangan Studi Kasus ... 40
3.1.2 Struktur Organisasi Perusahaan ... 41
3.1.3 Analisis Sistem Berjalan ... 44
3.2 Analisis Permasalahan ... 47
3.2.1 Analisis Proses Bisnis Berjalan Pada Studi Kasus ... 47
3.2.2 Analisis Kuesioner dan Wawancara Pada Studi Kasus ... 51
3.2.3 Identifikasi Permasalahan ... 63
3.3 Analisis Pemecahan Masalah ... 69
3.4 Perancangan Sistem ... 81
3.4.1 Sistem Yang Diusulkan ... 82
3.4.1.1 DFD Sistem Yang Diusulkan ... 82
3.4.1.2 Perancangan Basis Data ... 87
3.4.1.3 ERD ... 91
3.4.2 Perancangan Menu ... 92
3.4.3 Perancangan Layar ... 98
3.4.4 State Transition Diagram (STD) ... 120
3.4.5 Perancangan Pseudocode Pada Solusi Yang Dibangun ... 138
3.4.5.1 Rancangan Pseudocode Modul Login ... 138
3.4.5.2 Rancangan Pseudocode Modul Join ... 139
3.4.5.3 Rancangan Pseudocode Modul Pembelian ... 139
3.4.5.4 Rancangan Pseudocode Modul Polling ... 140
3.4.5.5 Rancangan Pseudocode Modul Result Polling ... 141
3.4.5.6 Rancangan Pseudocode Modul Kritik/Saran ... 141
x
3.4.5.8 Rancangan Pseudocode Modul Tambah Produk Baru ... 142
3.4.5.9 Rancangan Pseudocode Modul Logout ... 143
3.4.5.10 Rancangan Pseudocode Modul Delete User ... 143
3.4.5.11 Rancangan Pseudocode Modul Delete Saran ... 144
3.4.5.12 Rancangan Pseudocode Modul Delete Kota ... 144
3.4.5.13 Rancangan Pseudocode Modul Delete Produk ... 145
BAB 4 IMPLEMENTASI DAN EVALUASI 4.1Implementasi ... 147
4.1.1 Kebutuhan Sumber Daya Aplikasi ... 147
4.1.1.1 Kebutuhan Perangkat Lunak ... 147
4.1.1.2 Kebutuhan Perangkat Keras ... 148
4.1.1.3 Kebutuhan Perangkat Jaringan ... 148
4.1.1.4 Kebutuhan Sumber Daya Manusia ... 150
4.1.2 Cara Instalasi Aplikasi ... 150
4.1.2.1 Instalasi Apache Pada Windows ... 150
4.1.2.2 Instalasi PHP Pada Windows ... 157
4.1.2.3 Instalasi MySQL Pada Windows ... 167
4.1.2.4 Cara Instalasi Situs Web Masria ... 179
4.1.3 Cara Penggunaan Aplikasi ... 183
4.1.3.1 Mengakses Menu Home ... 184
4.1.3.2 Kesalahan Akses Login ... 185
4.1.3.3 Mengakses About Us ... 185
4.1.3.4 Mengakses Layar Aturan Pembelian ... 186
xi
4.1.3.6 Mengakses Layar Contact Us ... 188
4.1.3.7 Layar FeedBack Pesan dan Transaksi jika Belum Login .. 189
4.1.3.8 Layar Produk Kaos ... 190
4.1.3.9 Layar Produk Kemeja ... 191
4.1.3.10 Layar Produk Jas ... 192
4.1.3.11 Layar Produk Celana ... 193
4.1.3.12 Mengakses Layar Pembelian ... 194
4.1.3.13 Layar FeedBack Pembelian Sukses ... 196
4.1.3.14 Layar Join Us ... 196
4.1.3.15 Layar FeedBack Kesalahan Pengisian Pada Join Us ... 197
4.1.3.16 Layar Polling ... 198
4.1.3.17 Layar Login Administrator ... 199
4.1.3.18 Layar FeedBack Error Login Administrator ... 200
4.1.3.19 Layar Menu Admin ... 201
4.1.3.20 Layar Input Kota ... 202
4.1.3.21 Layar Laporan Kota ... 203
4.1.3.22 Layar Input Barang ... 204
4.1.3.23 Layar Laporan Barang ... 205
4.1.3.24 Layar Laporan Member ... 206
4.1.3.25 Layar Laporan Order ... 207
4.1.3.26 Layar Laporan Saran ... 208
4.2Evaluasi ... 209
4.2.1 Evaluasi Dari Pengguna ... 209
xii BAB 5 KESIMPULAN DAN SARAN
5.1 Kesimpulan ... 220
5.2 Saran ... 221
DAFTAR PUSTAKA………..222
RIWAYAT HIDUP……….224 LAMPIRAN
xiii
DAFTAR TABEL
Tabel 2.1 Profil Tipe Media Utama ... 13
Tabel 2.2 An Interpretation of the Differences Between The Old and New Media ... 17
Tabel 2.3 Comparison of Traditional Marketing Vs Internet Marketing Concept ... 18
Tabel 2.4 Hubungan Antar Entity ... 36
Tabel 3.1 Daftar Proses Bisnis dan Aktornya ... 47
Tabel 3.2 Identifikasi Permasalahan Pada Masing-Masing Proses Bisnis ... 50
Tabel 3.3 HasilWawancara ... 51
Tabel 3.4 Draft Kuesioner ... 55
Tabel 3.5 Hasil Kuesioner ... 57
Tabel 3.6 Evaluasi Hasil Wawancara dan Kuesioner Terhadap Permasalahan .. 60
Tabel 3.7 Evaluasi Hasil Wawancara dan Kuesioner Terhadap Solusi ... 62
Tabel 3.8 Rangkuman Permasalahan Dalam Studi Kasus ... 64
Tabel 3.9 Rangkuman Solusi Untuk Permasalahan Studi Kasus ... 70
Tabel 3.10 Tujuan Dari Solusi Yang Akan Dibangun ... 78
Tabel 3.11 Definisi Tabel member ... 87
Tabel 3.12 Definisi Tabel order ... 88
Tabel 3.13 Definisi Tabel ms_product ... 89
Tabel 3.14 Definisi Tabel retur ... 89
Tabel 3.15 Definisi Tabel Kritik ... 90
xiv
Tabel 3.17 Definisi Tabel tbl_kota ... 90 Tabel 3.18 Fungsi/Menu Pada Layar Menu Aplikasi ... 92 Tabel 4.1 Hasil WawancaraDengan Pihak PT. Masria Uniform Mengenai
Implementasi Situs Web Yang Dibangun ... 210 Tabel 4.2 Draft Kuesioner Evaluasi Terhadap Sistem Yang Dibangun ... 212 Tabel 4.3 Hasil Evaluasi Melalui Kuesioner ... 214 Tabel 4.4 Hasil Evaluasi Pengembang Terhadap Kelebihan Aplikasi Web
Yang Dibangun ... 217 Tabel 4.5 Hasil Evaluasi Pengembang Terhadap Kekurangan Aplikasi Web
xv
DAFTAR GAMBAR
Gambar 2.1 Perbedaan Konsep Penjualan dan Pemasaran ... 11
Gambar 2.2 Market and Product Strategic Grid ... 15
Gambar 2.3 The Linear Sequential Model ... 32
Gambar 2.4 External Entity ... 34
Gambar 2.5 Proses ... 34
Gambar 2.6 Data Flow ... 35
Gambar 2.7 Data Store ... 35
Gambar 2.8 Notasi State ... 37
Gambar 2.9 Notasi Transisi State ... 37
Gambar 3.1 Struktur Organisasi PT. Masria Uniform ... 42
Gambar 3.2 Context Diagram Sistem Berjalan PT. Masria Uniform ... 45
Gambar 3.3 Diagram Nol Sistem Berjalan PT. Masria Uniform ... 46
Gambar 3.4 Context Diagram Sistem Yang Diusulkan ... 83
Gambar 3.5 Diagram Nol Sistem Yang Diusulkan ... 85
Gambar 3.6 ERD Yang Diusulkan ... 91
Gambar 3.7 Rancangan Layar Menu Home ... 99
Gambar 3.8 Rancangan Layar About Us ... 100
Gambar 3.9 Rancangan Layar Aturan Pembelian ... 101
Gambar 3.10 Rancangan Layar Client ... 102
Gambar 3.11 Rancangan Layar Contact Us ... 103
xvi
Gambar 3.14 Rancangan Layar Pemesanan ... 105
Gambar 3.15 Rancangan Layar Join Us ... 107
Gambar 3.16 Rancangan Layar Polling ... 108
Gambar 3.17 Rancangan Layar Login Administrator ... 109
Gambar 3.18 Rancangan Layar Feedback ... 110
Gambar 3.19 Rancangan Layar Menu Admin ... 111
Gambar 3.20 Rancangan Layar Input Kota ... 112
Gambar 3.21 Rancangan Layar Laporan Kota ... 113
Gambar 3.22 Rancangan Layar Laporan Member ... 114
Gambar 3.23 Rancangan Layar Laporan Order ... 115
Gambar 3.24 Rancangan Layar Input Barang ... 116
Gambar 3.25 Rancangan Layar Laporan Barang ... 117
Gambar 3.26 Rancangan Layar Laporan Saran ... 117
Gambar 3.27 Rancangan State Transition Diagram About Us ... 120
Gambar 3.28 Rancangan State Transition DiagramProduk ... 121
Gambar 3.29 Rancangan State Transition DiagramPemesanan ... 122
Gambar 3.30 Rancangan State Transition Diagram Detail Pemesanan ... 123
Gambar 3.31 Rancangan State Transition DiagramJoin Us ... 124
Gambar 3.32 Rancangan State Transition DiagramDetail Join Us ... 125
Gambar 3.33 Rancangan State Transition DiagramClient ... 126
Gambar 3.34 Rancangan State Transition DiagramContact Us ... 127
Gambar 3.35 Rancangan State Transition Diagram Detail Contact Us ... 128
Gambar 3.36 Rancangan State Transition DiagramPolling ... 129
xvii
Gambar 3.38 Rancangan State Transition DiagramLogin Forum ... 131
Gambar 3.39 Rancangan State Transition Diagram Produk Kemeja ... 132
Gambar 3.40 Rancangan State Transition DiagramProduk Kaos ... 133
Gambar 3.41 Rancangan State Transition DiagramProduk Jas ... 134
Gambar 3.42 Rancangan State Transition DiagramProduk Celana ... 135
Gambar 3.43 Rancangan State Transition Diagram Administrator ... 136
Gambar 3.44 Rancangan State Transition DiagramLogin Administrator ... 137
Gambar 4.1 Struktur Jaringan Yang Digunakan Untuk Implementasi Situs Web .. 149
Gambar 4.2 Services di Folder Administrative Tools ... 151
Gambar 4.3 Folder Yang Berisi Instaler Apache 2 ... 152
Gambar 4.4 Halaman Pertama Pada Installation Wizard Apache 2 ... 153
Gambar 4.5 Halaman Kedua Pada Installation Wizard Apache 2 ... 153
Gambar 4.6 Kotak Dialog Server Information Pada Installation Wizard Apache 2 ... 154
Gambar 4.7 Kotak Dialog Setup Type Pada Installation Wizard Apache 2 ... 154
Gambar 4.8 Memilih Folder Sebagai Tempat Instalasi Software Apache 2 ... 155
Gambar 4.9 Tombol Install Untuk Memulai Proses Instalasi Apache 2 ... 155
Gambar 4.10 Proses Instalasi Apache 2 Sedang Berjalan ... 156
Gambar 4.11 Tombol Finish Untuk Mengakhiri Proses Instalasi Apache 2 ... 156
Gambar 4.12 Ikon Apache Aktif Pada Taskbar Komputer ... 157
Gambar 4.13 Folder Yang Berisi Installer PHP ... 158
Gambar 4.14 File Unzip PHP ... 158
xviii
php_mysql.dll, dan php_mysqli.dll ke Folder Windows ... 159
Gambar 4.17 Mengubah Nama Php.ini-recommended Menjadi Php.ini ... 160
Gambar 4.18 File Php.ini ... 161
Gambar 4.19 Mengubah Konfigurasi File Php.ini ... 162
Gambar 4.20 Mengubah Register_globals dan Register_long_arrays ... 162
Gambar 4.21 File Httpd.conf ... 163
Gambar 4.22 Mengisi DocumentRoot Pada File Httpd.conf Yang Akan Menjadi Alamat Local Host ... 163
Gambar 4.23 Alamat Direktori Sama Dengan DocumentRoot ... 164
Gambar 4.24 Penambahan Baris Untuk Konfigurasi PHP 5 ... 165
Gambar 4.25 Penambahan Indeks Untuk Konfigurasi PHP 5 ... 165
Gambar 4.26 Halaman Web Yang Menunjukan PHP 5 Sudah Terinstalasi Dengan Baik ... 166
Gambar 4.27 Folder Berisi Installer MySQL ... 167
Gambar 4.28 Klik Ganda Untuk Memulai Instalasi MySQL ... 167
Gambar 4.29 Halaman Pertama Setup Wizard MySQL ... 168
Gambar 4.30 Kotak Dialog Setup Type MySQL ... 168
Gambar 4.31 Memulai Proses Instalasi MySQL ... 169
Gambar 4.32 Proses Instalasi MySQL 4.1 Sedang Berlangsung ... 169
Gambar 4.33 Kotak Dialog MySQL.com Sign-Up ... 170
Gambar 4.34 Proses Instalasi MySQL Sudah Selesai ... 170
Gambar 4.35 Wizard Untuk Konfigurasi MySQL ... 171
Gambar 4.36 Memilih Tipe Konfigurasi MySQL ... 171
xix
Gambar 4.38 Memilih Penggunaan MySQL ... 172
Gambar 4.39 Memilih Drive Untuk Lokasi File Data InnoDB ... 173
Gambar 4.40 Memilih jumlah Maksimal Koneksi Yang Dilakukan Secara Serempak Ke Server ... 173
Gambar 4.41 Opsi Jaringan Pada Konfigurasi MySQL ... 174
Gambar 4.42 Memilih Karakter Yang Didukung Pada Konfigurasi MySQL ... 174
Gambar 4.43 Memilih MySQL Sebagai Servis Windows ... 175
Gambar 4.44 Layar Penggunaan Password Untuk Setting Keamanan MySQL ... 175
Gambar 4.45 Mengeksekusi Perubahan Konfigurasi MySQL ... 176
Gambar 4.46 Proses Konfigurasi MySQL Telah Selesai ... 176
Gambar 4.47 Menambahkan Ekstensi yang didukung oleh PHP ... 177
Gambar 4.48 File Php.ini Yang Telah Diubah Diletakan Di Direktori ... 178
Gambar 4.49 Penambahan Modul Yang Didukung Oleh Apache ... 178
Gambar 4.50 Copy Folder Masria Pada Directory Yang Dijadikan Localhost ... 179
Gambar 4.51 Layar Console MySQL ... 180
Gambar 4.52 Membuat Database masria Pada MySQL ... 180
Gambar 4.53 Menggunakan Database masria ... 181
Gambar 4.54 Memasukan Database Ke MySQL Server ... 181
Gambar 4.55 Database Berhasil Dimasukan ke MySQL Server ... 182
Gambar 4.56 Membuat Folder Temp Pada Drive C ... 182
Gambar 4.57 Halaman Utama Situs Web Masria ... 183
Gambar 4.58 Tampilan Layar Menu Home ... 184
Gambar 4.59 Tampilan Layar Kesalahan Akses Login ... 185
xx
Gambar 4.61 Tampilan Layar Aturan Pembelian ... 187
Gambar 4.62 Tampilan Layar Client ... 188
Gambar 4.63 Tampilan Layar Contact Us ... 189
Gambar 4.64 Tampilan Layar FeedBack ... 190
Gambar 4.65 Tampilan Layar Produk Kaos ... 191
Gambar 4.66 Tampilan Layar Produk Kemeja ... 192
Gambar 4.67 Tampilan Layar Produk Jas ... 193
Gambar 4.68 Tampilan Layar Produk Celana ... 194
Gambar 4.69 Tampilan Layar Pembelian ... 195
Gambar 4.70 Tampilan Layar FeedBack Pembelian Sukses ... 196
Gambar 4.71 Tampilan Layar Join Us ... 197
Gambar 4.72 Layar FeedBack Kesalahan Pengisian Pada Form Daftar Member .... 198
Gambar 4.73 Layar Polling ... 199
Gambar 4.74 Layar Login Administrator ... 200
Gambar 4.75 Layar Feedback Error Login Administrator ... 201
Gambar 4.76 Layar Menu Admin ... 202
Gambar 4.77 Layar Input Kota ... 203
Gambar 4.78 Layar Laporan Kota ... 204
Gambar 4.79 Layar Input Barang ... 205
Gambar 4.80 Layar Laporan Barang ... 206
Gambar 4.81 Layar Laporan Member ... 207
Gambar 4.82 Layar Laporan Order ... 208