UNIVERSITAS BINA NUSANTARA. Jurusan Teknik Informatika Program Studi Software Engineering Skripsi Sarjana Komputer Semester Ganjil tahun 2005/2006

Transkripsi

1 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 ( ) David Sumendap Suntama ( ) Rene Bernhard ( ) 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

2 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

3 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

4 DAFTAR ISI HALAMAN JUDUL LUAR HALAMAN JUDUL DALAM HALAMAN PERSETUJUAN HARDCOVER HALAMAN PERNYATAAN DEWAN PENGUJI ABSTRAK PRAKATA DAFTAR ISI DAFTAR GAMBAR DAFTAR TABEL DAFTAR LAMPIRAN i ii iii iv vii viii x xvi xxii xxiv BAB 1 PENDAHULUAN Latar Belakang Masalah Ruang Lingkup Tujuan dan Manfaat Metodologi Sistematika Penulisan 5 BAB 2 LANDASAN TEORI Penjelasan Umum Analisis Dan Perancangan Sistem Sistem Analisa Sistem 10 x

5 2.2.3 Perancangan Sistem Sistem Penjualan Smart Card Internet Pengertian Internet Sejarah Internet Fasilitas Internet WWW (World Wide Web) Electronic Mail ( ) File Transfer Protocol (FTP) Domain Name System HTTP (Hyper Text Transfer Protocol) E-Commerce Pengertian E-Commerce Sejarah E-Commerce Jenis E-Commerce Keuntungan E-Commerce Resiko E-Commerce Database Konsep Database DBMS ERD Interaksi Manusia Dan Komputer (IMK) Pengertian IMK 21 xi

6 2.8.2 Tujuan Rekayasa Sistem IMK Perancangan Interaktif dengan 8 Aturan Emas SWOT (Strength, Weakness, Opportunity, Threat) Analisa Likert Alat Bantu Pemograman Yang Dipakai HTML JavaScript PHP MySQL Rekayasa Piranti Lunak Waterfall Alat-alat Perancangan Sistem Data Flow Diagram State Transition Diagram 36 BAB 3 ANALISIS SISTEM YANG BERJALAN Gambaran Umum Perusahaan Visi dan Misi Perusahaan Struktur Organisasi Perusahaan Wewenang dan Tanggung Jawab Analisis Sistem Yang Berjalan Diagram Aliran Data Diagram Konteks Diagram Nol 45 xii

7 3.6 Analisis SWOT Strength Weakness Opportunity Threat Gambar Matrik SWOT Grafik SWOT Kuesioner Permasalahan Yang Dihadapi Identifikasi Permasalahan Usulan Pemecahan Masalah Perancangan Sistem Sistem Yang Diusulkan Diagram Arus Data Yang Diusulkan Diagram Konteks Diagram Nol Diagram Rinci Perancangan Basis Data Tabel Database Entity Relationship Database (ERD) Struktur Menu Sistem Rancangan STD STD Menu User STD Menu Admin 93 xiii

8 3.13 Rancangan Layar Rancangan Layar User Rancangan Layar Admin Spesifikasi Proses 129 BAB 4 IMPLEMENTASI DAN EVALUASI Rencana Implementasi Server Client Perusahaan Sumber Daya Manusia Cara Penggunaan Dan Tampilan Layar Cara Penggunaan Dan Tampilan Layar Front End Cara Penggunaan Dan Tampilan Layar Back End Evaluasi Evaluasi IMK Evaluasi Kuesioner Kuesioner Perusahaan Kuesioner Pelanggan Analisa Likert Jadwal Implementasi 239 BAB 5 SIMPULAN DAN SARAN Simpulan 240 xiv

9 5.2 Saran 241 DAFTAR PUSTAKA 242 RIWAYAT HIDUP 244 LAMPIRAN FOTOCOPY SURAT SURVEI xv

10 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 Gambar 3.8 Diagram Rinci Proses Gambar 3.9 Diagram Rinci Proses Gambar 3.10 Diagram Rinci Proses Gambar 3.11 Diagram Rinci Proses 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

11 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

12 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

13 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 Gambar 4.25 Tampilan Halaman Merchant Buy Service Gambar 4.26 Tampilan Halaman Merchant Buy Service Gambar 4.27 Tampilan Halaman Merchant Buy Service Payment Confirmation 194 Gambar 4.28 Tampilan Halaman Merchant Add News 194 xix

14 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

15 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 Konfirmasi Pembayaran Dari Pelanggan 223 Gambar 4.71 Tampilan Konfirmasi Pembayaran Dari Merchant 224 Gambar 4.72 Tampilan Comments Untuk Admin 224 Gambar 4.73 Tampilan Pembayaran Buy Card Berhasil 225 Gambar 4.74 Tampilan Pembayaran Buy Service Berhasil 225 Gambar 4.75 Tampilan Update History & Point 226 xxi

16 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

17 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

18 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