iv
UNIVERSITAS BINA NUSANTARA
________________________________________________________________ Jurusan Teknik Informatika
Skripsi Sarjana Komputer Semester Ganjil tahun 2005/2006
ANALISIS DAN PERANCANGAN SISTEM PEMASARAN BERBASIS WEB PADA PT METROTECH JAYA KOMUNIKA
Merissa Cindytama 0600671962 Rudy Santoso 0600672302 Can Ji 0600672340 Kelas / Kelompok : 07 PGT / 8
Abstrak
Tujuan penelitian ini adalah merancang suatu sistem pemasaran berbasis web pada PT Metrotech Jaya Komunika dengan menyajikan informasi-informasi produk secara lebih inovatif dan pemesanan produk secara online.
Metode penelitian yang digunakan dalam merancang aplikasi ini yaitu mencakup studi kepustakaan, penelitian lapangan, dan perancangan. Studi kepustakaan dilakukan untuk mencari informasi yang terkait dengan aplikasi yang akan dirancang. Penelitian lapangan dilakukan sebagai survey terhadap masalah yang dihadapi agar dapat dicari solusinya. Perancangan dilakukan dengan metode perancangan terstruktur seperti DFD (Data Flow Diagram), STD (State Transition Diagram), dan spesifikasi proses.
Hasil yang dicapai pada penelitian ini adalah sebuah aplikasi sistem pemasaran berbasis web yang dapat membantu user dalam mendapatkan informasi seputar produk dengan lebih lengkap dan up to date, dapat diakses dari luar kota sekalipun, serta memungkinkan user untuk melakukan pemesanan produk secara online. Sistem ini juga memberikan fasilitas untuk dapat saling berinteraksi baik antara user dengan user maupun antara user dengan perusahaan melalui perantaraan forum.
Simpulan dari penelitian ini yaitu sistem mampu menjadi sistem pemasaran berbasis web yang dapat digunakan oleh perusahaan dalam meningkatkan jangkauan pemasarannya. Namun sistem masih memiliki kekurangan yaitu belum adanya proses pendistribusian barang yang telah dipesan oleh user.
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 Pemasaran Berbasis Web pada PT Metrotech Jaya Komunika” dapat kami selesaikan dengan lancar dan tepat waktu.
Skripsi ini disusun untuk memenuhi salah satu syarat kelulusan dalam menyelesaikan jenjang pendidikan Strata-1 (satu) jurusan Teknik Informatika di Universitas Bina Nusantara.
Dalam kesempatan ini, kami ingin mengucapkan terima kasih kepada pihak-pihak yang telah ikut berperan serta dalam memberikan bantuan dan dukungan dari segi moril maupun materiil, bimbingan, serta saran dan nasihat dalam proses penyelesaian skripsi ini, antara lain :
1. Bapak Prof. Dr. Drs. Gerardus Polla, M.App.Sc., selaku rektor Universitas Bina Nusantara yang telah memberikan kesempatan kepada kami untuk menimba ilmu di Universitas Bina Nusantara.
2. Bapak H.M Subekti, BE , M.Sc, selaku Ketua Jurusan Teknik Informatika. 3. Bapak Drs. Romli, M.App.Comp., selaku dosen pembimbing yang telah
memberikan banyak bimbingan, saran, serta nasihat dalam penyusunan skripsi ini.
vi
5. Bapak Riki Irawan, selaku General Manager dari PT Metrotech Jaya Komunika yang telah bersedia meluangkan waktunya untuk kami.
6. Kedua orang tua dan seluruh anggota keluarga kami yang telah memberikan dukungan doa, moril dan materiil.
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. 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 pengalaman, pengetahuan, serta waktu kami. Oleh karena itu, saran dan kritik yang bersifat membangun dari para pembaca dan pihak-pihak yang terkait sangat kami harapkan dalam usaha pengembangan yang 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, 11 Januari 2006
vii DAFTAR ISI
halaman
Halaman Judul Luar i
Halaman Judul Dalam ii
Halaman Persetujuan Softcover iii
Abstrak iv
Kata Pengantar v
Daftar Isi vii
Daftar Tabel xvi
Daftar Gambar xviii
BAB 1 PENDAHULUAN 1
1.1 Latar Belakang 1
1.2 Ruang Lingkup 2
1.3 Tujuan dan Manfaat 2
1.4 Metodologi 3
1.5 Sistematika Penulisan 4
BAB 2 LANDASAN TEORI 6
2.1 Teori Umum 6
2.1.1 Pengertian Internet 6
2.1.2 Pengertian Intranet 7
2.1.3 HTTP (Hypertext Transfer Protocol) 8
viii
2.1.5 Browser 10
2.1.6 HTML (Hypertext Markup Language) 10
2.1.7 Web Server 11
2.1.8 JSP (Java Server Pages) 12
2.1.9 MySQL 15
2.1.10 Database 17
2.1.11 Normalisasi 17
2.1.12 Relational Database 18
2.1.13 DBMS (Database Management System) 18 2.1.14 DFD (Data Flow Diagram) 20 2.1.15 STD (State Transition Diagram) 20 2.1.16 ERD (Entity Relationship Diagram) 20 2.1.17 IMK (Interaksi Manusia dan Komputer) 21
2.1.17.1 Definisi IMK 21
2.1.17.2 Delapan Aturan Emas 21 2.1.17.3 Desain Antar Muka Pemakai 24 2.1.17.4 Perancangan Antar Muka Pemakai 24 2.1.18 RPL (Rekayasa Piranti Lunak) 27 2.1.18.1 Pengertian Rekayasa Piranti Lunak 27 2.1.18.2 Tahap-tahap Perancangan Software 29
2.1.19 e-Commerce 31
ix
2.2 Teori Khusus 34
2.2.1 Sistem Pemasaran 34
2.2.1.1 Pengertian Sistem 34
2.2.1.2 Pengertian Pemasaran 35 2.2.1.3 Perbedaan Konsep Pemasaran dan Konsep
Penjualan 36
BAB 3 ANALISIS DAN PERANCANGAN 39
3.1 Riwayat PT Metrotech Jaya Komunika 39 3.1.1 Sejarah Umum PT Metrotech Jaya Komunika 39 3.1.2 Struktur Organisasi PT Metrotech Jaya Komunika 40
3.2 Analisis Sistem Berjalan 45
3.3 Data Flow Diagram (DFD) Berjalan 46
3.3.1 Diagram Konteks 47
3.3.2 Diagram Nol 48
3.4 Analisis Kuisioner dan Wawancara 49
3.4.1 Analisis Kuisioner 49
3.4.2 Analisis Wawancara 60
3.5 Permasalahan yang Dihadapi 63
3.6 Usulan Pemecahan Masalah 64
3.7 Prosedur yang Diusulkan 65
3.8 Perancangan Sistem yang Diusulkan 67 3.8.1 Data Flow Diagram (DFD) 67
3.8.1.1 Diagram Konteks 68
x
3.8.2 Spesifikasi File 70
3.8.3 Entity Relationship Diagram (ERD) 82
3.8.4 Struktur Menu 84
3.8.4.1 Struktur Menu sebelum Login 84 3.8.4.2 Struktur Menu setelah Login 85 3.8.5 State Transition Diagram (STD) – Client Side 86 3.8.5.1 STD Navigation Bar 86 3.8.5.2 STD Home Content 88 3.8.5.3 STD Home Content setelah Login 89
3.8.5.4 STD Shopping Cart 90 3.8.5.5 STD Check Out 91 3.8.5.6 STD Register 92 3.8.5.7 STD Product Catalog 93
3.8.5.8 STD Search 93
3.8.5.9 STD Login 94
3.8.5.10 STD Forgot Password 95
3.8.5.11 STD Edit Account 96
3.8.5.12 STD View Account 97
3.8.5.13 STD Forum 97
3.8.5.14 STD FAQ 98
3.8.5.15 STD Distribution 98
3.8.5.16 STD News Center 99
3.8.5.17 STD Contact Us 100
xi
3.8.5.19 STD Help 101
3.8.6 State Transition Diagram (STD) – Admin Side 102
3.8.6.1 STD Menu Utama Admin 102
3.8.6.2 STD Menu Admin 103
3.8.6.3 STD Menu Customer – Admin 104
3.8.6.4 STD Menu Product – Admin 105
3.8.7 Spesifikasi Proses 105
3.8.8 Rancangan Layar – Client Side 128
3.8.8.1 Rancangan Layar Home sebelum Login 129
3.8.8.2 Rancangan Layar Home setelah Login 130
3.8.8.3 Rancangan Layar Register 131
3.8.8.4 Rancangan Layar Forgot Password 132
3.8.8.5 Rancangan Layar View Account 133
3.8.8.6 Rancangan Layar Edit Account 134
3.8.8.7 Rancangan Layar Order History 135
3.8.8.8 Rancangan Layar Forgot Password 136
3.8.8.9 Rancangan Layar Shopping Cart 137
3.8.8.10 Rancangan Layar Checkout 138
3.8.8.11 Rancangan Layar Product 139
3.8.8.12 Rancangan Layar GSM Mobile 140
3.8.8.13 Rancangan Layar CDMA Mobile 141
3.8.8.14 Rancangan Layar CDMA Fixed Wireless 142
3.8.8.15 Rancangan Layar Services 143
xii
3.8.8.17 Rancangan Layar FAQ 145
3.8.8.18 Rancangan Layar Distribution 146
3.8.8.19 Rancangan Layar News Center 147
3.8.8.20 Rancangan Layar Contact Us 148
3.8.8.21 Rancangan Layar About Us 149
3.8.8.22 Rancangan Layar Help 150
3.8.9 Rancangan Layar – Admin Side 151
3.8.9.1 Rancangan Layar Login Admin 151
3.8.9.2 Rancangan Layar Halaman Utama Admin 152
3.8.9.3 Rancangan Layar Edit Admin 153
3.8.9.4 Rancangan Layar Add Admin 154
3.8.9.5 Rancangan Layar Customer – Admin 155
3.8.9.6 Rancangan Layar Edit Account Customer – Admin 156
3.8.9.7 Rancangan Layar Product – Admin 157
3.8.9.8 Rancangan Layar View Product – Admin 158
3.8.9.9 Rancangan Layar Add Product 159
3.8.9.10 Rancangan Layar Report 160
3.8.9.11 Rancangan Layar Total Order Detail 161
BAB 4 IMPLEMENTASI DAN EVALUASI SISTEM 162
4.1 Rencana Implementasi 162
4.1.1 Arsitektur Jaringan 162
4.1.2 Kebutuhan Perangkat Keras 164
xiii
4.1.4 Kebutuhan Sumber Daya Manusia 166
4.1.5 Web Hosting 166
4.1.6 Jadwal Implementasi 167
4.2 Cara Pengoperasian Sistem dan Tampilan Layar 168
4.2.1 Tampilan Layar – Client Side 169
4.2.1.1 Tampilan Layar Home sebelum Login 169
4.2.1.2 Tampilan Layar Register 170
4.2.1.3 Tampilan Layar Forgot Password 172
4.2.1.4 Tampilan Layar Home setelah Login 173
4.2.1.5 Tampilan Layar Product 178
4.2.1.6 Tampilan Layar GSM Mobile 181
4.2.1.7 Tampilan Layar CDMA Mobile 182
4.2.1.8 Tampilan Layar CDMA Fixed Wireless 184
4.2.1.9 Tampilan Layar Features Product 185
4.2.1.10 Tampilan Layar Spesifikasi Product 187
4.2.1.11 Tampilan Layar Services 188
4.2.1.12 Tampilan Layar Forum 190
4.2.1.13 Tampilan Layar FAQ 191
4.2.1.14 Tampilan Layar Distribution 193
4.2.1.15 Tampilan Layar News Center 194
4.2.1.16 Tampilan Layar Event 196
4.2.1.17 Tampilan Layar Hotline 197
4.2.1.18 Tampilan Layar Metroshop 198
xiv
4.2.1.20 Tampilan Layar Contact Us 200
4.2.1.21 Tampilan Layar About Us 202
4.2.1.22 Tampilan Layar Help 203
4.2.1.23 Tampilan Layar View Account 205
4.2.1.24 Tampilan Layar Edit Account 206 4.2.1.25 Tampilan Layar Order History 207
4.2.1.26 Tampilan Layar Change Password 209
4.2.1.27 Tampilan Layar Shopping Cart 210
4.2.1.28 Tampilan Layar Check Out 211
4.2.2 Tampilan Layar – Admin Side 213
4.2.2.1 Tampilan Layar Login Admin 213
4.2.2.2 Tampilan Layar Admin 214
4.2.2.3 Tampilan Layar Customer – Admin 215 4.2.2.4 Tampilan Layar Product – Admin 216
4.2.2.5 Tampilan Layar Features Product – Admin 218 4.2.2.6 Tampilan Layar Product Spesification – Admin 219 4.2.2.7 Tampilan Layar Report 220
4.2.2.8 Tampilan Layar Detail Order 221
4.3 Evaluasi Sistem 223
4.3.1 Evaluasi Kuisioner 223
4.3.2 Evaluasi IMK 231
4.3.3 Evaluasi e-Commerce 234
BAB 5 KESIMPULAN DAN SARAN 236
xv
5.2 Saran 236
DAFTAR PUSTAKA 238
RIWAYAT HIDUP 240
LAMPIRAN - LAMPIRAN
Kuisioner Survey L1
Kuisioner Evaluasi L4
Fotocopy Surat Keterangan Survey L6
DAFTAR TABEL
xvi
Tabel 2.1 Perbandingan Konsep Pemasaran dan Konsep Penjualan 37
Tabel 2.2 Tabel SWOT 40
Tabel 3.1 Jawaban Analisis Kuisioner 1 57 Tabel 3.2 Jawaban Analisis Kuisioner 2 58 Tabel 3.3 Jawaban Analisis Kuisioner 3 60 Tabel 3.4 Jawaban Analisis Kuisioner 4 61 Tabel 3.5 Jawaban Analisis Kuisioner 5 62 Tabel 3.6 Jawaban Analisis Kuisioner 6 63 Tabel 3.7 Jawaban Analisis Kuisioner 7 65 Tabel 3.8 Jawaban Analisis Kuisioner 8 66
Tabel 3.9 Product_Type 77
Tabel 3.10 Product 77
Tabel 3.11 Product_Features 78
Tabel 3.12 Benq_GSM_Spec 78
Tabel 3.13 Benq_CDMA_Spec 80
Tabel 3.14 Wll_Spec 82
Tabel 3.15 News Category 83
Tabel 3.16 News 83
Tabel 3.17 Distributor 84
Tabel 3.18 Merk 84
Tabel 3.19 Inquiry 85
Tabel 3.20 Forum 85
Tabel 3.21 Metroshop 86
xvii
Tabel 3.23 Customer 87
Tabel 3.24 Admin 87
Tabel 3.25 Orders 88 Tabel 3.26 Order_Item 89 Tabel 4.1 Jadwal Implementasi Sistem 174
Tabel 4.2 Jawaban Kuisioner Evaluasi 1 231
Tabel 4.3 Jawaban Kuisioner Evaluasi 2 232
Tabel 4.4 Jawaban Kuisioner Evaluasi 3 233
Tabel 4.5 Jawaban Kuisioner Evaluasi 4 234
Tabel 4.6 Jawaban Kuisioner Evaluasi 5 235
Tabel 4.7 Jawaban Kuisioner Evaluasi 6 237
xviii
Gambar 2.2 System Development Life Cycle 31 Gambar 3.1 Struktur Organisasi PT Metrotech Jaya Komunika 43 Gambar 3.2 Diagram Konteks Sistem Berjalan 50 Gambar 3.3 Diagram Nol Sistem Berjalan 51 Gambar 3.4 Pie Chart Jawaban Analisis Kuisioner 1 57 Gambar 3.5 Pie Chart Jawaban Analisis Kuisioner 2 59 Gambar 3.6 Pie Chart Jawaban Analisis Kuisioner 3 60 Gambar 3.7 Pie Chart Jawaban Analisis Kuisioner 4 61 Gambar 3.8 Pie Chart Jawaban Analisis Kuisioner 5 62 Gambar 3.9 Pie Chart Jawaban Analisis Kuisioner 6 64 Gambar 3.10 Pie Chart Jawaban Analisis Kuisioner 7 65 Gambar 3.11 Pie Chart Jawaban Analisis Kuisioner 8 66 Gambar 3.12 Diagram Konteks Sistem yang Diusulkan 75 Gambar 3.13 Diagram Nol Sistem yang Diusulkan 76 Gambar 3.14 Entity Relationship Diagram 90 Gambar 3.15 Struktur Menu sebelum Login 91 Gambar 3.16 Struktur Menu setelah Login 92
Gambar 3.17 STD Navigation Bar 93
Gambar 3.18 STD Home Content 95
Gambar 3.19 STD Home Content setelah Login 96
Gambar 3.20 STD Shopping Cart 97
Gambar 3.21 STD Check Out 98
Gambar 3.22 STD Register 99
xix
Gambar 3.24 STD Search 100
Gambar 3.25 STD Login 101
Gambar 3.26 STD Forgot Password 102
Gambar 3.27 STD Edit Account 103
Gambar 3.28 STD View Account 104
Gambar 3.29 STD Forum 104
Gambar 3.30 STD FAQ 105
Gambar 3.31 STD Distribution 105
Gambar 3.32 STD News Center 106
Gambar 3.33 STD Contact Us 107
Gambar 3.34 STD About Us 108
Gambar 3.35 STD Help 108
Gambar 3.36 STD Menu Utama Admin 109
Gambar 3.37 STD Menu Admin 110
Gambar 3.38 STD Menu Customer – Admin 111
Gambar 3.39 STD Menu Product – Admin 112
Gambar 3.40 Rancangan Layar Home sebelum Login 136
Gambar 3.41 Rancangan Layar Home setelah Login 137
Gambar 3.42 Rancangan Layar Register 138
Gambar 3.43 Rancangan Layar Forgot Password 139
Gambar 3.44 Rancangan Layar View Account 140
Gambar 3.45 Rancangan Layar Edit Account 141
Gambar 3.46 Rancangan Layar Order Historyi 142
xx
Gambar 3.48 Rancangan Layar Shopping Cart 144
Gambar 3.49 Rancangan Layar Checkout 145
Gambar 3.50 Rancangan Layar Product 146
Gambar 3.51 Rancangan Layar GSM Mobile 147
Gambar 3.52 Rancangan Layar CDMA Mobile 148
Gambar 3.53 Rancangan Layar CDMA Fixed Wireless 149
Gambar 3.54 Rancangan Layar Services 150
Gambar 3.55 Rancangan Layar Forum 151
Gambar 3.56 Rancangan Layar FAQ 152
Gambar 3.57 Rancangan Layar Distribution 153
Gambar 3.58 Rancangan Layar News Center 154
Gambar 3.59 Rancangan Layar Contact Us 155
Gambar 3.60 Rancangan Layar About Us 156
Gambar 3.61 Rancangan Layar Help 157
Gambar 3.62 Rancangan Layar Login Admin 158
Gambar 3.63 Rancangan Layar Halaman Utama Admin 159
Gambar 3.64 Rancangan Layar Edit Admin 160
Gambar 3.65 Rancangan Layar Add Admin 161
Gambar 3.66 Rancangan Layar Customer – Admin 162
Gambar 3.67 Rancangan Layar Edit Account Customer – Admin 163
Gambar 3.68 Rancangan Layar Product – Admin 164
Gambar 3.69 Rancangan Layar View Product – Admin 165
Gambar 3.70 Rancangan Layar Add Product 166
xxi
Gambar 3.72 Rancangan Layar Total Order Detail 168
Gambar 4.1 Rancangan Arsitektur Jaringan 170
Gambar 4.2 Tampilan Layar Home sebelum Login 176
Gambar 4.3 Tampilan Layar Register 178
Gambar 4.4 Tampilan Layar Forgot Password 179
Gambar 4.5 Tampilan Layar Home setelah Login 180
Gambar 4.6 Tampilan Layar Product 187
Gambar 4.7 Tampilan Layar GSM Mobile 188
Gambar 4.8 Tampilan Layar CDMA Mobile 190
Gambar 4.9 Tampilan Layar CDMA Fixed Wireless 191
Gambar 4.10 Tampilan Layar Features Product 193
Gambar 4.11 Tampilan Layar Spesifikasi Product 194
Gambar 4.12 Tampilan Layar Services 196
Gambar 4.13 Tampilan Layar Forum 197
Gambar 4.14 Tampilan Layar FAQ 199
Gambar 4.15 Tampilan Layar Distribution 200
Gambar 4.16 Tampilan Layar News Center 202
Gambar 4.17 Tampilan Layar Event 203
Gambar 4.18 Tampilan Layar Hotline 204
Gambar 4.19 Tampilan Layar Metroshop 205
Gambar 4.20 Tampilan Layar Promotion 206
Gambar 4.21 Tampilan Layar Contact Us 208
Gambar 4.22 Tampilan Layar About Us 209
xxii
Gambar 4.24 Tampilan Layar View Account 212
Gambar 4.25 Tampilan Layar Edit Account 213
Gambar 4.26 Tampilan Layar Order History 215
Gambar 4.27 Tampilan Layar Change Password 216
Gambar 4.28 Tampilan Layar Shopping Cart 217
Gambar 4.29 Tampilan Layar Check Out 219
Gambar 4.30 Tampilan Layar Login Admin 220
Gambar 4.31 Tampilan Layar Admin 221
Gambar 4.32 Tampilan Layar Customer – Admin 223
Gambar 4.33 Tampilan Layar Product – Admin 224
Gambar 4.34 Tampilan Layar Features Product – Admin 225
Gambar 4.35 Tampilan Layar Product Spesification – Admin 226
Gambar 4.36 Tampilan Layar Report 228
Gambar 4.37 Tampilan Layar Detail Order 229
Gambar 4.38 Pie Chart Jawaban Kuisioner Evaluasi 1 231
Gambar 4.39 Pie Chart Jawaban Kuisioner Evaluasi 2 232
Gambar 4.40 Pie Chart Jawaban Kuisioner Evaluasi 3 233
Gambar 4.41 Pie Chart Jawaban Kuisioner Evaluasi 4 234
Gambar 4.42 Pie Chart Jawaban Kuisioner Evaluasi 5 236
