UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil Tahun 2006 / 2007 ANALISIS DAN PERANCANGAN SISTEM PEMESANAN PRODUK BERBASIS WEB PADA PERUSAHAAN DAYA PRIMA SPORTS Nico Sepfanus 0700712130 Warxi Yulianty Marliana 0700712231 Deddy Irawan 0700723512 Kelas / Kelompok : 07PGT / 06 Abstrak Pemesanan produk berbasis web dilakukan untuk mempermudah pelanggan dari perusahaan Daya Prima Sports dalam memesan produk, sehingga dapat mempersingkat waktu dalam memesan produk dan melihat produk-produk yang disediakan. Pengumpulan data dilakukan dengan mengadakan survei dan wawancara dengan pihak perusahaan yang bersangkutan agar mencapai target dan tujuan yang diinginkan dan menganalisa sistem yang sedang berjalan, serta membaca buku-buku referensi. Dengan adanya sistem ini, perusahaan dapat meningkatkan jangkauan pemasaran produk dalam usaha meningkatkan penjualan produk. Dari hasil evaluasi sistem, dapat disimpulkan bahwa sistem ini sudah dapat digunakan oleh pihak perusahaan. Jadi dapat disimpulkan bahwa sistem ini cukup membantu dalam mengatasi masalah yang dihadapi oleh perusahaan dalam hal pemesanan produk, terutama bagi pelanggan yang berada di luar kota. Dengan adanya sistem ini juga diharapkan dapat meningkatkan jumlah penjualan produk pada perusahaan. Kata kunci : analisis, perancangan, pemesanan, produk, web vii
PRAKATA Puji dan Syukur kepada Tuhan Yang Maha Esa yang telah melimpahkan Rahmat dan Berkat-Nya sehingga penulis dapat menyelesaikan skripsi yang berjudul Analisis dan Perancangan Sistem Pemesanan Produk berbasis Web pada Perusahaan Daya Prima Sports. Skripsi ini ditulis dengan maksud untuk memenuhi salah satu syarat guna mencapai gelar Sarjana Komputer pada Jurusan Teknik Informatika Jenjang Studi Strata-1 di Universitas Bina Nusantara. Penulis dalam menyelesaikan skripsi ini menemukan masalah dan hambatan baik dari dalam maupun dari luar. Penulis juga menyadari bahwa skripsi ini telah ditulis dengan semua pengetahuan yang diketahui penulis. Oleh karena itu, dengan segala kerendahan hati, penulis sangat mengharapkan kritik dan saran yang bersifat membangun dari pembaca guna penyempurnaan isi skripsi ini. Sejak awal menempuh perkuliahan sampai menyelesaikan skripsi ini, penulis telah banyak mendapat bimbingan, nasihat, petunjuk, serta bimbingan moriil dan materiil dari berbagai pihak, terutama para dosen, keluarga dan teman-teman penulis. Penulis dengan tulus ingin mengucapkan banyak terima kasih kepada : 1. Bpk. Ichwan R. Tanjung B.Sc., M.Sc., selaku Dosen Pembimbing Skripsi yang dalam kesibukannya masih bersedia meluangkan waktunya yang berharga untuk membimbing penulis dari awal hingga selesainya skripsi ini. 2. Bpk. Prof. Dr. Gerardus Polla, M.App.Sc., selaku Rektor Universitas Bina Nusantara 3. Bpk. Sablin Yusuf, Ir., M.Sc., M.CompSc., selaku Ketua Fakultas Ilmu Komputer 4. Bpk. Mohammad Subekti, BE.,M.Sc., selaku Ketua Jurusan Teknik Informatika viii
5. Bpk. Fredy Purnomo, S.Kom.,M.Kom., selaku Sekertaris Jurusan Teknik Informatika 6. Segenap Staf Pengajar Universitas Bina Nusantara, yang telah memberikan ilmu pengetahuan dan bimbingannya selama perkuliahan penulis 7. Segenap Staf Perpustakaan Universitas Bina Nusantara, yang telah memberikan bantuan dalam peminjaman buku yang diperlukan dalam penyusunan skripsi ini 8. Bpk. Yohan Yoanda Agustra, selaku pemilik Perusahaan Daya Prima Sports yang telah mengijinkan penulis untuk melakukan survei dan yang telah banyak memberikan masukan, saran, dan kritik selama penulisan skripsi ini 9. Segenap staf Perusahaan Daya Prima Sports, yang telah memberikan bantuan dalam rangka pengumpulan data untuk penyusunan skripsi ini. 10. Orang tua, kakak, adik yang telah banyak memberikan bantuan dan dukungan baik secara material dan spiritual selama penyusunan skripsi. 11. Partner skripsi, yang telah bekerja sama selama satu semester dalam penyusunan skripsi ini. 12. Teman-teman yang tidak dapat disebutkan satu persatu, yang secara langsung maupun tidak langsung telah memberikan dorongan bagi penulis dalam menyelesaikan skripsi ini. Akhirnya dengan kerendahan hati, penulis berharap semoga skripsi ini dapat memberikan manfaat bagi para pembaca. Jakarta, Januari 2007 Penulis ix
DAFTAR ISI Halaman Judul Luar Halaman Judul Dalam Halaman Persetujuan Hardcover Halaman Pernyataan Dewan Penguji Abstrak Prakata Daftar Isi Daftar Tabel Daftar Gambar Daftar Lampiran i ii iii iv vii viii x xvii xviii xxiv BAB 1 PENDAHULUAN 1.1. Latar Belakang 1 1.2. Tujuan dan Manfaat 2 1.3. Ruang Lingkup 3 1.4. Metodologi 4 1.5. Sistematika Penulisan 5 BAB 2 LANDASAN TEORI 2.1. Analisis Sistem 7 2.2. Perancangan Sistem 8 2.2.1. Pengertian Perancangan Sistem 8 2.2.2. Alat Perancangan 9 x
2.3. Teori-Teori Dasar 19 2.3.1. Internet 19 2.3.2. World Wide Web (WWW) 20 2.3.3. Web Server 21 2.3.4. Web Browser 21 2.3.5. TCP/IP 22 2.3.6. URL 23 2.3.7. HTTP 23 2.4. Web Programming 24 2.4.1. HTML 24 2.4.2. PHP 25 2.5. Sistem Basis Data 27 2.5.1. Database 27 2.5.2. ERD 28 2.5.3. Normalisasi 29 2.5.4. SQL 30 2.5.5. MySQL 32 2.6. Interaksi Manusia dan Komputer (IMK) 34 2.7. Pengembangan Piranti Lunak 37 2.8. E-Commerce 38 BAB 3 ANALISIS DAN PERANCANGAN SISTEM 3.1. Analisa Masalah 40 3.1.1. Gambaran Perusahaan 40 xi
3.1.1.1. Sejarah Perusahaan 40 3.1.1.2. Visi dan Misi Perusahaan 41 3.1.1.3. Struktur Organisasi Perusahaan 41 3.1.1.4. Tugas dan Wewenang 42 3.1.2. Analisa Sistem Penjualan yang Sedang Berjalan 44 3.1.2.1. Gambaran Sistem yang Sedang Berjalan 44 3.1.2.2. Activity Diagram Sistem Berjalan 45 3.1.3. Gambaran Permasalahan 48 3.1.4. Sistem yang Diusulkan 48 3.1.4.1. Gambaran Sistem Usulan 48 3.1.4.2. Activity Diagram Sistem Usulan 49 3.1.4.3. Constraint Sistem Usulan 51 3.2. Perancangan Sistem Usulan 51 3.2.1. Rancangan Proses 51 3.2.1.1. Class Diagram 51 3.2.1.2. Use Case Diagram 52 3.2.1.3. Sequence Diagram 54 3.2.2. Rancangan Database 69 3.2.2.1. Daftar Tabel Database 69 3.2.2.2. Hubungan Antar Tabel 70 3.2.2.3. Detail Tabel Database 71 3.2.3. Rancangan Struktur Menu 76 3.2.3.1. Struktur Menu Front End (User) 76 xii
3.2.3.2. Struktur Menu Back End (Admin) 77 3.2.4. Rancangan STD 78 3.2.4.1. STD Halaman Front End (User) 79 3.2.4.2. STD Halaman Back End (Admin) 93 3.2.5. Rancangan Layar 103 3.2.5.1. Tampilan Halaman Awal 103 3.2.5.2. Tampilan Halaman Produk 104 3.2.5.3. Tampilan Halaman Kategori Produk 105 3.2.5.4. Tampilan Halaman Detail Produk 105 3.2.5.5. Tampilan Halaman Perbandingan Produk 106 3.2.5.6. Tampilan Halaman Tentang Perusahaan 107 3.2.5.7. Tampilan Halaman Sejarah Perusahaan 107 3.2.5.8. Tampilan Halaman Visi dan Misi 108 3.2.5.9. Tampilan Halaman Belanja Online 109 3.2.5.10. Tampilan Halaman Shopping Cart 109 3.2.5.11. Tampilan Halaman Syarat dan Kondisi 110 3.2.5.12. Tampilan Halaman Pembatalan Transaksi 111 3.2.5.13. Tampilan Halaman Detail Transaksi 112 3.2.5.14. Tampilan Halaman Kritik dan Saran 112 3.2.5.15. Tampilan Halaman Login Admin 113 3.2.5.16. Tampilan Halaman Utama Admin 114 3.2.5.17. Tampilan Halaman Admin Products 115 3.2.5.18. Tampilan Halaman Admin Transaksi 116 xiii
3.2.5.19. Tampilan Halaman Admin Contact Us 116 3.2.5.20. Tampilan Halaman Admin Logout 117 3.2.6. Spesifikasi Proses 118 3.2.6.1. Spesifikasi Proses Halaman Front End 118 3.2.6.2. Spesifikasi Proses Halaman Back End 125 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1. Kebutuhan Sistem 134 4.1.1. Kebutuhan Pengembangan Sistem 134 4.1.1.1. Kebutuhan Software 134 4.1.1.2. Kebutuhan Hardware 134 4.1.2. Kebutuhan Implementasi Sistem 135 4.1.2.1. Kebutuhan Software 135 4.1.2.2. Kebutuhan Hardware 135 4.1.2.3. Kebutuhan Jaringan 136 4.2. Tata Cara Pemakaian (User Manual) 137 4.2.1. Sisi Client 137 4.2.1.1. Halaman Utama Website 137 4.2.1.2. Halaman Pencarian Produk 138 4.2.1.3. Halaman Produk Berdasarkan Kategori 139 4.2.1.4. Halaman Detail Produk 140 4.2.1.5. Halaman Compare Produk 141 4.2.1.6. Halaman Online Shop 142 4.2.1.7. Halaman Shopping Cart 142 xiv
4.2.1.8. Halaman Formulir Data Customer 143 4.2.1.9. Halaman Syarat dan Kondisi 144 4.2.1.10. Halaman Pembatalan Transaksi 145 4.2.1.11. Halaman Detail Transaksi 146 4.2.1.12. Halaman Contact Us 147 4.2.1.13. Halaman About Us 148 4.2.1.14. Halaman Sejarah Perusahaan 149 4.2.1.15. Halaman Visi dan Misi Perusahaan 149 4.2.2. Sisi Admin 150 4.2.2.1. Halaman Login Admin 150 4.2.2.2. Halaman Utama Admin 151 4.2.2.3. Halaman Pencarian Produk 152 4.2.2.4. Halaman Produk 153 4.2.2.5. Halaman Update Produk 153 4.2.2.6. Halaman Add Produk 154 4.2.2.7. Halaman Order 155 4.2.2.8. Halaman Update Transaksi 156 4.2.2.9. Halaman Contact Us 157 4.2.2.10. Halaman View Contact Us 158 4.2.2.11. Halaman Logout 159 4.3. Evaluasi 159 4.3.1. Evaluasi IMK 159 4.3.2. Prosedur Evaluasi 161 xv
4.3.3. Hasil Evaluasi 161 BAB 5 SIMPULAN DAN SARAN DAFTAR PUSTAKA 5.1. Simpulan 166 5.2. Saran 166 xvi
DAFTAR TABEL Tabel 2.1 Tabel Perintah SQL 31 Tabel 2.2 Klausa dalam query SQL 32 Tabel 3.1 Daftar Tabel Database 70 Tabel 3.2 Tabel M_Admin 71 Tabel 3.3 Tabel M_Category 71 Tabel 3.4 Tabel M_ContactUs 72 Tabel 3.5 Tabel M_Customer 72 Tabel 3.6 Tabel M_Description 73 Tabel 3.7 Tabel M_Factory 73 Tabel 3.8 Tabel M_Product 74 Tabel 3.9 Tabel M_Product_Detail 75 Tabel 3.10 Tabel Tr_Detail 75 Tabel 3.11 Tabel Tr_Header 76 xvii
DAFTAR GAMBAR Gambar 2.1 Contoh Activity Diagram 10 Gambar 2.2 Contoh Activity Diagram dengan Swimline 12 Gambar 2.3 Notasi pada STD 13 Gambar 2.4 Contoh STD Login 14 Gambar 2.5 Simbol Class Diagram 15 Gambar 2.6 Contoh Class Diagram Sistem Parkir 15 Gambar 2.7 Simbol Use Case Diagram beserta keterangannya 16 Gambar 2.8 Contoh Use Case Diagram Sistem Perpustakaan 17 Gambar 2.9 Simbol-simbol dalam Sequence Diagram 18 Gambar 2.10 Sequence Diagram Pembelian Buku Online 19 Gambar 2.11 Tampilan dari HTML 25 Gambar 2.12 Tampilan halaman PHP 27 Gambar 2.13 Notasi ERD 29 Gambar 2.14 Tahap pengembangan piranti lunak prototyping model 37 Gambar 2.15 Web Commerce Bhinneka 38 Gambar 2.16 Web Commerce Prodigy Computer 39 Gambar 3.1 Struktur Organisasi Perusahaan 41 Gambar 3.2 Activity Diagram Sistem Penjualan Face to Face 46 Gambar 3.3 Activity Diagram Sistem Penjualan melalui Telepon 47 Gambar 3.4 Activity Diagram Sistem Usulan 50 Gambar 3.5 Class Diagram 52 xviii
Gambar 3.6 Use Case Diagram 53 Gambar 3.7 Sequence Diagram Lihat Data Produk 54 Gambar 3.8 Sequence Diagram Pencarian Data Produk 55 Gambar 3.9 Sequence Diagram Membandingkan Produk 56 Gambar 3.10 Sequence Diagram Pemesanan Produk 57 Gambar 3.11 Sequence Diagram Pembatalan Pemesanan 58 Gambar 3.12 Sequence Diagram Mengisi Kritik dan Saran 59 Gambar 3.13 Sequence Diagram Login Admin 60 Gambar 3.14 Sequence Diagram Lihat Data Produk 61 Gambar 3.15 Sequence Diagram Pencarian Data Produk 62 Gambar 3.16 Sequence Diagram Menambah Data Produk 63 Gambar 3.17 Sequence Diagram Update Data Produk 64 Gambar 3.18 Sequence Diagram Menghapus Data Produk 65 Gambar 3.19 Sequence Diagram Lihat Data Transaksi 66 Gambar 3.20 Sequence Diagram Update Data Transaksi 67 Gambar 3.21 Sequence Diagram Lihat Kritik dan Saran 68 Gambar 3.22 Sequence Diagram Logout Admin 69 Gambar 3.23 Hubungan Antar Tabel 70 Gambar 3.24 Struktur Menu Front End 77 Gambar 3.25 Struktur Menu Back End 78 Gambar 3.26 STD Halaman Utama 79 Gambar 3.27 STD Halaman Pencarian 80 Gambar 3.28 STD Halaman Produk 81 xix
Gambar 3.29 STD Halaman Produk Blades 82 Gambar 3.30 STD Halaman Produk Accessories 83 Gambar 3.31 STD Halaman Produk Rubbersheets 84 Gambar 3.32 STD Halaman Produk Clothes 85 Gambar 3.33 STD Halaman Produk Tables 86 Gambar 3.34 STD Halaman Perbandingan Produk 87 Gambar 3.35 STD Halaman Online Shop 88 Gambar 3.36 STD Halaman Shopping Cart 89 Gambar 3.37 STD Halaman Syarat & Kondisi 89 Gambar 3.38 STD Halaman Pembatalan Transaksi 90 Gambar 3.39 STD Halaman Kritik & Saran 91 Gambar 3.40 STD Halaman Mengenai Perusahaan 91 Gambar 3.41 STD Halaman Sejarah Perusahaan 92 Gambar 3.42 STD Halaman Visi Misi Perusahaan 92 Gambar 3.43 STD Halaman Login Admin 93 Gambar 3.44 STD Halaman Utama Admin 94 Gambar 3.45 STD Halaman Pencarian 95 Gambar 3.46 STD Halaman Produk Admin 96 Gambar 3.47 STD Halaman Admin Produk Blades 97 Gambar 3.48 STD Halaman Admin Produk Accessories 98 Gambar 3.49 STD Halaman Admin Produk Clothes 99 Gambar 3.50 STD Halaman Admin Produk Rubbersheets 100 Gambar 3.51 STD Halaman Admin Produk Tables 101 xx
Gambar 3.52 STD Halaman Order 102 Gambar 3.53 STD Halaman Admin Kritik/Saran 102 Gambar 3.54 STD Logout Admin 103 Gambar 3.55 Tampilan Halaman Awal 103 Gambar 3.56 Tampilan Halaman Produk 104 Gambar 3.57 Tampilan Halaman Produk Berdasarkan Kategori 105 Gambar 3.58 Tampilan Halaman Detail Produk 106 Gambar 3.59 Tampilan Halaman Perbandingan Produk 106 Gambar 3.60 Tampilan Halaman Tentang Perusahaan 107 Gambar 3.61 Tampilan Halaman Sejarah Perusahaan 108 Gambar 3.62 Tampilan Halaman Visi dan Misi Perusahaan 108 Gambar 3.63 Tampilan Halaman Belanja Online 109 Gambar 3.64 Tampilan Halaman Shopping Cart 110 Gambar 3.65 Tampilan Halaman Syarat dan Kondisi 110 Gambar 3.66 Tampilan Halaman Pembatalan Transaksi 111 Gambar 3.67 Tampilan Halaman Detail Transaksi 112 Gambar 3.68 Tampilan Halaman Contact Us 113 Gambar 3.69 Tampilan Halaman Login Admin 113 Gambar 3.70 Tampilan Halaman Utama Admin 114 Gambar 3.71 Tampilan Halaman Admin Products 115 Gambar 3.72 Tampilan Halaman Admin Transaksi 116 Gambar 3.73 Tampilan Halaman Admin Contact Us 117 Gambar 3.74 Tampilan Halaman Admin Logout 117 xxi
Gambar 4.1 Hubungan Jaringan 137 Gambar 4.2 Halaman Utama Website 138 Gambar 4.3 Halaman Pencarian Produk 139 Gambar 4.4 Halaman Produk 140 Gambar 4.5 Halaman Detail Produk 141 Gambar 4.6 Halaman Compare Product 141 Gambar 4.7 Halaman Online Shop 142 Gambar 4.8 Halaman Shopping Cart 143 Gambar 4.9 Halaman Formulir Data Customer 144 Gambar 4.10 Halaman Syarat & Kondisi 145 Gambar 4.11 Halaman Pembatalan Transaksi 146 Gambar 4.12 Halaman Detail Transaksi 147 Gambar 4.13 Halaman Contact Us 148 Gambar 4.14 Halaman About Us 148 Gambar 4.15 Halaman Sejarah Perusahaan 149 Gambar 4.16 Halaman Visi dan Misi 150 Gambar 4.17 Halaman Login Admin 151 Gambar 4.18 Halaman Utama Admin 152 Gambar 4.19 Halaman Pencarian Produk 152 Gambar 4.20 Halaman Produk 153 Gambar 4.21 Halaman Update Produk 154 Gambar 4.22 Halaman Add Produk 155 Gambar 4.23 Halaman Order 156 xxii
Gambar 4.24 Halaman Update Transaksi 157 Gambar 4.25 Halaman Contact Us 158 Gambar 4.26 Halaman View Contact Us 158 Gambar 4.27 Halaman Logout 159 xxiii
DAFTAR LAMPIRAN Lampiran 1 Daftar Riwayat Hidup L1 Lampiran 2 Wawancara Sistem Berjalan L4 Lampiran 3 Kuesioner L5 Lampiran 4 Wawancara Evaluasi Sistem L7 Lampiran 5 Surat Survei L8 xxiv