UNIVERSITAS BINA NUSANTARA
Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil tahun 2006/2007
ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB PADA PT. ESTHETIC CONCORINDO
HENDRI 0700683641
MARLINDA 0700684120
ALEX CHANDRA 0700686675
KELAS / KELOMPOK : 07 PAT / 7
Abstrak
Dunia teknologi dan informasi mengalami kemajuan yang sangat pesat. Sekarang banyak perusahaan yang menggunakan Internet untuk melakukan pemasaran terhadap produk-produknya, informasi produk, dan pemesanan dapat diakses kapan dan di mana saja. Maka perlu dirancang suatu sistem penjualan melalui internet yang dapat membantu pengguna untuk memperoleh informasi yang cepat dan akurat. Selama ini proses penjualan di PT. Esthetic Concorindo dilakukan dengan cara manual, yaitu melalui telepon dan faks. Dengan diterapkannya sistem yang baru ini, diharapkan pelanggan dapat memperoleh informasi dengan cepat dan akurat, serta mempermudah proses pemesanan barang. Metode yang dipakai dalam penelitian ini adalah metode analisis dan metode perancangan. Metode analisis yang dilakukan adalah survei dengan wawancara secara langsung, melakukan studi pustaka, menganalisa hasil survei, dan mengidentifikasikan kebutuhan sistem. Metode perancangan dengan merancang struktur menu, merancang STD, merancang tampilan layar, merancang spesifikasi database, dan merancang spesifikasi modul. Kesimpulan yang didapatkan dari apa yang penulis telah lakukan adalah aplikasi atau program yang berbasiskan internet ini dapat memberikan pelayanan yang lebih baik kepada pelanggan.
Kata Kunci
PRAKATA
Puji syukur dan terima kasih kami panjatkan kepada Tuhan Yang Maha Esa dengan selesainya tugas skripsi ini. Selama proses pembuatan karya tulis ini, penulis telah memperoleh banyak bantuan, dorongan, semangat, dan dukungan dari berbagai pihak baik secara langsung maupun tidak langsung. Oleh karena itu dalam kesempatan ini penulis ingin menyampaikan terima kasih kepada semua pihak yang telah membantu penulis dalam menyelesaikan karya tulis ini, yaitu :
1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc. selaku pejabat Rektor Universitas Bina Nusantara yang telah memberikan kesempatan kepada penulis untuk menuntut ilmu di Universitas Bina Nusantara, Jakarta.
2. Bapak Ir. Sablin Yusuf, M.Sc., M.Comp.Sc. selaku Dekan Universitas Bina Nusantara.
3. Bapak H. Muhammad Subekti, BE, M.Sc. selaku Kepala Jurusan Teknik Informatika.
4. Bapak Drs. Romli, M.App.Comp. selaku Pembimbing skripsi yang telah banyak memberikan bantuan, bimbingan, dan dorongan, serta pengarahan dalam penyusunan karya tulis ini.
5. Seluruh dosen dan karyawan Universitas Bina Nusantara. 6. Ibu Yenny selaku Manager PT. Esthetic Concorindo. 7. Seluruh staf PT. Esthetic Concorindo.
8. Orang tua dan keluarga kami yang telah memberikan dukungan, doa, biaya dan moral selama kuliah dan membuat skripsi ini.
10.Seluruh pihak yang telah membantu selesainya tugas skripsi ini.
Kami menyadari bahwa penulisan skripsi ini mungkin tidak sempurna, karena adanya keterbatasan pengetahuan dan pengalaman penulis. Untuk segala ketidaksempurnaan tersebut kami memohon maaf yang sebesar-besarnya.
Akhir kata dari kami berharap agar karya tulis yang sudah kami selesaikan ini dapat berguna bagi kita semua maupun yang membutuhkannya.
Jakarta, Desember 2006
DAFTAR ISI
Halaman Judul Luar i
Halaman Judul Dalam ii
Halaman Persetujuan HardCover iii
Abstrak iv
Prakata v
Daftar Isi vii
Daftar Tabel xvii
Daftar Gambar xix
Daftar Lampiran xxviii
BAB 1 PENDAHULUAN
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
2.1 E-Commerce 5
2.1.2 Sejarah E-Commerce 6 2.1.3 Jenis E-Commerce 7 2.2 Pengertian Analisis Sistem 10
2.2.1 Definisi Analisis Sistem 10 2.2.2 Pengertian Perancangan Sistem 10 2.2.3 Pengertian Sistem 11 2.3 Teknologi Internet 11 2.3.1 Pengertian Internet 11 2.3.2 Cara kerja Internet 11
2.4 Database 12
2.4.1 Konsep Database 13 2.4.2 Keuntungan DBMS 13
2.4.3 Kerugian DBMS 14
2.5 DFD (Data Flow Diagram) 15 2.5.1 Diagram Konteks 17
2.5.2 Diagram Nol 17
2.5.3 Diagram Rinci 18 2.6 STD (State Transition Diagram) 18 2.7 Interaksi Manusia dan Komputer (IMK) 19
2.9 PHP dan MySQL 23 2.10 Rekayasa Perangkat Lunak 25 2.10.1 Pengertian Perangkat Lunak 25 2.10.2 Pengertian Rekayasa Perangkat Lunak 25 2.10.3 Proses Rekayasa Perangkat Lunak 25
BAB 3 ANALISIS DAN PERANCANGAN SISTEM
3.1 Riwayat Perusahaan 27
3.2 Struktur Organisasi 28
3.3 Sistem yang sedang berjalan 31 3.3.1 Interaksi dengan Pelanggan 31 3.3.2 Interaksi dengan Supplier 31 3.4 Gambaran Umum Sistem Informasi Penjualan
PT. Esthetic Concorindo 32 3.4.1 Diagram Konteks (Diagram Hubungan) 32
3.4.2 Diagram Nol 33
3.5 Wawancara 34
3.6 Permasalahan yang Dihadapi 39 3.7 Usulan Pemecahan Masalah 40
3.8 Struktur Menu 40
3.9 STD Rancangan Layar 43
3.10 Rancangan Layar 62
3.10.27 Rancangan Layar Update Customer Admin 88 3.10.28 Rancangan Layar Product Admin 89 3.10.29 Rancangan Layar Insert Product Admin 90 3.10.30 Rancangan Layar Update Product Admin 91 3.10.31 Rancangan LayarTemporary Customer Admin 92 3.10.32 Rancangan Layar Update Temporary Customer
Admin 93
3.10.50 Rancangan Layar Insert FAQ Admin 111 3.10.51 Rancangan Layar Update FAQ Admin 112 3.10.52 Rancangan Layar Change Password Admin 113 3.11 Spesifikasi file 114
3.11.1 Rancangan Tabel faq 114 3.11.2 Rancangan Tabel jenisfragrance 115 3.11.3 Rancangan Tabel MsAnnouncement 116 3.11.4 Rancangan Tabel mscustomer 117 3.11.5 Rancangan Tabel mslogin 118 3.11.6 Rancangan Tabel msloginadmin 119 3.11.7 Rancangan Tabel msproduct 120 3.11.8 Rancangan Tabelmsquestion 121 3.11.9 Rancangan Tabel orderm 122 3.11.10 Rancangan Tabel odernm 123 3.11.11 Rancangan Tabel pemesan 124 3.11.12 Rancangan Tabel tempcustomer 125 3.11.13 Rancangan Tabel tr_jual 126 3.11.14 Rancangan Tabel tr_jualnm 127 3.11.15 Hubungan (Relationship) Antar Tabel 128 3.12 Spesifikasi Proses 129
3.12.5 Spesifikasi Proses Layar Soap Information 132 3.12.6 Spesifikasi Proses Layar Floor Soap Information 134 3.12.7 Spesifikasi Proses Layar Perfume Information 135 3.12.8 Spesifikasi Proses Layar Lotion Information 136 3.12.9 Spesifikasi Proses Layar Dish Liquid Information 138 3.12.10 Spesifikasi Proses Layar Rincian Product
Information 139
3.12.11 Spesifikasi Proses Layar Order Item 1 140 3.12.12 Spesifikasi Proses Layar Shopping Cart 142 3.12.13 Spesifikasi Proses Layar Order Item 2 143 3.12.14 Spesifikasi Proses Layar Delivery Address 144 3.12.15 Spesifikasi Proses Layar FAQ 145 3.12.16 Spesifikasi Proses Layar About Us 147 3.12.17 Spesifikasi Proses Layar Register 148 3.12.18 Spesifikasi Proses Layar Feedback 149 3.12.19 Spesifikasi Proses Layar Order Product 150 3.12.20 Spesifikasi Proses Layar Edit Profile 150 3.12.21 Spesifikasi Proses Layar Message 151 3.12.22 Spesifikasi Proses Layar View Result 152 3.13 Hasil kuisioner kebutuhan sistem 153
BAB 4 IMPLEMENTASI DAN EVALUASI
4.1.1.1 Spesifikasi Perangkat Keras / Hardware 161 4.1.1.2 Spesifikasi Perangkat Lunak / Software 161 4.1.1.3 Kebutuhan Personil 162 4.1.1.4 Arsitektur Jaringan 162 4.2 Gambaran Sistem Informasi yang Diusulkan 164
4.2.1 Diagram Konteks yang Diusulkan 164 4.2.2 Diagram Nol yang Diusulkan 165 4.3 Cara Pengoperasian Sistem 166
4.3.1 Cara Pengoperasian Sistem pada Member
dan Non Member 166
4.3.1.1 Pemilihan URL Website PT. Esthetic Concorindo pada Member dan
Non Member 166
4.3.1.2 Login dan Pendaftaran Anggota 167 4.3.1.3 Prosedur Pemesanan Produk 174
4.3.1.4 Search 182
4.3.1.5 Order Product 185 4.3.1.6 Edit Profile 186 4.3.1.7 Message / Feedback 188 4.3.2 Cara Pengoperasian Sistem pada Admin 191
4.3.2.1 Pemilihan URL Website PT. Esthetic
Concorindo pada Admin 191
4.3.2.2 Customer 192
4.3.2.4 Temp Customer 198 4.3.2.5 Announcement 200 4.3.2.6 Fragrance Genre 204 4.3.2.7 NM Customer 206 4.3.2.8 Order Status 208 4.3.2.9 Order Status NM (Non Member) 210 4.3.2.10 Detil Member 212 4.3.2.11 Detil Non Member 213
4.3.2.12 Message 214
4.3.2.13 FAQ 216
4.3.2.14 Change Password 220 4.4 Evaluasi terhadap Teori IMK
(Interaksi Manusia dan Komputer) 221 4.4.1 Gambar dan Image 221 4.4.2 Cahaya dan Warna 221 4.4.3 Tata letak Web 222 4.4.4 Komponen–Komponen Window 222 4.4.5 Evaluasi sistem penjualan berbasis web
berdasarkan 8 Aturan Emas (Eight Golden Rules) 223 4.4.5.1 Berusaha keras untuk konsisten
(Strive for consistency) 223
4.4.5.2 Memungkinkan frequent users menggunakan shortcuts
4.4.5.3 Memberikan umpan balik yang
informatif (Offer informative feedback) 226 4.4.5.4 Merancang dialog untuk menghasilkan
keadaan akhir
(Design dialog to yield closure) 228
4.4.5.5 Memberikan pencegahan kesalahan dan penanganan kesalahan yang
sederhana (Offer simple error handling) 230 4.4.5.6 Mengizinkan pembalikan aksi (undo) dengan
mudah (permit easy reversal of actions) 234 4.4.5.7 Mendukung internal locus of control
(Support internal locus of control) 236
4.4.5.8 Mengurangi beban ingatan jangka pendek (Reduce short - term memory load) 237 4.5 Evaluasi Kinerja Sistem berdasarkan Kuisioner 238
BAB 5 KESIMPULAN DAN SARAN
5.1 Kesimpulan 245
5.2 Saran 245
DAFTAR PUSTAKA 246
DAFTAR TABEL
Tabel 3.1 faq 114
Tabel 3.2 jenisfragrance 115 Tabel 3.3 msannouncement 116
Tabel 3.4 mscustomer 117
Tabel 3.5 mslogin 118
Tabel 3.6 msloginadmin 119
Tabel 3.7 msproduct 120
Tabel 3.8 msquestion 121
Tabel 3.9 orderm 122
Tabel 3.10 ordernm 123
Tabel 3.11 pemesan 124
Tabel 3.12 tempcustomer 125
Tabel 3.13 tr_jual 126
Tabel 3.14 tr_jualnm 127
Tabel 3.15 Perbandingan Mengenai Darimana Responden Mengetahui
PT. Esthetic Concorindo 153 Tabel 3.16 Perbandingan Mengenai Apakah Responden Mengetahui
Internet. 155
Tabel 3.18 Perbandingan Mengenai Menurut Responden Perlukah Adanya
Sistem Penjualan Berbasis Web. 156 Tabel 3.19 Perbandingan Mengenai Info Apa Saja Yang Responden Butuhkan
Dalam Sistem Penjualan Berbasis Web. 158 Tabel 3.20 Perbandingan Mengenai Info Seperti Apa Yang Seharusnya
Ditampilkan Dalam Sistem Penjualan Berbasis Web yang
Responden Inginkan. 159
Tabel 4.1 Perbandingan mengenai apakah situs web ini membantu dalam
memperoleh informasi seputar perusahaan dan produk-produknya. 238 Tabel 4.2 Perbandingan mengenai kejelasan informasi yang diberikan oleh
situs web ini. 239 Tabel 4.3 Perbandingan mengenai apakah situs web ini membantu memudahkan
melakukan pemesanan produk. 240 Tabel 4.4 Perbandingan mengenai tampilan / design web ini 241 Tabel 4.5 Perbandingan mengenai fasilitas-fasilitas pelayanan yang diberikan
DAFTAR GAMBAR
Gambar 2.1 Simbol State 18
Gambar 2.2 Perubahan State 19
Gambar 2.3 Kondisi dan Aksi 19 Gambar 3.1 Struktur Organisasi PT. Esthetic Concorindo 28 Gambar 3.2 Diagram Konteks PT. Esthetic Concorindo 32 Gambar 3.3 Diagram Nol PT. Esthetic Concorindo 33 Gambar 3.4 Sturktur Menu Pelanggan 41 Gambar 3.5 Struktur Menu Admin 42
Gambar 3.6 STD Home 43
Gambar 3.7 STD Product Information 44
Gambar 3.8 STD FAQ 45
Gambar 3.9 STD About Us 46
Gambar 3.10 STD Register 47
Gambar 3.11 STD Login 47
Gambar 3.12 STD My Home 48
Gambar 3.13 STD Feedback 49 Gambar 3.14 STD Order Product 50 Gambar 3.15 STD Edit Profile 51
Gambar 3.16 STD Message 52
Gambar 3.17 STD Logout 52
Gambar 3.19 STD Halaman Utama Administrator 54 Gambar 3.20 STD Customer Admin 55 Gambar 3.21 STD Product Admin 55 Gambar 3.22 STD Temporary Customer Admin 56 Gambar 3.23 STD Announcement Admin 56 Gambar 3.24 STD Fragrance Genre Admin 57 Gambar 3.25 STD NM Customer Admin 57 Gambar 3.26 STD Order Status Admin 58 Gambar 3.27 STD Order Status NM Admin 58 Gambar 3.28 STD Detil Member Admin 59 Gambar 3.29 STD Detil Non Member Admin 59 Gambar 3.30 STD Message Admin 60
Gambar 3.31 STD FAQAdmin 60
Gambar 3.43 Rancangan Layar Ordered Item 1 71 Gambar 3.44 Rancangan Layar Shopping Cart 72 Gambar 3.45 Rancangan Layar Ordered Item 2 73
Gambar 3.46 Rancangan Layar Valid Ordered Item 74 Gambar 3.47 Rancangan Layar Delivery Address 75
Gambar 3.67 Rancangan Layar Insert Announcement Admin 95 Gambar 3.68 Rancangan Layar Update Announcement Admin 96 Gambar 3.69 Rancangan Layar Fragrance Genre Admin 97 Gambar 3.70 Rancangan Layar Insert Fragrance Genre Admin 98 Gambar 3.71 Rancangan Layar Update Fragrance Genre Admin 99 Gambar 3.72 Rancangan Layar NM Customer Admin 100 Gambar 3.73 Rancangan Layar Update NM Customer Admin 101 Gambar 3.74 Rancangan Layar Order Status Admin 102 Gambar 3.75 Rancangan Layar Update Order Status Admin 103 Gambar 3.76 Rancangan Layar Order Status NM Admin 104 Gambar 3.77 Rancangan Layar Update Order Status NM Admin 105 Gambar 3.78 Rancangan Layar Detil Member Admin 106 Gambar 3.79 Rancangan Layar Detil Non Member Admin 107 Gambar 3.80 Rancangan Layar Message Admin 108 Gambar 3.81 Rancangan Layar Reply Message Admin 109
Gambar 3.82 Rancangan Layar FAQ Admin 110 Gambar 3.83 Rancangan Layar Insert FAQ Admin 111 Gambar 3.84 Rancangan Layar Update FAQ Admin 112 Gambar 3.85 Rancangan Layar Change Password Admin 113 Gambar 3.86 Relationship Antar Tabel 128 Gambar 3.87 Diagram Perbandingan Darimana Mengetahui PT. Esthetic
Concorindo 154
Gambar 3.88 Diagram Perbandingan Responden Mengetahui Jenis-Jenis
Gambar 3.89 Diagram Perbandingan Responden Memiliki Akses Internet 156 Gambar 3.90 Diagram Perbandingan Menurut Responden Perlukah
Adanya Sistem Penjualan Berbasis Web 157 Gambar 3.91 Diagram Perbandingan Info Apa Saja Yang Responden Butuhkan
Dalam Sistem Penjualan Berbasis Web 158 Gambar 3.92 Diagram Perbandingan Info Seperti Apa Yang Seharusnya
Ditampilkan Dalam Sistem Penjualan Berbasis Web yang
Responden Inginkan 160
Gambar 4.40 Tampilan Layar Update Announcement 203 Gambar 4.41 Tampilan Layar Fragrance Genre Admin 204 Gambar 4.42 Tampilan Layar Insert Fragrance Genre 205 Gambar 4.43 Tampilan Layar Update Fragrance Genre 205 Gambar 4.44 Tampilan Layar NM Customer Admin 206 Gambar 4.45 Tampilan Layar Update NM Customer 207 Gambar 4.46 Tampilan Layar Order Status Admin 208 Gambar 4.47 Tampilan Layar Update Order Status 209 Gambar 4.48 Tampilan Layar Order Status NM Admin 210 Gambar 4.49 Tampilan Layar Update Order Status NM 211 Gambar 4.50 Tampilan Layar Detil Member Admin 212 Gambar 4.51 Tampilan Layar Detil Non Member Admin 213 Gambar 4.52 Tampilan Layar Message 214 Gambar 4.53 Tampilan Layar Reply Message 215 Gambar 4.54 Tampilan Layar FAQ Admin 216 Gambar 4.55 Tampilan Layar Insert FAQ 217 Gambar 4.56 Tampilan Layar Sesudah Insert FAQ 218 Gambar 4.57 Tampilan Layar Update FAQ 219 Gambar 4.58 Tampilan Layar Change Password 220 Gambar 4.59 Gambar evaluasi sistem berdasarkan aturan pertama yaitu
berusaha keras untuk konsisten (Strive for consistency) dari
8 aturan emas (Gambar pertama). 223 Gambar 4.60 Gambar evaluasi sistem berdasarkan aturan pertama yaitu
8 aturan emas (Gambar kedua). 224 Gambar 4.61 Gambar evaluasi sistem berdasarkan aturan kedua yaitu
Memungkinkan frequent users menggunakan shortcuts
(Enabled frequent to use shortcuts) dari 8 aturan emas. 225
Gambar 4.62 Gambar evaluasi sistem berdasarkan aturan ketiga yaitu memberikan umpan balik yang informatif (offer informative
feedback)dari 8 aturan emas (Gambar pertama). 226
Gambar 4.63 Gambar evaluasi sistem berdasarkan aturan ketiga yaitu memberikan umpan balik yang informatif (Offer informative
feedback) dari 8 aturan emas (Gambar kedua). 227
Gambar 4.64 Gambar evaluasi sistem berdasarkan aturan keempat yaitu merancang dialog untuk menghasilkan keadaan akhir dari
8 aturan emas (gambar pertama). 228 Gambar 4.65 Gambar evaluasi sistem berdasarkan aturan keempat yaitu
merancang dialog untuk menghasilkan keadaan akhir dari
8 aturan emas (gambar kedua). 229 Gambar 4.66 Gambar evaluasi sistem berdasarkan aturan kelima yaitu
memberikan pencegahan kesalahan dan penanganan kesalahan
sederhanadari 8 aturan emas (gambar pertama). 230 Gambar 4.67 Gambar evaluasi sistem berdasarkan aturan kelima yaitu
memberikan pencegahan kesalahan dan penanganan kesalahan
sederhana dari 8 aturan emas (gambar kedua). 232 Gambar 4.68 Gambar evaluasi sistem berdasarkan aturan kelima yaitu
sederhana dari 8 aturan emas (gambar ketiga). 233 Gambar 4.69 Gambar evaluasi sistem berdasarkan aturan keenam yaitu
mengizinkan pembalikan aksi (undo)dengan mudah dari
8 aturan emas (gambar pertama). 234 Gambar 4.70 Gambar evaluasi sistem berdasarkan aturan keenam yaitu
mengizinkan pembalikan aksi (undo)dengan mudah dari
8 aturan emas (gambar kedua). 235 Gambar 4.71 Gambar evaluasi sistem berdasarkan aturan ketujuh yaitu
mendukung intenal locus of control (Support internal locus
of control) dari 8 aturan emas. 236
Gambar 4.72 Gambar evaluasi sistem berdasarkan aturan kedelapan yaitu mengurangi beban ingatan jangka pendek (Reduce short –
term memory load) dari 8 aturan emas 237
Gambar 4.73 Diagram perbandingan membantu atau tidaknya web dalam memperoleh informasi seputar perusahaan dan
produk-produknya. 239
DAFTAR LAMPIRAN
Wawancara L1
Kuisioner 1 L6