1

RANCANG BANGUN APLIKASI E-COMMERCE JAMBU AIR

CAMPLONG PRODUK UNGGULAN KABUPATEN

SAMPANG KECAMATAN CAMPLONG MADURA (STUDI

KASUS DI KECAMATAN CAMPLONG MADURA)

SKRIPSI

Diajukan Untuk Memenuhi

Persyaratan Guna Meraih Gelar Sarjana

Informatika Universitas Muhammadiyah Malang

Roby Permana

(201310370311294)

Teknik Informatika

PROGRAM STUDI INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2020

ii

iii

iv

v

KATA PENGANTAR

Assalamu’alaikum Wr. Wb.

Dengan memanjatkan puji syukur kehadirat Allah S.W.T yang telah

memberikan rahmat dan hidayah-Nya kepada penulis sehingga dapat

menyelesaikan skripsi sebagai tugas akhir. Berkat limpahan nikmat dan karunia

yang telah Allah S.W.T berikan sehingga skripsi berjudul “RANCANG BANGUN

APLIKASI E-COMMERCE JAMBU AIR CAMPLONG PRODUK UNGGULAN

KABUPATEN SAMPANG KECAMATAN CAMPLONG MADURA (STUDI

KASUS DI KECAMATAN CAMPLONG MADURA)” ini dapat terselesaikan.

Skripsi ini dimaksudkan untuk memenuhi persyaratan guna memperoleh gelar

sarjana S1 Universitas Muhammadiyah Malang.

Penulis menyadari bahwa sepenuhnya penulisan Tugas Akhir ini masih

banyak kekurangan, oleh karena itu penulis mengharapkan saran dan kritik agar

tulisan ini bermanfaat bagi pembaca maupun peneliti lainnya. Akhir kata penulis

mengucapkan terima kasih kepada semua pihak yang telah membantu sehingga

terselesaikannya tugas akhir ini.

Wassalamu’alaikum Wr.Wb.

Malang, 11 Januari 2020

Roby Permana

vi

DAFTAR ISI

LEMBAR PERSETUJUAN .............................................................................. ii

LEMBAR PENGESAHAN ............................................................................... iii

LEMBAR PERNYATAAN .............................................................................. iv

ABSTRAK .......................................................................................................... v

ABSTRACT........................................................................................................ vi

LEMBAR PERSEMBAHAN .......................................................................... vii

KATA PENGANTAR ..................................................................................... viii

DAFTAR ISI ..................................................................................................... ix

DAFTAR GAMBAR ........................................................................................ xii

DAFTAR TABEL ........................................................................................... xiv

BAB I PENDAHULUAN ................................................................................... 1

1.1 Latar Belakang....................................................................................... 1

1.2 Rumusan Masalah .................................................................................. 3

1.3 Tujuan Penelitian ................................................................................... 3

1.4 Cakupan Masalah .................................................................................. 4

1.5 Metodologi ............................................................................................ 4

1.5.1 Observasi dan Wawancara .............................................................. 4

1.5.2 Sudi Literatur .................................................................................. 4

1.5.3 Analisis dan Perancangan Sistem .................................................... 5

1.5.4 Implementasi Sistem ....................................................................... 5

1.5.5 Pengujian ........................................................................................ 5

1.5.6 Sistematika Penulisan ..................................................................... 5

BAB II LANDASAN TEORI ............................................................................. 7

2.1 E-Commerce .......................................................................................... 7

2.1.1 Jenis-jenis e-commerce ................................................................... 7

2.2 Mobile Commerce ................................................................................. 8

2.3 Global Positioning Sytem (GPS) ............................................................ 8

2.4 Location Based Service (LBS) ............................................................... 9

2.4.1 Definisi Location Based Service ..................................................... 9

2.4.2 Komponen Location Based Service................................................. 9

2.5 Application Program Interface (API) ................................................... 10

2.5.1 OpenStreetMap ............................................................................. 10

vii

2.5.2 Gambaran Umum RajaOngkir....................................................... 10

2.6 Javascript Object Notation (JSON) ...................................................... 11

2.7 My Structured Query Language (MySQL) ........................................... 11

2.8 Android ............................................................................................... 11

2.9 Android Studio .................................................................................... 11

2.10 Hypertext Preprocessor (PHP) .......................................................... 12

2.11 Pemodelan Waterfall ........................................................................ 12

2.12 CodeIgniter Framework.................................................................... 13

BAB III METODE PENELITIAN .................................................................. 15

3.1. Analisa Masalah ............................................................................... 15

3.1.1 Analisa Kebutuhan ....................................................................... 15

3.1.2 Sumber Data ................................................................................. 16

3.1.3 Pengumpulan Data ........................................................................ 16

3.2 Perancangan Sistem ............................................................................. 17

3.2.1 Arsitektur Sistem .......................................................................... 17

3.2.2 Usecase Diagram .......................................................................... 17

3.2.3 Activity Diagram .......................................................................... 21

3.2.4 Sequence Diagram ........................................................................ 29

3.4 Perancangan Antarmuka ...................................................................... 36

BAB IV IMPLEMENTASI DAN PENGUJIAN ............................................. 42

4.1 Kebutuhan Perangkat ........................................................................... 42

4.1.1 Kebutuhan Perangkat Keras .......................................................... 42

4.1.2 Kebutuhan Perangkat Lunak ......................................................... 42

4.2 Implementasi Sistem ............................................................................ 43

4.2.1 Halaman Beranda Aplikasi ........................................................... 43

4.2.2 Daftar Produk ............................................................................... 43

4.2.3 Halaman Maps .............................................................................. 43

4.2.4 Halaman Cart ............................................................................... 44

4.2.5 Menu Pop-up Mendaftar ............................................................... 44

4.2.6 Mendaftar Akun Pembeli .............................................................. 45

4.2.7 Mendaftar Akun Penjual ............................................................... 45

4.2.8 Menu pop-up login user ................................................................ 46

4.2.9 Login Akun Pembeli ..................................................................... 46

4.2.10 Login Akun Penjual ...................................................................... 47

4.2.11 Dashboard Akun Pembeli ............................................................. 47

4.2.12 Menu Ubah Profil Pembeli............................................................ 48

viii

4.2.13 Menu Pembayaran Pembeli........................................................... 48

4.2.14 Menu Pemesanan Produk Pembeli ................................................ 49

4.2.15 Dashboard Akun Penjual .............................................................. 49

4.2.16 Menu Ubah Profil Penjual ............................................................. 50

4.2.17 Menu Pembayaran ........................................................................ 50

4.2.18 Menu Tambah Produk .................................................................. 51

4.2.19 Menu Daftar Pesanan. ................................................................... 52

4.2.20 Login Admin ................................................................................ 52

4.2.21 Control Panel Dashboard admin .................................................... 52

4.2.22 Kategori Produk............................................................................ 53

4.2.23 Daftar Produk ............................................................................... 53

4.2.24 Menu Transaksi ............................................................................ 54

4.2.25 Daftar Bank .................................................................................. 57

4.2.26 Banner .......................................................................................... 57

4.2.27 Pengguna Penjual ......................................................................... 58

4.2.28 Pengguna Pembeli ........................................................................ 58

4.2.29 Pencairan Saldo Penjual ................................................................ 59

4.2.30 Splashscreen ................................................................................. 59

4.2.31 Halaman Produk ........................................................................... 60

4.2.32 Halaman Maps .............................................................................. 60

4.2.33 Halaman About ............................................................................. 61

4.3 Implementasi Database ........................................................................ 62

4.4 Pengujian Sistem ................................................................................. 80

BAB V PENUTUP ........................................................................................... 85

5.1 Kesimpulan.......................................................................................... 85

5.2 Saran ................................................................................................... 85

DAFTAR PUSTAKA ....................................................................................... 86

LAMPIRAN ..................................................................................................... 88

ix

DAFTAR GAMBAR

Gambar 2. 1 Pemodelan Waterfall. ................................................................... 13

Gambar 3. 1 Arsitektur Sistem. ......................................................................... 17 Gambar 3. 2 Use Case Diagram Customer. ....................................................... 18

Gambar 3. 3 Use Case Diagram admin. ............................................................ 19 Gambar 3. 4 Usecase Diagram Seller. ............................................................... 20

Gambar 3. 5 Activity Diagram Customer Daftar. .............................................. 21 Gambar 3. 6 Activity Diagram Customer Login. ............................................... 22 Gambar 3. 7 Activity Diagram Customer Produk. ............................................. 22

Gambar 3. 8 Activity Diagram Customer Membuat Pesanan. ........................... 23 Gambar 3. 9 Activity Diagram Customer Melakukan Pembayaran.................... 23

Gambar 3. 10 Activity Diagram Customer Maps Pariwisata. ............................ 24 Gambar 3. 11 Activity Diagram Customer Riwayat Transaksi. ......................... 24

Gambar 3. 12 Activity Diagram Admin Rekapitulasi Transaksi. ....................... 25 Gambar 3. 13 Activity Diagram Admin Mengatur Kategori Produk. ................. 25

Gambar 3. 14 Activity Diagram Admin Mengelola Transaksi. .......................... 26 Gambar 3. 15 Activity Diagram Seller Login. ................................................... 26

Gambar 3. 16 Activity Diagram Seller Daftar. .................................................. 27 Gambar 3. 17 Activity Diagram Seller Transaksi Pembayaran. ......................... 27

Gambar 3. 18 Activity Diagram Seller Kelola Produk....................................... 28 Gambar 3. 19 Activity Diagram Seller Mengunduh Rekapitulasi. ..................... 28

Gambar 3. 20 Sequence Diagram Daftar. .......................................................... 29 Gambar 3. 21 Sequence diagram Login. ........................................................... 29

Gambar 3. 22 Sequence Diagram Produk.......................................................... 30 Gambar 3. 23 Sequence Diagram Membuat Pesanan. ....................................... 30

Gambar 3. 24 Sequence Diagram Melakukan Pembayaran. .............................. 30 Gambar 3. 25 Sequence Diagram Akses Maps. ................................................. 31

Gambar 3. 26 Sequence Diagram Riwayat Transaksi. ....................................... 31 Gambar 3. 27 Sequence Diagram Rekapitulasi Transaksi. ................................ 32

Gambar 3. 28 Sequence Diagram Mengelola Produk. ....................................... 32 Gambar 3. 29 Sequence Diagram Mengelola Transaksi. ................................... 33

Gambar 3. 30 Sequence Diagram Daftar. .......................................................... 33 Gambar 3. 31 Sequence Diagram Login. .......................................................... 34

Gambar 3. 32 Sequence Diagram Transaksi Pembayaran. ................................. 34 Gambar 3. 33 Sequence Diagram Mengelola Produk. ....................................... 35

Gambar 3. 34 Sequence Diagram Mengunduh Rekapitulasi. ............................. 35 Gambar 3. 35 Entity Relationship Diagram tabel database. Gambar dapat dilihat

di lampiran. ........................................................................................................ 36 Gambar 3. 36 Interface Halaman Utama. .......................................................... 36

Gambar 3. 37 Interface Halaman Produk. ......................................................... 37 Gambar 3. 38 Interface Halaman Keranjang. .................................................... 37

Gambar 3. 39 Interface Halaman Pembeli. ........................................................ 38 Gambar 3. 40 Interface Halaman Utama Penjual............................................... 38

Gambar 3. 41 Interface Halaman Administrator. ............................................... 39 Gambar 3. 42 Interface Halaman Mobile Product. ............................................ 40

Gambar 3. 43 Interace Halaman Mobile maps. ................................................. 40

x

Gambar 3. 44 Interface Halaman About Me. ..................................................... 41

Gambar 4. 1 Antarmuka Halaman Beranda Aplikasi. ........................................ 43

Gambar 4. 2 Daftar Produk. .............................................................................. 43 Gambar 4. 3 Lokasi Penjual. ............................................................................. 44

Gambar 4. 4 Halaman Keranjang Belanja. ........................................................ 44 Gambar 4. 5 Menu pop-up mendaftar. .............................................................. 44

Gambar 4. 6 Mendaftar Akun Pembeli. ............................................................. 45 Gambar 4. 7 Mendafar Akun Penjual. ............................................................... 46

Gambar 4. 8 Menu pop-up login user. ............................................................... 46 Gambar 4. 9 Login Akun Pembeli. ................................................................... 47

Gambar 4. 10 Login Akun Penjual. ................................................................... 47 Gambar 4. 11 Dashboard Akun Pembeli. .......................................................... 48

Gambar 4. 12 Menu Ubah Profil Pembeli. ........................................................ 48 Gambar 4. 13 Menu Rincian Pembayran. .......................................................... 49

Gambar 4. 14 Menu Pemesanan Produk. .......................................................... 49 Gambar 4. 15 Dashboard Akun Penjual. ........................................................... 50

Gambar 4. 16 Menu Ubah Profil Penjual. ......................................................... 50 Gambar 4. 17 Menu Pembayaran Pencairan saldo ............................................. 51

Gambar 4. 18 Menu Tambah Produk. ............................................................... 51 Gambar 4. 19 Menu daftar Pesanan. ................................................................. 52

Gambar 4. 20 Halaman Login Admin. .............................................................. 52 Gambar 4. 21 Control Panel Dashboard Admin. ............................................... 53

Gambar 4. 22 Menu Kategori Produk. .............................................................. 53 Gambar 4. 23 Menu Daftar Produk. .................................................................. 54

Gambar 4. 24 Control Panel Transaksi. ............................................................. 54 Gambar 4. 25 Menu Pemesanan........................................................................ 55

Gambar 4. 26 Menu Daftar Konfirmasi Pembayaran......................................... 55 Gambar 4. 27 Menu Daftar Dipeoses Penjual. .................................................. 55

Gambar 4. 28 Menu Pengiriman. ...................................................................... 56 Gambar 4. 29 Menu Transaksi Gagal. ............................................................... 56

Gambar 4. 30 Menu Transaksi Selesai. ............................................................. 57 Gambar 4. 31 Menu Rekapitulasi. ..................................................................... 57

Gambar 4. 32 Daftar akun bank. ....................................................................... 57 Gambar 4. 33 Banner. ....................................................................................... 58

Gambar 4. 34 Daftar Pengguna Penjual. ........................................................... 58 Gambar 4. 35 Daftar Pengguna Pembeli. .......................................................... 58

Gambar 4. 36 Tabel Status Pencairan Saldo. ..................................................... 59 Gambar 4. 37 Splashscreen. .............................................................................. 59

Gambar 4. 38 Halaman Produk. ........................................................................ 60 Gambar 4. 39 Maps. ......................................................................................... 61

Gambar 4. 40 Halaman About Me. ................................................................... 61

xi

DAFTAR TABEL

Tabel 1. 1 Karakteristik keadaan daerah untuk budidaya buah jambu air

camplong. ............................................................................................................ 2

Tabel 4. 1 Database Bank .................................................................................. 62

Tabel 4. 2 Database Banner ............................................................................... 62 Tabel 4. 3 Database Category ............................................................................ 63

Tabel 4. 4 Database City ................................................................................... 63 Tabel 4. 5 Database Owner ................................................................................ 64 Tabel 4. 6 Database Province ............................................................................ 64

Tabel 4. 7 Database Customer ........................................................................... 65 Tabel 4. 8 Database Owner Bank....................................................................... 66

Tabel 4. 9 Database Product .............................................................................. 67 Tabel 4. 10 Database Reqfund ........................................................................... 69

Tabel 4. 11 Database Seller ............................................................................... 70 Tabel 4. 12 Database Seller Bank ...................................................................... 71

Tabel 4. 13 Database Seller Location................................................................. 72 Tabel 4. 14 Database Seller Rating .................................................................... 73

Tabel 4. 15 Database Subdistrict ....................................................................... 74 Tabel 4. 16 Database Transaction ...................................................................... 75

Tabel 4. 17 Database Transaction Confirm ........................................................ 78 Tabel 4. 18 Database Transaction Product ......................................................... 79

Tabel 4. 19 Skenario dan Hasil Uji Coba Pada Bagian Customer ....................... 81 Tabel 4. 20 Skenario dan Hasil Uji Coba Pada Bagian Admin ........................... 82

Tabel 4. 21 Skenario dan Hasil Uji Coba Pada Bagian Seller ............................. 83

xii

DAFTAR PUSTAKA

[1] Septiningtyas, Intan Eka Putri. 2015. “RANCANG BANGUN APLIKASI

TOKO ONLINE MULTI SHOP BERBASIS ANDROID”. Skripsi. Teknik

Informatika. Universitas Muhammadiyah Malang.

[2] Jafiansyah., & Wahyuningsih, Delpiah. (2014). Aplikasi M-Commerce

Berbasis Android Pada Kinza Collection. Jurnal SISFOKOM, Vol.3, No.1,

hlm.45.

[3] Haryanti, Sri., Irianto Tri., (2011). Rancang Bangun Sistem E-Commerce

Untuk Usaha Fashion Studi Kasus Omah Mode Kudus. Jurnal Speed- Sentra

Penelitian Engineering dan Edukasi, Vol.3, No.1, hlm.8.

[4] Bappeda Kabupaten Sampang. Rencana Pembangunan Jangka Menengah

Daerah (RPJMD) Kabupaten Sampang Tahun 2013-2018.

[5] Dinas Pertanian Kabupaten Sampang. 2011. Standard Operating Procedure

(SOP) Jambu air.

[6] Henuhili, Victoria. 2010. Budidaya dan Peningkatan dan Nilai Jual Jambu

Air di Wilayah Pedukuhan Jogotirto, Desa Krasakan, Kecamatan Berbah,

Kabupaten Sleman, Yogyakarta. Yogyakarta : Universitas Negeri

Yogyakarta.

[7] Iswahyudi., Darmawati, Emmy., Sutrisno. (2015). Perancangan Kemasan

Transportasi Buah Jambu Air (Syzgium Aqueum) cv Camplong. Jurnal

Keteknikan Pertanian, Vol. 3 No.1, hal.72.

[8] Rahmat, Ahmad Salim. 2011. “PEMBANGUNAN WEBSITE E-

COMMERCE PADA DISTRO URBAN ARENA”. Skripsi. Teknik

Informatika. Universitas Komputer Indonesia.

[9] Ichwan, M., Hakiky, Fifin. 2011. Pengukuran Kinerja Goodreads Application

Programming Interface (API) Pada Aplikasi Mobile Android (Studi Kasus

Untuk Pencarian Data Buku). Jurnal Informatika. Bandung : Institut

Teknologi Nasional Bandung.

[10] Widigdo, Anon Kuncoro. 2003. Dasar Pemrograman PHP dan MySQL. Ilmu

Komputer.com : Kuliah Umum IlmuKomputer.com

xiii

[11] Berkatullah, Abdul Halim Dan Prasetyo, Teguh. 2005, Bisnis E-Commerce

Studi Sistem Keamanan dan Hukum di Indonesia. Yogyakarta: Pustaka

pelajar.

[12] Humdiana dan Indriyani, Evi. 2005. Sistem Informasi Manajemen.

Yogyakarta: Graha Ilmu

[13] Steiniger, S., Neun, M., dan Edwardes, A. 2006. Foundations of Location

Based Services, Lecturenotes. [Online]

[14] Sunarfrihantono, Bimo, S.T. (2002). PHP dan MySQL untuk web.

Yogyakarta: Penerbit Andi.

[15] Rosa AS & M Shalahudin. 2015 Rekayasa Perangkat Lunak (Terstruktur dan

Berorientasi Objek).. Informatika. Bandung.

[16] Andry. 2011. Android Asampai Z. PCplus, Jakarta.

[17] Kleppmann, Martin dan Alastair R. Beresford. 2017. A Conflict-Free

Replicated JSON Datatype. University of Cambridge Computer Laboratory,

Cambridge.

[18] Rama, Girish Maskeri dan Avinash Kak. 2013. Software – Practice and

Experience. New Jersey: Wiley Online Library.

[19] E.W. W. Aplikasi terbaik HP & tablet: GPS pada android. Jakarta: Jasakom;

2012.

[20] Griffiths, Adam. 2010. Codeigniter 1.7 Professional Development.

Birningham : Packt Publishing

[21] Mayasari, T. O. 2017. Desain Interaksi Aplikasi Pengendali Smart Home

Menggunakan Smartphone Android. Jurnal Pengembangan Teknologi

Informasi dan Ilmu Komputer. Vol. 1, No. 2. 139-147. e-ISSN: 2548-964X.

[22] Mariga J. 2003. Managing E-Commerce and Mobile Computing

Technologies. United State of America: IRM Press Publiser.

[23] Swilley E. 2007. An Emperical Examination of The Intent of Firms to Adopt

Mobile Commerce As A Marketing Strategy. Florida: Florida State University.

xiv