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