UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Program Studi Software Engineering
Skripsi Sarjana Komputer Semester Ganjil tahun 2005/2006
ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB PADA PT INDOREKSA DIVISI SMART CARD SAVVY
Larry Monintja (0600650913)
David Sumendap Suntama (0600650926)
Rene Bernhard (0600651361) Kelas/Kelompok : 07PAT/10
Abstrak
Tujuan penelitian ini adalah membantu memecahkan masalah yang dihadapi oleh perusahaan yaitu dengan merancang sebuah aplikasi website yang bersifat dinamis dengan penjualan online yang juga digunakan untuk penyampaian informasi, dan sebagai sarana untuk meningkatkan pelayanan oleh perusahaan kepada pelanggannya. 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 tampilan layar untuk 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 online. Website ini juga digunakan untuk menyampaikan informasi yang dibutuhkan oleh pelanggan. Diharapkan sistem ini dapat membantu perusahaan dalam menyediakan informasi yang dibutuhkan pelanggan, memberikan pelayanan yang lebih baik, dapat meningkatkan penjualan produk perusahaan, dan sebagai kelanjutannya akan meningkatkan hubungan yang lebih akrab antara perusahaan, pelanggan dan merchant.
KATA PENGANTAR
Kami mengucapkan puji syukur kepada Tuhan Yang Maha Esa atas segala berkat dan karunia yang telah diberikan, sehingga penulis dapat menyelesaikan skripsi dengan judul “Analisa dan Perancangan Sistem Penjualan Berbasis Web Pada PT Indoreksa Divisi Smart Card Savvy”. Skripsi ini disusun sebagai salah satu syarat untuk meraih gelar Strata-1 pada jurusan Teknik Informatika, Fakultas Ilmu Komputer di Universitas Bina Nusantara.
Dengan adanya keterbatasan-keterbatasan dari sisi sebagai manusia, secara pribadi penulis menyadari masih banyak kekurangan yang ada dalam Skripsi ini, untuk itu saran dan kritik yang membangun dari pembaca sangat diharapkan penulis.
Pada kesempatan ini penulis juga mengucapkan terima kasih pada :
1. Prof. Dr. Gerardus Polla, M.App.Sc. selaku rektor Universitas Bina Nusantara. 2. Bapak Wiedjaja, S.kom selaku dosen pembimbing yang memberikan waktu,
bimbingan, dan saran-saran dalam menyelesaikan skripsi ini.
3. Bapak Irwan Rosali selaku Direktur pada PT Indoreksa Divisi Smart Card Savvy yang telah memberikan kesempatan bagi kami untuk melakukan survey skripsi pada PT Indoreksa Divisi Smart Card Savvy.
4. Seluruh pegawai PT Indoreksa Divisi Smart Card Savvy yang telah membantu dalam penelitian dan pengumpulan informasi.
5. Yang tercinta Papa, Mama kami, yang telah memberikan dukungan dan do’a serta semangat dalam menyusun skripsi ini.
7. Sahabat-sahabat penulis yang telah banyak membantu penulis dalam menyusun dan menyelesaikan skripsi ini.
Akhir kata, semoga Tuhan Yang Maha Esa melimpahkan dan berkat-Nya kepada semua pihak yang telah membantu baik dalam menyusun skripsi ini maupun selama studi penulis, dan penulis berharap skripsi ini dapat bermanfaat bagi pihak yang membutuhkan.
Jakarta, 2006
DAFTAR ISI
HALAMAN JUDUL LUAR i
HALAMAN JUDUL DALAM ii
HALAMAN PERSETUJUAN HARDCOVER iii
HALAMAN PERNYATAAN DEWAN PENGUJI iv
ABSTRAK vii PRAKATA viii
DAFTAR ISI x
DAFTAR GAMBAR xvi
DAFTAR TABEL xxii
DAFTAR LAMPIRAN xxiv
BAB 1 PENDAHULUAN 1
1.1 Latar Belakang Masalah 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 Penjelasan Umum 7
2.2 Analisis Dan Perancangan Sistem 9
2.2.1 Sistem 9
2.2.3 Perancangan Sistem 10
2.3 Sistem Penjualan 11
2.4 Smart Card 11
2.5 Internet 11
2.5.1 Pengertian Internet 11
2.5.2 Sejarah Internet 11
2.5.3 Fasilitas Internet 12
2.5.3.1 WWW (World Wide Web) 12
2.5.3.2 Electronic Mail (E-Mail) 13
2.5.3.3 File Transfer Protocol (FTP) 13
2.5.3.4 Domain Name System 13
2.5.3.5 HTTP (Hyper Text Transfer Protocol) 14
2.6 E-Commerce 14
2.6.1 Pengertian E-Commerce 14
2.6.2 Sejarah E-Commerce 15
2.6.3 Jenis E-Commerce 16
2.6.4 Keuntungan E-Commerce 17
2.6.5 Resiko E-Commerce 18
2.7 Database 20
2.7.1 Konsep Database 20
2.7.2 DBMS 20
2.7.3 ERD 20
2.8 Interaksi Manusia Dan Komputer (IMK) 21
2.8.2 Tujuan Rekayasa Sistem IMK 22 2.8.3 Perancangan Interaktif dengan 8 Aturan Emas 23 2.9 SWOT (Strength, Weakness, Opportunity, Threat) 25
2.10 Analisa Likert 27
2.11 Alat Bantu Pemograman Yang Dipakai 28
2.11.1 HTML 28
2.11.2 JavaScript 28
2.11.3 PHP 29
2.11.4 MySQL 30
2.12 Rekayasa Piranti Lunak 30
2.12.1 Waterfall 31
2.12.2 Alat-alat Perancangan Sistem 33
2.12.2.1 Data Flow Diagram 33
2.12.2.2 State Transition Diagram 36
BAB 3 ANALISIS SISTEM YANG BERJALAN 38
3.1 Gambaran Umum Perusahaan 38
3.2 Visi dan Misi Perusahaan 39
3.3 Struktur Organisasi Perusahaan 39
3.3.1 Wewenang dan Tanggung Jawab 41
3.4 Analisis Sistem Yang Berjalan 43
3.5 Diagram Aliran Data 44
3.5.1 Diagram Konteks 44
3.6 Analisis SWOT 47
3.6.1 Strength 47
3.6.2 Weakness 47
3.6.3 Opportunity 48
3.6.4 Threat 48
3.6.5 Gambar Matrik SWOT 48
3.6.6 Grafik SWOT 49
3.7 Kuesioner 50
3.8 Permasalahan Yang Dihadapi 59
3.8.1 Identifikasi Permasalahan 59
3.8.2 Usulan Pemecahan Masalah 60
3.9 Perancangan Sistem 61
3.9.1 Sistem Yang Diusulkan 61
3.9.2 Diagram Arus Data Yang Diusulkan 62
3.9.2.1 Diagram Konteks 62
3.9.2.2 Diagram Nol 63
3.9.2.3 Diagram Rinci 66
3.10 Perancangan Basis Data 71
3.10.1 Tabel Database 71
3.10.2 Entity Relationship Database (ERD) 79
3.11 Struktur Menu Sistem 80
3.12 Rancangan STD 83
3.12.1 STD Menu User 83
3.13 Rancangan Layar 97
3.13.1 Rancangan Layar User 97
3.13.2 Rancangan Layar Admin 119
3.14 Spesifikasi Proses 129
BAB 4 IMPLEMENTASI DAN EVALUASI 167
4.1 Rencana Implementasi 167
4.1.1 Server 167
4.1.2 Client 168
4.1.3 Perusahaan 168
4.1.4 Sumber Daya Manusia 169
4.2 Cara Penggunaan Dan Tampilan Layar 169
4.2.1 Cara Penggunaan Dan Tampilan Layar Front End 169 4.2.2 Cara Penggunaan Dan Tampilan Layar Back End 196
4.3 Evaluasi 226
4.3.1 Evaluasi IMK 226
4.3.2 Evaluasi Kuesioner 229
4.3.2.1 Kuesioner Perusahaan 229
4.3.2.2 Kuesioner Pelanggan 233
4.3.2.3 Analisa Likert 237
4.4 Jadwal Implementasi 239
BAB 5 SIMPULAN DAN SARAN 240
5.2 Saran 241
DAFTAR PUSTAKA 242
RIWAYAT HIDUP 244
DAFTAR GAMBAR
Gambar 2.1 The linear sequential model 31
Gambar 2.2 Simbol state 36
Gambar 2.3 Simbol perubahan state 37
Gambar 2.4 Kondisi dan aksi 37
Gambar 3.1 Struktur Organisasi Perusahaan 40
Gambar 3.2 Diagram Konteks Sistem Yang Berjalan 44
Gambar 3.3 Diagram Nol Sistem Yang Berjalan 45
Gambar 3.4 Grafik SWOT 50
Gambar 3.5 Diagram Konteks Sistem Yang Diusulkan 62 Gambar 3.6 Diagram Nol Sistem Yang Diusulkan 63
Gambar 3.7 Diagram Rinci Proses 1.0 66
Gambar 3.8 Diagram Rinci Proses 2.0 67
Gambar 3.9 Diagram Rinci Proses 4.0 68
Gambar 3.10 Diagram Rinci Proses 5.0 69
Gambar 3.11 Diagram Rinci Proses 6.0 70
Gambar 3.12 Entity Relationship Database 79
Gambar 3.13 Struktur Menu Homepage 80
Gambar 3.14 Struktur Menu Admin 82
Gambar 3.15 STD Home/index 84
Gambar 3.16 STD How to Use 85
Gambar 3.17 STD Merchant 86
Gambar 3.19 STD Buy Card 88
Gambar 3.20 STD Contact Us 89
Gambar 3.21 STD Terms and Condition 90
Gambar 3.22 STD FAQ 91
Gambar 3.23 STD Login Customer 92
Gambar 3.24 STD Login Merchant 93
Gambar 3.25 STD Admin 95
Gambar 3.26 STD Merchant Information 95
Gambar 3.27 STD Customer Information 96
Gambar 3.28 STD Admin Management 96
Gambar 3.29 Index/Home 97
Gambar 3.30 How to Use 98
Gambar 3.31 Merchant 99
Gambar 3.32 News 100
Gambar 3.33 Buy Card 101
Gambar 3.34 Contact Us 102
Gambar 3.35 Terms and Condition 103
Gambar 3.36 FAQ 104
Gambar 3.37 Customer Information Profile 105
Gambar 3.38 Customer Information Change Password 106 Gambar 3.39 Customer Information Edit Profile 107 Gambar 3.40 Customer Information History & Point 108
Gambar 3.41 Customer Information Comment 109
Gambar 3.43 Merchant Information Buy Service2 111 Gambar 3.44 Merchant Information Buy Service3 112
Gambar 3.45 Merchant Information Add News 113
Gambar 3.46 Merchant Information Comments 114
Gambar 3.47 Login Admin 115
Gambar 3.48 Menu Admin Utama 116
Gambar 3.49 Menu Customer Information 117
Gambar 3.50 Menu Merchant Information 118
Gambar 3.51 Menu Admin Management 119
Gambar 3.52 Menu Edit Customer 120
Gambar 3.53 Menu Customer Reply Comments 121
Gambar 3.54 Menu Customer Transaction 122
Gambar 3.55 Menu Edit Merchant 123
Gambar 3.56 Menu Merchant Edit News 124
Gambar 3.57 Menu Merchant Reply Comments 125
Gambar 3.58 Menu Merchant Transaction 126
Gambar 3.59 Menu Edit Admin 127
Gambar 3.60 Menu Edit FAQ 128
Gambar 3.61 Menu Edit Price 129
Gambar 4.1 Tampilan Halaman Home 169
Gambar 4.2 Tampilan Halaman How To Use 170
Gambar 4.3 Tampilan Halaman Merchant 171
Gambar 4.4 Tampilan Halaman Merchant Details 172
Gambar 4.6 Tampilan Halaman Buy Card Information 174
Gambar 4.7 Tampilan Halaman Buy Card 175
Gambar 4.8 Tampilan Halaman Buy Card Jika Terjadi Kesalahan 176 Gambar 4.9 Tampilan Halaman Buy Card Confirmation 177 Gambar 4.10 Tampilan Halaman Terms & Condition 178
Gambar 4.11 Tampilan Halaman Contact Us 179
Gambar 4.12 Tampilan Halaman FAQ 180
Gambar 4.13 Tampilan Halaman Customer Information Yang Berstatus Pending 181 Gambar 4.14 Tampilan Halaman Buy Card Payment Confirmation 182 Gambar 4.15 Tampilan Halaman Customer Information 183 Gambar 4.16 Tampilan Halaman View Customer Profile 184 Gambar 4.17 Tampilan Halaman Edit Customer Profile 185 Gambar 4.18 Tampilan Halaman Change Customer Password 186 Gambar 4.19 Tampilan Halaman Change Customer Password Jika
Terjadi Kesalahan 187
Gambar 4.29 Tampilan Halaman Merchant Comments 195
Gambar 4.30 Tampilan Halaman Admin 196
Gambar 4.31 Tampilan Halaman Admin Menu 197
Gambar 4.32 Tampilan Halaman Admin Merchant Information 198
Gambar 4.33 Tampilan Halaman View Merchant 199
Gambar 4.34 Tampilan Halaman Add Merchant 200
Gambar 4.35 Tampilan Halaman Edit Merchant 201
Gambar 4.36 Tampilan Halaman Add Outlet 202
Gambar 4.37 Tampilan Halaman Edit Outlet 202
Gambar 4.38 Tampilan Halaman View News 203
Gambar 4.39 Tampilan Halaman Edit News 203
Gambar 4.40 Tampilan Halaman Reply Comments 204
Gambar 4.41 Tampilan Halman Edit Comments 204
Gambar 4.42 Tampilan Halaman Merchant Transaction 205 Gambar 4.43 Tampilan Halaman View Merchant Transaction 206 Gambar 4.44 Tampilan Halaman Merchant Edit Transaction 206
Gambar 4.45 Tampilan Halaman Edit Customer 207
Gambar 4.46 Tampilan Halaman Add Customer 208
Gambar 4.47 Tampilan Halaman Add Customer Jika Terjadi Kesalahan 209
Gambar 4.48 Tampilan Halaman Edit Customer 210
Gambar 4.53 Tampilan Halaman Admin Management 215 Gambar 4.54 Tampilan Halaman Edit Admin untuk Super Admin 215
Gambar 4.55 Tampilan Halaman View Admin 216
Gambar 4.56 Tampilan Halaman Add Admin untuk Super Admin 217
Gambar 4.57 Tampilan Halaman Edit Admin 217
Gambar 4.58 Tampilan Halaman Change Password 218
Gambar 4.59 Tampilan Halaman View FAQ 218
Gambar 4.60 Tampilan Halaman Add FAQ 219
Gambar 4.61 Tampilan Halaman Edit FAQ 219
Gambar 4.62 Tampilan Halaman View Card Price 220 Gambar 4.63 Tampilan Halaman Add Card Price 220 Gambar 4.64 Tampilan Halaman Edit Card Price 221
Gambar 4.65 Tampilan Halaman Print Record 221
DAFTAR TABEL
Tabel 2.1 Nama-Nama Domain 14
Tabel 2.2 Matrik SWOT 26
Tabel 2.3 Indikator pengukuran variabel 27
Tabel 3.1 Matrik SWOT pada PT. Indoreksa divisi Smart Card Savvy 49 Tabel 3.2 Persentase pelanggan yang mengenal internet 51 Tabel 3.3 Persentase sejauh mana pelanggan mengenal internet 52 Tabel 3.4 Persentase seberapa sering pelanggan menggunakan internet 52 Tabel 3.5 Persentase pengaksesan website Savvy 52 Tabel 3.6 Persentase tampilan website Savvy saat ini 53 Tabel 3.7 Persentase penyebab tampilan kurang menarik 53 Tabel 3.8 Persentase penyebab tampilan biasa saja 54 Tabel 3.9 Persentase penyebab tampilan menarik 55 Tabel 3.10 Persentase pelanggan yang mengalami kesulitan dalam
mendapatkan pelayanan dari Savvy 56
Tabel 3.11 Persentase penyebab kesulitan pelanggan dalam mendapatkan
pelayanan dari Savvy 56
Tabel 3.12 Tabel Customer 71
Tabel 3.13 Tabel CardInformation 72
Tabel 3.14 Tabel Transaction 73
Tabel 3.15 Tabel CardPrice 73
Tabel 3.16 Tabel Comments 74
Tabel 3.18 Tabel Outlet 76
Tabel 3.19 Tabel Promotion 77
Tabel 3.20 Tabel Mediapromo 77
Tabel 3.21 Tabel News 77
Tabel 3.22 Tabel Admin 78
Tabel 3.23 Tabel Faq 78
Tabel 4.1 Tampilan User Interface 229
Tabel 4.2 Navigasi Menu Yang Terdapat Dalam Website 229 Tabel 4.3 Fasilitas-fasilitas Yang Ada Dalam Website 230 Tabel 4.4 Bagian Front End Untuk User Dalam Website 230 Tabel 4.5 Bagian Back End Untuk Admin Dalam Website 231 Tabel 4.6 Kemudahan Admin Dalam Mengupdate Data 231
Tabel 4.7 Manfaat Dan Nilai Lebih Sistem 232
Tabel 4.8 Informasi Yang Ada Dalam Website 233
Tabel 4.9 Tampilan User Interface Dari Website 233 Tabel 4.10 Navigasi Menu Yang Terdapat Dalam Website 234 Tabel 4.11 Kemudahan Fasilitas Belanja Online 234 Tabel 4.12 Kemudahan Pelanggan Dalam Membeli Kartu 235 Tabel 4.13 Kemudahan Dalam Menggunakan Fasilitas Login 235 Tabel 4.14 Fasilitas Comments Dan History Transaksi 236 Tabel 4.15 Pelayanan Yang Diterapkan Dalam Website 236
Tabel 4.16 Analisa Likert Untuk Perusahaan 237
Tabel 4.17 Analisa Likert Untuk Pelanggan 238
DAFTAR LAMPIRAN
Kuesioner untuk Pelanggan Savvy dalam mencari Permasalahan L-1 Penjelasan Pengisian serta Konsep dan Definisi L-2 Kuesioner Survei Untuk Perusahaan untuk Sistem Yang Diusulkan L-5 Survei Pengguna Smart Card Savvy untuk Sistem Yang Diusulkan L-6