## SISTEM INFORMASI PENJUALAN PRODUK KRUPUK BERBASIS WEB RESPONSIVE
(STUDI KASUS : UD. SUMBER MAKMUR)
Yessy Fadillah 1 , Suprianto 1 1.2 Program Studi Teknik Informatika, Universitas Muhammadiyah Sidoarjo, 61271 Email : 1 yessyfadillah@gmail.com , 2 suprianto@umsida.ac.id

## Abstrack
This  research aims  to produce information  systems for  data  processing "krupuk" product sales and  to  expand the  market  share  of sales  of products  of "krupuk" in UD. The  Source Of The Prosperous. In  addition the  customer can view  information and  conduct  transactions on  this system. In  establishing  this  information  system  researchers  using  web  method  responsive  using  the programming language PHP and MySQL for the database.
This  research  resulted  in the  effective sales  information system that  is maintained by  an administrator in full control of all information relating to the governance of product data and sales data, as well as the given facilities menu Special for the customer to obtain information and  can  conduct  transactions. The  conclusions obtained in this  study i.e.,  the system is  able to improve product data governance and effective sales.
Keywords : information systems, sales, Website, PHP, and MySQL.

## Abstrak
Penelitian  ini  bertujuan  menghasilkan  sistem  informasi  untuk  pengolahan  data  penjualan produk  krupuk  dan  untuk  memperluas  pangsa  pasar  penjualan  produk  krupuk  di  UD.  Sumber Makmur. Selain itu customer dapat melihat informasi dan melakukan transaksi pada sistem ini. Dalam membangun sistem informasi ini peneliti menggunakan metode web responsive  dengan menggunakan Bahasa pemrograman PHP serta MySQL untuk databasenya.
Penelitian ini menghasilkan sistem informasi penjualan yang efektif yaitu yang dikelola penuh oleh seorang administrator dalam  mengendalikan semua informasi yang berkaitan dengan tata kelola data  produk  dan  data  penjualannya,  serta  diberikan  fasilitas  menu  khusus  bagi  customer  untuk memperoleh informasi dan dapat melakukan transaksi. Kesimpulan yang diperoleh pada penelitian ini yaitu sistem mampu meningkatkan tata kelola data produk dan penjualan yang efektif.
Kata Kunci : Sistem Informasi, Penjualan, Website, PHP, dan MySQL.

## 1. PENDAHULUAN
UD.  Sumber  Makmur  adalah  suatu perusahaan  yang  produksi  krupuk  yang  sesuai dengan  kebutuhan  konsumen.  Dengan  begitu maka  produk  dapat  bersaing  di  pasaran. Produk  yang  dihasilkan  dalam  UD.  Sumber Makmur adalah produk krupuk.
Dalam  kegiatan  laporan  bulanan,  di UD. Sumber Makmur masih diterapkan sistem tulis  tangan( manual ).  Kesulitan  admin  dalam pengecekan  laporan  dalam  keluar-masuk barang yang ditulis tangan ( manual ) dan dalam pemasaran yang belum menerapkan pemasaran online,  tentu  kegiatan  seperti  ini  harus
diperbaruhi  dengan  berkembangnya  teknologi. Pemasaran yang terjadi adalah pelanggan yang membeli dalam jumlah ba nyak dan memasarkan  di  pasar.  Jadi  bisa  disimpulkan pelanggan  pada  pabrik  ini  tetap  orang  yang sama atau pelanggan tetap.
Saat  ini  perkembangan  teknologi sangat  pesat  dan  peranannya  sangat  penting untuk mendukung aktivitas manusia agar dapat mengoptimalkan  waktu  dengan  lebih  baik. Salah  satu  contoh  teknologi  yang  membantu aktivitas manusia adalah sistem informasi.
Sistem  informasi  adalah  suatu  sistem di dalam suatu organisasi yang
mempertemukan  kebutuhan  pengelolaan  data, mendukung  operasi,  bersifat  manajerial  dan strategi  kegiatan  dari  suatu  organisasi  atau instansi dan menyediakan laporan-laporan bagi pihak  tertentu.  Instansi  yang  bergerak  di bidang  perdagangan  seperti  di  pabrik  UD. Sumber Makmur juga membutuhkan dukungan sistem  informasi  dalam  peningkatan  mutu pelayanan terhadap proses perdagangan, seperti  sistem  informasi  pabrik  krupuk  yang meliputi  penjualan  dan  dijabarkan  dalam pemasaran dan pemesanan.
Sistem  informasi  dapat  disajikan dalam  bentuk  web,  salah  satunya  dengan teknik  web  responsive.  Dengan  membuat website  penjualan,  tentunya  penulis  ingin memberikan  pengalaman  pengguna  yang terbaik  bagi  pengunjung  website  nantinya. Maka  faktor  utama  yang  harus  diperhatikan adalah  bagaimana  desain  web  responsive  ini dapat memberikan pengalaman pengguna yang baik  nantinya  dan  akan  berpengaruh  pada  rate website ini.
Dengan  permasalahan  yang  telah diungkap  dalam  latar  belakang,  maka  penulis tertarik untuk membantu menyelesaikan permasalahan yang dihadapi dengan menerapkan teknologi informasi.
Berdasarkan hal-hal tersebut, muncullah  gagasan  untuk  membuat  Sistem
Informasi  Penjualan  Produk  Krupuk  Berbasis Web  Responsive  (Studi  Kasus  UD.  Sumber Makmur). Sistem ini diharapkan akan memberikan  kemudahan  bagi  admin  dalam melakukan pendataan dan bisa sebagai laporan bulanan  yang  rapi  untuk  instansi,  melakukan pemasaran  dan  transaksi  secara  online  yang lebih bisa meraih pasar yang luas.

## 2. METODE PENELITIAN
Metode  yang  dilakukan  dalam  penelitian  ini akan dijelaskan dalam gambar berikut :

## Gambar 1 Kerangka Penelitian
Keterangan :
1. Hal  pertama  yang  dilakukan  sebelum penelitian adalah melakukan observasi.
2. Setelah  melakukan  observasi,  kita dapat  mengidentifikasi  masalah  yang ada pada perusahaan tersebut.
3. Setelah mengidentifikasi masalah, kita
4. bahan kajian teori (Referensi).
5. Setelah  mencari  bahan  kajian  teori, kita mulai merancang sistem.
6. Setelah sistem jadi, kita melakukan uji coba,  jika  dalam  uji  coba  ada  yang gagal, maka kita evaluasi perancangan sistem,  jika  berhasil  maka  langsung melanjutkan implementasi.
7. Setelah  melakukan  implementasi,  kita menulis laporan penelitian.

## Folwchart Flowchart Admin

## Gambar 2 Flowchart Admin

## Keterangan :
1. Admin  melakukan  login,  jika  login berhasil  maka  akan  langsung  masuk sistem informasi, jika login gagal maka akan kembali ke halaman awal.
2. Jika login berhasil admin bisa mengelolah  slider,  kelola  admin, kelolah  profil,  kelola  kategori,  kelola produk,  kelola  cara  pemesanan,  kelola kontak,  kelola  pesanan,  dan  kelola ongkir.

## Flowchart Customer
Gambar 3 FlowChart Customer

## Keterangan :
1. customer  mulai  membuka  web  sistem informasi  penjualan  kerupuk.  Jika customer ingin melakukan pemesanan, maka customer harus melakukan login.
2. Setelah  berhasil  login,  customer  dapat memilih produk yang akan dipesan. 3. Setelah  memilih  produk,  web  sistem informasi akan menampilkan keranjang  belanja  yang  berisi  jenis, jumlah,  dan  harga  total  barang  yang dipilih.  Di  halaman  ini  ada  pilihan pengiriman untuk customer yaitu ambil barang di toko, COD, atau kirim. 4. Setelah  mengisi  keranjang  belanja, customer dapat melihat detail transaksi.
5. Setelah mendapat detail total transaksi, customer  dapat  konfirmasi  pemesanan dengan mengunggah bukti transfer.
6. Jika sudah mengunggah bukti transfer, customer dapat melihat status transaksinya.

## DFD Level 0

## Gambar 4  Diagram Konteks
Diagram context diatas menerangkan Keterangan : 1. Customer melakukan login. 2. Customer memilih produk pada sistem informasi.
3. Customer menginputkan keranjang belanja. 4. Sistem menampilkan detail transaksi yang sudah di inputkan. 5. Customer melakukan pembayaran dan mengirim bukti pada sistem. 6. Sistem menampilkan konfirmasi pembayaran dan informasi status transaksi. 7. Admin melakukan login.
8. Admin mengelola slider, kelola admin, kelola profil, kelola kategori, kelola produk, kelola produk, kelola cara pesan, kelola kontak, kelola pesanan, kelola ongkir dan kelola ganti password.
9. Sistem memberi informasi ada transaksi baru ke admin.
10. Admin untuk memvalidasi pembayaran customer pada sistem.
11. Admin menginputkan status transaksi pada sistem.

## DFD Level 1

## Gambar 5 DFD Level 1

## Keterangan :
1. Admin melakukan login sistem informasi dengan menginputkan username dan password.
2. Jika admin belum mendaftar untuk login, admin diminta untuk register dengan mengisi biodata sehingga mendapat username dan password untuk login.
3. Admin mengelolah data pada halaman admin seperti menginput, edit, delete gantipassword, barang, cara pesan, foto, info kontak,
kategori, kontak, ongkir, profil, dan slider.
4. Pelanggan melakukan login sistem informasi dengan menginputkan username dan password.
5. Jika pelanggan belum mendaftar untuk login, pelanggan diminta
untuk register dengan mengisi biodata sehingga mendapat username dan password untuk login.
6. Pelanggan menginputkan transaksi dan mendapatkan detail pemesanan, kemudia pelanggan menginputkan bukti pembayaran
dan mendapat status transaksi yang sudah di lakukan. 7. Admin mendapat informasi pemesanan baru dan melakukan konfirmasi pembayaran pada kelolah data pelanggan.

## 3. HASIL DAN PEMBAHASAN
Setelah  melakukan  perancangan  hasil  uji coba  pada  Sistem  Informasi  Penjualan  Produk Krupuk  Berbasis  Web  Responsive  maka diperoleh hasil sebagai berikut :
1. Mempunyai  2  fasilitas  yaitu  untuk admin dan untuk pelanggan. 2. Fasilitas untuk admin adalah pengelolahan data seperti kelola slider, kelola  admin,  kelola  profil,  kelola kategori,  kelola  produk,  kelola  cara pesan,  kelola  kontak,  kelola  pesanan, dan kelola ongkir. 3. Fasilitas untuk pelanggan menampilkan produk dan dapat melakukan transaksi. Dalam pembuatan sistem informasi penjualan ini dibutuhkan basis data yang terdiri dari  16  tabel,  yaitu  admin,  barang,  carapesan, foto,  gantipassword,  infokontak,  kategori, konfirmasi,  kontak,  list_pemesanan,  ongkir, pelanggan, pemesanan, pemesanan_detail, profil, dan slider.

## Gambar 6 Database Sistem Informasi Penjualan
Dari  database  diatas,  beberapa  tabel tersebut dapat direlasikan sebagai berikut:

## Gambar 7 Relasi Database
Pada  struktur  tabel  barang  memiliki  9 field, yaitu : kd_barang, id_kategori, id_admin, nm_barang, harga, stok, berat, keterangan, dan produk_terlaris.

## Gambar 8 Tabel Barang
Pada  struktur  tabel  foto  memiliki  3  field, yaitu : id_foto, kd_barang, dan name.

## Gambar 9 Tabel Foto
Berikut  adalah  pembahasan  dari  sistem informasi penjualan produk krupuk :

## 1. Tampilan Login
Halaman  login  untuk  admin  yang merupakan  tampilan  form  login  dan  index untuk masuk ke dalam Halaman Admin.

## Gambar 10 Form Login Admin
Pada  Gambar  10  admin  memasukkan username  dan  password.  Jika  admin  salah memasukkan  username  dan  password  maka
kolom  username  dan  password  akan  kosong yang  artinya  salah  memasukkan  username atau  password  dan  jika  username  dan password  sudah  benar  maka  admin  akan masuk pada Halaman Admin untuk mengelolah data.

## Halaman Admin
Setelah  admin  memasukkan  username dan  password,  maka  akan  tampil  halaman admin seperti berikut :

## Gambar 11 Halaman Admin
Admin dapat mengelolah data dihalaman  ini  seperti  kelola  slider,  kelola admin,  kelola  profil,  kelola  kategori  produk, kelola  produk,  kelola  cara  pesan,  kelola kontak, kelola pesanan, dan kelola ongkir.

## Halaman Slider
Halaman  slider  adalah  halaman  yang memuat  foto  produk  yang  bias  bergeser secara  otomatis  di  web  customer,  berikut adalah tampilan dari halaman slider :

## Gambar 12 Halaman Kelola Slider
Admin  dapat  mengubah(edit)  atau menambah  foto  slider  dengan  menginputkan foto  yang  ingin  diupload  dan  klik  Ya  untuk dijadikan  tampilan  pertama  foto,  jika  Tidak foto yang diupload akan menjadi foto kedua.

## Gambar 13 Tampilan Kelola Slider
Gambar 13 adalah hasil tampilan dari kelola  slider  yang  sudah  di  upload.  Jika mengklik  icon                          maka  akan menampilkan gambar kedua.

## Pencarian Omset
Berikut  adalah  tampilan  pencarian  omset penjualan pada halaman admin :
Gambar 14 Tampilan Pencarian Omset
Pada halaman admin terdapat pencarian  omset  penjualan  yang  dapat mempermudah  admin  untuk  mendata  omset penjualan  tanpa  harus  menghitung  manual. Jika  di  klik  detail,  maka  akan  tampil  detail pembelajaan yang terjadi.
Tampilan  pada  pengelolahan  data  lain sama  seperti  tampilan  kelola  slider,  dapat menambahkan,  mengedit,  dan  menghapus data.

## Halaman Customer
Berikut  adalah  tampilan  dari  halaman customer :

## Gambar 15 Halaman Customer
Pada  halaman  customer,  terlebih dahulu  customer  melakukan  pendaftaran akun  untuk  dapat  melakukan  transaksi,  jika customer  sudah  mempunyai  akun,  customer dapat melakukan transaksi pembelian dengan memilih  produk  yang  di  inginkan,  setelah melakukan  pembelian, customer  akan  masuk ke  halaman  keranjang  belanja  seperti  pada gambar 16 berikut :

## Gambar 16 Halaman Keranjang Belanja
Setelah  melihat  keranjang  belanja kemudian dapat melihat detail transaksi pada gambar halaman 17 berikut :
Dan  kemudian  mengunggah  bukti transfer  seperti  pada  gambar  halaman  18 berikut :

## Gambar 18 Halaman Konfirmasi Pemesanan

## 4. KESIMPULAN
Sesuai  dengan  hasil  pembahasan  yang  sudah dilakukan, maka dapat disimpulkan bahwa :
a. Sistem Informasi Penjualan Produk
Krupuk  berbasis  Web  Responsive  (Studi Kasus  UD  Sumber  Makmur)  memiliki  2 fitur, untuk admin dan untuk customer.
b. Dengan adanya Sistem Informasi Penjualan  Produk  Krupuk  ini  sangat membantu  admin  dalam  mengelolah  dan mendata pemesanan.
c. Selain  untuk  mengelolah  data,  admin dapat  melihat  omset  penjualan  yang terjadi pada web penjualan krupuk.
d. Dapat  mempermudah  customer  dengan layanan  pengiriman  COD  dan  layanan ekspedisi.

## DAFTAR PUSTAKA
Brtha  Sidik,  Ir, Pemrograman  Web  dengan PHP, Informatika Bandung, 2012 F.K.  Sibero,  Alexander, Kitab  Suci  Web Pemrogramming , MediaKom, 2012 Henry Simamora, Akuntansi Basis Pengambilan Keputusan Bisnis , Salemba Empat, 2000 Hutahaean Jeperson, Konsep Sistem Informasi , Grup  Penerbitan  CV  BUDI  UTAMA, 2014 Kasiman  Peranginangin, Aplikasi  Web  dengan PHP dan MySQL, Penerbit Andi, 2006
Kotler  Philip,  Garry  Armstrong, Prinsip-
Prinsip  Pemasaran ,  Penerbit  Erlangga, 2001 Maniah, Dini Hamidin, Analisis dan Perancangan Sistem Informasi Pembahasan  Secara  Praktis  dengan Contoh  Kasus ,  Grup  Penerbitan  CV BUDI UTAMA, 2017 Patricia F, dan kawan-kawan, THECOMPLETE  IDEAL’S  GUIDE: Brand  Management ,  Prenada  Media Group, 2001 Rosa  A.S  dan  M.Shalahuddin, Rekayasa Perangkat Lunak Terstruktur dan
Beroerientasi Obek, Informatika, 2014. Siswanto  Sutojo, Manajemen  Penjualan  Yang
Efektif , Damar Mulia Pustaka, 2003 Sutarman, S.Kom, M.Kom, Pengantar
Teknologi  Informasi, Bumi  Aksara, 2009
Trisnawati  Sule,  Ernie,  (2005), Pengantar Manajemen, Kencana, 2005 Untung  Rahardja,  dan  kawan-kawan, Siapa Saja Bisa Membuat Website dengan CSS dan HTM, Penerbit Andi, 2009 Yakub, Sistem Basis Data Tutorial Konseptual ,  Graha Ilmu, 2008