Post on 11-Nov-2021
APLIKASI PENJUALAN BUSANA MUSLIM PADA TOKO HARIERA BERBASIS
WEB
Yogi Sulakso
1, Haji Sirajuddin
2, M. Iqbal Firdaus
3
1Teknik Informatika, 55201, Fakultas Teknologi Informasi, Universitas Islam Kalimantan Muhammad Arsyad
Al Banjari, NPM 14 43 0468 2Teknik Informatika, 55201, Fakultas Teknologi Informasi, Universitas Islam Kalimantan Muhammad Arsyad
Al Banjari, NIDN 11 140476 01 3Teknik Informatika, 55201, Fakultas Teknologi Informasi, Universitas Islam Kalimantan Muhammad Arsyad
Al Banjari, NIDN 11 211187 01
E-mail : yogisulakso.0468@gmail.com
ABSTRAK
Toko baju hariera merupakan toko baju yang menjual baju busana muslim. Dalam meningkatkan
pemasaran dan penjualan produk kepada konsumen perlu menerapkan strategi bisnis jitu untuk meningkatkan
pangsa pasar baru.
Masalah yang dialami toko baju hariera adalah daya saing yang semakin tinggi dengan adanya media
online. Perancangan sistem infomasi pemasaran menggunakan pemodelan sistem informasi diagram konteks,
Data Flow Diagram, dan rancangan aplikasi berbasis situs web e-commerce dengan merancang sistem informasi
yang cepat dan tepat kepada pelanggan, memberikan kemudahan bagi calon konsumen, dan memberikan
aplikasi berbasis situs web e-commerce yang mudah digunakan oleh pelanggan.
Berdasarkan rancangan sistem informasi pemasaran mampu mengelola seperti membuat, mengontrol
persedian produk, melakukan pencarian data produk menggunakan hasil aplikasi berbasis sistem informasi.
Pemasaran situs web e-commerce mampu memberikan pilihan transaksi jual-beli kepada konsumen sehingga
pengelolaan data yang lebih efektif dan penyajian informasi yang cepat dan fleksibel.
Kata Kunci : Media Online, Penjualan, E-commerce, Toko Baju Hariera
ABSTRACT
Hariera clothes shop is a clothes shop that sells Muslim clothing. In increasing marketing and product
sales to consumers, it is necessary to implement accurate business strategies to increase new market share.
The problem experienced by the Hariera clothes shop is the increasing competitiveness of the online
media. Marketing information system design uses context diagram information system modeling, Data Flow
Diagrams, and e-commerce website-based application designs by designing fast and precise information
systems for customers, providing convenience for potential consumers, and providing e-commerce website-
based applications. which is easy for customers to use.
Based on the design of the marketing information system, it is able to manage such as creating,
controlling product supplies, searching for product data using the results of information system-based
applications. E-commerce website marketing is able to provide options for buying and selling transactions to
consumers so that data management is more effective and the presentation of information is fast and flexible.
Keywords: Online Media, Sales, E-commerce, Hariera Clothing Stores
PENDAHULUAN
Toko Baju Hariera adalah sebuah sebuah badan usaha yang bergerak dalam bidang penjualan baju –
baju busana muslim. Kebutuhan baju busana muslim terus meningkat, karena mayoritas agama di Indonesia
adalah muslim. Selama ini penjualan masih menggunakan media tatap muka yaitu kegiatan transaksi penjualan
dengan pembeli dilakukan dengan datang langung di Toko Baju Hariera. Belum adanya pemanfaatan aplikasi
website untuk penjualan koleksi Toko Baju Hariera. Pemanfaatan teknologi internet terhadap pemasaran di
suatu perusahaan merupakan salah satu solusi dalam meningkatkan penjualan produk. Dengan adanya
internet, seseorang dapat memperoleh informasi dari berbagai tempat yang terhubung dengan Jaringan internet.
Dalam hal ini setiap orang mempunyai kesempatan yang sama dalam berbisnis. Perkembangan bisnis semakin
meningkat dan semakin kompleks sehingga menimbulkan persaingan. Hadirnya website menimbulkan
pemikiran baru bagi pelaku bisnis, yaitu untuk mengatasi rintangan waktu dan ruang yang selama ini menjadi
masalah pada sistem penjualan secara konvensional. Demikian juga bisnis Toko Baju Hariera harus memiliki
manajemen dan strategi pemasaran sebagai usaha bersaing dari banyaknya kompetitor produk baju muslim
lainnya. Toko Baju Hariera terkadang juga menerima pesanan dari luar kota. Seringnya barang retur disebabkan
tidak cocok oleh distributor luar jawa dan distro lainnya karena banyaknya model pakaian yang disediakan,
maka outlet Toko Baju Hariera seringkali kesulitan untuk retur pabrik. Oleh karena itu dibutuhkan media yang
bisa digunakan sebagai sarana bertransaksi bagi distributor dan agen kecil maupun konsumen pada umumnya
sehingga mempermudah berbelanja dan bertransaksi.
Demi memuaskan pembeli Toko Baju Hariera ingin membuat sebuah sistem penjualan yang praktis
dan cepat dari sistem penjualan yang ada. Untuk mengatasi masalah itu membuat sistem penjualan
menggunakan perangkat website. Dengan sistem ini pelanggan Toko Baju Hariera dapat langsung melakukan
transaksi pembelian. Pelanggan dapat mengetahui harga barang tanpa harus datang langsung ke Toko Baju
Hariera. Dengan memanfaatkan media ini diharapkan dapat menguntungkan kedua belah pihak yaitu pelanggan
dan pemilik Toko Baju Hariera.
METODE
Metode pengumpulan data yang digunakan dalam penelitian ini adalah sebagai berikut :
1. Observasi
Memperoleh data langsung dari tempat yang dijadikan objek penelitian dengan menggunakan
informasi yang ada di Toko Hariera tersebut.
2. Wawancara
Yaitu metode pengumpulan data yang dilakukan untuk mendapatkan informasi dengan bertatap muka
secara langsung dengan pihak terkait. Pada pengumpulan data di Toko Hariera sekarang dilakukan
wawancara ke pegawai penjaga toko secara langsung.
3. Studi Kepustakaan
Pada metode ini dilakukan dengan cara mencari dan mengumpulkan data yang diperlukan dari berbagai
buku-buku, catatan-catatan, dan gambar-gambar yang menunjang penyusunan laporan skripsi ini.
HASIL DAN PEMBAHASAN
Hasil dari penelitian ini yaitu Aplikasi Penjualan Busana Muslim Pada Toko Hariera Berbasis Web,
untuk pemesanan baju muslim di Toko Hariera.
1. Use Case diagram
1) Pada use case pelanggan untuk mengakses harus melalui masuk, kemudian bisa akses data
produk, data bukti, dan data pemesanan. Berikut use diagram pada pelanggan.
Gambar 1. 1 Use Case Diagram Pelanggan
2. Class Diagram
Rancangan class diagram pada Aplikasi Penjualan Busana Muslim Pada Toko Hariera Berbasis Web
terdapat 14 class diagram, yaitu produk, produk gambar, produk stok, jenis, login, pihak, pembelian, penjualan,
penjualan online, bantu, retur pembelian, retur penjualan, retur bantu, dan pengeluaran.
login
produk
pihak
pembelian
penjualan
bantu
pengeluaran
jenis
produk gambar
produk stok
penjualan online
retur bantu
retur pembelian
retur penjualan
kode_login (var)PK
username (var)
kode_produk (var)PK
nama (var)
harga_beli (int)
harga_jual (int)
katasandi (var)
nama (var)
email (var)
id_pihak (var)PK
nama (var)
alamat (text)
nomor_telpon (var)
keterangan (text)
kode (var)PK
tanggal (date)
id_pihak (var)FK
kode (var)PK
tanggal (date)
kode_bantu (var)PK
harga (int)
kode_produk (var)FK
jumlah (int)
total (int)
keterangan (enum)
kode (var)FK
kode_pengeluaran (var)PK
nama (var)
tanggal (date)
jenis (var)
keterangan (text)
biaya (int)
kode_jenis (var)PK
kode_jenis (var)FK
kode_gambar (var)PK
gambar (text)
kode_produk (var)FK
kode_stok (var)PK
warna (var)
kode_produk (var)FK
ukuan (var)
stok (int)
kode (var)PK
tanggal (date)
id_pihak (var)FK
lokasi (text)
bukti (text)
total (int)
status (enum)
ongkos (int)
alamat (text)
status (enum)
kode_retur (var)PK
harga (inr)
kode_produk (var)FK
jumlah (int)
total (int)
keterangan (enum)
kode (var)FK
kode (var)PK
tanggal (var)
id_pihak (var)FK
kode (var)PK
tanggal (date)
Gambar 1. 2 Class Diagram
uc Use Case Model Pelanggan
Pelanggan
Masuk Data Bukti
Data Pemesanan
Data Produk
3. Activity Diagram Pelanggan
Pada activity diagram pelanggan di mulai dari pelanggan harus login untuk mengakses menu utama,
jika gagal akan di kembalikan ke login, jika berhasil akan masuk ke menu utama. Jika ingin logout dapat
menjalankan logout, dan akan di kembalikan ke login. Pada menu utama terdapat data produk, data bukti, dan
data pemesanan.
Login
Benar
Menu Utama
(Pelanggan)
Logout
Salah
Benar
Ya
Data Produk
Data Bukti
Data
Pemesanan
Ya
Ya
Ya
Gambar 1. 3 activity diagram pelanggan
HASIL TAMPILAN APLIKASI
Berikut adalah perancangan antarmuka masukan Aplikasi Penjualan Busana Muslim Pada Toko Baju
Hariera :
1. Form Login Pelanggan
Form login pelanggan untuk masuk kedalam menu utama sesuai dengan hak akses dengan cara
memasukkan nama username dan password.
Gambar 1. 4 Tampilan Form Login pelanggan
2. Form Menu Utama pelanggan
Halaman ini difungsikan untuk menampilkan menu utama pelanggan yang sudah login, pada menu utama
ini terdapat pages, dan keranjang.
Gambar 1. 5 Tampilan Menu Utama (Pelanggan Login)
3. Form Menu Halaman Produk (Pelanggan Login)
Halaman ini difungsikan untuk menampilkan produk yang dapat dipilih pelanggan untuk memilih produk
yang di beli.
Gambar 1. 6 Tampilan Halaman Produk (Pelanggan Login)
4. Form Halaman Produk Detail (Pelanggan Login)
Halaman ini difungsikan untuk menampilkan produk yang di pilih, kemudian menampilkan detail produk
tersebut.
Gambar 1. 7 Tampilan Halaman Produk Detail (Pelanggan Login)
5. Form Menu Halaman Keranjang
Halaman ini difungsikan untuk hasil dari pilihan pelanggan sebagai penampung produk.
Gambar 1. 8 Tampilan Menu Halaman Keranjang
6. Form Halaman User Pesanan Pelanggan
Halaman ini difungsikan untuk menampilkan data pesanan pelanggan yang sudah di proses.
Gambar 1. 9 Tampilan Menu Halaman User Pesanan Pelanggan
7. Form Menu Halaman Detail Pesanan Pelanggan
Halaman ini difungsikan untuk menampilkan detail pesanan pelanggan pada suatu transaksi.
Gambar 1. 10 Tampilan Halaman Detail Pesanan Pelanggan
8. Form Menu User Data Pelanggan
Halaman ini difungsikan untuk menampilkan data pelanggan.
Gambar 1. 11 Tampilan Menu User Data Pelanggan
9. Tampilan Laporan Pelanggan Online
Laporan pelanggan online menampilkan hasil dari data pemesan yang di buat pada saat pendaftaran
pelanggan..
Gambar 1. 12 Tampilan Laporan Pelanggan Online
10. Tampilan Laporan Pesanan Oleh Pelanggan Online
Laporan pesanan oleh pelanggan online menampilkan hasil dari data pesanan yang di buat di transaksi
penjualan online.
Gambar 1. 13 Tampilan Laporan Pesanan Oleh Pelanggan Online
11. Tampilan Laporan Bukti Pembayaran Pelanggan Online
Laporan bukti pembayaran pelanggan online menampilkan hasil dari data penjualan online yang di buat
di transaksi bukti penjualan online.
Gambar 1. 14 Tampilan Laporan Bukti Pembayaran Pelanggan Online
PENUTUP
A. Kesimpulan
Berdasarkan dari hasil analisis, perancangan dan pengujian terhadap Aplikasi Penjualan Busana
Muslim Pada Toko Hariera, maka dapat diambil kesimpulan sebagai berikut :
Berdasarkan hasil dari penelitian yang telah dilaksanakan dapat ditarik kesimpulan sebagai
berikut :
1. Aplikasi ini dapat membantu dalam mencatat transaksi penjualan yang masih dilakukan secara manual
dan tidak tertata dengan baik.
2. Pelanggan bisa melakukan transaksi secara online.
3. Data laporan – laporan tidak mungkin tercecer atau terselip karena sudah tersimpan di dalam database.
4. Mudahnya dalam pengelolaan data retur produk atau pengembalian barang ke pemasok
5. Menghindari kesalahan dalam menghitung pengeluaran toko dan laba rugi
B. Saran
Beberapa saran dan pertimbangan untuk pengembangan lebih lanjut atas sistem yang dibangun
adalah sebagai berikut :
1. Dapat dilakukan pengembangan pada aplikasi seperti terhubungnya pemasok agar mempermudah
dalam melakukan transaksi pembelian ke pemasok.
2. Menambahkan data grafik untuk melihat informasi data pendapatan setiap bulannya.
REFERENSI
Andy. (2019, 09 19). Pengetian Xammp. Retrieved from Qwords: https://qwords.com/blog/pengertian-xampp/
Harianto Kusno. (2012). APLIKASI PENJUALAN PAKAIAN COUPLE BERBASIS WEBSITE PADA.
SEBATIK STMIK WICIDA, 1-7.
Hariyanto, B. (2009). Membuat Database Sendiri. Jakarta: PT. Elex Media Komputindo.
Hendrayudi. (2009). Pengertian aplikasi. Yogyakarta.
Jogiyanto Hartono. (2004). Pengenalan komputer. Yogyakarta: Andi.
Jogiyanto, H. (2005). Analisa dan Desain Sistem Informasi: Pendekatan. Yogyakarta.
Juliyanti, M. (2011). APLIKASI PENJUALAN DAN PEMBELIAN MATERIAL. Manajemen Informatika, 1-
8.
Khodiyah Siti. (2012). PERANCANGAN SISTEM INFORMASI PENJUALAN BERBASIS WEBSITE
PADA. 1-18.
Pengertian Data. (2020, 08 13). Retrieved from Wikipedia: https://id.wikipedia.org/wiki/Data
Wikipedia. (2019, Desember). https://id.wikipedia.org/wiki/Notepad%2B%2B. Retrieved from
http://www.notepad-plus-plus.org/ www.notepad-plus-plus.org.