commit to user
E-MARKETPLACE BATIK
Tugas Akhir
Disusun Untuk Memenuhi Salah Satu Persyaratan dalam Memperoleh Gelar Ahli Madya pada Program Studi Diploma III Teknik Informatika
Universitas Sebelas Maret
Disusun oleh :
EKSAN SETIYAWAN
M3113053
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
SURAKARTA
HALAMAN PERSETUJUAN
E-MARKETPLACE BATIK
Disusun Oleh: EKSAN SETIYAWAN
M3113053
Tugas akhir ini telah disetujui untuk diujikan di hadapan dewan penguji pada tanggal
...
PEMBIMBING UTAMA
Berliana Kusuma Riasti S.T M.Eng
ABSTRACT
Eksan Setiyawan, 2016. E-MARKETPLACE BATIK . Diploma III Program of Information Enggineering, Fakulty of Mathematics and Science. Sebelas Maret University.
Along with increasingly tight internal competition business world, batik storeprosecuted to apply expedient strategy especially in his marketing and product sales. Internet technology usage at this time have really broaden and socialize . Internet technology that rapidly depeloped felt very needed in various business sector.Internet can help people to obtain information briskly and accurate.
E-MARKETPLACE BATIK assists medium-scale batik store sell with to weavecooperation inter batik store so that happened by competition by healthy until consumer have many batik choice desired. By internet help people to obtain information briskly and accurate, this thing bringbatik store can easy in obtaining customer until batik store can do sales transactionand marketing more effective, and efficient.
E-MARKETPLACE BATIK made by PHP (Hypertext Preprocessor) web programming language with framework codeigniter 3 by sublime text 2 and XAMPP as developer device.
commit to user
v ABSTRAK
Eksan Setiyawan, 2016. Pembuatan E-MARKETPLACE BATIK. Program Studi Diploma III Teknik Informatika. Fakultas Matematika dan Ilmu Pengetahuan Alam. Universitas Sebelas Maret Surakarta.
Seiring dengan semakin ketatnya persaingan dalam dunia bisnis, toko batik dituntut untuk menerapkan strategi jitu terutama dalam pemasaran dan penjualan produknya. Pemakaian teknologi internet pada saat ini telah sangat meluas dan memasyarakat. Teknologi internet yang berkembang dengan pesat dirasakan sangat dibutuhkan diberbagai bidang usaha. Internet dapat membantu masyarakat untuk memperoleh informasi secara cepat dan akurat
E-MARKETPLACE BATIK membantu toko batik skala menengah berjualan bersama untuk menjalin kerjasama antar toko batik agar terjadi persaingan secara sehat sehingga konsumen batik mempunyai banyak pilihan batik yang diinginkan. Dengan internet membantu masyarakat untuk memperoleh informasi secara cepat dan akurat, hal ini membawa toko batik dapat mudah dalam mendapatkan pelanggan sehingga toko batik dapat melakukan transaksi penjualan dan pemasaran dengan lebih efektif, dan efisien.
E-MARKETPLACE BATIK dibuat menggunakan bahasa pemrograman web PHP (Hypertext Preprocessor) dengan framework codeigniter 3 dengan sublime text 2 dan XAMPP sebagai perangkat pengembangnnya.
MOTTO
“Ojo Lali Bismillah”
(Eksan Setiyawan)
"ALLAHUMMAGHFIRLIDZUNUBI WALIWALIDAYYA WARHAMHUMA KAMA ROBBAYANI SOGHIRO."
"Ya Allah, Ampunilah dosa-dosaku serta kedua ibu bapaku dan kasihanilah
mereka keduanya sebagaimana mereka memelihara dan mendidikku di masa kecil.”
(Doa Orang Tua)
“RABBANA ATINA FIDDUNYA HASANAH WA FIL AKHIROTI HASANAH WAQINA 'ADZABANNAR”
"Ya Tuhan kami, berilah kami kebaikan di dunia dan kebaikan di akhirat dan
peliharalah kami dari siksa neraka"
commit to user
vii
HALAMAN PERSEMBAHAN
1. Bapak dan Ibu yang selalu memberikan semangat dan motivasi untuk menyelesaikan pendidikan.
2. Team Indonesia Raya regional UPT Perpustakaan Universitas Sebelas Maret. 3. E-Mailkomp Periode 2014 dan Periode 2015.
KATA PENGANTAR
Puji syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa atas limpahan rahmat-Nya, sehinggan penyusunan Laporan Tugas Akhir dengan judul “Marketplace Batik” ini dapat terselesaikan pada waktunya tanpa halangan berarti.
Penyusunan laporan ini bertujuan untuk memenuhi persyaratan untuk memperoleh gelar ahli madya pada Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
Dalam penyusunan Laporan Tugas Akhir ini penulis mendapatkan bantuan dan dukungan dari berbagai pihak. Oleh sebab itu pada kesempatan ini, penulis mengucapkan terima kasih kepada semua pihak yang telah memberikan bantuan dan dukungannya, terutama kepada:
1. Bapak Prof. Ir.Ari Handono Ramelan, M.Sc(Hons),Ph.D. selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret. 2. Bapak Abdul Aziz, S.Kom.,M.Cs selaku Ketua Program Studi Diploma III
Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
3. Ibu Berliana Kusuma Riasti S.T M.Eng selaku Dosen Pembimbing Tugas Akhir yang telah memberikan bimbingan, pengarahan, saran serta dukungan selama penyusunan Laporan Tugas Akhir.
4. Ayah Ibu dan keluarga tercinta yang telah banyak memberikan dukungan dan masukan yang membangun.
5. Keluarga Besar kelas TIB angkatan 2013 yang selalu memberikan warna lain dalam memotivasi penulis dalam penyusunan laporan .
6. Keluarga Besar E-Mailkomp yang memberikan tempat dalam penyusunan laporan.
commit to user
ix
8. Semua pihak terkait yang tidak bisa saya sebutkan satu persatu, atas bantuan dan dukungannya .
Semoga Tuhan Yang Maha Esa memberikan balasan yang lebih baik kepada pihak-pihak yang telah memberikan bantuan dan dukungan dari awal penyusunan Laporan Tugas Akhir .
Semoga dengan selesainya penyusunan Laporan Tugas Akhir ini dapat memberikan manfaat dan kebaikan pada penulis dan pembaca sekalian.
Surakarta, Juni 2016
DAFTAR ISI
E-MARKETPLACE BATIK ... i
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN... iii
ABSTRACT... iv
ABSTRAK ... v
MOTTO ... vi
HALAMAN PERSEMBAHAN ... vii
KATA PENGANTAR ... viii
DAFTAR ISI ... x
DAFTAR TABEL ... xiii
DAFTAR GAMBAR ... xiv
BAB I PENDAHULUAN... 1
1.1 Latar Belakang ... 1
1.2 Perumusan Masalah... 2
1.3 Batasan Masalah Penelitian... 2
1.4 Tujuan Penelitian... 2
1.5 Manfaat Penelitian... 3
1.6 Metodologi Penelitian ... 3
1.7 Sistematika Penulisan... 4
BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI... 6
2.1 Tinjauan Pustaka ... 6
2.2 Landasan Teori ... 7
2.2.1 Raja Ongkir ... 7
2.2.2 E-Marketplace ... 8
2.2.3 Batik ... 8
commit to user
xi
2.2.7 PHP ... 14
2.2.8 CSS... 15
2.2.9 Model Entity-Relationship (Model Keterhubungan-Entitas) ... 16
2.2.10 Diagram Entity-Relationship (Diagram E-R)... 19
2.2.11 UML (Unified Modeling Language) ... 20
2.2.12 Class Diagram ... 26
BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM ... 28
3.1 Perencanaan Jadwal... 28
3.2 Deskripsi Data ... 29
3.2.1 Proses Bisnis Sistem ... 29
3.2.2 Analisa Kebutuhan Sistem ... 30
3.3 Perancangan... 35
3.3.1 Perancangan Sistem ... 35
3.3.2 Perancangan Database ... 107
3.3.3 Perancangan Desain Tampilan... 120
BAB IV IMPLEMENTASI DAN PEMBAHASAN ... 125
4.1 Implementasi Sistem ... 125
4.1.1 Implementasi Halaman Home... 125
4.1.2 Implementasi Menampilkan Produk ... 126
4.1.3 Implementasi Menampilkan Detail Produk ... 126
4.1.4 Implementasi menampilkan membuat akun dan login... 127
4.1.5 Implementasi Melihat Profil Member... 127
4.1.6 Implementasi Menampilkan Mengubah Profil Member ... 128
4.1.7 Implementasi Menampilkan Data Pemesanan atau Keranjang ... 128
4.1.8 Implementasi Menampilkan Transaksi Pembelian ... 129
4.1.9 Implementasi Menampilkan Hasil Pemesanan ... 129
4.1.10 Implementasi Menampilkan Penginputan Data Pengiriman... 129
4.1.11 Implementasi Menampilkan Hasil Transaksi... 130
4.1.12 Implementasi Menampilkan Konfirmasi Pembayaran... 131
4.1.13 Implementasi Menampilkan Status Transaksi ... 131
4.1.14 Implementasi Menampilkan Profil Pelapak... 132
4.1.16 Implementasi Menampilkan Produk Pelapak... 133
4.1.17 Implementasi Menampilkan Detail Produk Pelapak... 133
4.1.18 Implementasi Menampilkan Penginputan Produk ... 134
4.1.19 Implementasi Menampilkan Notifikasi Status Transaksi ... 134
4.1.20 Implementasi Menampilkan Data Agen... 135
4.1.21 Implementasi Menampilkan Penginputan Data Agen... 135
4.1.22 Implementasi Menampilkan Detail Agen ... 136
4.1.23 Implementasi Menampilkan Data Kategori Produk... 136
4.1.24 Implementasi Menampilkan Penginputan Data Kategori Produk. 137 4.1.25 Implementasi Menampilkan Mengubah Kategori Produk ... 137
4.1.26 Implementasi Menampilkan Data Konfirmasi Pengiriman... 138
4.1.27 Implementasi Menampilkan Data Konfirmasi Pembayaran ... 138
4.1.28 Implementasi Menampilkan Data Penyetoran Pelapak... 139
4.1.29 Implementasi Menampilkan Transaksi ... 139
4.1.30 Implementasi Menampilkan Produk dari Sisi Agen ... 140
4.1.31 Implementasi Menampilkan Data Member ... 140
4.1.32 Implementasi Menampilkan Data Pelapak... 141
4.1.33 Implementasi Menampilkan Potongan Transaksi ... 141
4.1.34 Implementasi Menampilkan Mengubah Potongan... 141
4.1.35 Implementasi Menampilkan Mengubah Status Transaksi ... 142
4.1.36 Implementasi Menampilkan Data Pemesanan Member ... 142
4.1.37 Implementasi Menampilkan Penginputan Konfirmasi Pengiriman Pemesanan... 143
4.1.38 Implementasi Menampilkan Penginputan Konfirmasi Penyetoran143 4.2 Pengujian ... 144
BAB V PENUTUP ... 151
5.1 Kesimpulan... 151
5.2 Saran ... 151
commit to user
xiii
DAFTAR TABEL
Tabel 2. 1 UML ... 21
Tabel 2. 2 Sequence ... 25
Tabel 3. 1 Kebutuhan Fungsional………..30
Tabel 3. 2 Non Kebutuhan Fungsional ... 35
Tabel 3. 3 Tabel Member ... 112
Tabel 3. 4 Tabel Pelapak ... 113
Tabel 3. 5 Tabel Agen ... 114
Tabel 3. 6 Tabel Detail Transaksi ... 114
Tabel 3. 7 Tabel Gambar ... 114
Tabel 3. 8 Tabel Kategori Produk ... 115
Tabel 3. 9 Tabel Konfirmasi Pembayaran ... 115
Tabel 3. 10 Tabel Konfirmasi Pengiriman ... 116
Tabel 3. 11 Tabel Konfirmasi Setor ... 116
Tabel 3. 12 Tabel Pengiriman ... 117
Tabel 3. 13 Tabel Potongan ... 117
Tabel 3. 14 Tabel Produk ... 118
Tabel 3. 15 Tabel Stok ... 118
Tabel 3. 16 Tabel Transaksi ... 119
Tabel 3. 17 Tabel Detail Setor ... 119
Tabel 3. 18 Tabel Slide ... 120
DAFTAR GAMBAR
Gambar 3. 1 Proses Bisnis ... 29
Gambar 3. 2 Use case diagram ... 36
Gambar 3. 3 Activity diagram konfirmasi pembayaran ... 37
Gambar 3. 4 Activity diagram konfirmasi pengiriman... 38
Gambar 3. 5 Activity diagram konfirmasi penyetoran ... 39
Gambar 3. 6 Activity diagram melihat status transaksi ... 40
Gambar 3. 7 Activity diagram melihat bantuan ... 41
Gambar 3. 8 Activity diagram menampilkan data agen ... 41
Gambar 3. 9 Activity diagram tampil kategori produk ... 42
Gambar 3. 10 Activity diagram tampil pelapak ... 42
Gambar 3. 11 Activity diagram tampil data member ... 43
Gambar 3. 12 Activity diagram tampil konfirmasi pembayaran ... 43
Gambar 3. 13 Activity diagram tampil konfirmasi pengiriman ... 44
Gambar 3. 14 Activity diagram tampil notifikasi transaksi ... 44
Gambar 3. 15 Activity diagram tampil pemesanan produk ... 45
Gambar 3. 16 Activity diagram tampil pemesanan ... 45
Gambar 3. 17 Activity diagram tampil penyetoran ... 46
Gambar 3. 18 Activity diagram tampil transaksi penjualan ... 46
Gambar 3. 19 Activity diagram tampil transaksi ... 47
Gambar 3. 20 Activity diagram tampil produk ... 47
Gambar 3. 21 Activity diagram tampil produk member ... 48
Gambar 3. 22 Activity diagram tampil Profil pelapak ... 48
Gambar 3. 23 Activity diagram mencari produk ... 49
Gambar 3. 24 Activity diagram menghapus produk... 49
Gambar 3. 25 Activity diagram menghapus member ... 50
Gambar 3. 26 Activity diagram menghapus agen ... 50
Gambar 3. 27 Activity diagram menghapus kategori produk ... 51
Gambar 3. 28 Activity diagram menghapus konfirmasi pembayaran ... 51
Gambar 3. 29 Activity diagram menghapus konfirmasi pengiriman ... 52
Gambar 3. 30 Activity diagram menghapus notifikasi transaksi ... 52
Gambar 3. 31 Activity diagram menghapus data produk ... 53
Gambar 3. 32 Activity diagram menghapus transaksi ... 53
Gambar 3. 33 Activity diagram menginput data agen ... 54
Gambar 3. 34 Activity diagram input kategori produk ... 55
Gambar 3. 35 Activity diagram input member ... 56
Gambar 3. 36 Activity diagram input pelapak ... 57
Gambar 3. 37 Activity diagram input produk ... 58
commit to user
xv
Gambar 3. 40 Activity diagram ubah Profil pelapak ... 61
Gambar 3. 41 Activity diagram ubah persen potongan ... 62
Gambar 3. 42 Activity diagram ubah produk ... 63
Gambar 3. 43 Activity diagram ubah Profil member ... 64
Gambar 3. 44 Activity diagram ubah status transaksi ... 65
Gambar 3. 45 Activity diagram pemesanan produk ... 66
Gambar 3. 46 Activity diagram tampil marketplace ... 67
Gambar 3. 47 Activity diagram tampil aturan pengguna ... 67
Gambar 3. 48 Activity diagram tampil pengumuman ... 68
Gambar 3. 49 Activity diagram tampil cara jadi member ... 68
Gambar 3. 50 Activity diagram tampil cara belanja ... 69
Gambar 3. 51 Activity diagram tampil cara pembayaran ... 69
Gambar 3. 52 Activity diagram tampil peraturan member ... 70
Gambar 3. 53 Activity diagram tampil cara jadi pelapak ... 70
Gambar 3. 54 Activity diagram tampil cara berjualan ... 71
Gambar 3. 55 Activity diagram tampil peraturan pelapak ... 71
Gambar 3. 56 Activity diagram tampil data slide ... 72
Gambar 3. 57 Activity diagram input slide ... 73
Gambar 3. 58 Activity diagram ubah slide ... 74
Gambar 3. 59 Activity diagram cetak laporan penyetoran ... 75
Gambar 3. 60 Activity diagram tampil potongan penyetoran ... 75
Gambar 3. 61 Activity diagram tampil data transaksi pembelian ... 76
Gambar 3. 62 Sequence diagram konfirmasi pembayaran ... 77
Gambar 3. 63 Sequence diagram konfirmasi pengiriman ... 77
Gambar 3. 64 Sequence diagram konfirmasi penyetoran ... 78
Gambar 3. 65 Sequence diagram melihat bantuan ... 78
Gambar 3. 66 Sequence diagram melihat agen ... 79
Gambar 3. 67 Sequence diagram melihat kategori produk ... 79
Gambar 3. 68 Sequence diagram melihat pelapak ... 80
Gambar 3. 69 Sequence diagram melihat member ... 80
Gambar 3. 70 Sequence diagram melihat konfirmasi pembayaran ... 81
Gambar 3. 71 Sequence diagram melihat konfirmasi pengiriman ... 81
Gambar 3. 72 Sequence diagram melihat notifikasi konfirmasi ... 82
Gambar 3. 73 Sequence diagram melihat pemesanan member ... 82
Gambar 3. 74 Sequence diagram melihat pemesanan ... 83
Gambar 3. 75 Sequence diagram melihat penyetoran ... 83
Gambar 3. 76 Sequence diagram melihat transaksi penjualan ... 84
Gambar 3. 77 Sequence diagram melihat data transaksi ... 84
Gambar 3. 78 Sequence diagram melihat produk... 85
Gambar 3. 79 Sequence diagram melihat Profil member ... 85
Gambar 3. 80 Sequence diagram melihat Profil pelapak ... 86
Gambar 3. 81 Sequence diagram melihat status transaksi ... 86
Gambar 3. 83 Sequence diagram menghapus pelapak ... 87
Gambar 3. 84 Sequence diagram menghapus member ... 88
Gambar 3. 85 Sequence diagram menghapus agen ... 88
Gambar 3. 86 Sequence diagram menghapus kategori produk ... 89
Gambar 3. 87 Sequence diagram menghapus konfirmasi pembayaran ... 89
Gambar 3. 88 Sequence diagram menghapus konfirmasi pengiriman ... 90
Gambar 3. 89 Sequence diagram menghapus notifikasi transaksi ... 90
Gambar 3. 90 Sequence diagram menghapus produk ... 91
Gambar 3. 91 Sequence diagram menghapus transaksi ... 91
Gambar 3. 92 Sequence diagram menginput agen ... 92
Gambar 3. 93 Sequence diagram menginput kategori produk ... 92
Gambar 3. 94 Sequence diagram menginput member ... 93
Gambar 3. 95 Sequence diagram menginput pelapak ... 93
Gambar 3. 96 Sequence diagram menginput produk ... 94
Gambar 3. 97 Sequence diagram pemesanan produk ... 94
Gambar 3. 98 Sequence diagram ubah agen... 95
Gambar 3. 99 Sequence diagram ubah kategori produk ... 95
Gambar 3. 100 Sequence diagram ubah Profil pelapak... 96
Gambar 3. 101 Sequence diagram ubah potongan ... 96
Gambar 3. 102 Sequence diagram ubah produk ... 97
Gambar 3. 103 Sequence diagram ubah Profil produk ... 97
Gambar 3. 104 Sequence diagram ubah status transaksi ... 98
Gambar 3. 105 Sequence diagram menampilkan marketplace... 98
Gambar 3. 106 Sequence diagram menampilkan aturan penggunaan ... 99
Gambar 3. 107 Sequence diagram menampilkan pengumuman ... 99
Gambar 3. 108 Sequence diagram tampil cara jadi member ... 100
Gambar 3. 109 Sequence diagram tampil cara belanja ... 100
Gambar 3. 110 Sequence diagram tampil cara pembayaran ... 101
Gambar 3. 111 Sequence diagram tampil peraturan member ... 101
Gambar 3. 112 Sequence diagram tampil cara jadi pelapak... 102
Gambar 3. 113 Sequence diagram tampil cara berjualan ... 102
Gambar 3. 114 Sequence diagram tampil peraturan pelapak ... 103
Gambar 3. 115 Sequence diagram tampil slide ... 103
Gambar 3. 116 Sequence diagram mengubah slide ... 104
Gambar 3. 117 Sequence diagram input slide ... 104
Gambar 3. 118 Sequence diagram cetak laporan penyetoran ... 105
Gambar 3. 119 Sequence diagram tampil potongan penyetoran ... 105
Gambar 3. 120 Sequence diagram tampil data transaksi pembelian ... 106
Gambar 3. 121 Class diagram sistem ... 107
Gambar 3. 122 ERD system ... 108
commit to user
xvii
Gambar 3. 126 Relasi Tabel Member , Transaksi , Produk Normalisasi ... 110
Gambar 3. 127 Relasi Tabel Normalisasi ... 111
Gambar 3. 128 Desain Home ... 121
Gambar 3. 129 Desain Tampil Produk ... 121
Gambar 3. 130 Desain Detail Produk ... 122
Gambar 3. 131 Desain Input Data ... 122
Gambar 3. 132 Desain Tampil Data ... 123
Gambar 3. 133 Desain Halaman Login ... 123
Gambar 3. 134 Desain Detail Data ... 124
Gambar 4. 1 Halaman Home ... 125
Gambar 4. 2 Halaman Tampil Produk ... 126
Gambar 4. 3 Tampil Detail Produk ... 126
Gambar 4. 4 Login ... 127
Gambar 4. 5 Melihat Profil Member ... 127
Gambar 4. 6 Tampil Ubah Profil Member ... 128
Gambar 4. 7 Keranjang Belanja ... 128
Gambar 4. 8 Tampil Transaksi Pembelian ... 129
Gambar 4. 9 Tampil Hasil Pemesanan ... 129
Gambar 4. 10 Tampil Penginputan Pengiriman ... 130
Gambar 4. 11 Tampil Hasil Transaksi ... 130
Gambar 4. 12 Tampil konfirmasi pembayaran ... 131
Gambar 4. 13 Tampil status transaksi ... 131
Gambar 4. 14 Tampil Profil pelapak ... 132
Gambar 4. 15 Ubah Profil pelapak ... 132
Gambar 4. 16 Tampil produk pelapak ... 133
Gambar 4. 17 Tampil detail produk pelapak ... 133
Gambar 4. 18 Tampil penginputan produk ... 134
Gambar 4. 19 Tampil notifikasi status transaksi ... 134
Gambar 4. 20 Tampil data agen... 135
Gambar 4. 21 Tampil input data agen ... 135
Gambar 4. 22 Tampil detail agen ... 136
Gambar 4. 23 Tampil data kategori produk ... 136
Gambar 4. 24 Tampil input data kategori produk ... 137
Gambar 4. 25 Ubah kategori produk ... 137
Gambar 4. 26 Tampil data konfirmasi pengiriman... 138
Gambar 4. 27 Tampil data konfirmasi pembayaran ... 138
Gambar 4. 28 Tampil data penyetoran pelapak ... 139
Gambar 4. 29 Tampil transaksi... 139
Gambar 4. 30 Tampil produk sisi agen... 140
Gambar 4. 31 Tampil data member ... 140
Gambar 4. 32 Tampil data pelapak ... 141
Gambar 4. 33 Tampil potongan transaksi ... 141
Gambar 4. 35 Ubah status transaksi ... 142
Gambar 4. 36 Tampil data pemesanan transaksi ... 142
Gambar 4. 37 Tampil konfirmasi pengiriman pemesanan ... 143
