L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I

## APLIKASI PENJUALAN BATIK JAMBI FARAS BERBASIS WEB
Pariyadi 1 , Fattachul Huda Aminuddin 2 , Robby Afrilianto 3 13 Program Studi Teknik Informatika, Universitas Nurdin Hamzah, Jambi 2 Program Studi Teknologi Informasi, Universitas Nurdin Hamzah, Jambi E-mail: 1 pariyadi.twn@gmail.com , 2 fattachulhuda16@gmail.com , 3 robby.afrilianto1104@gmail.com
Abstract – Jambi Faras Batik Shop is a business engaged in the sale of Jambi batik clothes. Currently, Jambi Faras Batik Shop wants to increase its sales level by expanding its sales outside the city of Jambi to seek greater sales profits. The purpose of this research is to build a web-based computerized sales application that includes product catalogs, sales transactions, and reports that are expected to increase batik sales turnover. This application is built using the PHP programming language and MySQL database. The input to this application is in the form of admin data, item data, sales data, and customer data. Process data in this application are in the form of admin data processing, goods data processing, sales data processing, and customer data processing. The output of this application is a sales report. The results of this study are in the form of a web-based sales application that can help Jambi Faras Batik Stores in marketing merchandise with a wider range and make it easier to make sales reports.
Keywords : Applications;E-commerce;Internet;Sales;Web.

## I. PENDAHULUAN

## 1.1.  Latar Belakang
Toko Batik Jambi Faras adalah sebuah usaha yang bergerak di bidang penjualan baju batik jambi. Toko Batik Jambi Faras pertama kali berdiri pada tahun 2010, yang didirikan oleh ibu Faulina Agusnima dengan menyewa ruko yang beralamat di Komplek Pertokoan Bulian Bisnis Center (BBC) Muara Bulian, Kabupaten Batang Hari, Provinsi Jambi. Toko Batik Jambi Faras ingin memperluas daerah pemasaran, karena toko secara offline dirasa kurang dinamis dan hanya berada di satu tempat saja, hal ini yang menyebabkan jangkauan pasar untuk toko secara offline lebih sedikit. Konsumen biasanya hanya berasal dari area sekitar toko saja, hal ini bisa menekan angka penjualan menurun. Toko Batik Jambi Faras ingin menjaring pelanggan baru yang notabene para  pengguna internet, proses penjualan yang melibatkan pemilik dan pembeli dari luar kota secara bertatap muka atau melalui telepon, membuat waktu kerja terbuang, adanya keterbatasan waktu pelayanan pelanggan karena tidak dapat dilakukan setiap saat. Media internet dianggap sesuai untuk menyelesaikan permasalahan tersebut karena keunggulan yang dimilikinya.
Dalam penelitian yang dilakukan oleh (Mair & Yulianita, 2016:10), pada Toko Vitri Batik Collection dengan merancang pembuatan sistem informasi penjualan online , bahwa Vitri Batik Collection membutuhkan sebuah situs yang dapat memenuhi keinginannya untuk menjual produk berupa busana batik tersebut ke masyarakat melalui internet. Sehingga dapat menjangkau para calon
pembeli / customer . Kelemahan atau kekurangan dari sistem informasi penjualan ini antara lain, koleksi barang belum dapat ditangani oleh sistem secara otomatis, dan ongkir belum dapat ditangani oleh sistem secara otomatis.
Dalam penelitian selanjutnya, berdasarkan dari beberapa kutipan jurnal penelitian diatas dapat disimpulkan atau penyempurnaan dalam penelitian skripsi kali ini antara lain, dalam aplikasi penjualan batik jambi faras ini sudah ada catatan transaksi, dalam aplikasi penjualan batik jambi faras ini sudah dilengkapi grafik untuk menunjukan penjualan setiap bulan meningkat atau menurun, dalam aplikasi penjualan batik jambi faras ini sudah dilengkapi dengan biaya ongkos kirim secara otomatis, dan kecepatan akses lebih cepat karena aplikasi penjualan batik jambi faras menggunakan hosting yang berbayar. Berdasarkan fakta-fakta tersebut maka diperlukan suatu sistem yang dapat menangani masalah tersebut, salah satunya yaitu dengan membangun suatu sistem penjualan berbasis web yang memiliki fungsi-fungsi penjualan, promosi, dan proses transaksi, sehingga dapat membantu Toko Batik Jambi Faras untuk memperoleh keuntungan yang lebih besar. Berdasarkan uraian diatas, maka peneliti tertarik untuk mengangkatnya menjadi penelitian Skripsi dengan judul “ APLIKASI PENJUALAN BATIK JAMBI FARAS BERBASIS WEB”.

## 1.2.  Rumusan Masalah
Berdasarkan latar belakang tersebut, masalah yang dirumuskan peneliti adalah “Bagaimana Membangun Aplikasi Penjualan Batik Jambi Faras
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I

## Berbasis Web?”

## 1.3.  Tujuan Penelitian
Tujuan dari penelitian ini adalah dengan membangun Aplikasi Penjualan Batik Jambi Faras yang terkomputerisasi berbasis web yang meliputi katalog produk, transaksi penjualan dan pembuatan laporan yang diharapkan dapat meningkatkan omset penjualan batik di Toko Batik Jambi Faras.

## 1.4.  Manfaat Penelitian
Manfaat dari penelitian yang telah dilakukan ini adalah sebagai berikut: 1. Bagi pemilik toko dapat digunakan sebagai referensi untuk menentukan solusi dari masalah yang terjadi menurut keinginan pelanggan. 2. Sebagai bahan referensi untuk penelitian yang lain di studi kasus yang sejenis.
3. Mempermudah pemasaran baju batik pada Toko Batik Jambi Faras.
4. Memberikan kemudahan informasi bagi calon pembeli untuk melihat baju batik, memesan ataupun melakukan transaksi pembayaran pada Toko Batik Jambi Faras secara mudah dan cepat.
5. Dapat meningkatkan volume penjualan sehingga pendapatan Toko Batik Jambi Faras meningkat.

## II. TINJAUAN PUSTAKA

## 2.1.  Aplikasi
Menurut (Wahyuni & Irawan, 2019:21), Aplikasi merupakan program siap pakai yang dapat digunakan untuk menjalankan perintah-perintah dari pengguna aplikasi tersebut dengan tujuan mendapatkan hasil yang lebih akurat sesuai dengan tujuan pembuatan aplikasi tersebut.
Menurut (Abdurahman & Riswaya, 2014:62), Aplikasi merupakan alat terapan yang difungsikan secara khusus dan terpadu sesuai kemampuan yang dimilikinya, aplikasi merupakan suatu perangkat komputer yang  siap pakai bagi user .

## 2.2.  Penjualan
Menurut (Prasetyo & Susanti, 2016:1), Penjualan merupakan suatu kegiatan yang dilakukan sebagian manusia dalam menjual barang dagangan yang dimiliki baik itu barang ataupun jasa kepada pasar agar mencapai suatu tujuan yang diinginkan. Menurut (Nasution, 2016:65), Penjualan merupakan kegiatan yang terpadu untuk mengembangkan  rencana-rencana strategis yang diarahkan kepada usaha pemuasan kebutuhan serta
keinginan pembeli/konsumen, guna untuk mendapatkan penjualan yang menghasilkan laba/keuntungan.

## 2.3.  Web
Menurut (Siregar & Sari, 2018:54), “ Website merupakan halaman yang saling berhubungan umumnya terletak di pelayan yang sama dan berisi kumpulan informasi  yang diberikan oleh individu , kelompok,  atau organisasi”.
Menurut (Triyono, Safitri, & Gunawan, 2018:156), Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya baik yang bersifat dinamis yang membentuk satu rangkaian bangunan yang saling terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman.

## 2.4.  Sistem Informasi
Menurut (Juliany, Salamuddin, & Dewi. 2018:10), Sistem informasi merupakan gabungan dari empat bagian utama, yaitu Software , Hardware , Infrastruktur, dan Sumber Daya Manusia yang terlatih untuk menciptakan sebuah sistem yang dapat mengelola data menjadi informasi yang bermanfaat.
Menurut (Oktaviani, Widiarta, & Nurlaily 2019:162), Sistem informasi merupakan kumpulan dari beberapa sistem di dalam suatu organisasi yang mengumpulkan, memproses, menyimpan dan mendistribusikan informasi sebagai pendukung pengambilan keputusan dan pengendalian dalam organisasi.

## III. HASIL DAN PEMBAHASAN
3.1.  Kebutuhan Masukan ( Input )
Berikut input yang dibutuhkan dalam pembuatan sistem antara lain: 1. Data admin Fungsi level atas yang bertanggung jawabatas keseluruhan manajemen sumber daya  data- data dalam organisasi. 2. Data barang Data barang adalah sebagai suatu aktiva lancar yang meliputi barang-barang yang merupakan milik perusahaan.
3. Data penjualan
Data penjualan adalah informasi yang dihasilkan dari kegiatan transaksi. 4. Data pelanggan Informasi pelanggan yang dikumpulkan, yang mana pelanggan memberikan informasinya langsung.
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I

## 3.2.  Kebutuhan Proses
Pada tahap kebutuhan proses dalam penjualan barang elektronik:
1. Olah Data Admin
2. Olah Data Barang
3. Olah Data Penjualan
4. Olah Data Pelanggan
3.3.  Kebutuhan Keluaran ( Output )
Kebutuhan output yang dihasilkan berupa informasi dan laporan yang akan ditampilkan melalui form antara lain:
1. Data Barang
2. Data Penjualan
3. Laporan Penjualan

## 3.4.  Kebutuhan Antarmuka
Antarmuka ( interface ) yang diinginkan oleh pemakai ( user ) bersifat ramah ( user friendly ), artinya pengguna dapat menggunakan perangkat lunak yang dibuat senyaman mungkin dan tidak menimbulkan kesalahan, baik kesalahan masukan maupun keluaran yang dihasilkan, adapun kebutuhan antarmuka yang dibutuhkan adalah:
1. Login
Suatu proses untuk masuk masuk ke dalam sebuah layanan online yang berisi nama dan password .
2. Menu Utama
Form menu utama merupakan form utama untuk memanggil seluruh form lainnya.
3. Menu Data Barang Form ini berfungsi untuk menginputkan semua  data barang yang akan dijual pada Toko tersebut.
4. Menu Data Penjualan Menu yang berhubungan dengan penjualan item / barang.
5. Menu Data Pelanggan Untuk menampilkan daftar pelanggan, beserta menambah, mengubah dan menghapus data pelanggan.

## 3.5. Data Flow Diagram (DFD)
Menurut (Aminuddin & Ahadi, 2021:62), Data Flow Diagram atau disebut juga Diagram Aliran Data merupakan penggambaran suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika yang menjelaskan tentang alur dari suatu masalah yang terjadi pada suatu objek atau suatu masalah yang akan diselesaikan.
Gambar 1. Diagram Konteks
Diagram level 0 merupakan diagram berjenjang, diagram level 0 sangat menunjang dari pembuatan laporan secara mendetail, menjelaskan jalannya sistem yang dibangun dan turunan dari diagram level 0 ini terdapat diagram detail yang menggambarkan lebih terperinci lagi, pada gambar 2 diagram level 0 dibawah ini terdapat beberapa entitas dan proses antara lain sebagai berikut:
Gambar 2. DFD Level 0
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I

## 3.6.  Implementasi
1. Antarmuka Halaman Form Login Admin Antarmuka untuk admin masuk ke halaman pengelolaan web Aplikasi Penjualan Toko Batik Jambi Faras. Di halaman ini terdapat form login yang harus diisi oleh admin yaitu username dan password yang dimiliki oleh admin. Gambar 3. Antarmuka Halaman Form Login

## Admin
2. Antarmuka Halaman Menu Utama Admin
Antarmuka pada halaman ini sebagai dashboard setelah admin melakukan login pada halaman ini terdapat menu-menu untuk mengelola web Aplikasi Penjualan Pada Toko Batik Jambi Faras. Gambar 4. Antarmuka Halaman Menu Utama

## Admin
3. Antarmuka Halaman Data Produk
Antarmuka pada halaman ini ada beberapa yang di tampilkan data produk, data tambah produk, data ubah produk, dan hapus produk yang telah di input pada data tersebut.
Gambar 5. Antarmuka Halaman Data Produk
4. Antarmmuka Halaman Data Pembelian Halaman ini berisi data pembelian pada Toko Jambi Faras.
Gambar 6. Antarmuka Halaman Data Pembelian
5. Antarmuka Halaman Data Pelanggan. Halaman pelanggan ini berisi data pelanggan pada aplikasi penjualan Toko Batik Jambi Faras.
Gambar 7. Antarmuka Halaman Data Pelanggan

## 6. Halaman Laporan Pesanan.
Antarmuka pada halaman ini admin dapat mengetaui pelanggan yang memesan produknya. Halaman ini juga admin dapat melihat penjualan dari tanggal berapa dan bulan apa produk mereka terjual pada tahun tersebut dan dapat mencetak lembar penjualan tersebut.
Gambar 8. Antarmuka Halaman Laporan Pesanan

## 7. Antarmuka Halaman Cetak Laporan
Antarmuka  Halaman ini terdapat laporan pemesanan yang siap dicetak dalam bentuk pdf.
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I
Gambar 9. Antarmuka Halaman Cetak Laporan

## Penjualan
8. Antarmuka Halaman Beranda Berikut ini tampilan halaman beranda
website Aplikasi Penjualan Toko Batik Jambi
Faras yang sudah dirancang sesuai dengan desain web yang baik.
Gambar 10. Antarmuka Halaman Beranda
9. Implementasi Halaman Riwayat Belanja
Antarmuka pada halaman ini sebagai riwayat pelanggan yang melakukan pembelian produk di Toko Batik Jambi Faras dan pelanggan dapat melihat riwayat pembelian tersebut.
Gambar 11. Antarmuka Halaman Riwayat Belanja
10. Antarmuka Halaman Registrasi Member Antarmuka pada halaman ini jika sebagai pelanggan baru maka harus melakukan pendaftaran akun terlebih dahulu.
Gambar 12. Antarmuka Halaman Registrasi Member
11. Antarmuka Halaman Login Member
Pada Antarmuka di halaman ini konsumen dapat login sebelum membeli produk yang di beli.
Gambar 13. Antarmuka Halaman Login Member

## 12. Antarmuka Halaman Keranjang
Antarmuka pada halaman ini sabagai keranjang belanja yang menampung beberapa pilihan produk palanggan agar dapat melihat berapa total belanjaan tersebut atau menghapus produk yang telah di tambahkan.
Gambar 14. Antarmuka Halaman Keranjang Belanja
13. Antarmuka Halaman Produk Checkout
Antarmuka pada halaman ini bahwa produk ingin di checkout atau di bayarkan konsumen.
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I
Gambar 15. Antarmuka Halaman Produk Checkout
14. Antarmuka Halaman Nota Pembelian Antarmuka pada halaman ini sebagai bukti bahwa konsumen telah melakukan pembayaran.
Gambar 16. Antarmuka Halaman Nota Pembelian
15. Antarmuka  Halaman Cetak Laporan Penjualan
Halaman ini terdapat laporan detail penjualan yang bisa dicetak.
Gambar 17. Antarmuka Halaman Cetak Laporan Penjualan
IV. PENUTUP
4.1. Kesimpulan
Pada penulisan tugas akhir ini, penulis membuat sebuah website aplikasi penjualan yang berfungsi sebagai sistem alternatif penjualan pada pelaku usaha Toko Batik Jambi Faras. Website ini dapat digunakan oleh pengunjung sebagai sarana untuk mencari informasi dari internet. Dengan sistem yang telah diterapkan ini, pihak Toko Batik Jambi Faras dapat:
1. Memberikan informasi kepada calon pembeli dan pengunjung web untuk mengetahui produk-produk yang ditawarkan oleh pihak Toko Batik Jambi Faras, dimana setiap produk disajikan beserta gambar dan informasi secara detail. 2. Sistem yang dibangun dapat memberikan kemudahan kepada calon pembeli untuk membeli produk dengan kemudahan transaksi dengan cara transfer ke rekening owner .
3. Sistem yang dibangun dilengkapi dengan pembuatan laporan penjualan dan grafik penjualan  per bulan, sehingga memudahkan dalam pembuatan laporan penjualan perhari, perbulan dan pertahun. 4. Sebelum menggunakan sistem penjualan, pelanggan Toko Batik Jambi Faras hanya berasal dari Kabupaten Batang Hari saja, dengan menggunakan aplikasi penjualan berbasis web Toko Batik Jambi Faras bisa mendapatkan pelanggan dari luar kota dan meningkatkan sistem penjualannya. dengan sistem yang dibuat memudahkan user untuk pembelian secara online tanpa harus datang ke toko, dapat dilakukan kapan saja dengan tidak terkait waktu dan tempatnya. 5. Sistem ini dibangun menggunakan bahasa pemrograman PHP, JavaScript, Html, Jquery, dan menggunakan Database Mysql.
6. Sistem yang dibangun dapat mengelola data barang, data user , data supplier dan data penjualan. 7. Laporan output dari sistem yang dibangun berupa laporan penjualan dan grafik penjualan per bulan.

## 4.2. Saran
Dari penelitian yang dilakukan, saran-saran yang dapat penulis sampaikan adalah sebagai berikut: 1. Perlunya pelatihan bagi para pengguna untuk mengetahui tata cara pengunaan aplikasi ini, sehingga aplikasi ini dapat dipahami dengan baik dan benar. 2. Aplikasi ini belum dilengkapi backup dan restore data, sehingga kedepannya diharapkan dapat dikembangkan lagi. 3. Diharapkan ada pengembangan berkelanjutan untuk tampilan dan sistem yang dibangun agar lebih baik dan tidak membosankan bagi pengunjung.
4. Penambahan fitur komen, chat di halaman pengunjung dan rating untuk pengunjung.
5. Penambahan fitur diskon di halaman pengunjung sehingga dapat menarik pelanggan dengan konten diskon.

## DAFTAR REFERENSI
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I
Abdurahman, H. & Riswaya, A. R. 2014. “Aplikasi Pinjaman Pembayaran Secara Kredit Pada Bank Yudha Bhakti” . Jurnal Computech & Bisnis, 8(2), 61-69. Diakses pada 20 Maret 2021, dari https://jurnal.stmik-mi.ac.id/ index.php/jcb/article/viewFile/114/138 Aminuddin, Fattachul Huda., & Ahmad Husna
Ahadi. 2021. “Web Profil Sebagai Media
Promosi Pada Pondok Pesantren Nurul Iman Muaro Sebapo” . Fortech (Journal of
Information Technology ).   Vol. 5 No. 1 (2021).
Juliany, I. K., Salamuddin, M., & Dewi, Y. K. 2018. “Perancangan Sistem Informasi E-
Marketplace Bank Sampah Berbasis Web” . Semnasteknomedia Online, 6(1), 2-10. Diakses pada 20 Maret 2021, dari https://ojs.amikom.ac.id/index.php/semnastek nomedia/article/view/2017/1826 Nasution, K. N. 2016. “Prediksi Penjualan Barang Pada Koperasi PT. Perkebunan Silindak Dengan Menggunakan Metode Monte Carlo” . JURIKOM (Jurnal Riset Komputer), 3(6). Diakses Pada 20 Maret 2021, dari https://ejurnal.stmik-budidarma.ac.id/index. php/jurikom/article/view/175/157
Oktaviani, N., & Widiarta, I. M. 2019. “Sistem Informasi Inventaris Barang Berbasis Web Pada SMP Negeri 1 Buer” . Jurnal
Informatika, Teknologi dan Sains, 1(2), 160-
168. Diakses pada  20 Maret 2021, dari http://www.jurnal.uts.ac.id/index.php/JINTE
KS/article/view/422/330
Prasetyo, A., & Susanti, R. 2016. “Sistem Informasi Penjualan Berbasis Web Pada PT. Cahaya Sejahtera Sentosa Blitar” .  Jurnal Ilmiah Teknologi Informasi Asia, 10(2), 1-16. Diakses pada 20 Maret 2021, dari https://www.jurnal.stmikasia.ac.id/index.php/
jitika/article/view/57/45 Siregar, H. F., & Sari, N. 2018. “Rancang Bangun Aplikasi Simpan Pinjam Uang Mahasiswa Fakultas Teknik Universitas Asahan Berbasis Web” . JurTI (Jurnal Teknologi Informasi), 2(1), 53-59. Diakses pada 22 Maret 2021, dari http://www.jurnal.una.ac.id /index.php/jurti/article/view/409/350
Triyono, T., Safitri, R., & Gunawan, T. 2018. “Perancangan Sistem Informasi Absensi
Guru dan Staff pada Smk Pancakarya
Tangerang Berbasis Web” . Journal Sensi, 4(2), 153-167. Diakses pada 22 Maret 2021,dari https://www.academia.edu/ download/63020836/PERANCANGAN_SIS TEM_INFORMASI_ABSENSI_GURU_DA N_STAFF_PADA_SMK_PANCAKARYA_ TANGERANG_BERBASIS_WEB20200420 -111903 1o13s2p.pdf Wahyuni, R. 2019. “Aplikasi Sistem Pakar Untuk Diagnosa Penyakit Campak dan Pencegahan Dengan Metode Forward Chaining Berbasis
Web” . Jurnal Ilmu Komputer, 8(2), 53-59. Diakses Pada 22 Maret 2021, dari https://jik.htp.ac.id/index.php/jik/article/view/
128/89

## IDENTITAS PENULIS
Nama :  Pariyadi,M.Kom NIDN/NIK :  1013029002/16.104 TTL :  Jambi/13 Februari 1990 Golongan/Pangkat  :  3B Jabatan Fungsional   :  Asisten Ahli AlamatRumah :  Jl. Tanjung HarapanNo. 57RT 33Talang Bakung, Jambi Telp. :  085266369055 Email :  pariyadi.twn@gmail.com Nama :  Fattachul Huda Aminuddin, S.Kom, M.Pd.T NIDN/NIK :  1016039301/ 93.19.1.0067 TTL :  Tulung Agung, 16 Maret 1993 Golongan/Pangkat  :  3B Jabatan Fungsional   :  Asisten Ahli AlamatRumah :  Kec. Sungai Bahar, Suka Malmur, 01. Kab. Muaro Jambi Telp. :  085367875828 Email :  Fatachulhuda16@gmail.com Nama :  Robby Afrilianto TTL :  Sungai Puar, 11April 1999 AlamatRumah :  Batang Hari, Jambi 366 Telp :  0822 3607 3957 Email :  robby.afrilianto1104@ gmail.com