E-MARKETPLACE BATIK. Tugas Akhir. Disusun Untuk Memenuhi Salah Satu Persyaratan dalam Memperoleh Gelar. Universitas Sebelas Maret

Transkripsi

1 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 M PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET SURAKARTA 2016

2 HALAMAN PERSETUJUAN E-MARKETPLACE BATIK Disusun Oleh: EKSAN SETIYAWAN M Tugas akhir ini telah disetujui untuk diujikan di hadapan dewan penguji pada tanggal... PEMBIMBING UTAMA Berliana Kusuma Riasti S.T M.Eng NIDN ii

3

4 ABSTRACT Eksan Setiyawan, 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

5 ABSTRAK Eksan Setiyawan, 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

6 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

7 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. komp Periode 2014 dan Periode Teman-teman TIB vii

8 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 komp yang memberikan tempat dalam penyusunan laporan. 7. Keluarga Besar Team Indonesia Raya regional UPT PERPUSTAKAAN UNS. viii

9 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

10 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 Latar Belakang Perumusan Masalah Batasan Masalah Penelitian Tujuan Penelitian Manfaat Penelitian Metodologi Penelitian Sistematika Penulisan... 4 BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI Tinjauan Pustaka Landasan Teori Raja Ongkir E-Marketplace Batik Sistem Informasi MySQL Basis Data x

11 2.2.7 PHP CSS Model Entity-Relationship (Model Keterhubungan-Entitas) Diagram Entity-Relationship (Diagram E-R) UML (Unified Modeling Language) Class Diagram BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM Perencanaan Jadwal Deskripsi Data Proses Bisnis Sistem Analisa Kebutuhan Sistem Perancangan Perancangan Sistem Perancangan Database Perancangan Desain Tampilan BAB IV IMPLEMENTASI DAN PEMBAHASAN Implementasi Sistem Implementasi Halaman Home Implementasi Menampilkan Produk Implementasi Menampilkan Detail Produk Implementasi menampilkan membuat akun dan login Implementasi Melihat Profil Member Implementasi Menampilkan Mengubah Profil Member Implementasi Menampilkan Data Pemesanan atau Keranjang Implementasi Menampilkan Transaksi Pembelian Implementasi Menampilkan Hasil Pemesanan Implementasi Menampilkan Penginputan Data Pengiriman Implementasi Menampilkan Hasil Transaksi Implementasi Menampilkan Konfirmasi Pembayaran Implementasi Menampilkan Status Transaksi Implementasi Menampilkan Profil Pelapak Implementasi Menampilkan commit to Mengubah user Profil Pelapak xi

12 Implementasi Menampilkan Produk Pelapak Implementasi Menampilkan Detail Produk Pelapak Implementasi Menampilkan Penginputan Produk Implementasi Menampilkan Notifikasi Status Transaksi Implementasi Menampilkan Data Agen Implementasi Menampilkan Penginputan Data Agen Implementasi Menampilkan Detail Agen Implementasi Menampilkan Data Kategori Produk Implementasi Menampilkan Penginputan Data Kategori Produk Implementasi Menampilkan Mengubah Kategori Produk Implementasi Menampilkan Data Konfirmasi Pengiriman Implementasi Menampilkan Data Konfirmasi Pembayaran Implementasi Menampilkan Data Penyetoran Pelapak Implementasi Menampilkan Transaksi Implementasi Menampilkan Produk dari Sisi Agen Implementasi Menampilkan Data Member Implementasi Menampilkan Data Pelapak Implementasi Menampilkan Potongan Transaksi Implementasi Menampilkan Mengubah Potongan Implementasi Menampilkan Mengubah Status Transaksi Implementasi Menampilkan Data Pemesanan Member Implementasi Menampilkan Penginputan Konfirmasi Pengiriman Pemesanan Implementasi Menampilkan Penginputan Konfirmasi Penyetoran Pengujian BAB V PENUTUP Kesimpulan Saran DAFTAR PUSTAKA xii

13 DAFTAR TABEL Tabel 2. 1 UML Tabel 2. 2 Sequence Tabel 3. 1 Kebutuhan Fungsional..30 Tabel 3. 2 Non Kebutuhan Fungsional Tabel 3. 3 Tabel Member Tabel 3. 4 Tabel Pelapak Tabel 3. 5 Tabel Agen Tabel 3. 6 Tabel Detail Transaksi Tabel 3. 7 Tabel Gambar Tabel 3. 8 Tabel Kategori Produk Tabel 3. 9 Tabel Konfirmasi Pembayaran Tabel Tabel Konfirmasi Pengiriman Tabel Tabel Konfirmasi Setor Tabel Tabel Pengiriman Tabel Tabel Potongan Tabel Tabel Produk Tabel Tabel Stok Tabel Tabel Transaksi Tabel Tabel Detail Setor Tabel Tabel Slide Tabel 4. 1 Tabel Pengujian xiii

14 DAFTAR GAMBAR Gambar 3. 1 Proses Bisnis Gambar 3. 2 Use case diagram Gambar 3. 3 Activity diagram konfirmasi pembayaran Gambar 3. 4 Activity diagram konfirmasi pengiriman Gambar 3. 5 Activity diagram konfirmasi penyetoran Gambar 3. 6 Activity diagram melihat status transaksi Gambar 3. 7 Activity diagram melihat bantuan Gambar 3. 8 Activity diagram menampilkan data agen Gambar 3. 9 Activity diagram tampil kategori produk Gambar Activity diagram tampil pelapak Gambar Activity diagram tampil data member Gambar Activity diagram tampil konfirmasi pembayaran Gambar Activity diagram tampil konfirmasi pengiriman Gambar Activity diagram tampil notifikasi transaksi Gambar Activity diagram tampil pemesanan produk Gambar Activity diagram tampil pemesanan Gambar Activity diagram tampil penyetoran Gambar Activity diagram tampil transaksi penjualan Gambar Activity diagram tampil transaksi Gambar Activity diagram tampil produk Gambar Activity diagram tampil produk member Gambar Activity diagram tampil Profil pelapak Gambar Activity diagram mencari produk Gambar Activity diagram menghapus produk Gambar Activity diagram menghapus member Gambar Activity diagram menghapus agen Gambar Activity diagram menghapus kategori produk Gambar Activity diagram menghapus konfirmasi pembayaran Gambar Activity diagram menghapus konfirmasi pengiriman Gambar Activity diagram menghapus notifikasi transaksi Gambar Activity diagram menghapus data produk Gambar Activity diagram menghapus transaksi Gambar Activity diagram menginput data agen Gambar Activity diagram input kategori produk Gambar Activity diagram input member Gambar Activity diagram input pelapak Gambar Activity diagram input produk Gambar Activity diagram ubah data agen Gambar Activity diagram ubah commit kategori to user produk xiv

15 Gambar Activity diagram ubah Profil pelapak Gambar Activity diagram ubah persen potongan Gambar Activity diagram ubah produk Gambar Activity diagram ubah Profil member Gambar Activity diagram ubah status transaksi Gambar Activity diagram pemesanan produk Gambar Activity diagram tampil marketplace Gambar Activity diagram tampil aturan pengguna Gambar Activity diagram tampil pengumuman Gambar Activity diagram tampil cara jadi member Gambar Activity diagram tampil cara belanja Gambar Activity diagram tampil cara pembayaran Gambar Activity diagram tampil peraturan member Gambar Activity diagram tampil cara jadi pelapak Gambar Activity diagram tampil cara berjualan Gambar Activity diagram tampil peraturan pelapak Gambar Activity diagram tampil data slide Gambar Activity diagram input slide Gambar Activity diagram ubah slide Gambar Activity diagram cetak laporan penyetoran Gambar Activity diagram tampil potongan penyetoran Gambar Activity diagram tampil data transaksi pembelian Gambar Sequence diagram konfirmasi pembayaran Gambar Sequence diagram konfirmasi pengiriman Gambar Sequence diagram konfirmasi penyetoran Gambar Sequence diagram melihat bantuan Gambar Sequence diagram melihat agen Gambar Sequence diagram melihat kategori produk Gambar Sequence diagram melihat pelapak Gambar Sequence diagram melihat member Gambar Sequence diagram melihat konfirmasi pembayaran Gambar Sequence diagram melihat konfirmasi pengiriman Gambar Sequence diagram melihat notifikasi konfirmasi Gambar Sequence diagram melihat pemesanan member Gambar Sequence diagram melihat pemesanan Gambar Sequence diagram melihat penyetoran Gambar Sequence diagram melihat transaksi penjualan Gambar Sequence diagram melihat data transaksi Gambar Sequence diagram melihat produk Gambar Sequence diagram melihat Profil member Gambar Sequence diagram melihat Profil pelapak Gambar Sequence diagram commit melihat to status user transaksi Gambar Sequence diagram mencari produk xv

16 Gambar Sequence diagram menghapus pelapak Gambar Sequence diagram menghapus member Gambar Sequence diagram menghapus agen Gambar Sequence diagram menghapus kategori produk Gambar Sequence diagram menghapus konfirmasi pembayaran Gambar Sequence diagram menghapus konfirmasi pengiriman Gambar Sequence diagram menghapus notifikasi transaksi Gambar Sequence diagram menghapus produk Gambar Sequence diagram menghapus transaksi Gambar Sequence diagram menginput agen Gambar Sequence diagram menginput kategori produk Gambar Sequence diagram menginput member Gambar Sequence diagram menginput pelapak Gambar Sequence diagram menginput produk Gambar Sequence diagram pemesanan produk Gambar Sequence diagram ubah agen Gambar Sequence diagram ubah kategori produk Gambar Sequence diagram ubah Profil pelapak Gambar Sequence diagram ubah potongan Gambar Sequence diagram ubah produk Gambar Sequence diagram ubah Profil produk Gambar Sequence diagram ubah status transaksi Gambar Sequence diagram menampilkan marketplace Gambar Sequence diagram menampilkan aturan penggunaan Gambar Sequence diagram menampilkan pengumuman Gambar Sequence diagram tampil cara jadi member Gambar Sequence diagram tampil cara belanja Gambar Sequence diagram tampil cara pembayaran Gambar Sequence diagram tampil peraturan member Gambar Sequence diagram tampil cara jadi pelapak Gambar Sequence diagram tampil cara berjualan Gambar Sequence diagram tampil peraturan pelapak Gambar Sequence diagram tampil slide Gambar Sequence diagram mengubah slide Gambar Sequence diagram input slide Gambar Sequence diagram cetak laporan penyetoran Gambar Sequence diagram tampil potongan penyetoran Gambar Sequence diagram tampil data transaksi pembelian Gambar Class diagram sistem Gambar ERD system Gambar Relasi antar tabel Gambar Bukti Kerangkapan commit Data to... user 110 Gambar Relasi Tabel Member, Transaksi, Produk xvi

17 Gambar Relasi Tabel Member, Transaksi, Produk Normalisasi Gambar Relasi Tabel Normalisasi Gambar Desain Home Gambar Desain Tampil Produk Gambar Desain Detail Produk Gambar Desain Input Data Gambar Desain Tampil Data Gambar Desain Halaman Login Gambar Desain Detail Data Gambar 4. 1 Halaman Home Gambar 4. 2 Halaman Tampil Produk Gambar 4. 3 Tampil Detail Produk Gambar 4. 4 Login Gambar 4. 5 Melihat Profil Member Gambar 4. 6 Tampil Ubah Profil Member Gambar 4. 7 Keranjang Belanja Gambar 4. 8 Tampil Transaksi Pembelian Gambar 4. 9 Tampil Hasil Pemesanan Gambar Tampil Penginputan Pengiriman Gambar Tampil Hasil Transaksi Gambar Tampil konfirmasi pembayaran Gambar Tampil status transaksi Gambar Tampil Profil pelapak Gambar Ubah Profil pelapak Gambar Tampil produk pelapak Gambar Tampil detail produk pelapak Gambar Tampil penginputan produk Gambar Tampil notifikasi status transaksi Gambar Tampil data agen Gambar Tampil input data agen Gambar Tampil detail agen Gambar Tampil data kategori produk Gambar Tampil input data kategori produk Gambar Ubah kategori produk Gambar Tampil data konfirmasi pengiriman Gambar Tampil data konfirmasi pembayaran Gambar Tampil data penyetoran pelapak Gambar Tampil transaksi Gambar Tampil produk sisi agen Gambar Tampil data member Gambar Tampil data pelapak Gambar Tampil potongan transaksi commit to... user 141 Gambar Ubah potongan xvii

18 Gambar Ubah status transaksi Gambar Tampil data pemesanan transaksi Gambar Tampil konfirmasi pengiriman pemesanan Gambar Tampil konfirmasi penyetoran xviii