E-COMMERCE PENYEDIA IKAN ASAP JAYA MANDIRI BALAMOA BERBASIS

ANDROID (STUDI KASUS : PENGOLAHAN IKAN ASAP JAYA MANDIRI

BALAMOA)
Arif Nugroho, Taufiq Abidin, Dyah Apriliani
D IV Teknik Informatika Politeknik Harapan Bersama
Jl. Mataram No.9, Tegal
Telp. (0283) 352000
E-mail:arifnsquid@gmail.com

ABSTRAK

Pengolahan Ikan Asap jaya Mandiri Balamoa adalah salah satu pengolahan yang menjual berbagai macam ikan
asap di desa balamoa. Sistem yang berjalan masih dinilai belum efektif dalam hal pemasaran, agar pelanggan
bisa menggunakan kemudahan ataupun kecepatan informasi yang relevan untuk memudahkan segala
aktivitasnya, salah satunya pemesanan ataupun pembelian ikan asap pada pengolahan ikan asap jaya mandiri
balamoa. Penelitian ini bertujuan membantu pengolahan ikan asap jaya mandiri balamoa meningkatkan
keuntungan. Pelanggan dapat berbelanja dimanapun dan kapanpun yang diinginkan kapanpun waktunya. Hasil
dari penelitian ini adalah membuat aplikasi mobile e-commerce penyedia ikan asap jaya mandiri balamoa. Hasil
dari penelitian pada pengolahan ikan asap jaya mandiri balamoa dapat disimpulkan bahwa dengan dibuatnya
aplikasi e-commerce penyedia ikan asap jaya mandiri balamoa berbasis android dengan studi kasus pengolahan
ikan asap jaya mandiri balamoa ikan asap dapat dengan mudah menjual berbagai macam Ikan Asap secara
online berbasis android. Memudahkan Pengolahan Ikan Asap Jaya Mandiri memperluas serta meningkatkan
keuntungan karena dengan online lingkup perdagangan semakin luas. Membantu pengolahan ikan asap dalam
mengubah pencatatan manual ke otomatis dengan adanya aplikasi dengan mudah mendapatkan informasi.
Menyediakan harga ikan asap yang tersedia secara online. Pembeli dalam transaksi secara online dengan mudah
serta bisa melakukan pembayaran yang telah disediakan dan mendapatkan informasi tentang Pengolahan Ikan
Asap Jaya Mandiri Balamoa.

Kata Kunci : Android, Aplikasi, Mobile, E-commerce

1. PENDAHULUAN
Pengolahan Ikan Asap Jaya Mandiri
Balamoa yang berada di Desa Balamoa
Kecamatan Pangkah Kabupaten Tegal adalah
sebuah Pengolahan Ikan yang menyediakan
usaha jual beli berbagai macam - macam ikan.
Ikan yang diolah menjadi Ikan Asap meliputi
Ikan Asap Tongkol, Ikan Asap Cucut, Ikan
Asap Layang, Ikan Asap Kembung, Ikan Asap
Pari, Ikan Asap Salem, Ikan Asap Pi-Hi, Ikan
Asap Manyung.
Proses penjualan ikan asap di Pengolahan
Ikan Asap Jaya Mandiri selama ini masih
dilakukan secara offline. Selama ini orang-
orang tidak tahu harga Ikan Asap yang tersedia
di Pengolahan Ikan Asap Jaya Mandiri
Balamoa dan hasil penjualan di Pengolahan
tersebut masih dilakukan secara manual yakni
dengan mencatat disebuah buku.
Perkembangan teknologi informasi di seluruh
dunia telah membuat hidup manusia menjadi
semakin mudah. Terutama sejak diciptakannya
jaringan internet, komunikasi menjadi semakin
tidak terbatas dan tanpa hambatan, baik
hambatan geografis maupun hambatan waktu.
Dengan semakin dikenalnya internet di
kalangan masyarakat awam, maka teknologi
informasi berbasis internet pun dapat menjadi
salah satu cara yang ampuh untuk menghadapi
persaingan di dunia bisnis. Dengan adanya
internet, segala transaksi dapat dilakukan tanpa
dibatasi oleh jarak dan waktu. Kemudahan
inilah yang menjadi faktor utama
berkembangnya e-commerce. E-commerce
merupakan suatu sistem penjualan yang
dibangun dan dijalankan dengan menggunakan
beberapa media. Sehingga memungkinkan
dilakukannya suatu proses transaksi jual beli
yang mengizinkan pengelola untuk menjual
1
dan menginformasikan produk-produk dan
jasa secara online, melalui sebuah website
yang dirancang inilah konsumen dapat
menemukan dan melihat informasi yang
disajikan.
Berdasarkan latar belakang di atas maka
dengan demikian penelitian ini diberi judul “E-
COMMERCE PENYEDIA IKAN ASAP JAYA
MANDIRI BALAMOA BERBASIS ANDROID
(STUDI KASUS : PENGOLAHAN IKAN ASAP
JAYA MANDIRI BALAMOA) ”untuk membantu
pihak Pengolahan Ikan Asap Jaya Mandiri
memberikan informasi dan menyediakan
transaksi jual beli online Ikan Asap yang
interaktif.
2. TINJAUAN PUSTAKA
Dalam penelitian yang berjudul Perancangan
Aplikasi Penjualan Ternak Berbasis Android
(Studi Kasus Pada Kelompok Ternak Wonosari
Pacet Mojokerto) Peternakan merupakan upaya
pembudidayaan dan pemeliharaan hewan
ternak agar dapat dijual dan dijadikan sumber
penghasilan. Penjualan secara online erat kaitan
dengan proses penyusunan komunikasi terpadu
lewat akses internet yang bertujuan untuk
memberikan informasi mengenai barang atau
jasa dalam kaitannya untuk memenuhi
kebutuhan dan keperluan manusia. Kelompok
ternak wonosari Pacet Mojokerto sebagai salah
satu perkumpulan masyarakat yang bergerak
dalam bidang peternakan unggas, kambing,
sapi, kerbau dan jenis lainnya berencana
menjual dan memasarkan secara online namun
terkendala sistem informasi berbasis android
untuk menjual dan memasarkan hasil
peternakannya. Sistem ini dirancang untuk
menyediakan informasi dan transaksi dalam
pembuatannya menggunakan Firebase. Berawal
dari masalah tersebut, maka dilakukan
perancangan aplikasi penjualan ternak bernama
e-commerce ternak berbasis android. Metode
yang digunakan adalah SDLC waterfall dengan
tahapan: definisi kebutuhan, analisa kebutuhan,
perancangan (design), pembangunan sistem
(coding), pengujian dan perawatan sistem.
Hasil penelitian menunjukkan: 1) Penelitian
berhasil merancang aplikasi untuk penjualan
ternak. 2) Aplikasi membantu kelompok ternak
menjual produk peternakannya. 3) Membantu
pembeli untuk mendapatkan informasi dan
dapat membandingkan harga sebelum
melakukan pembelian ternak. 4) Meminimalisir
penipuan karena peternak dan pembeli dapat
melihat informasi dan harga penjualan
ternak.[1].
Dalam penelitian yang berjudul Perancang
Aplikasi M-Commerce Berbasis Android
Sebagai Media Informasi dan Penjualan
Kambing Hewan Kambing merupakan salah
satu hewan yang banyak diminati oleh
masyarakat untuk keperluan upacara agama
atau dikonsumsi, permintaan hewan kambing
meningkat pada saat menjelang hari raya idul
adha untuk keperluan qurban. Untuk
mendapatkan hewan kambing pembeli mencari
di pasar hewan yang hanya buka 2 kali dalam
satu minggu. Adanya biaya operasional dan
Calo menjadikan harga dipembeli menjadi
mahal, kurangnya media untuk mengetahui
informasi peternak kambing dan harga kambing
belum ada menjadikan pembeli mendapatkan
harga yang mahal. Tujuan penelitian ini
membangun aplikasi m-commerce berbasis
android sebagai media informasi dan penjualan
kambing yang dapat mempertemukan antara
pembeli dan peternak kambing, sehingga
pembeli mendapatkan harga yang murah,
terhindar dari Calo dan pembeli mendapatkan
kambing yang berkualitas. Metode yang
digunakan untuk pengembangan perangkat
lunak menggunakan model sekuensial linier
dengan tahapan analisis, desain, kode, dan
pengujian. Hasil dari penelitian ini aplikasi m-
commerce yang digunakan sebagai media
informasi dan penjualan kambing, aplikasi m-
commerce dilakukan pengujian Black box
dinyatakan aplikasi ini dapat digunakan.
Pengujian selanjutnya untuk mengetahui
kelayakan oleh pengguna dengan kuesioner
yang dibagikan kepada 30 orang responden,
Hasil peritungan memperoleh rating scale
sebesar 71,5%, dengan demikian aplikasi sudah
layak untuk digunakan.[2].
Dalam penelitian yang berjudul Sistem
Informasi E-commerce Pada Toko Online
Importir Tas Batam Untuk Memperluas
Pemasaran Produk menyatakan bahwa Seiring
dengan perkembangan perusahaan proses
transaksi dan promosi yang selama ini
dijalankan kurang efektif dilakukan oleh
perusahaan, Manajemen penjualan produk yang
masih dilakukan secara manual. perusahaan
hanya menggunakan marketing dan media
cetak dalam penyampaian informasi promosi
kepada konsumen dan outlet. Tidak adanya
promosi dalam periklanan televisi, website,
atau radio. Mekanisme seperti ini sangat
memungkinkan akan timbulnya permasalah di
perusahaan, diantaranya konsumen yang
lokasinya jauh atau dekat dengan kota akan
merasa kesulitan untuk berbelanja di Importir
Tas Batam karena kurangnya informasi
2
promosi. Solusi yang diajukan untuk mengatasi dengan perubahan dalam kehidupan kebiasaan
masalah tersebut untuk mengembangkan bisnis konsumen, e-commerce berbasis mobile telah
penjualannya yaitu e- commerce. E-Commerce menjadi tren saat ini[5].
merupakan suatu kontak transaksi perdagangan
antara penjual dan pembeli dengan 3. METODE PENELITIAN
menggunakan media internet. Keuntungan yang A. Bahan Penelitian
diperoleh dengan menggunakan transaksi Bahan pada penelitian ini menggunakan data
melalui e-commerce adalah untuk data Ikan Asap yang diperjualbelikan di
meningkatkan pendapatan dengan Pengolahan Ikan Asap Jaya Mandiri
menggunakan penjualan online yang biayanya meliputi nama nama ikan beserta harga.
lebih murah dan juga sekaligus biaya-biaya B. Alat Penelitian
operasional seperti kertas, pencetakan katalog. Peralatan yang digunakan dalam penelitian
Adapun tujuan yang bisa diambil dari ini dispesifikasikan dalam Perangkat Keras
penelitian ini adalah sistem informasi e- ( Hardware) dan Perangkat Lunak
commerce perusahaan bisa memperluas (Software) sebagai berikut :
informasi promosi secara online di Importir Tas
Batam.Dan Dapat mengimplementasikan 1. Perangkat Kegunaan
sistem informasi e- commerce yang dibuat
Keras
sebagai alat pemasaran produk di Importir Tas
Batam.[3].
Dalam penelitian yang berjudul Exploring E- a. Laptop Asus Digunakan sebagai
commerce Marketing and Application in the A442UQ perangkat keras
Background of Mobile Internet E-commerce
dapat mewujudkan belanja konsumen secara utama.
online, transaksi online antara pemasok dan b. Mouse Digunakan sebagai
penjual, pembayaran online dan fungsi lainnya.
Oleh karena itu, potensi pemasaran komoditas pengarah pointer.
didorong oleh pasar konsumen Mobile Internet c. Smartphone Digunakan untuk
sangatlah besar . Namun, sebagai hal yang
baru, mobile e-commerce belum muncul lama RealMe 5 menjalankan aplikasi
saat ini, dan masih banyak kekurangan, yang yang sudah jadi.
perlu ditingkatkan. Kebijakan saat ini telah
menciptakan kondisi yang menguntungkan bagi 2. Perangkat Kegunaan
perkembangan ekonomi pedesaan di Cina.
Lunak
Dengan promosi teknologi informasi, hampir
setiap orang memiliki smartphone, dan
berbagai aplikasi sedang muncul. Peralatan a. Windows 10 64 Digunakan Sebagai
informasi dan komunikasi telah menjadi bit dan Ubuntu sistem operasi
kebutuhan hidup manusia saat ini . Sulit bagi
produsen untuk mengendalikan dinamika pasar 18.04 LTS,
produk dan untuk mengatur kegiatan produksi b. Android Studio Digunakan untuk
secara ilmiah. Munculnya produk e-commerce
telah mengubah situasi ini. Di satu sisi, ia telah membuat aplikasi
menyediakan pasar yang luas untuk penjualan android
produk, pada di sisi lain, ini juga telah
membawa konsumen cara konsumsi yang lebih c. Xampp Digunakan sebagai
nyaman, memungkinkan konsumen untuk web server
mendapatkan produk berkualitas lebih
tinggi.[4].
Dalam penelitian yang berjudul Mobile e- d. Figma Digunakan sebagai
Commerce Recommendation System Based on
Multi-Source Information Fusion for design prototype
Sustainable e-Business Mobile e-commerce aplikasi.
berasal dari konsep yang lebih luas dari e-
commerce pada umumnya dan mengacu pada e. Star UML Digunakan sebagai
bisnis kegiatan yang dilakukan oleh terminal media perancangan
mobile, seperti ponsel dan komputer tablet

3
 sistem. akan dibuat, dari hal tersebut pembuatan
sistem dapat dilakukan secara tepat jika
f. Mysql Digunakan sebagai memperhatikan input dan output yang
server database. akan dihasilkan.
4. Perancangan Sistem
g. VS Code Digunakan sebagai
Proses ini digunakan untuk
text editor. mengubah kebutuhan-kebutuhan di
atas menjadi representasi ke dalam
bentuk sebelum proses coding
C. Alur Penelitian dimulai.
Metode penelitian yang digunakan adalah a. Perancangan UML
waterfall atau juga disebut metode air terjun
pemilihan metode waterfall dikarenkan Perancangan UML
model ini menyediakan pendekatan alur digunakan untuk menjelaskan
hidup perangkat lunak secara terurut mulai artifak dari proses analisis dan
dari analisis, desain, pengkodean, pengujian. desain berorientasi objek. UML
memungkinkan developer
1. Identifikasi Masalah melakukan pemodelan secara
Tahap Identifikasi masalah yaitu visual, yaitu penekanan pada
tahap untuk menemukan masalah penggambaran. Pemodelan
penelitian yang akan dijadikan bahan visual membantu untuk
penelitian. menangkap struktur dan
2. Pengumpulan Data perilaku dari objek,
Pada tahap ini, dilakukan mempermudah penggambaran
pengumpulan data yang berguna untuk interaksi antara elemen dalam
mengetahui informasi yang dibutuhkan sistem, dan mempertahankan
dalam pembuatan E-Commerce Berbasis konsistensi antara desain dan
Android, yaitu menggunakan : implementasi pemrograman.
a. Studi Literatur
Metode pengumpulan data b. Perancangan User Interface
dengan cara mengumpulkan Proses desain atau
literatur, jurnal, browsing internet pembuatan prototype akan
dan bacaan-bacaan yang ada menerjemahkan syarat
kaitannya dengan topik baik berupa kebutuhan User Interface ke
buku atau paper. sebuah perancangan perangkat
b. Wawancara lunak yang dapat diperkirakan
Metode pengumpulan data sebelum proses coding.
dengan cara melakukan wawancara 5. Implementasi Sistem
dengan Pemilik Usaha pengolahan
ikan asap jaya mandiri untuk Pada tahapan ini desain yang
mengetahui masalah dan kebutuhan sudah direncanakan diterapkan
obyek penelitian. dengan menggunakan android
c. Observasi studio untuk mendapatkan
Observasi adalah suatu perangkat lunak.
teknik atau cara untuk 6. Uji Coba Sistem
mengumpulkan data dengan jalan Jenis pengujian sistem ini
mengamati kegiatan yang sedang mnggunakan metode black box
berlangsung. Dalam penelitian ini Pengujian black box berfokus
observasi dilakukan dengan pada persyaratan fungsional
mengamati suasana tempat perangkat lunak. Tahapan ini
penelitian, mengamati ikan asap dilakukan untuk pengujian atau
yang ada ditempat penelitian testing pada saat proses input,
3. Analisa Data pada tahap ini apabila data yang
Metode Analisis dilakukan dimasukkan dan dieksekusi
berdasarkan hasil pengumpulan data didapati suatu kesalahan maka
untuk dijadikan acuan terhadap akan memunculkan pesan
permasalahan yang ada ketika sistem kesalahan, Poin - poin pengujian

4
 utama akan ditentukan pada kasus
yang berbeda-beda untuk menguji
program, sehingga mampu
menyimpulkan apakah perangkat
lunak sudah berjalan sesuai
dengan kebutuhan yang
diharapkan atau sebaliknya. Arah
pengujian telah ada pada desain
pengujian yang telah ditentukan
pada tahap perancangan sistem,
biasanya dituangkan dalam
dokumen pengujian perancangan
perangkat lunak, rincian prosedur
pengujian, rancangan test case
dengan spesifik studi kasus dan
pada pengujian cakupan jalur
sistem yang berjalan.
use case diagram admin. Use case user
menjelaskan user harus daftar dan sign-
in terlebih dahulu agar dapat
mengakses beberapa menu diantaran
menu beranda,menu daftar produk ikan
asap, crud pesanan, order, upload bukti
transfer, chat, kemudian log out. Use
case diagram admin menjelaskan
admin harus sign-in terlebih dahulu
kemudian dapat mengakses beberapa
menu diantaranya menu kelola ikan
asap, provinsi, kabupaten,ongkos
kirim, member, pemesanan ikan asap,
laporan penjualan, ganti password dan
logout. Use case diagram dapat dilihat
pada gambar 4.1

4. PERANCANGAN DAN DESAIN

A. Perancangan Sistem
Perancangan sistem merupakan
salah satu unsur atau tahapan dari
keseluruhan pembangunan sistem,
dalam perancangan ini terdapat dua
tahapan, tahap pertama adalah
perancangan UML (Unified Modeling
language) meliputi Use Case Diagram,
Activity Diagram, Sequence Diagram
dan Class Diagram. Kemudian tahap
kedua adalah perancangan tabel basis
data(database).
B. Perancangan UML (Unified Modeling Gambar 4.1 Use Case Diagram User
Language) dan Admin
Perancangan UML (Unified
Modeling Language) menggambarkan 2. Activity Diagram
proses cara kerja sistem secara rinci Activity diagram adalah teknik untuk
agar dapat berjalan dengan baik. mendeskripsikan logika prosedural,
Tahap-tahap perancangan UML proses bisnis, aluran kerja dalam
(Unified Modeling Language) antara banyak kasus. Activity diagram
lain membuat use case diagram, mempunyai peran seperti halnya
activity diagram, sequence diagram dan flowchart. Berikut ini adalah activity
class diagram. diagram tertera pada gambar 4.2 dan
1. Use Case Diagram gambar 4.3.
Use case diagram merupakan
konstruksi untuk mendeskripsikan 1. Activity diagram login Pada gambar
hubungan yang terjadi antara aktor 2 menjelaskan bagaimana cara user
dengan aktivitas yang terdapat pada melakukan login.
sistem. Use case menjelaskan proses
apa saja yang ada dalam sistem
bagaimana hubunganya dengan aktor.
Ada dua use case diagram pada
Aplikasi E-Commerce pemyedia Ikan
Asap Jaya Mandiri Balamoa Berbasis
Android (Studi Kasus : Pengolahan
Ikan Asap Jaya Mandiri Balamoa)
sesuai dengan akses pengguna yang
ada seperti use case diagram user dan

5
Gambar 4.2 Activity Diagram Login
User
. Activity diagram Transaksi Pada
gambar 4.3 menjelaskan bagaimana
user melakukan transaksi produk
Gambar 4.3 Activity Diagram
Transaksi
3. Sequence Diagram
Sequence diagram mendeskripsikan
waktu hidup objek dan pesan yang
dikirimkan serta diterima antar objek,
dimaksudkan untuk mengembangkan
komunikasi, menggambarkan interaksi
antar objek di dalam dan di sekitar
sistem (termasuk pengguna, tampilan,
dan sebagainya) secara berurutan.
1. Sequence diagram login user
Pada gambar 4.4 menjelaskan tentang
bagaimana urutan terjadinya proses
login yang dilakukan oleh user.
C. Perancangan Desain
Gambar 4.4 Sequence Diagram Login
User
2. Sequence diagram Transaksi user
Pada gambar 4.5 menjelaskan tentang
bagaimana urutan terjadinya proses
transaksi yang dilakukan oleh user
Gambar 4.5 Sequence Diagram
Transaksi User
4. Class Diagram
Class diagram menggambarkan
struktur dan hubungan antar objek-
objek yang ada pada sistem. Struktur
ini meliputi atribut, method atau fungsi
yang ada pada masing-masing class.
Class diagram dibuat agar pembuat
program atau programmer membuat
kelas-kelas sesuai dengan rancangan
yang ada di dalam class diagram,
sehingga antara dokumentasi
perancangan dan perangkat lunak
memiliki kesesuaian. Gambar 4.6
menggambarkan tentang class diagram
yang terdapat pada bagian back-end
yang merupakan salah satu bagian di
dalam proses penelitian ini.
Gambar 4.6 Class Diagram
Berikut ini merupakan rancangan
desain aplikasi e-commerce penyedia
ikan asap jaya mandiri balamoa dengan
studi kasus pengolahan ikan asap jaya
mandiri balamoa
6
1. Desain Layout Halaman Daftar
Desain layout halaman aplikasi e-
commerce penyedia ikan asap jaya
mandiri balamoa berbasis android
terdapat logo beserta form daftar dan
button untuk mendaftar aplikasi yang
ditunjukan proses menunggu untuk
masuk ke halaman login serta menu
lupa password. Desain layout halaman
daftar dapat dilihat pada gambar 4.7.
Gambar 4.7 Desain Layout Halaman
Daftar
2. Desain Layout Halaman Login
Desain layout halaman login yang
dibuat dalam apikasi e-commerce
penyedia ikan asap jaya mandiri
balamoa berbasis android terdapat logo
beserta form login dan button untuk
masuk aplikasi yang ditunjukan proses
menunggu untuk masuk ke halaman
beranda. Desain layout halaman login
dapat dilihat pada gambar 4.8.
Gambar 4.8 Desain Layout Halaman
Login
3. Desain Layout Halaman Beranda
Desain layout halaman beranda
yang dibuat dalam aplikasi e-commerce
penyedia ikan asap jaya mandiri
balamoa berbasis android terdapat
berbagai jenis kategori produk ikan
asap yang ditunjukan proses menunggu
untuk masuk ke halaman produk yang
telah dipilih. Desain layout halaman
beranda dapat dilihat pada gambar 4.9.
Gambar 4.9 Desain Layout Halaman
Beranda
4. Desain Layout Halaman Daftar
Produk
Desain layout halaman daftar
produk yang dibuat dalam apikasi
aplikasi e-commerce penyedia ikan
asap jaya mandiri balamoa berbasis
android terdapat produk yang telah
tersedia yang telah dipilih sesuai
kategori dan ditunjukan untuk
melanjutkan masuk ke halaman detail
produk. Desain layout halaman daftar
produk dapat dilihat pada gambar 4.10.
Gambar 4.10 Desain Layout Halaman
Daftar Produk
5. Desain Layout Halaman Detail
Produk
Desain layout halaman detail
produk yang dibuat dalam apikasi e-
7
commerce penyedia ikan asap jaya
mandiri balamoa berbasis android
terdapat tampilan produk secara detail
yang telah dipilih. Desain layout
halaman detail produk dapat dilihat
pada gambar 4.11.
Gambar 4.11 Desain Layout Halaman
Detail Produk
6. Desain Layout Halaman Keranjang
Desain layout halaman keranjang
yang dibuat dalam aplikasi e-
commerce penyedia ikan asap jaya
mandiri balamoa berbasis android
terdapat tampilan produk yang telah
dipilih untuk dibeli. Desain layout
halaman keranjang dapat dilihat pada
gambar 4.12.
Gambar 4.12 Desain Layout Halaman
Keranjang
7. Desain Layout Halaman Update
Produk
Desain layout halaman update produk
yang dibuat dalam aplikasi e-
commerce penyedia ikan asap jaya
mandiri balamoa berbasis android
terdapat tampilan produk yang telah
dipilih untuk mengubah baik untuk
mengubah jumlah produk maupun
mengubah untuk menghapus produk.
Desain layout halaman update produk
dapat dilihat pada gambar 4.13
Gambar 4.13 Desain Layout Halaman
Update Produk
8. Desain Layout Halaman Form
Pemesanan
Desain layout halaman formulir
pemesanan yang dibuat dalam aplikasi
e-commerce penyedia ikan asap jaya
mandiri balamoa berbasis android
terdapat form pemesanan yang harus
diisi. Desain layout halaman formulir
pemesanan dapat dilihat pada gambar
4.14
8

Gambar 4.14 Desain Layout Halaman
Form Pemesanan
9. Desain Tampilan Hasil Pemesanan
Produk
Desain tampilan hasil pesanan
produk yang dibuat dalam aplikasi e-
commerce penyedia ikan asap jaya
mandiri balamoa berbasis android bisa
dicetak dalam bentuk pdf apabila user
telah mengisi form pemesanan. Desain
tampilan hasil pemesanan produk dapat
dilihat pada gambar 4.15.
Gambar 4.15 Desain Tampilan Hasil
Pemesanan Produk
10. Desain Layout Halaman Upload
Bukti Transfer
Desain layout halaman upload
bukti transfer yang dibuat dalam
aplikasi e-commerce penyedia ikan
asap jaya mandiri balamoa berbasis
android terdapat fitur untuk
mengupload bukti transfer setelah user
melakukan checkout. Desain layout
halaman upload bukti transfer dapat
dilihat pada gambar 4.16.
Gambar 4.16 Desain Layout Halaman
Upload Bukti Transfer
11. Desain Layout Halaman Lupa
Password
Desain layout halaman lupa
password yang dibuat dalam aplikasi
e-commerce penyedia ikan asap jaya
mandiri balamoa berbasis android
terdapat menu untuk mengirimkan
email yang telah terdaftar. Desain
layout halaman lupa password dapat
dilihat pada gambar 4.17.
Gambar 4.17 Desain Layout Halaman
Lupa Password
12. Desain Layout Halaman Login Web
Desain layout halaman login web
sebagai back-end dari apikasi e-
commerce penyedia ikan asap jaya
mandiri balamoa berbasis android
terdapat form login dan button untuk
masuk aplikasi yang ditunjukan proses
menunggu untuk masuk ke halaman
beranda. Desain layout halaman login
web dapat dilihat pada gambar 4.18
9
Gambar 4.18 Desain Layout Halaman
Login Web
13. Desain Layout Halaman Beranda
Web
Desain layout halaman beranda web
sebagai back-end dari apikasi e-
commerce penyedia ikan asap jaya
mandiri balamoa berbasis android
terdapat berbagai macam menu yang
tersedia seperti home, master, transaksi,
laporan, settings dan keluar. Desain
layout halaman beranda web dapat
dilihat pada gambar 4.19
Gambar 4.19 Desain Layout Halaman
Beranda Web
14. Desain Layout Halaman Produk
Web
Desain layout halaman produk
web sebagai back-end dari apikasi e-
commerce penyedia ikan asap jaya
mandiri balamoa berbasis android
terdapat berbagai macam produk yang
telah diinputkan oleh admin. Desain
layout halaman produk web dapat
dilihat pada gambar 4.20
Gambar 4.20 Desain Layout Halaman
Produk Web
15. Desain Layout Halaman
Tambah Produk Web
Desain layout halaman tambah
produk web sebagai back-end dari
apikasi e-commerce penyedia ikan asap
jaya mandiri balamoa berbasis android
terdapat form yang harus diisi serta
button simpan untuk menyimpan dan
button kembali untuk kembali ke
halaman produk. Desain layout
halaman tambah produk web dapat
dilihat pada gambar 4.21
Gambar 4.21 Desain Layout Halaman
Tambah Produk Web
16. Desain Layout Halaman Update
Produk Web
Desain layout halaman edit
produk web sebagai back-end dari
apikasi e-commerce penyedia ikan asap
jaya mandiri balamoa berbasis android
terdapat form yang akan diedit serta
button simpan untuk menyimpan dan
button kembali untuk kembali ke
halaman produk. Desain layout
halaman update produk web dapat
dilihat pada gambar 4.22.
Gambar 4.22 Desain Layout Halaman
Update Produk Web
10

17. Desain Layout Halaman Data
Provinsi Web
Desain layout halaman data
provinsi web sebagai back-end dari
apikasi e-commerce penyedia ikan asap
jaya mandiri balamoa berbasis android
terdapat daftar provinsi yang telah
diinputkan oleh admin. Desain layout
halaman data provinsi web dapat
dilihat pada gambar 4.23
Gambar 4.23 Desain Layout Halaman
Data Provinsi Web
18.Desain Layout Halaman Tambah
Data Provinsi Web
Desain layout halaman tambah
data provinsi web sebagai back-end
dari apikasi e-commerce penyedia ikan
asap jaya mandiri balamoa berbasis
android terdapat satu form yang harus
diisi serta button simpan untuk
menambahkan provinsi dan button
kembali untuk kembali ke halaman
provinsi. Desain layout halaman
tambah data provinsi web dapat dilihat
pada gambar 4.24
Gambar 4.24 Desain Layout Halaman
Tambah Data Provinsi Web
19. Desain Layout Halaman Update
Data Provinsi Web
Desain layout halaman update
provinsi web sebagai back-end dari
apikasi e-commerce penyedia ikan asap
jaya mandiri balamoa berbasis android
terdapat terdapat satu form yang akan
diedit serta button simpan untuk
menyimpan dan button kembali untuk
kembali ke halaman provinsi. Desain
layout halaman update data provinsi
web dapat dilihat pada gambar 4.25
Gambar 4.25 Desain Layout Halaman
Update Data Provinsi
20. Desain Layout Halaman Data
Kabupaten/Kota Web
Desain layout halaman data
kabupaten/kota web sebagai back-end
dari apikasi e-commerce penyedia ikan
asap jaya mandiri balamoa berbasis
android terdapat daftar kabupaten/kota
yang telah diinputkan admin. Desain
layout halaman data kabupaten/kota
web dapat dilihat pada gambar 4.26.
11

Gambar 4.26 Desain Layout Halaman
Data Kabupaten/Kota Web
21. Desain Layout Halaman
Tambah Data Kabupaten/Kota Web
Desain layout halaman tambah
data kebupaten/kota web sebagai back-
end dari apikasi e-commerce penyedia
ikan asap jaya mandiri balamoa
berbasis android terdapat form yang
harus diisi serta button untuk simpan
untuk menyimpan dan button kembali
untuk kembali ke halaman daftar
kabupaten. Desain layout halaman
tambah data kabupaten/kota web dapat
dilihat pada gambar 4.27.
Gambar 4.27 Desain Layout Halaman
Tambah Data Kabupaten/Kota Web
22. Desain Layout Halaman
Update Data Kabupaten/Kota Web
Desain layout halaman update
kabupaten/kota web sebagai back-end
dari apikasi e-commerce penyedia ikan
asap jaya mandiri balamoa berbasis
android terdapat form yang akan diedit
serta button simpan untuk menyimpan
dan button kembali untuk kembali
kehalaman daftar kabupaten/kota.
Desain layout halaman update data
kabupaten/kota web dapat dilihat pada
gambar 4.28.
Gambar 4.28 Desain Layout Halaman
Update Data Kabupaten/Kota Web
23. Desain Layout Halaman Data
Pemesanan Ikan Asap Web
Desain layout halaman data pemesanan
ikan asap web sebagai back-end dari
apikasi e-commerce penyedia ikan asap
jaya mandiri balamoa berbasis android
terdapat data pesanan masuk yang telah
dibuat oleh user. Desain layout
halaman data pemesanan ikan asap web
dapat dilihat pada gambar 4.29.
Gambar 4.29 Desain Layout
Halaman Data Pemesanan Ikan Asap
Web.
24. Desain Layout Halaman Detail
Pemesanan Ikan Asap Web
Desain layout halaman detail
pemesanan ikan asap web sebagai
back-end dari apikasi e-commerce
penyedia ikan asap jaya mandiri
balamoa berbasis android terdapat
pesanan secara detail yang telah dibuat
oleh user. Desain layout halaman detail
pemesanan ikan asap web dapat dilihat
pada gambar 4.30.
12
 Gambar 4.30 Desain Layout Halaman
Detail Pemesanan Ikan Web
25. Desain Layout Halaman
Pendapatan Penjualan Web
Desain layout halaman pendapatan
penjualan web sebagai back-end dari
apikasi e-commerce penyedia ikan asap
jaya mandiri balamoa berbasis android
terdapat tanggal awal dan tanggal
akhir pendapatan dan tabel yang akan
menunjukan hasil pendapatan . Desain
layout halaman pendapatan penjualan
web dapat dilihat pada gambar 4.31.
Gambar 4.31 Desain Layout Halaman
Pendpatan Penjualan Web
26. Desain Layout Halaman Ganti
Password Web
Desain layout halaman ganti password
web sebagai back-end dari apikasi e-
commerce penyedia ikan asap jaya
mandiri balamoa berbasis android
terdapat form yang harus diisi serta
button simpan untuk menyimpan dan
button kembali untuk kembali
kehalaman beranda. Desain layout
halaman ganti password web dapat
dilihat pada gambar 4.32.
Gambar 4.32 Desain Layout
Halaman Ganti Password Web
27. Desain Layout Halaman Data
Bukti Pembayaran Web
Desain layout halaman data bukti
pembayaran web sebagai back-end
dari apikasi e-commerce penyedia ikan
asap jaya mandiri balamoa berbasis
android terdapat daftar foto bukti
pembayaran yang telah diunggah oleh
user. Desain layout halaman data bukti
pembayaran web dapat dilihat pada
gambar 4.33.
28. Desain Layout Halaman Data
Member Web
Desain layout halaman data member
web sebagai back-end dari apikasi e-
commerce penyedia ikan asap jaya
mandiri balamoa berbasis android
terdapat daftar member yang telah
mendaftar pada aplikasi e-ecommerce
penyedia ikan asap jaya mandiri
balamoa berbasis android. Desain
layout halaman data member web dapat
dilihat pada gambar 4.34.
13
 halaman daftar dapat dilihat pada
Gambar 4.34 Desain Layout Halaman gambar 5.2.
Data Member Web

5. HASIL DAN PEMBAHASAN

A. Hasil Penelitian
1 Tampilan Splash Screen
Dari hasil analisa dan perancangan
sistem yang telah dilakukan diperoleh
hasil aplikasi E-Commerce Penyedia
Ikan Asap Jaya Mandiri Balamoa
Berbasis Android. Halaman utama dari
aplikasi ini adalah splash screen.
Splash screen merupakan tampilan
awal ketika aplikasi dimulai dan
merupakan perkenalan aplikasi saat
pertama kali diinstall. Tampilan
halaman splash screen dapat dilihat
pada gambar 5.1 dibawah ini.

Gambar 5.2 Tampilan

Halaman Daftar

3. Tampilan Halaman Login

Gambar Tampilan Splash Screen
Halaman login merupakan
halaman yang berisi form login
untuk user Terdapat beberapa
kolom di form user diantaranya
kolom email yang berguna untuk
mengisi email. Kolom password
berguna untuk mengisi password
serta button untuk
mengkonfirmasi login ke aplikasi
serta menu petunjuk daftar apabila
belum mempunyai akun. Tampilan
halaman login dapat dilihat pada
gambar 5.3.

2 Tampilan Halaman Daftar

Halaman daftar merupakan
halaman yang berisi form
pendaftaran untuk user. Terdapat
beberapa kolom di form
pendaftaran user diantaranya
kolom email yang berguna untuk
mengisi email. Kolom password
berguna untuk mengisi password.
Kolom nama lengkap berguna
untuk mengisi nama lengkap user.
Kolom nomor hp berguna untuk
mengisi no hp. Button untuk
mengkonfirmasi pendaftaran
aplikasi. Menu lupa password
apabila user lupa password. Dan Gambar 5.3 Tampilan Halaman
menu petunjuk login apabila user Login.
sudah mempunyai akun. Tampilan

14
4.Tampilan Halaman Beranda
Halaman beranda user
merupakan halaman yang berisi
menu berbagai kategori ikan asap
diantaranya kategori kepala kecil
kepala sedang, kepala besar,
daging kecil, daging sedang,
daging besar. Halaman ini
digunakan sebagai halaman home
untuk aplikasi front-end e-
commerce ikan asap jaya mandiri
balamoa. Tampilan halaman
beranda dapat dilihat pada gambar
5.4.
Gambar 5.4 Tampilan Halaman
Beranda
5. Tampilan Halaman Produk
Tampilan halaman produk
merupakan menu yang terdapat
setelah pengguna memilih salah
satu kategori yang terdapat
diberanda, pada tampilan terdapat
menu keranjang untuk melihat
daftar keranjang, menu chat
whatsapp yang berguna untuk chat
ke penjual. Dan menampilkan
daftar produk ikan asap sesuai
kategori. Tampilan halaman
produk dapat dilihat pada
gambar 5.5.
Gambar 5.5 Halaman Produk
6. Tampilan detail produk
merupakan menu untuk
pembelian, pada tampilan ini
menampilkan produk, deskripsi
produk, jenis ikan asap, harga ikan
asap, button tambah untuk
menambah jumlah produk,button
minus untuk mengurangi jumlah
produk, serta button masukan
keranjang untuk memasukan
produk kedalam keranjang yang
akan dibeli Tampilan detail produk
dapat dilihat pada gambar 5.6
Gambar 5.6 Tampilan Halaman
Detail Produk
7. Tampilan Keranjang
Tampilan menu keranjang
merupakan menu yang tampil
setelah user memasukan produk ke
keranjang pada tampilan ini user
dapat melihat produk jumlah
produk, subtotal harga, berat
kirim, buton lanjutkan belanja
berguna untuk melanjutkan belanja
produk lain, button beli berguna
untuk melakukan check out ke
form pemesanan. Tampilan
Keranjang dapat dilihat pada
gambar 5.7.
15
 daftar kabupaten , di tampilan ini
terdapat button simpan berguna
melakukan simpan pesanan
produk yang hasilnya berupa cetak
bukti pemesanan berformat pdf.
Tampilan checkout produk dapat
dilihat pada gambar 5.9.

Gambar 5.7 Tampilan Halaman

Keranjang

8. Tampilan Update Produk

Tampilan update produk
merupakan menu yang tampil
setelah user melakukan update
pesanan pada tampilan ini
berisikan produk, jumlah produk
,harga yang akan diperbarui , di
tampilan ini terdapat button hapus
berguna melakukan hapus produk
dan buttton update berguna
merubah jumlah produk yang
diinginkan Tampilan update Gambar 5.9 Tampilan Halaman
produk dapat dilihat pada gambar Check Out Produk
5.8.
10. Tampilan Hasil Pemesanan
Produk
Tampilan hasil pemesanan produk
merupakan tampilan setelah user
melakukan check out pemesanan.
Pada tampilan ini berisikan nomor
order nama, alamat, pesanan,
jumlah, harga, total, serta
informasi no rekening penjual
yang harus ditransfer oleh
pemesan ikan asap jaya mandiri
balamoa. Tampilan hasil
pemesanan produk dapat dilihat
pada gambar 5.10.
Gambar 5.8 Tampilan Halaman
Update Produk

9. Tampilan Check Out Produk

Tampilan check out produk
merupakan menu yang tampil
setelah user melakukan checkout
pembelian. Pada tampilan ini
berisikan form pemesanan ikan
asap jaya mandiri balamoa yang
terdiri kolom nama, kolom alamat,
kolom no hp, daftar provinsi,

16
 Gambar 5.10 Tampilan Halaman mengkonfirmasi lupa password.
Hasil Pesanan Produk Tampilan halaman lupa password
dapat dilihat pada gambar 5.12.
11.
Tampilan Halaman Upload Bukti
Transfer
Tampilan halaman upload bukti
transfer merupakan tampilan
setelah user melakukan check out
pemesanan produk dan mencetak
hasil pemesanan produk yang
berformat pdf. Ditampilan ini
terdapat icon pilih file berguna
untuk mengambil gambar bukti
pembayaran, kolom email untuk
validasi email serta button upload
berguna untuk mengunggah bukti
pembayaran ke server. Tampilan
halaman upload bukti transfer
dapat dilihat pada gambar 5.11.

Gambar 5.12 Tampilan Halaman

Lupa Password

13. Tampilan Halaman Login Web

Halaman Login Web merupakan
halaman yang berisi form login
untuk admin terdapat 2 kolom
dalam form login yakni kolom
user berguna mengisi identitas
admin. Kolom passsword berguna
mengisi password . Serta button
untuk mengkonfirmasi login ke
aplikasi web. Tampilan halaman
login web dapat dilihat pada
gambar 5.13.

Gambar 5.11 Tampilan

Halaman Upload Bukti Tranfser

12. Tampilan Lupa Password

Tampilan halaman lupa password
merupakan tampilan apabila user
lupa password. Tampilan halaman
lupa password dapat dilihat ketika
user memilih menu lupa password
pada halaman daftar. Pada Gambar 5.13 Tampilan Halaman
tampilan ini terdapat kolom email Login Web
berguna untuk validasi email user
yang lupa password. Dan button
kirim berguna untuk 14. Tampilan Halaman Beranda Web

17
 Halaman beranda admin admin. Pada tampilan ini
merupakan halaman yang berisi menampilkan daftar produk ikan asap
menu utama Halaman ini sesuai kategori serta beberapa button
digunakan sebagai halaman home diantaranya button tambah berguna
untuk aplikasi back-end e- untuk menambah produk ikan asap.
commerce ikan asap jaya mandiri Button edit berguna mengedit produk
balamoa. Terdapat beberapa menu yang telah tersedia. Button hapus
yang tersedia diantaranya menu berguna untuk menghapus produk
home berguna untuk pindah ikan asap. Tampilan halaman
kehalaman utama. Menu master produk web dapat dilihat pada
berguna untuk memilih submenu gambar 5.15
ikan asap yang menampilkan data
ikan asap, sub menu provinsi yang
menampilkan data provinsi,
submenu kabupaten/kota yang
menampilkan data kabupaten/kota,
submenu member yang
menampilkan data member. Menu
transaksi berguna untuk memilih
submenu pemesanan ikan asap
yang menampilkan data
pemesanan ikan asap, submenu
bukti pembayaran yang
menampilkan data bukti
pembayaran. Menu laporan Gambar 5.15 Tampilan Halaman
berguna untuk menampilkan data Produk Web
hasil penjualan ikan asap. Menu
setting guna menampilkan
halaman ganti password. dan 16. Tampilan Halaman Tambah
menu keluar untuk keluar. Produk Web
Tampilan halaman beranda web Tampilan halaman tambah produk
dapat dilihat pada gambar 5.14. web merupakan menu yang tampil
setelah user melakukan tambah
produk. Pada tampilan ini
berisikan form tambah produk
ikan asap. Terdapat beberapa
kolom pada form tambah produk
ikan asap diantaranya kolom nama
ikan berguna untuk mengisi nama
ikan asap. Kolom deskripsi
berguna untuk mendeskripsikan
produk ikan asap. Kolom harga
ikan berguna untuk mengisi harga
ikan asap. Kolom jenis ikan
berguna untuk menentukan jenis
ikan asap. Kolom berat ikan
berguna untuk mengisi berat ikan
Gambar 5.14 Tampilan Halaman asap yang tersedia. Kolom
Beranda Web kategori produk berguna
menentukan kategori ikan asap.
15. Tampilan Halaman Produk Web Kolom gambar berguna untuk
Tampilan halaman produk web mengunggah gambar ikan asap.
merupakan menu yang terdapat Ditampilan ini terdapat button
setelah pengguna memilih salah satu simpan berguna untuk
menu dropdown master terdapat di menambahkan produk ikan asap,
serta tombol kembali berguna
berpindah ke halaman produk
18
Tampilan Tambah produk dapat
dilihat pada gambar 5.16.
Gambar 5.16 Tampilan Halaman
Tambah Produk Web
17. Tampilan update produk
merupakan menu yang tampil
setelah user melakukan update
produk. Pada tampilan ini
berisikan form edit produk ikan
asap yang akan diperbarui.
Terdapat beberapa kolom pada
form edit produk ikan asap
diantaranya kolom nama ikan
berguna untuk mengisi nama ikan
asap. Kolom deskripsi berguna
untuk mendeskripsikan produk
ikan asap. Kolom harga ikan
berguna untuk mengisi harga ikan
asap. Kolom jenis ikan berguna
untuk menentukan jenis ikan asap.
Kolom berat ikan berguna untuk
mengisi berat ikan asap yang
tersedia. Kolom kategori produk
berguna menentukan kategori ikan
asap. Kolom gambar berguna
untuk mengunggah gambar ikan
asap. Ditampilan ini terdapat
button simpan berguna melakukan
edit produk dan buttton kembali
berguna merubah jumlah produk
yang diinginkan Tampilan
halaman update produk dapat
dilihat pada gambar 5.17.
Gambar 5.17 Tampilan Halaman
Update Produk Web
18. Tampilan Halaman Data
Provinsi Web
Tampilan halaman data provinsi
merupakan menu yang terdapat
setelah pengguna memilih salah
satu menu dropdown master
terdapat di admin, pada tampilan
ini menampilkan daftar provinsi
yang di inputkan serta beberapa
button diantaranya button tambah
berguna untuk menambah
provinsi. Button edit berguna
mengedit provinsi yang telah
tersedia. Button hapus berguna
untuk menghapus provinsi.
Tampilan halaman data provinsi
web dapat dilihat pada gambar
5.18
Gambar 5.18 Tampilan Halaman
Data Provinsi Web
19. Tampilan Halaman Tambah
Data Provinsi Web
Tampilan halaman tambah data
provinsi merupakan tampilan
menu yang tampil setelah admin
melakukan tambah data provinsi
pada halaman data provinsi. Pada
tampilan ini berisikan form nama
provinsi yang akan ditambahkan.
Ditampilan ini terdapat button
simpan berguna melakukan
tambah provinsi dan buttton
kembali guna berpindah ke
halaman sebelumnya Tampilan
halaman tambah data provinsi
dapat dilihat pada 5.19.
19

Gambar 5.19 Tampilan Halaman
Tambah Data Provinsi
20. Tampilan Update Data
Provinsi merupakan tampilan
menu yang tampil setelah admin
melakukan update data provinsi
pada halaman data provinsi. Pada
tampilan ini berisikan form nama
provinsi yang akan diperbarui.
Ditampilan ini terdapat button
simpan berguna melakukan update
data provinsi dan buttton kembali
berguna berpindah ke halaman
sebelumnya Tampilan halaman
tambah data provinsi dapat dilihat
pada 5.20.
Gambar 5.20 Tampilan Halaman
Update Data Provinsi Web
21. Tampilan halaman data
kabupaten/kota merupakan
tampilan menu yang terdapat
setelah pengguna memilih salah
satu menu dropdown master
terdapat di admin, pada tampilan
ini menampilkan daftar
kabupaten/kota yang telah
diinputkan serta beberapa button
diantaranya button tambah
berguna untuk menambah
kabupaten/kota beserta ongkir.
Button edit berguna mengedit
kabupaten/kota beserta ongkir
yang telah tersedia. Button hapus
berguna untuk menghapus
kabupaten/kota beserta ongkir.
Tampilan halaman kabupaten/kota
dapat dilihat pada gambar 5.21.
Gambar 5.21 Tampilan Halaman
Data Kabupaten/Kota Web
22. Tampilan halaman tambah
data kabupaten/kota web
merupakan tampilan menu yang
tampil setelah admin melakukan
tambah data kabupaten/kota pada
halaman data kabupaten/kota.
Pada tampilan ini berisikan form
tambah kabupaten/kota. Terdapat
beberapa kolom pada form tambah
kabupaten/kota diantaranya kolom
nama provinsi berguna untuk
menambahkan nama provinsi.
Kolom nama kabupaten berguna
untuk menambahkan nama
kabupaten. Serta kolom ongkos
kirim berguna menambahkan
ongkos kirim. Ditampilan ini
terdapat button simpan berguna
melakukan tambah data
kabupaten/kota beserta provinsi
dan ongkos kirim dan button
kembali berguna berpindah ke
halaman sebelumnya Tampilan
halaman tambah data kabupaten
dapat dilihat pada gambar 5.22.
20

Gambar 5.22 Tampilan Halaman
Tambah Data Kabupaten/Kota
Web
23. Tampilan Halaman update data
kabupaten/kota web merupakan
tampilan menu yang tampil setelah
admin melakukan update data
kabupaten pada halaman data
kabupaten/kota. Pada tampilan ini
berisikan form yang akan
diperbarui. Terdapat beberapa
kolom pada form update
kabupaten/kota diantaranya kolom
nama provinsi berguna untuk
mengedit nama provinsi. Kolom
nama kabupaten berguna untuk
mengedit nama kabupaten. Serta
kolom ongkos kirim berguna
mengedit ongkos kirim. di
tampilan ini terdapat button
simpan berguna melakukan update
data kabupaten/kota dan buttton
kembali berguna berpindah ke
halaman sebelumnya Tampilan
halaman update data
kabupaten/kota web dapat dilihat
pada 5.23.
Gambar 5.23 Tampilan Halaman
Update Data Kabupaten/Kota Web
24. Tampilan halaman data
pemesanan ikan asap merupakan
tampilan menu yang tampil
apabila ada pemesanan yang
masuk yang telah dibuat oleh user.
Dan beberapa button diantaranya
button edit berguna untuk
memperbarui status pemesanan.
Button detail berguna untuk
melihat detail pemesanan ikan
asap. Button hapus berguna untuk
menghapus pemesanan ikan asap.
Tampilan halaman data pemesanan
ikan asap web dapat dilihat pada
5.24
Gambar 5.24 Tampilan Halaman
Data Pemesanan Ikan Asap Web
25. Tampilan halaman detail
pemesanan ikan asap merupakan
tampilan yang menampilkan
pemesanan produk ikan asap
secara detail yang telah dibuat
oleh user. Pada form detail
pemesanan ikan asap ini berisikan
kolom id order, kolom nama
pemesan, kolom alamat, kolom no
hp, kolom kota/kabupaten serta
tabel produk beserta jumlah total
harga pesanan. Tampilan detail
pemesanan ikan asap web dapat
dilihat pada 5.25
Gambar 5.25 Tampilan Halaman
Detail Pemesanan Ikan Asap Web
26. Tampilan halaman pendapatan
penjualan web merupakan
tampilan yang menampilkan hasil
penjualan produk ikan asap yang
21
diterima. Pada tampilan Terdapat
beberapa kolom pada form
pendapatan penjualan diantaranya
kolom tanggal awal berguna untuk
menentukan tanggal awal
pendapatan. Kolom tanggal akhir
berguna untuk menentukan tanggal
akhir pendapatan serta button
tampil yang akan menampilkan
hasil diabel keterangan. Button
kembali berguna untuk kembali
kehalaman sebelumnya. Tampilan
halaman pendapatan penjualan
web dapat dilihat pada 5.26
Gambar 5.26 Tampilan Halaman
Pendapatan Penjualan Web
27. Tampilan halaman ganti
password merupakan tampilan
yang tampil apabila admin
memilih menu settings guna untuk
mengganti password baru.
Terdapat beberapa kolom pada
form ganti password diantaranya
kolom password lama guna
mengisi password lama. Kolom
password baru berguna untuk
mengisi password baru. Kolom
konfirmasi password baru berguna
untuk mengonfirmasi password
baru. Button simpan berguna
untuk menyimpan password baru.
Button kembali berguna kembali
kehalaman sebelumnya. Tampilan
halaman ganti password web dapat
dilihat pada 5.27.
Gambar 5.27 Tampilan Halaman
Ganti Password Web
28. Tampilan halaman data bukti
pembayaran merupakan tampilan
yang menampilkan foto bukti
pembayaran yang diterima yang
telah diunggah oleh user. Serta
button hapus berguna untuk
menghapus foto bukti pembayaran
Tampilan halaman data bukti
pembayaran web dapat dilihat
pada
Gambar 5.28 Tampilan Halaman
Data Bukti Pembayaran
29. Tampilan halaman data
member merupakan tampilan yang
menampilkan data member yang
telah mendaftar pada aplikasi e-
commerce penyedia ikan asap jaya
mandiri balamoa berbasis android.
Pada halaman data member web
terdapat tabel member yang terdiri
dari kolom nomor, kolom nama
user, kolom email user, kolom no
hp user serta button edit berguna
untuk mengedit data member. Dan
button hapus berguna menghapus
member Tampilan halaman data
member web dapat dilihat pada
5.29
22
 6. KESIMPULAN
Berdasarkan penelitian yang telah
Gambar 5.29 Tampilan Halaman Data dilakukan, maka dapat diambil
Member Web kesimpulan sebagai berikut:
1. Dengan adanya aplikasi yang
B. Pembahasan telah dibuat, Pengolahan Ikan
Asap Jaya Mandiri Balamoa
Berdasarkan hasil penelitian e-
dapat dengan mudah menjual
commerce penyedia ikan asap jaya
berbagai macam Ikan Asap
mandiri balamoa berbasis android
secara online berbasis android.
dapat mengakses 11 menu utama yaitu
2. Dengan adanya aplikasi yang
menu splash screen, menu beranda,
telah dibuat, memudahkan
menu login , menu beranda, menu
Pengolahan Ikan Asap Jaya
produk, menu detail produk, menu
Mandiri memperluas serta
keranjang, menu update produk, menu
meningkatkan keuntungan
check out, menu upload bukti transfer
karena dengan online lingkup
dan menu lupa password. Menu splash
perdagangan semakin luas.
screen berguna ketika user pertama kali
3. Dengan Adanya aplikasi ini
membuka aplikasi. Menu daftar guna
Pengolahan Ikan Asap Jaya
mendaftar aplikasi. Menu login guna
Mandiri dengan mudah dalam
untuk masuk aplikasi. Menu beranda
mengubah pencatatan
guna untuk memilih kategori. Menu
manual(buku) ke otomatis
produk guna untuk memilih produk.
dengan adanya aplikasi
Menu keranjang guna untuk melihat
4. Pembeli dengan mudah
daftar produk yang dimasukan
mendapatkan informasi harga
kekeranjang. Menu update produk
ikan asap yang tersedia secara
guna untuk mengubah atau menghapus
online.
produk. Menu check out guna untuk
5. Memudahkan pembeli dalam
mengisi formulir pemesanan. Menu
transaksi secara online dengan
upload bukti transfer guna untuk
mudah serta bisa melakukan
mengunggah bukti pembayaran. Menu
pembayaran yang telah
lupa password apabila user lupa
disediakan.
password aplikasi.
6. Berdasarkan hasil pengujian
Berdasarkan hasil pengujian black box
menggunakan black box
testing dan usability testing dapat
testing, maka
disimpulkan bahwa aplikasi e-
disimpulkan bahwa aplikasi e-
commerce penyedia ikan asap jaya
commerce penyedia ikan asap
mandiri balamoa berbasis android
jaya mandiri balamoa berbasis
dengan studi kasus pengolahan ikan
android dengan studi kasus
asap jaya mandiri balamoa yang
pengolahan ikan asap jaya
dirancang didapatkan hasil yang sesuai,
mandiri balamoa yang
baik secara proses maupun fungsional.
dirancang didapatkan hasil
Sedangkan pada pengujian usability
yang sesuai, baik secara proses
testing menghasilkan indeks 72%
maupun fungsional. Sedangkan
dengan penilaian aspek 1, indeks 88%
berdasarkan usability testing
dengan penilaian aspek 2, indeks 72%
melalui hasil kuesioner yang
dengan penilaian aspek 3, indeks 84%
dibagikan kepada responden,
dengan penilaian aspek 4 dan indeks
maka dapat disimpulkan bahwa
84% dengan penilaian aspek 5. Dari
dalam pengujian aplikasi
hasil tersebut menunjukan bahwa 80%
mendapatkan nilai rata-rata
responden sangat setuju dan aplikasi
sebesar 80% dimana hasil
“E-Commerce Penyedia Ikan Asap Jaya
tersebut termasuk kategori
Mandiri Balamoa Berbasis Android
“sangat setuju” dan aplikasi e-
(Studi Kasus : Pengolahan Ikan Asap
commerce penyedia ikan asap
Jaya Mandiri Balamoa) ” layak
jaya mandiri balamoa berbasis
digunakan.
android dengan studi kasus
pengolahan ikan asap jaya

23
 mandiri balamoa layak Language (UML) dalam
digunakan. Perancangan Sistem Informasi
Permohonan Pembayaran Restitusi
7. DAFTAR PUSTAKA SPPD. Jurnal TEKNOIF.
[1] Hidayat, Khuluqil Rahmat., & dkk. [11] Safitri , Nadya., & Pramudita,
2019. Perancangan Aplikasi Rully. 2018. Pengujian Black Box
Penjualan Ternak Berbasis Menggunakan Metode Cause Effect
Android(Studi Kasus Pada Relationship Testing. Vol. 3, No. 1.
Kelompok Ternak Wonosari Pacet [12] Himawan , Dany. 2014.Aplikasi
Mojokerto). Jurnal Teknologi Data Mining Menggunakan
Informasi. Algoritma ID3 Untuk
[2] Waluyo, Retno., & dkk. 2018. Mengklasifikasi Kelulusan
Perancang Aplikasi M-Commerce Mahasiswa Pada Universitas Dian
Berbasis Android Sebagai Media Nuswantoro Semarang. Jurnal
Informasi dan Penjualan Kambing. Teknik Informatika.
Jurnal CoreIT, Vol.4, No.1.
[3] Hidayatul Fadilah, Andi., & dkk.
2019. Sistem Informasi E-
Commerce Pada Toko Online
Importir Tas Batam Untuk
Memperluas Pemasaran Produk.
Journal of Computer and
Information Technology. Vol. 4 |
No. 2.
[4] Jiang, Zhou. 2019. Exploring E-
commerce Marketing and
Application in the Background of
Mobile Internet. DOI:
10.25236/iwedss.2019.224.
[5] Guo, Yan.,& dkk. 2018. Mobile E-
Commerce Recommendation
System Based On Multi-Source
Information Fusion For Sustainable
E-Business.
Doi:10.3390/su10010147.
[6] Chandra Gunawan, Fery., &
Hasiyatul Rahmah,. 2017. Sistem
Informasi E-Commerce Ikan,
Udang, Dan Kepiting Pada Ud. Alex
Kandar Sampit. Journal Komputer.
[7] Listiani, Septi., & Shinta Sari,
Wellia. 2017. Perancangan Aplikasi
Mobile E-Commerce Berbasis
Android Pada Violet Fashion
Jepara. Jurnal Sistem Informasi.
[8] Sulthoni, A. 2015. Sistem Informasi
E-Commerce Pemasaran Hasil
Pertanian Desa Kluwan Berbasis
Web. Jurnal Edukasi Elektro.
[9] Dikanata, Destina., & Wati, Rina.
2018. Aplikasi Penjualan Shoes
Pada Toko Destina Berbasis
Android (Studi Kasus : Toko
Destina )”. Journal Sistem
Informasi.
[10] Trise Putra, Dede W., & Rahmi,
Andriani. 2019. Unified Modelling

24