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 kunci : perancangan sistem penjualan, web. iv
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. 6. Seluruh dosen pengajar Universitas Bina Nusantara yang telah membimbing kami selama ini. viii
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
Penulis
ix
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.2 Analisa Sistem
10 x
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) 2.8.1 Pengertian IMK
21 21
xi
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.11Alat 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.5.2 Diagram Nol
45 xii
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.12.2 STD Menu Admin
93 xiii
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 4.1 Rencana Implementasi
167 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.1 Simpulan
240 xiv
5.2 Saran
241
DAFTAR PUSTAKA
242
RIWAYAT HIDUP
244
LAMPIRAN FOTOCOPY SURAT SURVEI
xv
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.18 STD News
87 xvi
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.42 Merchant Information Buy Service1
110
xvii
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.5 Tampilan Halaman News
173 xviii
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.20 Tampilan Halaman Customer History & Point
187
Gambar 4.21 Tampilan Halaman Customer Comments
188
Gambar 4.22 Tampilan Halaman View Customer Comments
189
Gambar 4.23 Tampilan Halaman Merchant Information
190
Gambar 4.24 Tampilan Halaman Merchant Buy Service 1
191
Gambar 4.25 Tampilan Halaman Merchant Buy Service 2
192
Gambar 4.26 Tampilan Halaman Merchant Buy Service 3
193
Gambar 4.27 Tampilan Halaman Merchant Buy Service Payment Confirmation 194 Gambar 4.28 Tampilan Halaman Merchant Add News xix
194
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.49 Tampilan Halaman Customer Reply Comments
211
Gambar 4.50 Tampilan Halaman Customer Edit Reply Comments
212
Gambar 4.51 Tampilan Halaman Customer Transaction
213
Gambar 4.52 Tampilan Halaman Customer Edit Transaction
214
xx
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
Gambar 4.66 Tampilan Halaman Customer Report
222
Gambar 4.67 Tampilan Halaman Merchant Report
222
Gambar 4.68 Tampilan Halaman Transaction Report
222
Gambar 4.69 Tampilan Konfirmasi Setelah User Logout
223
Gambar 4.70 Tampilan Email Konfirmasi Pembayaran Dari Pelanggan
223
Gambar 4.71 Tampilan Email Konfirmasi Pembayaran Dari Merchant
224
Gambar 4.72 Tampilan Email Comments Untuk Admin
224
Gambar 4.73 Tampilan Email Pembayaran Buy Card Berhasil
225
Gambar 4.74 Tampilan Email Pembayaran Buy Service Berhasil
225
Gambar 4.75 Tampilan Update History & Point
226
xxi
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.17 Tabel Merchant
75 xxii
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
Tabel 4.18 Tabel Jadwal Implementasi
239 xxiii
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
Tool tambahan dan coding Visual Basic
L-7
xxiv
