ABSTRAK
Merly Yulia:
Tugas Akhir
Perancangan dan Pembuatan Web E-commerce Penjualan Handphone Pada Toko Peace Cell
Website E-Commerce penjualan handphone pada dasarnya merupakan suatu sistem yang dapat digunakan untuk memberikan pelayanan penjualan produk kepada para pelanggan serta dapat memperluas daerah pemasaran untuk menghadapi persaingan yang ada di pasar.
Untuk mengimplementasikan sistem, pertama-tama dilakukan analisa sistem penjualan yang ada saat ini. Dari hasil analisa yang dilakukan dapat diketahui bahwa sistem yang dibutuhkan adalah suatu sistem yang dapat melakukan penjualan secara online, memberikan informasi mengenai handphone yang dijual secara lengkap, dan mengelola data produk dengan benar. Sistem dirancang dan dibangun dengan menggunakan teknologi PHP, Apache sebagai web server, dan MySQL sebagai database server.
Berdasarkan dari pengujian fasilitas-fasilitas yang tersedia untuk member dan administrator, fasilitas pembayaran yang ada, pengujian sistem untuk menghasilkan informasi, hasil kuisioner evaluasi pengujian sistem oleh member sebesar 85,42 % dan administrator sebesar 81,25 % maka disimpulkan bahwa sistem website berjalan dengan baik.
Kata kunci :
Website, E-commerce, Penjualan, Sistem, Produk, PHP.
ABSTRACT
Merly Yulia:
Final Project
The Planning and Making of E-commerce Handphone Sales Web in Peace Cell Shop
Website E-Commerce of sale handphone basically represents a system, which can be used to give a service of product sale to customer. It also can extend marketing area to face the competition in market.
In order to implement the system, current first system analysis should be done in this time. From analysis result knowable that it is required a system which can conduct the sale by online, give information of concerning handphone sold completely, and manage the product data truly. System is designed and developed by using technology PHP, Apache as web server, and Mysql as database server.
Based on facility examination which is available for member and administrator, existing payment facility, system examination to yield information, system examination kuisioner result evaluate is 85,42% by member and 81,25%
by administrator, it can be concluded that all system can be run well and ready to be used.
Keywords:
Website, E-commerce, Sales, System, Product, PHP.
DAFTAR ISI
HALAMAN JUDUL... i
LEMBAR PENGESAHAN ... ii
LEMBAR PENGALIHAN HAK ATAS KEKAYAAN INTELEKTUAL ... iii
KATA PENGANTAR ... iv
ABSTRAK... vi
DAFTAR ISI ... viii
DAFTAR GAMBAR ... xiii
DAFTAR TABEL... xxi
DAFTAR SEGMEN PROGRAM ... xxii
DAFTAR LAMPIRAN... xxv
1. PENDAHULUAN ... 1
1.1. Latar Belakang ... 1
1.2. Perumusan Masalah dan Ruang Lingkup... 1
1.3. Tujuan ... 4
1.4. Metodologi ... 4
1.5. Sistematika Penulisan ... 4
2. TEORI DASAR ... 6
2.1. E-Commerce ... 6
2.1.1. Pengertian Electronic Commerce (E-Commerce)... 6
2.1.2. Electronic Retailing (E-Tailing)... 7
2.2. Apache Web Server... 10
2.3. PHP Hypertext Preprocessor... 10
2.3.1. Popularitas PHP ... 11
2.3.2. KeistimewaanPHP ... 12
2.3.3. PHP Dalam HTML ... 12
2.4. MySQL... 13
2.4.1. Sejarah Singkat MySQL ... 13
2.4.2. Keistimewaan MySQL... 14
2.4.3. Perintah Dasar SQL ... 16
2.4.4. Penggunaan SQL... 16
2.5. Data Flow Diagram ... 17
2.6. Entity Relationship Diagram... 19
3. ANALISA DAN DESAIN SISTEM... 23
3.1. Analisa Sistem dan Permasalahan... 23
3.2. Desain DFD (Data Flow Diagram ) Sistem ... 24
3.2.1. Context Diagram ... 24
3.2.2. DFD Level 0... 25
3.2.3. DFD Level 1... 27
3.3. Desain ERD (Entity Relationship Diagram) Sistem ... 33
3.4. Desain Database ... 37
3.5. Desain Navigasi Web... 43
3.5.1. Navigasi Web User Guest dan Member... 43
3.5.2. Navigasi Web User Administrator System dan Order ... 43
3.6. Desain Interface Website ... 44
3.6.1. Desain Interface Halaman Member dan Guest... 45
3.6.1.1 Desain Halaman Utama... 45
3.6.1.2 Desain Halaman Registrasi ... 45
3.6.1.3. Desain Halaman Search Product... 46
3.6.1.4. Desain Halaman Compare Product ... 46
3.6.1.5. Desain Halaman Compare Result ... 47
3.6.1.6. Desain Halaman News ... 47
3.6.1.7. Desain Halaman Detail News ... 48
3.6.1.8. Desain Halaman Product... 48
3.6.1.9. Desain Halaman Detail Product ... 49
3.6.1.10. Desain Halaman Credit Simulation ... 49
3.6.1.11. Desain Halaman Credit Simulation Result ... 50
3.6.1.12. Desain Halaman Information ... 50
3.6.1.13. Desain Halaman Add Shopping Cart ... 51
3.6.1.14. Desain Halaman Shopping Cart ... 51
3.6.1.15. Desain Halaman Payment Data... 52
3.6.1.16. Desain Halaman Order... 52
3.6.1.17. Desain Halaman Detail Order ... 53
3.6.1.18. Desain Halaman Account Credit... 53
3.6.1.19. Desain Halaman Detail Account Credit ... 54
3.6.1.20. Desain Halaman Change Personalize... 54
3.6.1.21. Desain Halaman Change Password... 55
3.6.1.21. Desain Halaman Confirm... 55
3.6.2. Desain Interface Halaman Administrator... 56
3.6.2.1. Desain Halaman Login... 56
3.6.2.2. Desain Halaman Utama... 56
3.6.2.3. Desain Halaman Add Customer ... 57
3.6.2.4. Desain Halaman View Customer ... 57
3.6.2.5. Desain Halaman Detail Customer... 58
3.6.2.6. Desain Halaman Search Customer... 58
3.6.2.7. Desain Halaman Add Product... 59
3.6.2.8. Desain Halaman Add Detail Product ... 59
3.6.2.9. Desain Halaman View Product ... 60
3.6.2.10. Desain Halaman View Detail Product ... 60
3.6.2.11. Desain Halaman Search Product... 61
3.6.2.12. Desain Halaman Edit Product dan Detail Product .... 61
3.6.2.13. Desain Halaman Add Feature ... 62
3.6.2.14. Desain Halaman View Feature... 62
3.6.2.15. Desain Halaman Edit Feature... 63
3.6.2.16. Desain Halaman Add Vendor ... 63
3.6.2.17. Desain Halaman View Vendor... 64
3.6.2.18. Desain Halaman Edit Vendor... 64
3.6.2.19. Desain Halaman Add News ... 65
3.6.2.20. Desain Halaman View News ... 65
3.6.2.21. Desain Halaman View Detail News... 66
3.6.2.22. Desain Halaman Search News ... 66
3.6.2.23. Desain Halaman Edit News ... 67
3.6.2.24. Desain Halaman Add Customer Credit... 67
3.6.2.25. Desain Halaman View Customer Credit ... 68
3.6.2.26. Desain Halaman View Detail Customer Credit ... 68
3.6.2.26. Desain Halaman Search Customer Credit... 69
3.6.2.27. Desain Halaman Add Admin ... 69
3.6.2.28. Desain Halaman View Admin ... 70
3.6.2.29. Desain Halaman Edit Admin ... 70
3.6.2.30. Desain Halaman View Customer Order... 71
3.6.2.32. Desain Halaman Search Customer Order ... 71
3.6.2.33. Desain Halaman Search Report Order ... 72
3.6.2.34. Desain Halaman Result View Report Order ... 72
3.6.2.35. Desain Halaman Confirm... 73
4. IMPLEMENTASI SISTEM... 74
4.1. Implementasi Server ... 74
4.1.1. Instalasi Server ... 74
4.1.2. Konfigurasi Server ... 74
4.1.2.1. Konfigurasi Apache Server ... 75
4.1.2.2. Konfigurasi Database Server... 75
4.2. Implementasi Program ... 75
4.2.1. Koneksi Database... 76
4.2.2. Halaman Utama... 76
4.2.3. Menu Umum ... 77
4.2.4. Menu Login... 78
4.2.5. Halaman Register ... 79
4.2.6. Menu Member... 81
4.2.7. Menu Vendor ... 82
4.2.8. Menu Top Order... 82
4.2.9. Menu Top Hit... 83
4.2.10. Menu News Search ... 84
4.2.11. Halaman News ... 84
4.2.12. Halaman Search Product ... 86
4.2.13. Halaman Search Result ... 86
4.2.14. Halaman Compare... 88
4.2.15. Halaman Compare Result ... 88
4.2.16. Halaman Product... 89
4.2.17. Halaman Detail Product ... 91
4.2.18. Halaman Add Shopping Cart ... 92
4.2.19. Halaman Shopping Cart ... 94
4.2.20. Halaman Delivery and Payment Data ... 96
4.2.21. Halaman Proses Validasi Kartu Kredit ... 98
4.2.22. Halaman Proses Confirm Payment ... 99
4.2.23. Menu Administrator ... 101
4.2.24. Halaman Add Product ... 101
4.2.25. Halaman Search Product ... 104
4.2.26. Halaman View Product ... 105
4.2.27. Halaman Edit Product ... 105
4.2.28. Halaman Search Report Order ... 107
4.2.29. Halaman Report Order ... 107
4.2.30. Link Delete Shopping Cart ... 108
5. PENGUJIAN SISTEM ... 109
5.1. Pengujian Halaman Register ... 109
5.2. Pengujian Menu Login... 111
5.3. Pengujian Halaman Search Product ... 111
5.4. Pengujian Halaman Compare Product ... 112
5.5. Pengujian Menu Search News ... 114
5.6. Pengujian Halaman Credit Simulation... 115
5.7. Pengujian Halaman Add Shopping Cart ... 116
5.8. Pengujian Halaman Shopping Cart ... 117
5.9. Pengujian Halaman Delivery dan Payment Data ... 118
5.10. Pengujian Halaman Change Personalize... 120
5.11. Pengujian Halaman Change Password... 120
5.12. Pengujian Halaman Search Customer... 121
5.13. Pengujian Halaman Add Customer Credit... 122
5.14. Pengujian Halaman Edit Customer Credit Status ... 123
5.15. Pengujian Halaman Search Customer Credit... 124
5.16. Pengujian Add Product ... 125
5.17. Pengujian Add Detail Product... 126
5.18. Pengujian Edit Product... 127
5.19. Pengujian Edit Detail Product... 128
5.20. Pengujian Search Product ... 129
5.21. Pengujian Add News... 130
5.22. Pengujian Edit News ... 131
5.23. Pengujian Add Admin... 132
5.24. Pengujian Edit Admin ... 133
5.25. Pengujian Search Customer Order ... 133
5.26. Pengujian Edit Delivery Order... 134
5.27. Pengujian Halaman Search Report Order ... 135
5.28. Hasil Pengujian Sistem ... 136
6. KESIMPULAN DAN SARAN... 138
6.1. Kesimpulan ... 138
6.2. Saran... 138
DAFTAR REFERENSI ... 140
LAMPIRAN... 141
DAFTAR GAMBAR
2.1. Simbol Proses... 17
2.2. Simbol Arus Data... 17
2.3. Simbol Simpanan Data... 18
2.4. Simbol External Entity... 18
2.5. Simbol Entitas ERD Conceptual Model ... 19
2.6. Simbol Entitas ERD Physical Model ... 19
2.7. Simbol Atribut ERD Conceptual Model ... 19
2.8. Simbol Atribut ERD Physical Model... 20
2.9. One to One Relationship ... 20
2.10. One to One Relationship - Obligatory ... 21
2.11. One to One Relationship - Non obligatory ... 21
2.12. One to Many Relationship (1)... 21
2.13. One to Many Relationship (2)... 21
2.14. Many to Many Relationship... 22
3.1. Context Diagram ... 24
3.2. DFD Level 0 Maintenance Website Data ... 25
3.3. DFD Level 0 Register and Login Controller Process ... 26
3.4. DFD Level 0 Selling Process ... 26
3.5. DFD Level 0 View Data ... 27
3.6. DFD Level 1 MaintenaceWebsite Data Process ... 28
3.7. DFD Level 1 Register and Login Controller Process ... 30
3.8. DFD Level 1 Selling Process ... 31
3.9. DFD Level 1 View Data Process ... 32
3.10. Conceptual Data Model... 35
3.11. Physical Data Model ... 36
3.12. Navigasi Web Untuk User Guest dan Member... 43
3.13. Navigasi Web Untuk User Administrator System dan Order ... 44
3.14. Desain Halaman Utama... 45
3.15. Desain Halaman Registrasi ... 46
3.16. Desain Halaman Search Product... 46
3.17. Desain Halaman Compare Product ... 47
3.18. Desain Halaman Compare Result ... 47
3.19. Desain Halaman News ... 48
3.20. Desain Halaman Detail News ... 48
3.21. Desain Halaman View Product ... 49
3.22. Desain Halaman View Detail Product ... 49
3.23. Desain Halaman Credit Simulation... 50
3.24. Desain Halaman Credit Simulation Result ... 50
3.25. Desain Halaman View Information ... 51
3.26. Desain Halaman Add shopping cart... 51
3.27. Desain Halaman Shopping cart... 52
3.28. Desain Halaman Payment Data ... 52
3.29. Desain Halaman Order ... 53
3.30. Desain Halaman Detail Order ... 53
3.31. Desain Halaman Account Credit ... 54
3.32. Desain Halaman Detail Account Credit... 54
3.33. Desain Halaman Change Personalize... 55
3.34. Desain Halaman Change Password... 55
3.35. Desain Halaman Confirm... 56
3.36. Desain Halaman Login... 56
3.37. Desain Halaman Utama... 57
3.38. Desain Halaman Add Customer... 57
3.39. Desain Halaman View Customer ... 58
3.40. Desain Halaman Detail Customer... 58
3.41. Desain Halaman Search Customer... 59
3.42. Desain Halaman Add Product... 59
3.43. Desain Halaman Add Detail Product ... 60
3.44. Desain Halaman View Product ... 60
3.45. Desain Halaman Detail Product ... 61
3.46. Desain Halaman Search Product... 61
3.47. Desain Halaman Edit Product dan Detail Product ... 62
3.48. Desain Halaman Add Feature ... 62
3.49. Desain Halaman View Feature... 63
3.50. Desain Halaman Edit Feature... 63
3.51. Desain Halaman Add Vendor ... 64
3.52. Desain Halaman View Vendor... 64
3.53. Desain Halaman Edit Vendor... 65
3.54. Desain Halaman Add News ... 65
3.55. Desain Halaman View News ... 66
3.56. Desain Halaman Detail News ... 66
3.57. Desain Halaman Search News ... 67
3.58. Desain Halaman Edit News ... 67
3.59. Desain Halaman Add Customer Credit... 68
3.60. Desain Halaman View Customer Credit ... 68
3.61. Desain Halaman View Detail Customer Credit ... 69
3.62. Desain Halaman Search Customer Credit... 69
3.63. Desain Halaman Add Admin ... 70
3.64. Desain Halaman View Admin ... 70
3.65. Desain Halaman Edit Admin ... 71
3.66 Desain Halaman View Customer Order... 71
3.67. Desain Halaman Search Customer Order ... 72
3.68. Desain Halaman Search Report Order ... 72
3.69. Desain Halaman Result Search Report Order... 73
3.70. Desain Halaman Confirm... 73
4.1. Pembuatan Database PeaceCell Pada Database Server ... 75
4.2. Halaman Utama... 76
4.3. Menu Umum ... 78
4.4. Menu Login... 78
4.5. Halaman Register ... 80
4.6. Menu Member... 82
4.7. Menu Vendor ... 82
4.8. Menu Top Order... 83
4.9. Menu Top Hit... 83
4.10. Menu News Search ... 84
4.11. Halaman News ... 84
4.12. Halaman Search Product ... 86
4.13. Halaman Search Result ... 87
4.14. Halaman Compare... 88
4.15. Halaman Compare Result ... 89
4.16. Halaman Product... 90
4.17. Halaman Detail Product ... 92
4.18. Halaman Add Shopping Cart ... 93
4.19. Halaman Shopping Cart ... 94
4.20. Halaman Delivery and Payment Data ... 97
4.21. Menu Administrator System ... 101
4.22. Menu Administrator Order... 101
4.23. Halaman Add Product ... 102
4.24. Halaman Search Product ... 104
4.25. Halaman View Product ... 105
4.26. Halaman Edit Product ... 106
4.27. Halaman Search Report Order ... 107
4.28. Halaman Report Order ... 107
5.1. Halaman Registrasi ... 110
5.2. Pesan Kesalahan Inputan Data ... 110
5.3. Pesan Pemberitahuan Username Kembar. ... 110
5.4. Menu Login... 111
5.5. Pesan Kesalahan Inputan Username dan Password ... 111
5.6. Pesan Selamat Datang ... 111
5.7. Halaman Search Product ... 112
5.8. Halaman Search Result ... 112
5.9. Form Kriteria Jenis Vendor... 113
5.10. Form Kriteria Tipe Produk... 113
5.11. Halaman Hasil Compare ... 114
5.12. Menu News Search ... 114
5.13. Halaman Hasil News Search... 115
5.14. Pesan Data Berita Tidak Ditemukan ... 115
5.15. Halaman Credit Simulation... 115
5.16. Halaman Hasil Credit Simulation ... 116
5.17. Halaman Add Shopping Cart ... 116
5.18. Data Masuk Ke ShoppingCart ... 116
5.19. Pesan Data Kembar Dalam Shopping Cart ... 117
5.20. Halaman Shopping Cart ... 117
5.21. Pesan Untuk Update Shopping Cart... 117
5.22. Halaman Delivery and Payment Data ... 118
5.23. Pesan Kesalahan Input Delivery and Payment Data ... 119
5.24. Pesan Proses Order Batal ... 119
5.25. Pesan Proses Order Selesai ... 119
5.26. Halaman Change Personalize... 120
5.27. Halaman Data Customer ... 120
5.28. Halaman Change Password... 121
5.29. Pesan Kesalahan Input Password Data ... 121
5.30. Pesan Change Password Selesai ... 121
5.31. Halaman Search Customer... 121
5.32. Pesan Data Customer Tidak Ditemukan ... 122
5.33. Halaman Hasil Search Customer ... 122
5.34. Halaman Add Customer Credit... 122
5.35. Pesan Kesalahan Input Customer Credit Data ... 122
5.36. Halaman View Detail Customer Credit ... 123
5.37. Halaman Edit Customer Credit Status ... 123
5.38. Pesan Perubahan Customer Credit Status ... 124
5.39. Halaman Search Customer Credit... 124
5.40. Halaman Hasil Search Customer Credit ... 124
5.41. Halaman Add Product ... 125
5.42. Pesan Kesalahan Input Product Data ... 125
5.43. Halaman View List Product Data ... 126
5.44. Halaman Add Detail Product ... 126
5.45. Pesan Kesalahan Input Detail Product Data... 126
5.46. Pesan Kesalahan Data Kembar ... 126
5.47. Halaman View Detail Product ... 127
5.48. Halaman Edit Product ... 127
5.49. Halaman View Data Product Change ... 128
5.50. Halaman Edit Detail Product ... 128
5.51. Pesan Kesalahan Input Detail Product Data... 128
5.52. Halaman View Detail Product Change ... 129
5.53. Halaman Search Product ... 129
5.54. Halaman Hasil Search Product ... 129
5.55. Halaman Add News ... 130
5.56. Pesan Kesalahan Input News Data... 130
5.57. Halaman View List News Data... 131
5.58 Halaman Edit Admin ... 131
5.59. Halaman View List News Data... 131
5.60. Halaman Add Admin ... 132
5.61. Pesan Kesalahan Input Admin Data... 132
5.62. Pesan Kesalahan Data Admin Kembar ... 132
5.63. Halaman View List Admin Data... 132
5.64. Halaman Edit Admin ... 133
5.65. Pesan Kesalahan Password Data... 133
5.66. Halaman View List Admin Data... 133
5.67. Halaman Search Customer Order... 134
5.68. Halaman Hasil Search Customer Order ... 134
5.69. Halaman Edit Delivery Data ... 134
5.70. Halaman View Order Data... 135
5.71. Halaman Search Report Order ... 135
5.72. Pesan Kesalahan Period Date... 135
5.73. Halaman Hasil Search Report Order... 136
DAFTAR TABEL
3.1. Tabel customer ... 37
3.2. Tabel personalize ... 37
3.3. Tabel feature ... 38
3.4. Tabel vendor... 38
3.5. Tabel product ... 38
3.6. Tabel detailProduct ... 39
3.7. Tabel productFeature ... 39
3.8. Tabel Ord ... 39
3.9. Tabel detailOrd... 40
3.10. Tabel shoppingCart ... 40
3.11. Tabel news ... 40
3.12. Tabel admin... 41
3.13. Tabel customerCredit ... 41
3.14. Tabel accountCredit ... 41
3.15. Tabel guestBook ... 41
3.16. Tabel creditCard... 42
3.17. Tabel customerTransaction ... 42
5.1. Hasil Perhitungan Penelitian User Customer... 137
5.2.Hasil Perhitungan Penelitian User Administrator... 137
DAFTAR SEGMEN PROGRAM
4.1. Proses Koneksi Database ... 76
4.2. Proses Halaman Utama ... 77
4.3. Proses Pengecekan Field kosong ... 78
4.4. Proses Pengecekan Username dan Password ... 79
4.5. Proses Pengecekan Field Numeric ... 80
4.6.Proses Pengecekan Field E-Mail... 80
4.7. Proses Fungsi is_email... 80
4.8. Proses Pengecekan Untuk Isi Field yang Kembar ... 81
4.9. Proses Halaman Register... 81
4.10. Proses Cek Untuk Menu Member ... 82
4.11. Proses Menu Vendor ... 82
4.12. Proses Menu Top Order ... 83
4.13. Proses Menu Top Hit ... 83
4.14. Proses View News Melalui Menu Umum... 84
4.15. Proses Pengecekan Bulan, Tahun dan Keyword... 85
4.16. Proses News Melalui Menu News Search ... 85
4.17 Proses Pengecekan Halaman... 85
4.18. Proses Pengecekan Jenis Vendor ... 87
4.19. Proses Pengecekan Kisaran Harga ... 87
4.20. Proses Pengecekan Jenis Feature ... 87
4.21. Proses Query Search Product ... 88
4.22. Proses Query Compare Product ... 89
4.23. Proses Query Product Umum... 90
4.24. Proses Pengecekan Jenis Vendor Favorit Member ... 90
4.25. Proses Query Product Untuk Member ... 90
4.26. Proses Query Product Sesuai Jenis Vendor ... 91
4.27. Proses Query Detail Product ... 92
4.28. Proses Filter Warna Produk ... 93
4.29. Proses Pengecekan Hak Akses... 93
4.30. Proses Penambahan Produk Di Shopping Cart ... 94
4.31. Proses Query Shopping Cart ... 94
4.32. Proses Remove Shopping Cart Data ... 95
4.33. Proses Update Quantity Shopping Cart... 95
4.34. Proses Delete All Item ... 96
4.35. Proses Menyimpan Data Order dan Detail Order Metode Transfer ... 96
4.36. Proses Penyimpanan Data Delivery Sementara Metode Kartu Kredit.... 97
4.37. Proses Encryption Payment Data Metode Kartu Kredit ... 98
4.38. Koneksi Database Bank ... 98
4.39. Proses Decryption Payment Data... 98
4.40. Proses Pengecekan Validasi Kartu Kredit... 98
4.41. Proses Pencatatan Transaksi Kartu Kredit ... 99
4.42. Proses Cek Hasil Validasi Kartu Kredit... 99
4.43. Proses Insert Data Order ... 100
4.44. Proses Insert Data Detail Order... 100
4.45. Proses Upload Picture ... 102
4.46. Fungsi Untuk Mengeluarkan Nilai Nol... 103
4.47. Proses Add Product ... 103
4.48. Proses Add ProductFeature ... 104
4.49. Proses Query Search ProductFeature ... 104
4.50. Proses Query View Product ... 105
4.51. Proses Query Edit Product ... 106
4.52. Proses Query Edit Product Feature ... 106
4.53. Proses Query Report Order ... 107
4.54. Proses Delete Shopping Cart... 108
DAFTAR LAMPIRAN
1. Kuisioner Pengujian Sistem untuk Customer ... 140 2. Kuisioner Pengujian Sistem untuk Administrator ... 141
