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
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 ii
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 iv
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 v
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 ) vi
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. vii
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. viii
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 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 ix
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 2.2.6 Basis Data... 14 x
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.15 Implementasi Menampilkan commit to Mengubah user Profil Pelapak... 132 xi
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 DAFTAR PUSTAKA... 152 xii
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 xiii
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 commit kategori to user produk... 60 xiv
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 melihat to status user transaksi... 86 Gambar 3. 82 Sequence diagram mencari produk... 87 xv
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 commit Data to... user 110 Gambar 3. 125 Relasi Tabel Member, Transaksi, Produk... 110 xvi
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 commit to... user 141 Gambar 4. 34 Ubah potongan... 141 xvii
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 xviii