E-Marketplace Batik BAB 0
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
2016
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
NIDN. 0621038101
commit to user
ii
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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.
Keyword: E-MARKETPLACE , Batik , Online Store , batik store
commit to user
iv
perpustakaan.uns.ac.id
digilib.uns.ac.id
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.
Kata Kunci : E-MARKETPLACE , Batik , Toko online , Toko batik
commit to user
v
perpustakaan.uns.ac.id
digilib.uns.ac.id
MOTTO
“Ojo Lali Bismillah”
(Eksan Setiyawan)
" ALLAHUMMAGHFIRLI DZUNUBI 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"
( Doa Selamat Dunia Akhirat )
commit to user
vi
perpustakaan.uns.ac.id
digilib.uns.ac.id
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.
4. Teman-teman TIB 2013.
commit to user
vii
perpustakaan.uns.ac.id
digilib.uns.ac.id
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.
7.
Keluarga Besar Team Indonesia Raya regional UPT PERPUSTAKAAN UNS.
commit to user
viii
perpustakaan.uns.ac.id
8.
digilib.uns.ac.id
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 pihakpihak 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
Penulis
commit to user
ix
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
2.2.4
Sistem Informasi ............................................................................. 13
2.2.5
MySQL............................................................................................ 13
commit to user
Basis Data ....................................................................................... 14
2.2.6
x
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
4.1
IMPLEMENTASI DAN PEMBAHASAN ..................................... 125
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.15
commit toMengubah
user
Implementasi Menampilkan
Profil Pelapak................ 132
xi
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
4.2
Implementasi Menampilkan Penginputan Konfirmasi Penyetoran143
Pengujian .............................................................................................. 144
BAB V PENUTUP .............................................................................................. 151
5.1
Kesimpulan........................................................................................... 151
5.2
Saran ..................................................................................................... 151
DAFTAR PUSTAKA ......................................................................................... 152
commit to user
xii
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
Tabel 4. 1 Tabel Pengujian..................................................................................144
commit to user
xiii
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
Gambar 3. 38 Activity diagram ubah data agen .................................................. 59
Gambar 3. 39 Activity diagram ubah
kategori
produk ........................................ 60
commit
to user
xiv
perpustakaan.uns.ac.id
digilib.uns.ac.id
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 commit
melihatto
status
usertransaksi................................... 86
Gambar 3. 82 Sequence diagram mencari produk ............................................... 87
xv
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
Gambar 3. 123 Relasi antar tabel....................................................................... 109
Gambar 3. 124 Bukti Kerangkapan
Data to
..........................................................
110
commit
user
Gambar 3. 125 Relasi Tabel Member , Transaksi , Produk............................... 110
xvi
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
commit to
user
Gambar 4. 34 Ubah potongan ............................................................................ 141
xvii
perpustakaan.uns.ac.id
digilib.uns.ac.id
Gambar 4. 35 Ubah status transaksi .................................................................. 142
Gambar 4. 36 Tampil data pemesanan transaksi ............................................... 142
Gambar 4. 37 Tampil konfirmasi pengiriman pemesanan ................................ 143
Gambar 4. 38 Tampil konfirmasi penyetoran .................................................... 143
commit to user
xviii
digilib.uns.ac.id
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
2016
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
NIDN. 0621038101
commit to user
ii
perpustakaan.uns.ac.id
digilib.uns.ac.id
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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.
Keyword: E-MARKETPLACE , Batik , Online Store , batik store
commit to user
iv
perpustakaan.uns.ac.id
digilib.uns.ac.id
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.
Kata Kunci : E-MARKETPLACE , Batik , Toko online , Toko batik
commit to user
v
perpustakaan.uns.ac.id
digilib.uns.ac.id
MOTTO
“Ojo Lali Bismillah”
(Eksan Setiyawan)
" ALLAHUMMAGHFIRLI DZUNUBI 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"
( Doa Selamat Dunia Akhirat )
commit to user
vi
perpustakaan.uns.ac.id
digilib.uns.ac.id
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.
4. Teman-teman TIB 2013.
commit to user
vii
perpustakaan.uns.ac.id
digilib.uns.ac.id
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.
7.
Keluarga Besar Team Indonesia Raya regional UPT PERPUSTAKAAN UNS.
commit to user
viii
perpustakaan.uns.ac.id
8.
digilib.uns.ac.id
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 pihakpihak 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
Penulis
commit to user
ix
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
2.2.4
Sistem Informasi ............................................................................. 13
2.2.5
MySQL............................................................................................ 13
commit to user
Basis Data ....................................................................................... 14
2.2.6
x
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
4.1
IMPLEMENTASI DAN PEMBAHASAN ..................................... 125
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.15
commit toMengubah
user
Implementasi Menampilkan
Profil Pelapak................ 132
xi
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
4.2
Implementasi Menampilkan Penginputan Konfirmasi Penyetoran143
Pengujian .............................................................................................. 144
BAB V PENUTUP .............................................................................................. 151
5.1
Kesimpulan........................................................................................... 151
5.2
Saran ..................................................................................................... 151
DAFTAR PUSTAKA ......................................................................................... 152
commit to user
xii
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
Tabel 4. 1 Tabel Pengujian..................................................................................144
commit to user
xiii
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
Gambar 3. 38 Activity diagram ubah data agen .................................................. 59
Gambar 3. 39 Activity diagram ubah
kategori
produk ........................................ 60
commit
to user
xiv
perpustakaan.uns.ac.id
digilib.uns.ac.id
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 commit
melihatto
status
usertransaksi................................... 86
Gambar 3. 82 Sequence diagram mencari produk ............................................... 87
xv
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
Gambar 3. 123 Relasi antar tabel....................................................................... 109
Gambar 3. 124 Bukti Kerangkapan
Data to
..........................................................
110
commit
user
Gambar 3. 125 Relasi Tabel Member , Transaksi , Produk............................... 110
xvi
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
commit to
user
Gambar 4. 34 Ubah potongan ............................................................................ 141
xvii
perpustakaan.uns.ac.id
digilib.uns.ac.id
Gambar 4. 35 Ubah status transaksi .................................................................. 142
Gambar 4. 36 Tampil data pemesanan transaksi ............................................... 142
Gambar 4. 37 Tampil konfirmasi pengiriman pemesanan ................................ 143
Gambar 4. 38 Tampil konfirmasi penyetoran .................................................... 143
commit to user
xviii