ABSTRAK
E-Commerce atau perdagangan online sudah menjadi sesuatu yang normal, orang membeli barang langsung dari website tanpa harus bergerak sedikit pun, e-commerce menggunakan perantaraan internet untuk melakukan transaksi jual beli barang, jasa, iklan, dan masih banyak lagi.
Tempat laundry dan isi ulang air minum ‘Queen Cling & King Water’ dengan bisnis yang menjangkau orang-orang di wilayah yang sangat terbatas perlu mengekspansi melalui internet untuk menjangkau lebih luas dan memperluas bisnis tersebut, oleh karena itu dirancang dan dikembangkanlah situs web e-commerce
yang menerima pesanan secara online baik jasa pengisian air minum dan/atau pencucian pakaian. Situs web ini memiliki fitur kritik dan saran bagi pelanggan,
email gateway untuk mengirim notifikasi kepada pelanggan, print nota dan laporan, potongan atau voucher diskon bagi pelanggan, dan lain-lain. Hasil akhir dari pengembangan ini adalah web e-commerce yang sederhana dan mudah dimengerti bagi orang awam.
ABSTRACT
E-commerce or online shopping has now become a new normal, people buy goods directly from the website without the need to move an inch, e-commerce use internet to do its buying and selling transactions, services, advertisements, and many more.
‘Queen Cling & King Water’ is a laundry and water galon refill services
with business that only reach people in limited areas need to expand through internet to reach more areas and expand its business, therefore an e-commerce website that is able to receive order online either water galon refill and/or laundry is designed and built. This website have features like critics and review for customers, email gateway so that customers receive alert through email, print bill and report, discount or voucher for customers, and many others. The end result of this development is an e-commerce website that is simple and easy to understand for newcomers.
DAFTAR ISI
LEMBAR PENGESAHAN ... i
PERNYATAAN ORISINALITAS LAPORAN PENELITIAN ... ii
PERNYATAAN PUBLIKASI LAPORAN PENELITIAN ... iii
PRAKATA ... iv
ABSTRAK ... v
ABSTRACT ... vi
DAFTAR ISI ... vii
DAFTAR GAMBAR ... xvi
DAFTAR TABEL ... xx
DAFTAR NOTASI/ LAMBANG ... xxii
DAFTAR SINGKATAN ... xxv
DAFTAR ISTILAH ... xxvi
BAB 1 PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 2
1.3 Tujuan Pembahasan ... 2
1.4 Ruang Lingkup ... 3
1.5 Sumber Data ... 4
1.5.1 Primer ... 4
1.5.2 Sekunder ... 4
1.6 Sistematika Penyajian ... 4
BAB 2 KAJIAN TEORI ... 6
2.1 E-Commerce ... 6
2.3 Website ... 7
2.4 Customer Relationship Management ... 7
2.5 Sistem Informasi ... 8
2.6 Proses Bisnis ... 9
2.7 Flowchart ... 9
2.8 Entity Relastionship Diagram ... 10
2.9 Desain Antarmuka ... 11
2.10 XAMPP ... 12
2.11 PHP ... 12
2.12 MySQL ... 12
2.13 Apache... 13
2.14 JavaScript ... 13
2.15 AJaX ... 14
2.16 Bootstrap ... 14
2.17 UML ... 15
2.17.1 Use Case Diagram ... 16
2.17.2 Activity Diagram ... 17
2.17.3 Class Diagram ... 17
2.18 Black Box Testing ... 18
BAB 3 ANALISIS DAN RANCANGAN SISTEM ... 19
3.1 Flowchart ... 19
3.1.1 Proses Terima Pesanan Laundry Lewat Telepon ... 19
3.1.2 Proses Terima Pesanan Isi Ulang Air Minum Lewat Telepon ... 22
3.1.3 Proses Terima Pesanan Laundry Datang Langsung ... 25
3.1.4 Proses Terima Pesanan Isi Ulang Air Minum Datang Langsung ... 29
3.1.6 Proses Penyerahan Pesanan Air Minum Lewat Telepon ... 36
3.1.7 Proses Penyerahan Pesanan Laundry Datang Langsung ... 39
3.1.8 Proses Penyerahan Pesanan Air Minum Datang Langsung ... 42
3.2 Entity Relationship Diagram ... 45
3.3 ERD ke Tabel ... 46
3.3.1 Tabel Barang ... 46
3.3.2 Tabel Pesanan... 46
3.3.3 Tabel Mempunyai ... 47
3.3.4 Tabel Pelanggan ... 47
3.3.5 Tabel Kritik Saran ... 48
3.3.6 Tabel Administrator ... 48
3.3.7 Tabel Kurir ... 48
3.3.8 Tabel Wilayah ... 49
3.3.9 Tabel Bonus ... 49
3.3.10 Tabel Pesan ... 49
3.4 Use Case Diagram ... 50
3.4.1 Use Case Sistem E-Commerce Laundry dan Air Minum Isi Ulang .... 50
3.4.2 Use Case Mengelola Kritik Dan Saran ... 51
3.4.3 Use Case Mengelola Kurir ... 52
3.4.4 Use Case Mengelola Admin ... 53
3.4.5 Use Case Mengelola Barang ... 54
3.4.6 Use Case Mengelola Wilayah ... 55
3.4.7 Use Case Mengelola Pelanggan ... 56
3.4.8 Use Case Mengelola Pesanan ... 57
3.4.9 Use Case Memesan Jasa ... 58
3.4.11 Use Case Mengelola Laporan ... 60
3.5 Activity Diagram ... 61
3.5.1 Activity Diagram Mengelola Kritik Dan Saran ... 61
3.5.2 Activity Diagram Mengelola Kurir ... 62
3.5.3 Activity Diagram Mengelola Admin ... 63
3.5.4 Activity Diagram Mengelola Barang ... 64
3.5.5 Activity Diagram Mengelola Wilayah ... 65
3.5.6 Activity Diagram Mengelola Pelanggan ... 66
3.5.7 Activity Diagram Administrator Mengelola Pesanan ... 67
3.5.8 Activity Diagram Kurir Mengelola Pesanan ... 68
3.5.9 Activity Diagram Memesan Jasa ... 69
3.5.10 Activity Diagram Mengelola Pesan ... 70
3.5.11 Activity Diagram Mengelola Laporan ... 71
3.6 Class Diagram ... 72
3.6.1 Class Diagram Pelanggan ... 73
3.6.2 Class Diagram Wilayah ... 73
3.6.3 Class Diagram Barang ... 74
3.6.4 Class Diagram Kurir ... 74
3.6.5 Class Diagram Admin ... 75
3.6.6 Class Diagram KritikSaran ... 75
3.6.7 Class Diagram Bonus ... 76
3.6.8 Class Diagram Mempunyai ... 76
3.6.9 Class Diagram Pesanan ... 77
3.6.10 Class Diagram Pesan ... 78
3.7 Desain Antarmuka ... 79
3.7.2 Halaman Tentang Kami ... 80
3.7.3 Halaman Daftar ... 81
3.7.4 Halaman Masuk ... 82
3.7.5 Halaman Pelanggan ... 83
3.7.5.1 Halaman Beranda Pelanggan ... 83
3.7.5.2 Halaman Pesan Jasa ... 84
3.7.5.3 Halaman Transaksi Pelanggan ... 86
3.7.5.3.1 Halaman Kritik dan Saran ... 87
3.7.6 Halaman Administrator ... 88
3.7.6.1 Halaman Beranda Administrator... 88
3.7.6.2 Halaman Manajemen ... 90
3.7.6.2.1 Pelanggan ... 90
3.7.6.2.1.1 Halaman Set Bonus ... 92
3.7.6.2.1.2 Halaman Tambah Pelanggan... 93
3.7.6.2.1.3 Halaman Ubah Pelanggan ... 94
3.7.6.2.2 Wilayah ... 95
3.7.6.2.2.1 Halaman Tambah Wilayah ... 97
3.7.6.2.2.2 Halaman Ubah Wilayah ... 98
3.7.6.2.3 Barang ... 99
3.7.6.2.3.1 Halaman Tambah Barang ... 101
3.7.6.2.3.2 Halaman Ubah Barang ... 102
3.7.6.2.4 Kurir ... 103
3.7.6.2.4.1 Halaman Tambah Kurir... 105
3.7.6.2.4.2 Halaman Ubah Kurir ... 106
3.7.6.2.5 Admin ... 107
3.7.6.2.5.2 Halaman Ubah Admin ... 110
3.7.6.3 Halaman Transaksi ... 111
3.7.6.3.1 Pesanan ... 111
3.7.6.3.2 Review ... 113
3.7.6.3.2.1 Komentar ... 115
3.7.6.4 Halaman Laporan ... 117
BAB 4 IMPLEMENTASI ... 119
4.1 Desain Halaman Pelanggan... 119
4.1.1 Halaman Index ... 119
4.1.2 Halaman Tentang Kami ... 121
4.1.3 Halaman Home ... 122
4.1.4 Halaman Pesan Jasa ... 123
4.1.5 Halaman Transaksi ... 124
4.1.5.1 Halaman Detail Transaksi ... 125
4.1.5.2 Halaman Review Pelanggan ... 126
4.2 Desain Halaman Administrator ... 127
4.2.1 Halaman Index Administrator ... 127
4.2.2 Halaman Home Administrator ... 127
4.2.3 Halaman Manajemen Pelanggan ... 128
4.2.3.1 Halaman Set Bonus ... 128
4.2.3.2 Halaman Tambah Pelanggan ... 129
4.2.3.3 Halaman Ubah Pelanggan ... 129
4.2.4 Halaman Manajemen Wilayah ... 130
4.2.4.1 Halaman Tambah Wilayah ... 130
4.2.4.2 Halaman Ubah Wilayah ... 131
4.2.5.1 Halaman Tambah Barang ... 132
4.2.5.2 Halaman Ubah Barang ... 132
4.2.6 Halaman Manajemen Kurir ... 133
4.2.6.1 Halaman Tambah Kurir ... 133
4.2.6.2 Halaman Ubah Kurir ... 134
4.2.7 Halaman Manajemen Admin ... 134
4.2.7.1 Halaman Tambah Admin ... 135
4.2.7.2 Halaman Ubah Admin ... 135
4.2.8 Halaman Transaksi Pesanan Administrator ... 136
4.2.8.1 Halaman Detail Transaksi Pesanan Administrator ... 136
4.2.8.2 Halaman Ubah Status Administrator ... 137
4.2.9 Halaman Transaksi Review... 137
4.2.9.1 Halaman Detail Transaksi Review ... 138
4.2.10 Halaman Transaksi Laporan ... 138
4.3 Desain Halaman Kurir... 139
4.3.1 Halaman Index Kurir ... 139
4.3.2 Halaman Home Kurir ... 139
4.3.3 Halaman Transaksi Pesanan Kurir ... 140
4.3.3.1 Halaman Detail Transaksi Pesanan Kurir ... 140
4.3.3.2 Halaman Ubah Status ... 141
BAB 5 PENGUJIAN ... 142
5.1 Rencana Pengujian ... 142
5.2 Pelaksanaan Pengujian Sisi Pelanggan ... 142
5.2.1 Test Case Masuk Pelanggan ... 142
5.2.2 Test Case Daftar ... 143
5.2.4 Test Case Lihat Pesanan ... 144
5.2.5 Test Case Kirim Kritik Dan Saran ... 144
5.3 Pelaksanaan Pengujian Sisi Administrator... 145
5.3.1 Test Case Masuk Administrator ... 145
5.3.2 Test Case Kelola Pelanggan ... 146
5.3.2.1 Test Case Set Bonus ... 146
5.3.2.2 Test Case Tambah Pelanggan ... 146
5.3.2.3 Test Case Ubah Pelanggan ... 147
5.3.2.4 Test Case Hapus Pelanggan ... 147
5.3.3 Test Case Kelola Wilayah ... 148
5.3.3.1 Test Case Tambah Wilayah ... 148
5.3.3.2 Test Case Ubah Wilayah ... 148
5.3.3.3 Test Case Hapus Wilayah ... 149
5.3.4 Test Case Kelola Barang ... 149
5.3.4.1 Test Case Tambah Barang ... 149
5.3.4.2 Test Case Ubah Barang ... 150
5.3.4.3 Test Case Hapus Barang ... 150
5.3.5 Test Case Kelola Kurir ... 151
5.3.5.1 Test Case Tambah Kurir ... 151
5.3.5.2 Test Case Ubah Kurir ... 151
5.3.5.3 Test Case Hapus Kurir ... 152
5.3.6 Test Case Kelola Admin ... 152
5.3.6.1 Test Case Tambah Admin ... 152
5.3.6.2 Test Case Ubah Admin ... 153
5.3.6.3 Test Case Hapus Admin ... 153
5.3.8 Test Case Kelola Pesanan ... 154
5.3.8.1 Test Case Transaksi Detail Pesanan ... 154
5.3.8.2 Test Case Ubah Status Pesanan ... 154
5.3.9 Test Case Kelola Review ... 155
5.3.10 Test Case Kelola Laporan ... 155
BAB 6 SIMPULAN DAN SARAN ... 156
6.1 Simpulan ... 156
6.2 Saran ... 156
DAFTAR GAMBAR
Gambar 2.1 Diagram – Diagram UML ... 15
Gambar 2.2 Simbol-Simbol Relasi Antar Kelas ... 17
Gambar 2.3 Multiplisitas ... 18
Gambar 3.1 Flowchart Proses Terima Pesanan Laundry Melalui Telepon ... 21
Gambar 3.2 Flowchart Proses Terima Pesanan Isi Ulang Melalui Telepon ... 24
Gambar 3.3 Flowchart Proses Terima Pesanan Laundry Secara Langsung ... 28
Gambar 3.4 Flowchart Proses Terima Pesanan Isi Ulang Secara Langsung ... 32
Gambar 3.5 Flowchart Proses Penyerahan Pesanan Laundry Melalui Telepon ... 35
Gambar 3.6 Flowchart Proses Penyerahan Pesanan Air Minum Melalui Telepon ... 38
Gambar 3.7 Flowchart Proses Penyerahan Pesanan Laundry Secara Langsung .. 41
Gambar 3.8 Flowchart Proses Penyerahan Pesanan Air Minum Secara Langsung ... 44
Gambar 3.9 ERD ... 45
Gambar 3.10 Use Case Sistem E-Commerce Laundry & Air Minum Isi Ulang .. 50
Gambar 3.11 Use Case Mengelola Kritik Dan Saran ... 51
Gambar 3.12 Use Case Mengelola Kurir ... 52
Gambar 3.13 Use Case Mengelola Admin ... 53
Gambar 3.14 Use Case Mengelola Barang ... 54
Gambar 3.15 Use Case Mengelola Wilayah ... 55
Gambar 3.16 Use Case Mengelola Pelanggan ... 56
Gambar 3.17 Use Case Mengelola Pesanan ... 57
Gambar 3.18 Use Case Memesan Jasa ... 58
Gambar 3.19 Use Case Mengelola Pesan ... 59
Gambar 3.20 Use Case Mengelola Laporan ... 60
Gambar 3.21 Activity Diagram Mengelola Kritik Dan Saran ... 61
Gambar 3.22 Activity Diagram Mengelola Kurir ... 62
Gambar 3.23 Activity Diagram Mengelola Admin ... 63
Gambar 3.24 Activity Diagram Mengelola Barang ... 64
Gambar 3.26 Activity Diagram Mengelola Pelanggan ... 66
Gambar 3.27 Activity Diagram Administrator Mengelola Pesanan ... 67
Gambar 3.28 Activity Diagram Kurir Mengelola Pesanan ... 68
Gambar 3.29 Activity Diagram Memesan Jasa ... 69
Gambar 3.30 Activity Diagram Mengelola Pesan ... 70
Gambar 3.31 Activity Diagram Mengelola Laporan ... 71
Gambar 3.32 Class Diagram... 72
Gambar 3.33 Class Diagram Pelanggan ... 73
Gambar 3.34 Class Diagram Wilayah ... 73
Gambar 3.35 Class Diagram Barang ... 74
Gambar 3.36 Class Diagram Kurir ... 74
Gambar 3.37 Class Diagram Admin ... 75
Gambar 3.38 Class Diagram KritikSaran ... 75
Gambar 3.39 Class Diagram Bonus ... 76
Gambar 3.40 Class Diagram Mempunyai ... 76
Gambar 3.41 Class Diagram Pesanan ... 77
Gambar 3.42 Class Diagram Pesan ... 78
Gambar 3.43 Desain Halaman Beranda Utama ... 79
Gambar 3.44 Desain Halaman Tentang Kami ... 80
Gambar 3.45 Desain Halaman Daftar ... 81
Gambar 3.46 Desain Halaman Masuk Administrator & Pelanggan ... 82
Gambar 3.47 Desain Halaman Beranda Pelanggan ... 83
Gambar 3.48 Desain Halaman Pesan Jasa ... 84
Gambar 3.49 Desain Halaman Transaksi Pelanggan ... 86
Gambar 3.50 Desain Halaman Kritik dan Saran ... 87
Gambar 3.51 Desain Halaman Beranda Administrator ... 88
Gambar 3.52 Desain Halaman Manajemen Pelanggan ... 90
Gambar 3.53 Desain Halaman Set Bonus ... 92
Gambar 3.54 Desain Halaman Tambah Pelanggan... 93
Gambar 3.55 Desain Halaman Ubah Pelanggan ... 94
Gambar 3.56 Desain Halaman Manajemen Wilayah ... 95
Gambar 3.58 Desain Halaman Ubah Wilayah ... 98
Gambar 3.59 Desain Halaman Manajemen Barang ... 99
Gambar 3.60 Desain Halaman Tambah Barang ... 101
Gambar 3.61 Desain Halaman Ubah Barang ... 102
Gambar 3.62 Desain Halaman Manajemen Kurir ... 103
Gambar 3.63 Desain Halaman Tambah Kurir... 105
Gambar 3.64 Desain Halaman Ubah Kurir ... 106
Gambar 3.65 Desain Halaman Manajemen Admin ... 107
Gambar 3.66 Desain Halaman Tambah Admin ... 109
Gambar 3.67 Desain Halaman Ubah Admin... 110
Gambar 3.68 Desain Halaman Admin Transaksi Pesanan... 111
Gambar 3.69 Desain Halaman Admin Review Transaksi ... 113
Gambar 3.70 Desain Halaman Admin Komentar Lengkap ... 115
Gambar 3.71 Desain Halaman Admin Laporan ... 117
Gambar 4.1 Halaman Index Pelanggan Bagian Daftar ... 119
Gambar 4.2 Halaman Index Pelanggan Bagian Masuk ... 120
Gambar 4.3 Halaman Tentang Kami ... 121
Gambar 4.4 Halaman Home Pelanggan ... 122
Gambar 4.5 Halaman Pesan Jasa Pelanggan ... 123
Gambar 4.6 Halaman Transaksi Pelanggan ... 124
Gambar 4.7 Halaman Transaksi Pelanggan, Bagian Detail Pesanan ... 125
Gambar 4.8 Halaman Transaksi Pelanggan, Bagian Review ... 126
Gambar 4.9 Halaman Index Administrator ... 127
Gambar 4.10 Halaman Home Administrator ... 127
Gambar 4.11 Halaman Manajemen Pelanggan ... 128
Gambar 4.12 Halaman Set Bonus ... 128
Gambar 4.13 Halaman Tambah Pelanggan ... 129
Gambar 4.14 Halaman Ubah Pelanggan ... 129
Gambar 4.15 Halaman Manajemen Wilayah ... 130
Gambar 4.16 Halaman Tambah Wilayah ... 130
Gambar 4.17 Halaman Ubah Wilayah ... 131
Gambar 4.19 Halaman Tambah Barang ... 132
Gambar 4.20 Halaman Ubah Barang ... 132
Gambar 4.21 Halaman Manajemen Kurir ... 133
Gambar 4.22 Halaman Tambah Kurir ... 133
Gambar 4.23 Halaman Ubah Kurir ... 134
Gambar 4.24 Halaman Manajemen Admin ... 134
Gambar 4.25 Halaman Tambah Admin ... 135
Gambar 4.26 Halaman Ubah Admin ... 135
Gambar 4.27 Halaman Transaksi Pesanan Administrator ... 136
Gambar 4.28 Halaman Detail Transaksi Pesanan Administrator... 136
Gambar 4.29 Halaman Ubah Status Administrator... 137
Gambar 4.30 Halaman Transaksi Review ... 137
Gambar 4.31 Halaman Detail Transaksi Review ... 138
Gambar 4.32 Halaman Transaksi Laporan... 138
Gambar 4.33 Halaman Index Kurir ... 139
Gambar 4.34 Halaman Home Kurir ... 139
Gambar 4.35 Halaman Transaksi Pesanan Kurir ... 140
Gambar 4.36 Halaman Detail Transaksi Pesanan Kurir ... 140
DAFTAR TABEL
Tabel 3.1 Tabel Barang ... 46
Tabel 3.2 Tabel Pesanan ... 46
Tabel 3.3 Tabel Mempunyai ... 47
Tabel 3.4 Tabel Pelanggan ... 47
Tabel 3.5 Tabel Kritik Saran ... 48
Tabel 3.6 Tabel Administrator ... 48
Tabel 3.7 Tabel Kurir ... 48
Tabel 3.8 Tabel Wilayah ... 49
Tabel 3.9 Tabel Bonus ... 49
Tabel 3.10 Tabel Pesan ... 49
Tabel 5.1 Test Case Masuk Pelanggan ... 142
Tabel 5.2 Test Case Daftar ... 143
Tabel 5.3 Test Case Pesan Jasa ... 144
Tabel 5.4 Test Case Lihat Pesanan ... 144
Tabel 5.5 Test Case Kirim Kritik Dan Saran ... 144
Tabel 5.6 Test Case Masuk Administrator ... 145
Tabel 5.7 Test Case Kelola Pelanggan Set Bonus ... 146
Tabel 5.8 Test Case Tambah Pelanggan ... 146
Tabel 5.9 Test Case Ubah Pelanggan ... 147
Tabel 5.10 Test Case Hapus Pelanggan ... 147
Tabel 5.11 Test Case Tambah Wilayah ... 148
Tabel 5.12 Test Case Ubah Wilayah ... 148
Tabel 5.13 Test Case Hapus Wilayah ... 149
Tabel 5.14 Test Case Tambah Barang ... 149
Tabel 5.15 Test Case Ubah Barang ... 150
Tabel 5.16 Test Case Hapus Barang ... 150
Tabel 5.17 Test Case Tambah Kurir ... 151
Tabel 5.18 Test Case Ubah Kurir ... 151
Tabel 5.19 Test Case Hapus Kurir ... 152
Tabel 5.21 Test Case Ubah Admin ... 153
Tabel 5.22 Test Case Hapus Admin ... 153
Tabel 5.23 Test Case Pesan ... 154
Tabel 5.24 Test Case Transaksi Detail Pesanan... 154
Tabel 5.25 Test Case Ubah Status Pesanan ... 154
Tabel 5.26 Test Case Review ... 155
DAFTAR NOTASI/ LAMBANG
Jenis Notasi/ Lambang Nama Arti
Flowchart Terminator Permulaan atau akhir
proses.
Flowchart Flowline Arah aliran program.
Flowchart Decision
Pilihan, perbandingan, keputusan akan jalan proses selanjutnya.
Flowchart Off Page
Connector
ERD Atribut Elemen karakteristik
dari suatu entitas.
ERD Relasi
Use Case
Garis segiempat yang menggambarkan batasan sistem.
Use Case
Diagram <<extend>> Extend
Use case yang
memanggil use case
lain yang memiliki
behaviournya sendiri.
Use Case
Diagram <<include>> Include
Use case yang
Relasi antara aktor dan
use case. Activity
Diagram Start Point
Status awal dari aktivitas sistem.
Activity
Diagram End Point
Status akhir dari
Activity Diagram
(sistem,aktor)
Swimlane
Batas yang
memisahkan aktivitas - aktivitas antara para aktor atau sistem yang berbeda.
Activity
Diagram Fork
Percabangan proses di dalam sistem.
Activity
Diagram Join
Penggabungan proses di dalam sistem.
Referensi:
Notasi / Lambang Flowchart dari IlmuKomputer [1], STMIK Samarinda [2]. Notasi / Lambang ERD dari Vebry Exa Blog [3], Libra Intan Venus [4]. Notasi / Lambang Use Case Diagram dari Nickizoner [5].
DAFTAR SINGKATAN
AJaX Asynchronous JavaScript and XMLHTTP
CRM Customer Relationship Management
ERD Entity Relationship Diagram
HTML HyperText Markup Language
PHP PHP: Hypertext Preprocessor
PT Perseroan Terbatas
SI Sistem Informasi
DAFTAR ISTILAH
Konvensional
Suatu kegiatan, barang, atau lain - lain yang berjalan atau terjadi tanpa bantuan mesin, bukan digital, cara kuno, atau tradisional.
Implementasi Penerapan, pelaksanaan suatu kegiatan atau rencana yang sudah disusun sebelumnya.
Dokumentasi
BAB 1
PENDAHULUAN
Di dalam Bab 1 ini akan dijelaskan latar belakang, rumusan masalah, tujuan pembahasan, ruang lingkup, sumber data, dan sistematika penyajian.
1.1Latar Belakang
E-Commerce atau perdagangan online sudah menjadi sesuatu yang normal di kehidupan manusia sekarang ini, banyak orang yang membeli barang langsung dari website tanpa harus bergerak sedikit pun, e-commerce menggunakan perantaraan internet untuk melakukan bisnis atau transaksi jual beli barang, jasa, iklan, dan masih banyak lagi. Berikut beberapa keunggulan e-commerce
dibandingkan dengan perdagangan konvensional yang masih menggunakan perantaraan toko fisik, kendaraan atau lainnya :
1. Hemat, tanpa keharusan memiliki toko fisik untuk berjualan, maka tidak ada biaya sewa toko, biaya pegawai, biaya bensin untuk kendaraan.
2. Menjangkau customer atau pelanggan lebih luas dengan internet, bahkan sampai ke luar negeri, iklan pun tidak terbatas hanya di satu kota saja. 3. Cepat, transaksi melalui internet berjalan sangat cepat tanpa adanya
keterlambatan sehingga memungkinkan pendapatan yang lebih besar. Dengan keunggulan tersebut, orang-orang melirik internet sebagai tempat penjualan, iklan, penawaran, dan masih banyak lagi.
2
1.2Rumusan Masalah
Berdasarkan latar belakang tersebut, maka dapat diambil rumusan masalah sebagai berikut :
1. Bagaimana cara agar bisnis laundry dan isi ulang air minum ‘Queen Cling
& King Water’ menjangkau masyarakat lebih luas lagi lewat internet ? 2. Bagaimana cara mempermudah transaksi penjualan jasa laundry dan isi
ulang air minum ?
3. Bagaimana cara melihat dan menghasilkan laporan transaksi bulanan? 4. Bagaimana cara menerapkan CRM dalam bisnis laundry dan isi ulang air
minum ini?
1.3Tujuan Pembahasan
Berdsarkan rumusan masalah diatas, maka didapatkan tujuan pembahasan sebagai berikut :
1. Mengembangkan aplikasi web e-commerce berbasis PHP untuk ‘Queen
Cling & King Water’.
2. Memudahkan pembeli jasa, dengan aplikasi e-commerce maka pembeli jasa dapat memilih membayar saat kedatangan kurir yang akan mengambil barang berupa pakaian atau botol air minum dari pelanggan, atau sesudah pakaian dicuci atau botol air minum diisi ulang dan diantar kembali kepada pemesan jasa, dengan ini maka masyarakat dapat membeli jasa yang ditawarkan melalui internet tanpa harus datang ke tempat.
3. Pembuatan laporan bulanan dengan aplikasi e-commerce, maka pemilik bisnis dapat melihat dan mengeluarkan laporan transaksi bulanan dengan rapi dan lengkap .
3
1.4Ruang Lingkup
Ruang lingkup kajian dalam pembangunan aplikasi e-commerce ini adalah : 1. Aplikasi ini menampilkan jasa yang ditawarkan oleh ‘Queen Cling & King
Water’, yaitu jasa pencucian pakaian dan isi ulang air minum.
2. Aplikasi ini memiliki tiga user, yaitu administrator, kurir, dan pelanggan. 3. Aplikasi ini memiliki sign up dan sign in bagi pelanggan dan sign in bagi
administrator dan kurir, alamat email yang ditulis pelanggan saat sign up
akan digunakan untuk sign in atau masuk dan memberitahu status transaksi. 4. Aplikasi ini memberikan pilihan pembayaran bagi pelanggan yang memesan jasa, yaitu saat kurir datang untuk mengambil barang, atau saat barang diantar kembali kepada pelanggan.
5. Aplikasi ini menerapkan batas cakupan wilayah jasa atau service dengan memberikan pelanggan informasi dan pilihan daftar wilayah tempat dimana pelanggan tinggal saat pelanggan sign up berdasarkan point of interest
seperti perumahan, wilayah, kecamatan atau kelurahan.
6. Aplikasi ini menerapkan CRM dengan memiliki kotak kritik dan saran di setiap transaksi yang sudah selesai dan pelanggan dapat memberikan pendapat atau masukan yang membangun kepada ‘Queen Cling & King Water’ dan juga menerapkan bonus berupa diskon sebanyak x (tidak tetap) rupiah, yang dapat dipakai langsung atau disimpan untuk dipakai lain waktu setelah pembeli jasa memiliki total transaksi x (tidak tetap) rupiah, lalu
email gateway, yang memberitahu status pesanan pelanggan lewat email. 7. Aplikasi ini dapat mencetak laporan transaksi penjualan jasa antara jangka
waktu tertentu.
4
1.5Sumber Data
Sumber data yang digunakan untuk melaksanakan tugas akhir ini sebagai berikut : 1.5.1Primer
Sumber data primer didapatkan dari : 1. Buku.
2. E-Book.
3. Bahan kuliah terdahulu.
4. Video dan artikel tutorial dan pelajaran dari internet. 1.5.2Sekunder
Sumber data sekunder didapatkan dari : 1. Berkonsultasi kepada dosen. 2. Berkonsultasi kepada teman. 1.6Sistematika Penyajian
Sistematika penyajian pada skripsi ini terdiri dari lima bab utama, isi pembahasan dari masing-masing bab adalah sebagai berikut :
BAB 1 PENDAHULUAN
Bab satu menjelaskan tentang latar belakang masalah, rumusan masalah, tujuan pembahasan, ruang lingkup kajian, sumber data, dan sistematika penyajian.
BAB 2 KAJIAN TEORI
Bab dua merupakan kajian teori-teori yang menjelaskan dan mendukung dalam pembangunan aplikasi web e-commerce ini, seperti pengertian internet,
e-commerce, MySQL, dan teori-teori lainnya.
BAB 3 ANALISIS DAN PERANCANGAN SISTEM
5
BAB 4 IMPLEMENTASI
Bab empat menjelaskan implementasi aplikasi e-commerce ini bagi administrator dan pelanggan, dan juga dokumentasi isi dari aplikasi yang berjalan dari segi antarmuka administrator dan pelanggan dengan screenshot.
BAB 5 PENGUJIAN
Bab lima menjelaskan pengujian aplikasi e-commerce yang sudah dibangun, pengujian fungsi-fungsi dan lain-lain.
BAB 6 SIMPULAN DAN SARAN
BAB 6
SIMPULAN DAN SARAN
Di dalam Bab 6 ini menjelaskan kesimpulan dan saran dari pengembangan aplikasi e-commerce ‘Queen Cling & King Water’.
6.1Simpulan
Berdasarkan hasil dari pengembangan yang sudah dibuat, dapat ditarik kesimpulan sebagai berikut, kesimpulan yang didapat dari aplikasi web
e-commerce ‘Queen Cling & King Water’ adalah :
1. Pelanggan dapat memesan jasa pencucian pakaian dan isi ulang galon air minum.
2. Pelanggan dapat mengetahui status pesanan lewat halaman Transaksi dan email.
3. Pelanggan dapat mengirim kritik dan saran kepada ‘Queen Cling &
King Water’.
4. Aplikasi yang dikembangkan mudah dan tidak sulit untuk digunakan baik bagi pelanggan atau administrator.
5. Administrator dapat mengelola data-data serta juga mengelola pesanan dan mengubah status pesanan dan kurir.
6.2Saran
Adapun saran-saran untuk pengembangan selanjutnya adalah sebagai berikut :
1. Membuat halaman lebih menarik lagi baik dari segi tampilan, tulisan, dan gambar.
APLIKASI E-COMMERCE LAUNDRE DAN AIR MINUM
ISI ULANG
TUGAS AKHIR
Diajukan untuk Memenuhi Persyaratan Akademik dalam
Menyelesaikan Pendidikan pada Program Studi
S1 Sistem Informasi Universitas Kristen Maranatha
Oleh
Leonard Sienandra Boedianto
1073014
PROGRAM STUDI S1 SISTEM INFORMASI
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS KRISTEN MARANATHA
BANDUNG
PRAKATA
Puji syukur kepada Tuhan Yang Maha Esa, yang atas bimbinganNya,
berkatNya, ajaranNya dan para malaikatNya memampukan penulis menyelesaikan
laporan Tugas Akhir yang berjudul ‘Aplikasi E-Commerce Laundry dan Air Minum
Isi Ulang’ dengan sebaik-baiknya.
Laporan ini dibuat untuk memenuhi persyaratan kelulusan mata kuliah
Tugas Akhir sebagai salah satu syarat kelulusan untuk meraih gelar S1 di Fakultas
Teknologi Informasi, Jurusan Sistem Informasi di Universitas Kristen Maranatha.
Dalam pembuatannya penulis mendapat bantuan dari berbagai pihak, oleh
karena itu penulis ingin mengucapkan terima kasih kepada Ibu Doro Edi, S.T.,
M.Kom. selaku dosen pembimbing yang membimbing penulis dalam pembuatan
laporan tugas akhir ini sehingga dapat selesai dengan baik. Penulis juga mendapat
dorongan semangat dan disiplin dari beberapa orang, oleh karena itu penulis ingin
mengucapkan terima kasih kepada :
1. Bapak Dr. Hapnes Toba, M .Sc. selaku Dekan Fakultas Teknologi Informasi
Universitas Kristen Maranatha.
2. Bapak Niko Ibrahim, S.Kom., MIT. selaku Ketua Jurusan S1 Sistem
Informasi.
3. Keluarga dan saudara penulis yang selalu memberikan dukungan dan doa
kepada penulis.
4. Teman-teman penulis yang selalu memberikan semangat dan dukungan
kepada penulis.
Penulis berharap laporan ini dapat menginspirasi banyak orang dan juga penulis
menyadari laporan ini tidaklah sempurna sehingga penulis berharap kritik dan saran
yang membangun, terima kasih.
Bandung, 14 Desember 2016
DAFTAR PUSTAKA
[1] Anharku, “Flowchart,” IlmuKomputer.org, 6 2009. [Online]. Available:
http://ilmukomputer.org/wp-content/uploads/2009/06/anharku-flowchart.pdf. [Diakses 17 3 2016].
[2] H. S, “Simbol - Simbol Flowchart dan Fungsinya,” STMIK Samarinda, 12 4
2014. [Online]. Available:
http://csa01-stmik- samarinda.blogspot.co.id/2014/04/1-simbol-simbol-flowchart-dan-fungsinya.html. [Diakses 17 3 2016].
[3] V. Exa, “Definisi Dan Contoh Entity Relationship Diagram (ERD),” Vebry Exa Blog, 10 3 2015. [Online]. Available: http://vebryexa.com/definisi-dan-contoh-entity-relationship-diagram-erd.html. [Diakses 18 3 2016].
[4] I. Oktavianti, “Pengertian ERD (Entity Relationship Diagram),” Intan Libra
Venus, 9 8 2014. [Online]. Available:
http://intanstemapal24.blogspot.co.id/2014/08/pengertian-erd-entity-relationship.html. [Diakses 18 3 2016].
[5] N. Hermanto, “Mengenal Use Case Diagram,” Nickizoner, 6 6 2013. [Online]. Available: http://nickizoner.blogspot.co.id/2013/06/mengenal-use-case-diagram.html. [Diakses 24 8 2016].
[6] A. Fithool, “Cara Pembuatan Use Case,” SlideShare, 7 12 2013. [Online]. Available: http://www.slideshare.net/fithool/cara-pembuatanusecase. [Diakses 21 8 2016].
[7] A. Manzoor, E-Commerce : An Introduction, Saarbrücken: Lambert Academic Publishing, 2010.
[8] J. E. Steffano Korper, The E-Commerce Book : Building the E-Empire, California: Academic Press, 2001.
[10] V. Beal, “Webopedia,” 24 June 2010. [Online]. Available: http://www.webopedia.com/DidYouKnow/Internet/Web_vs_Internet.asp. [Diakses 17 March 2016].
[11] R. Kamal, Internet and Web Technologies, New Delhi: Tata McGraw-Hill, 2002.
[12] I. d. Pengertian, “Pengertian CRM Menurut Para Ahli,” Info dan Pengertian,
11 2015. [Online]. Available:
http://globallavebookx.blogspot.co.id/2015/11/pengertian-crm-menurut-para-ahli.html. [Diakses 27 11 2016].
[13] G. Marakas, Introduction to Information Systems, New York: McGraw-Hill, 2012.
[14] P. Harmon, Business Process Change, California: Morgan Kaufmann, 2003. [15] B. Pemasaran, “Bagaimana Saya Membuat Flowchart Proses Bisnis?,” Bisnis Pemasaran, [Online]. Available: http://bisnispemasaran.info/anggaran-keuangan/bagaimana-saya-membuat-flowchart-proses-bisnis. [Diakses 23 3 2016].
[16] R. T. O. K. E. I. T. C. Meliana Christianti J, “Analisis dan Perancangan Aplikasi Penyusunan Jadwal Mengajar Sesuai Data Kesediaan Mengajar
Dosen,” Jurnal Teknik Informatika dan Sistem Informasi Volume 1 Nomor 2,
vol. 1, no. 2, p. 10, 8 2015.
[17] M. R. Bahtiar, “Transformasi ERD ke Basis Data Fisik,” Basis Data, 25 10
2012. [Online]. Available:
http://codeoke.blogspot.co.id/2012/10/transformasi-ke-Basis-data-fisik.html. [Diakses 23 3 2016].
[18] Wikipedia, “Desain Antarmuka Pengguna,” Wikipedia Indonesia, 11 2 2016.
[Online]. Available:
https://id.wikipedia.org/wiki/Desain_Antarmuka_Pengguna. [Diakses 23 3 2016].
[20] Andre, “Tutorial Belajar PHP Part 1: Pengertian dan Fungsi PHP dalam
Pemrograman Web,” Duniilkom, 15 December 2014. [Online]. Available:
http://www.duniailkom.com/pengertian-dan-fungsi-php-dalam-pemograman-web/. [Diakses 2 November 2016].
[21] Wikipedia, “MySQL,” Wikipedia, 20 August 2016. [Online]. Available: https://id.wikipedia.org/wiki/MySQL. [Diakses 2 November 2016].
[22] W. Hastomo, “Pengertian dan Kelebihan Apache Server,” Hastomo's, 23 May 2013. [Online]. Available: http://hastomo.net/php/pengertian-dan-kelebihan-apache-server/. [Diakses 3 November 2016].
[23] Wikipedia, “Apache HTTP Server,” Wikipedia, July 2016. [Online]. Available: https://en.wikipedia.org/wiki/Apache_HTTP_Server. [Diakses 3 November 2016].
[24] Andre, “Tutorial Belajar JavaScript Part 1: Pengertian dan Fungsi JavaScript
dalam Pemrograman Web,” Duniailkom, 16 March 2014. [Online].
Available: http://www.duniailkom.com/tutorial-belajar-javascript-pengertian-dan-fungsi-javascript-dalam-pemograman-web/. [Diakses 3 November 2016].
[25] Wikipedia, “JavaScript,” Wikipedia, 8 April 2016. [Online]. Available: https://id.wikipedia.org/wiki/JavaScript. [Diakses 3 November 2016].
[26] Wikipedia, “AJAX,” Wikipedia, 11 March 2015. [Online]. Available: https://id.wikipedia.org/wiki/AJAX. [Diakses 3 November 2016].
[27] W3function, “http://www.w3function.com/blog/?p=det&idn=23,”
W3function, 5 May 2009. [Online]. Available:
http://www.w3function.com/blog/?p=det&idn=23. [Diakses 3 November 2016].
[28] Budiyatno, “Pengertian Bootstrap dan cara menginstal Bootstrap,” Belajar Membuat Web Menggunakan Bootstrap, 4 February 2015. [Online]. Available: http://pengertianbootstrap.blogspot.co.id/2015/02/pengertian-bootstrap-dan-cara.html. [Diakses 3 November 2016].
[29] F. Fadul, “Apa Itu Bootstrap? Bagaimana Memulai Belajar Bootstrap Untuk
http://dul.web.id/bootstrap/3/tuts-tips/belajar-bootstrap-untuk-pemula.php. [Diakses 3 November 2016].
[30] S. S. Alhir, UML in a Nutshell: A Desktop Quick Reference, California: O'Reilly, 1998.
[31] pccontrol, “Pengetahuan Dasar UML (dasar membuat diagram class, Use case
diagram, digram activity, diagram sequence dll ),” Dasar Komputer Buat
Pemula, 6 8 2012. [Online]. Available:
https://pccontrol.wordpress.com/2012/08/16/pengetahuan-dasar-uml-dasar- membuat-diagram-class-use-case-diagram-digram-activity-diagram-sequence-dll/. [Diakses 21 8 2016].
[32] pccontrol, “Pengetahuan Dasar Diagram Use Case,” Dasar Komputer Buat
Pemula, 23 8 2012. [Online]. Available:
https://pccontrol.wordpress.com/2012/08/23/pengetahuan-dasardiagram-use-case/. [Diakses 21 8 2016].
[33] pccontrol, “Pengetahuan Dasar dan Contoh Diagram Aktivitas,” Dasar Komputer Buat Pemula, 12 9 2012. [Online]. Available: https://pccontrol.wordpress.com/2012/09/12/pengetahuan-dasar-dan-contoh-diagram-aktivitas/. [Diakses 21 8 2016].
[34] pccontrol, “Pengetahuan Dasar dan contoh Diagram Kelas (class diagram),” Dasar Komputer Buat Pemula, 21 1 2013. [Online]. Available: https://pccontrol.wordpress.com/2013/01/21/pengetahuan-dasar-dan-contoh-diagram-kelas-class-diagram/. [Diakses 21 8 2016].
[35] G. R. H. M. N. Ellisa C Simanjuntak, “Blackbox Testing,” Kompasiana, 26
June 2016. [Online]. Available:
