PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INFORMASI INSTITUT SAINS DAN BISNIS ATMA LUHUR
PANGKALPINANG 2021
PROTOTIPE APLIKASI M-COMMERCE PADA BERKAH ALUMUNIUM BERBASIS ANDROID
SKRIPSI
Allan Dhika Setiawan 1711500119
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INFORMASI INSTITUT SAINS DAN BISNIS ATMA LUHUR
PANGKALPINANG 2021
PROTOTIPE APLIKASI M-COMMERCE PADA BERKAH ALUMUNIUM BERBASIS ANDROID
SKRIPSI
Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer
Allan Dhika Setiawan 1711500119
ii
KATA PENGANTAR
Segala puji dan syukur kehadirat Allah Subhanahu Wa Ta’ala atas berkah, rahmat dan hidayah-Nya yang senantiasa dilimpahkan kepada penulis, sehingga bisa menyelasaikan skripsi dengan judul “Prototipe Aplikasi M-Commerce pada Berkah Alumunium Berbasis Android” sebagai syarat untuk menyelesaikan Program Sarjana (S1) pada Program Studi Teknik Informatika Institut Sains dan Bisnis Atma Luhur.
Dalam penyusunan skripsi ini banyak hambatan serta rintangan yang penulis hadapi namun pada akhirnya dapat melaluinya berkat adanya bimbingan dan bantuan dari berbagai pihak baik secara moral maupun spiritual. Untuk itu pada kesempatan ini penulis menyampaikan ucapan terima kasih kepada:
1. Allah Yang Maha Esa, atas segala nikmat yang di berikan kepada kami sehingga dapat menyelesaikan laporan skripsi ini.
2. Orang tua dan keluarga tercinta yang telah memberikan dukungan baik moril dan materil dalam penyelesaian laporan skripsi ini.
3. Bapak Drs. Djaetun Hs yang telah mendirikan atma Luhur.
4. Bapak Husni Teja Sukmana, S.T, M.Sc, Ph.D, selaku Rektor Institut Sains dan Bisnis Atma Luhur Pangkalpinang.
5. Bapak Bambang Adiwinoto, M.Kom, selaku Wakil Rektor I (Bidang Akademik dan Kemahasiswaan).
6. Bapak Ellya Helmud, M.Kom, selaku Dekan Fakultas Teknologi Informasi.
7. Bapak Agus Dendi Rachmatsyah, M.Kom, selaku Wakil Dekan Fakultas Teknologi Informasi.
8. Bapak Chandra Kirana, M.Kom, selaku Ketua Program Studi Teknik Informatika.
9. Bapak Devi Irawan, M.Kom, selaku Sekretaris Program Studi Teknik Informatika.
10. Ibu Hamidah, M.Kom, selaku Kepala Biro Administrasi Akademik dan Kemahasiswaan.
11. Bapak Lukas Tommy, M.Kom, selaku Dosen Pembimbing.
iv
ABSTRACT
Information technology that is growing and expanding to various aspects of life has an effect on human lifestyles. All activities can be done using existing technology, especially smartphones. Berkah Aluminum is one of the shops in the Pangkalpinang area that sells aluminum product manufacturing services to its customers. Along with the emergence of business competitors who sell the same products as Berkah Aluminum, the number of product sales per month from Berkah Alumunium decreases. With reference to the problems related to the efficiency and effectiveness of Berkah Aluminum above, a mobile-based M-Commerce application prototype will be built on Android devices. The application that will be built will be able to display a list of products sold by Berkah Aluminum as well as information such as pictures, available stock, and descriptions so that potential customers do not need to ask the seller like on social media. In addition, the application that was built can also be used by customers to display promotional lists and product details, add products to cart, manage cart, order products, display order history, and provide reviews of orders. A web application will also be built to manage product and promotional data and verify orders made by customers.
Keywords : Prototype, M-Commerce, Android
vi ABSTRAK
Teknologi informasi yang semakin berkembang dan meluas ke berbagai aspek kehidupan berpengaruh terhadap gaya hidup manusia. Semua aktivitas dapat dilakukan dengan menggunakan teknologi yang ada, khususnya smartphone.
Berkah Alumunium merupakan salah satu toko di wilayah Pangkalpinang yang menjual jasa pembuatan produk alumunium kepada pelanggannya. Seiring munculnya pesaing bisnis yang menjual produk yang sama dengan Berkah Alumunium, membuat jumlah penjualan produk per bulan dari Berkah Alumunium menjadi menurun. Dengan mengacu pada permasalahan terkait efisiensi dan efektifitas dari Berkah Alumunium di atas, akan dibangun sebuah prototipe aplikasi M-Commerce berbasis mobile pada perangkat Android. Aplikasi yang dibangun nantinya dapat menampilkan daftar produk yang dijual oleh Berkah Aluminium sekaligus informasinya seperti gambar, harga, stok tersedia, dan deskripsi sehingga calon pelanggan tidak perlu bertanya kepada penjual layaknya pada sosial media.
Selain itu aplikasi yang dibangun juga nantinya dapat digunakan oleh pelanggan untuk menampilkan daftar promosi dan rincian produk, menambahkan produk ke keranjang, mengelola keranjang, memesan produk, menampilkan riwayat pemesanan, dan memberikan ulasan terhadap pesanan. Sebuah aplikasi web juga akan dibangun untuk mengelola data produk dan promosi serta memverifikasi pemesanan yang dilakukan oleh pelanggan.
Kata Kunci : Prototipe, M-Commerce, Android.
DAFTAR ISI
Halaman
LEMBAR PERNYATAAN ... i
LEMBAR PERSETUJUAN ... ii
LEMBAR PENGESAHAN SKRIPSI ... iii
KATA PENGANTAR ... iv
ABSTRACT ... vi
ABSTRAK ... vii
DAFTAR ISI ... viii
DAFTAR GAMBAR ... xi
DAFTAR TABEL... xv
DAFTAR LAMPIRAN ... xvii
DAFTAR SIMBOL ... xviii
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 3
1.3 Batasan Masalah ... 3
1.4 Tujuan dan Manfaat Penelitian... 4
1.4.1 Tujuan Penelitian ... 4
1.4.2 Manfaat Penelitian ... 4
1.5 Sistematika Penulisan ... 5
BAB II LANDASAN TEORI ... 7
2.1 Definisi Model Prototype ... 7
2.1.1 Kelebihan Model Prototype ... 8
2.1.2 Kelemahan Model Prototype... 8
2.2 Definisi Metode Berorientasi Objek ... 9
2.3 Definisi Unified Modeling Language (UML) ... 11
2.3.1 Jen-Jenis Diagram UML... 12
2.4 Teori Pendukung ... 17
viii
2.4.1 Aplikasi ... 17
2.4.2 Mobile Commerce ... 19
2.4.3 Android ... 19
2.4.4 Website ... 24
2.4.5 Java ... 25
2.4.6 JavaScript Object Notation (JSON) ... 26
2.4.7 MySQL ... 26
2.4.8 Android Studio ... 27
2.4.9 XAMPP ... 27
2.5 Penelitian Terdahulu... 28
BAB III METODOLOGI PENELITIAN ... 31
3.1 Model Penelitian Prototype ... 31
3.2 Teknik Pengumpulan Data ... 32
3.3 Tools Pengembangan Sistem ... 33
BAB IV HASIL DAN PEMBAHASAN... 35
4.1 Profil Berkah Alumunium... 35
4.2 Analisis Masalah ... 37
4.2.1 Analisis Sistem Berjalan ... 38
4.2.2 Analisis Kebutuhan ... 39
4.3 Perancangan Sistem ... 54
4.3.1 Identifikasi Sistem Usulan... 54
4.3.2 Rancangan Sistem ... 56
4.3.3 Rancangan Layar ... 86
4.4 Implementasi ... 106
4.4.1 Tampilan Layar ... 106
4.4.2 Pengujian ... 124
4.4.3 Kelebihan dan Kekurangan Aplikasi ... 127
BAB V PENUTUP... 129
5.1 Kesimpulan... 129
5.2 Saran... 129
DAFTAR PUSTAKA ... 130
LAMPIRAN... 132
x
DAFTAR GAMBAR
Halaman
Gambar 2.1 Contoh Use Case Diagram ...14
Gambar 2.2 Contoh Activity Diagram ...15
Gambar 2.3 Contoh Sequence Diagram ...16
Gambar 2.4 Contoh Class Diagram ...17
Gambar 3.1 Model Prototype ...32
Gambar 4.1 Struktur Organisasi pada Toko Berkah Alumunium ...35
Gambar 4.2 Toko Berkah Alumunium pada Google Maps ...36
Gambar 4.3 Toko Berkah Alumunium...37
Gambar 4.4 Activity Diagram Sistem Berjalan ...39
Gambar 4.5 Use Case Diagram Pelanggan ...43
Gambar 4.6 Use Case Diagram Admin ...44
Gambar 4.7 Activity Diagram Sistem usulan Admin dan Pelanggan ... 58
Gambar 4.8 Activity Diagram Register Pelanggan ... 59
Gambar 4.9 Activity Diagram Login Pelanggan ... 60
Gambar 4.10 Activity Diagram Hubungi CS ... 60
Gambar 4.11 Activity Diagram Lihat Promo ... 61
Gambar 4.12 Activity Diagram Cek Produk ... 62
Gambar 4.13 Activity Diagram Manajemen Keranjang ... 62
Gambar 4.14 Activity Diagram Cek Pemesanan ... 63
Gambar 4.15 Activity Diagram Lihat Profil Institusi ... 63
Gambar 4.16 Activity Diagram Ubah Profil ... 64
Gambar 4.17 Activity Diagram Logout Pelanggan ... 64
Gambar 4.18 Activity Diagram Tambah Promo ... 65
Gambar 4.19 Activity Diagram Lihat Produk ... 66
Gambar 4.20 Activity Diagram Lihat Data Pelanggan ... 67
Gambar 4.21 Activity Diagram Lihat Review Pemesanan ... 68
Gambar 4.22 Sequence Diagram Login Pelanggan ...69
Gambar 4.23 Sequence Diagram Register ...69
Gambar 4.24 Sequence Diagram Lihat Data Produk ...70
Gambar 4.25 Sequence Diagram Manajemen Keranjang ...70
Gambar 4.26 Sequence Diagram Lihat Promo ...71
Gambar 4.27 Sequence Diagram Cek Pemesanan dan Rating Ulasan ... 72
Gambar 4.28. Sequence Diagram Lihat Profil Institusi ...72
Gambar 4.29 Sequence Diagram Hubungi CS ...73
Gambar 4.30 Sequence Diagram Logout Pelanggan ...73
Gambar 4.31 Sequence Diagram Login Admin ...74
Gambar 4.32 Sequence Diagram Lihat Produk ...74
Gambar 4.33 Sequence Diagram Tambah Produk ...75
Gambar 4.34 Sequence Diagram Ubah Produk ...75
Gambar 4.35 Sequence Diagram Hapus Produk ...76
Gambar 4.36 Sequence Diagram Ubah Pelanggan ...77
Gambar 4.37 Sequence Diagram Ubah Status Pemesanan ...77
Gambar 4.38 Sequence Diagram Sembunyikan Review ...78
Gambar 4.39 Sequence Diagram Sequence Diagram Logout Admin ...78
Gambar 4.40 Class Diagram Aplikasi yang Diusulkan ... 79
Gambar 4.41 Rancangan Layar Splashscreen ...87
Gambar 4.42 Rancangan Layar Login Pelanggan ...88
Gambar 4.43 Rancangan Layar Regsiter Pelanggan ...89
Gambar 4.44 Rancangan Layar Halaman Utama ...90
Gambar 4.45 Rancangan Layar Menu Panel ...91
Gambar 4.46 Rancangan Layar Daftar Produk ...92
Gambar 4.47 Rancangan Layar Detail Promo ...93
Gambar 4.48 Rancangan Layar Detail Produk ...94
Gambar 4.49 Rancangan Layar Keranjang ...95
Gambar 4.50 Rancangan Layar Riwayat Pemesanan ...96
Gambar 4.51 Rancangan Konsul CS ...97
Gambar 4.52 Rancangan Layar Ubah Profil Akun ... 98
xii
Gambar 4.53 Rancangan Layar Profil Institusi ... 99
Gambar 4.54 Rancangan Layar Login Admin ... 99
Gambar 4.55 Rancangan Layar Data Produk ...100
Gambar 4.56 Rancangan Layar Edit Produk...100
Gambar 4.57 Rancangan Layar Tambah Produk ...101
Gambar 4.58 Rancangan Layar Data Promo...101
Gambar 4.59 Rancangan Layar Edit Promo ...102
Gambar 4.60 Rancangan Layar Tambah Promo ...102
Gambar 4.61 Rancangan Layar Data Pelanggan...103
Gambar 4.62 Rancangan Layar Edit Pelanggan ...103
Gambar 4.63 Rancangan Layar Data Pemesanan ...104
Gambar 4.64 Rancangan Layar Edit Pemesanan ...104
Gambar 4.65 Rancangan Layar Data Review ...105
Gambar 4.66 Rancangan Layar Tambah Akun ...105
Gambar 4.67 Rancangan Layar Edit Data Institusi ...106
Gambar 4.68 Tampilan Layar Splashscreen ...107
Gambar 4.69 Tampilan Layar Login Pelanggan ...107
Gambar 4.70 Tampilan Layar Register ...108
Gambar 4.71 Tampilan Layar Halaman Utama ...109
Gambar 4.72 Tampilan Layar Menu Panel ...109
Gambar 4.73 Tampilan Layar Daftar Produk ...110
Gambar 4.74 Tampilan Layar Detail Produk ...110
Gambar 4.75 Tampilan Layar Detail Promo ...111
Gambar 4.76 Tampilan Layar Halaman Keranjang ...112
Gambar 4.77 Tampilan Layar Halaman Upload Bukti Transfer ...112
Gambar 4.78 Tampilan Layar Riwayat Pemesanan ...113
Gambar 4.79 Tampilan Layar Status Pemesanan Selesai ...114
Gambar 4.80 Tampilan Layar Rating dan Ulasan ...114
Gambar 4.81 Tampilan Layar Ubah Profil Akun ...115
Gambar 4.82 Tampilan Layar Halaman Profil Institusi ...116
Gambar 4.83 Tampilan Layar Konsultasi CS ...116
Gambar 4.84 Tampilan Layar Login Admin ...117
Gambar 4.85 Tampilan Layar Data Produk ...117
Gambar 4.86 Tampilan Layar Edit Produk ...118
Gambar 4.87 Tampilan Layar Tambah Produk ...118
Gambar 4.88 Tampilan Layar Data Promo ...119
Gambar 4.89 Tampilan Layar Edit Promo ...119
Gambar 4.90 Tampilan Layar Tambah Promo ...120
Gambar 4.91 Tampilan Layar Data Pelanggan ...120
Gambar 4.92 Tampilan Layar Edit Pelanggan ...121
Gambar 4.93 Tampilan Layar Data Pemesanan ...121
Gambar 4.94 Tampilan Layar Edit Pemesanan ...122
Gambar 4.95 Tampilan Layar Data Review CS ...122
Gambar 4.96 Tampilan Layar Tambah Akun ...123
Gambar 4.97 Tampilan Layar Edit Profil Institusi CS ...123
xiv
DAFTAR TABEL
Halaman
Tabel 2.1 Penelitian Terdahulu ...28
Tabel 4.1 Kebutuhan Non Fungsional dari Aplikasi yang Diusulkan...40
Tabel 4.2 Spesifikasi Kebutuhan Pelanggan ...41
Tabel 4.3 Spesifikasi Kebutuhan Admin ...42
Tabel 4.4 Skenario Use Case Login Pelanggan ...44
Tabel 4.5 Skenario Use Case Register ...45
Tabel 4.6 Skenario Use Case Hubungi CS ...45
Tabel 4.7 Skenario Use Case Lihat Promo ...46
Tabel 4.8 Skenario Use Case Cek Produk ...46
Tabel 4.9 Skenario Use Case Manajemen Keranjang ...47
Tabel 4.10 Skenario Use Case Cek Pemesanan ...47
Tabel 4.11 Skenario Use Case Lihat Profil Institusi ...48
Tabel 4.12 Skenario Use Case Ubah Profil ...48
Tabel 4.13 Skenario Use Case Logout ...49
Tabel 4.14 Skenario Use Case Login Admin...49
Tabel 4.15 Skenario Use Case Tambah Promo ...50
Tabel 4.16 Skenario Use Case Logout Admin ...50
Tabel 4.17 Skenario Use Case Tambah Akun ...51
Tabel 4.18 Skenario Use Case Tambah Produk ...51
Tabel 4.19 Skenario Use Case Lihat Produk ...52
Tabel 4.20 Skenario Use Case Ubah Data Institusi ...52
Tabel 4.21 Skenario Use Case Lihat Promo ...53
Tabel 4.22 Skenario Use Case Lihat Data Pelanggan ...53
Tabel 4.23 Skenario Use Case Review Pemesanan ...54
Tabel 4.24 Spesifikasi Basis Data Admin ...81
Tabel 4.25 Spesifikasi Basis Data Institusi ...81
Tabel 4.26 Spesifikasi Basis Data Pelanggan ...82
Tabel 4.27 Spesifikasi Basis Data Produk ...82
Tabel 4.28 Spesifikasi Basis Data Galeri Foto...83
Tabel 4.29 Spesifikasi Basis Data Gambar Produk ...83
Tabel 4.30 Spesifikasi Basis Data Gambar Promo ...84
Tabel 4.31 Spesifikasi Basis Data Keranjang ...84
Tabel 4.32 Spesifikasi Basis Data Pemesanan ...84
Tabel 4.33 Spesifikasi Basis Detail Pemesanan ...85
Tabel 4.34 Spesifikasi Basis Data Promo ...86
Tabel 4.35 Hasil Pengujian Blackbox Pelanggan ...124
Tabel 4.36 Hasil Pengujian Blackbox Admin ...126
xvi
DAFTAR LAMPIRAN
Halaman
Lampiran 1 Surat Permohonan Riset ... 135
Lampiran 2 Surat Balasan Riset ... 136
Lampiran 3 Kartu Konsultasi ... 137
Lampiran 4 Serifikat CITSM Internasional ... 138
Lampiran 4 Serifikat Kuliah Umum Kota Pangkalpinang ... 138
Lampiran 4 Serifikat Sada Utama ... 139
Lampiran 4 Serifikat Vaksinasi ... 139
DAFTAR SIMBOL
1. Usecase Diagram
No. Simbol Nama Keterangan
1 Usecase
Fungsionalitas yang disediakan sistem sebagai unit-unit yang saling bertukar pesan antar unit atau aktor
2 Aktor
Orang yang berinteraksi dengan sistem informasi yang akan dibuat di luar sistem informasi yang akan dibuat itu sendiri
3 Asosiasi
Komunikasi antara aktor dan usecase yang berpartisipasi pada usecase atau usecase memiliki interaksi dengan aktor
4 Ekstend
Relasi usecase tambahan ke sebuah usecase yang ditambahkan dapat berdiri sendiri walau tanpa usecase tambahan itu
5 Include
Relasi usecase dimana proses bersangkutan akan dilanjutkan ke proses yang dituju
xviii 2. Activity Diagram
No. Simbol Nama Keterangan
1 Status Awal/Start
Sebuah diagram aktivitas memiliki sebuah status awal
2 Aktivitas
Aktivitas yang dilakukan dalam sistem dan dinyatakan dengan diawali kata kerja
3 Percabangan/Decision
Percabangan dimana ada pilihan aktivitas yang lebih dari satu
4 Penggabungan/Join
Penggabungan dimana yang mana lebih dari satu aktivitas lalu digabungkan jadi satu
5 Status Akhir/End
Relasi usecase dimana proses
bersangkutan akan
dilanjutkan ke proses yang dituju.
6 Swimlane
Memisahkan organisasi bisnis yang bertanggung jawab terhadap aktivitas yang terjadi
3. Sequence Diagram
No Simbol Nama Keterangan
1 Aktor
Menggambarkan seseorang yang berinteraksi dengan sistem
2 Boundary
Sebuah objek yang menjadi penghubung antara user dengan sistem
3 Control
Suatu objek yang berisi logika aplikasi yang tidak memiliki tanggung jawab kepada entitas
4 Entity
Menggambarkan suatu objek yang berisi informasi kegiatan yang terkait yang tetap dan disimpan kedalam database
5 Object
Message
Menggambarkan pengiriman pesan dari sebuah objek ke objek lain
6 Recursive
Sebuah objek yang mempunyai sebuah operasi kepada dirinya sendiri
7 Lifeline
Garis titik yang terhubung dengan objek, sepasang lifeline terdapat activation
8 Activation
Sebuah eksekusi operasi dari objek, panjang kotak ini berbanding dengan durasi aktivasi sebuah operasi
xx 4. Class Diagram
No Simbol Nama Keterangan
1
Class
Himpunan dari objek yang berbagi atribut dan operasi yang sama
2
Association
Merupakan abtraksi berupa garis tanpa panah yang menghubung antara class 3
Generalization
Hubungan dimana objek anak (descendent) berbagi perilaku dan struktur data dari objek yang ada di atasnya objek induk(ancestor)
4
Nary Association
Upaya untuk menghindari asosiasi dengan lebih dari dua objek.
Collaboration
Deskripsi dari urutan aksi- aksi yang ditampilkan sistem yang menghasilkan suatu hasil yang terukur bagi suatu aktor
Realization
Operasi yang benar-benar dilakukan oleh suatu objek
Despendency
Hubungan dimana perubahan yang terjadi pada suatu elemen mandiri (independent) akan mempengaruhi elemen yang bergantung padanya elemen yang tidak mandiri
