## PERANCANGAN SISTEM INFORMASI PENJUALAN PRODUK SEPATU UMKM BERBASIS WEBSITE
Achmad Ainun Zachy 1 , Izzatul Umami 2 , Muhammad Gugus Azhari 3
123 Teknik Informatika, Universitas Darul Ulum, Jl. Gus Dur No. 29A Kec. Jombang, Kabupaten Jombang, Jawa Timur 61419
Email : ainunzchy939@gmail.com , izzatulumamimuslim@gmail.com , gugusbijok@gmail.com

## Abstract
Internet  technology  is  an  effective  and  efficient  information  medium  in  disseminating information.  which  can  be  accessed  by  anyone  and  anywhere.  The  use  of  internet  media  in  this increasingly modern era is utilized as a means of information and communication globally with the aim of increasing business so that it can reach consumers in various regions. SMEs and other micro- entrepreneurs are now using the internet as a way to market the products they sell, which is rather easy to find and reach a wider range of consumers. have to come to the store to buy the item. This research is designed so that MSME business actors of shoe craftsmen can become an online shop that sells goods that have been produced in order to reach a wider market with a variety of shoe products  that  vary  in  order  to  attract  buyers.  The  function  of  this  online  store  is  also  so  that consumers can obtain information about various kinds of shoes that will be sold easily and efficiently, in various kinds of shoes that are displayed in the form of product images as well as information related to products and product prices being marketed. For this reason, in order to increase sales, this  idea  is  taken  into  consideration  and  there  is  a  need  for  follow-up  to  build  a  website-based application  in  the  form  of  an  online  shop  to  help  MSME  business  actors  in  marketing  various products.
Keywords: E-Commerce, Online Store, Shoes

## Abstrak
Teknologi internet merupakan media informasi yang efektif dan efisen dalam penyebaran informasi. yang dapat di akses oleh siapa saja dan dimana saja. Penggunaan media internet di era yang  semakin  modern  ini  di  manfaatkan  sebagai  sarana  informasi  dan  komunikasi  secara  global dengan  tujuan  meningkatkan  bisnis  agar  dapat  menjangkau  konsumen  di  berbgai  daerah.  pelaku usaha UMKM dan pengusaha mikro yang lainya kini menggunakan internet sebagai salah satu cara memasarkan produk yang di jual agak mudah di cari dan di jangkau oleh konsumen yang lebih luas, selain itu kegunaan media internet sebagai sarana bisnis yaitu dapat melakukan transaksi jual beli barang  secara  mudah  tanpa  harus  datang  ke  toko  untuk  membeli  barang  tersebut.  Penelitian  ini merancang  agar  pelaku  usaha  UMKM  pengrajin  sepatu  dapat  menjadi  sebuah  toko  online  yang menjual barang yang telah di produksi agar dapat menjangkau pasar yang lebih luas dengan produk berbagai macam sepatu yang bervariasi guna menarik pembeli. Fungsi dari toko online ini juga agar konsumen dapat memperoleh informasi mengenai berbagai macam sepatu yang akan di jual secara mudah dan efisien, dalam hal ini berbagai macam sepatu di tampilkan berupa gambar produk serta informasi  terkait  produk  dan  harga  produk  yang  di  pasarkan.  Untuk  itu  agar  penjualan  lebih meningkat  gagasan  ini  menjadi  pertimbangan  dan  perlu  adanya  tindak  lanjut  guna  membangun sebuah  aplikasi  berbasis  website  berupa  toko  online  guna  membantu  para  pelaku  usaha  UMKM dalam memasarkan berbagai produknya
Kata kunci : E-Commerce, Toko Online, Sepatu
This work is licensed under Creative Commons Attribution License 4.0 CC-BY International license

## Pendahuluan
Dalam rangka pelaksanaan pembangunan ekonomi yang berkelanjutan di Indonesia, maka diharapkan  semua  sektor  ekonomi  dapat berkontribusi di dalamnya. Pembangunan ekonomi paling tidak harus memiliki tiga tujuan inti, yaitu peningkatan ketersediaan  serta  perluasan  distribusi berbagai  barang  kebutuhan  hidup  yang pokok,  peningkatan  standar  hidup,  dan perluasan  pilihanpilihan  ekonomis  dan social.  Salah  satu  sektor  ekonomi  yang berkontribusi dalam proses pembangunan ekonomi  adalah  sektor  industri  kecil Keberadaan  industri  kecil  mempunyai andil  yang  besar  dalam  memperkokoh struktur  industri  di  Indonesia  terutama berperan  dalam  penyerapan  tenaga  kerja dan mengurangi kemiskinan. [1]
Untuk  mengembangkan  ekonomi industri  kecil  tersebut  di  era  yang  serba modern ini, perlu di butuhkan adanya peran dari  teknologi  internet  sebagai  tempat pemasaran  suatu  produk  untuk  membantu perekonomian  industri  kecil  dalam  hal pemasaran. Peran teknologi internet saat ini terbukti menjadi salah satu media informasi yang  efektif  dan  efesien  dalam  penyebaran informasi yang dapat diakses oleh siapa saja, kapan  saja  dan  dimana  saja  sehingga  dapat memudahkan  para  pelaku  usaha  industry kecil seperti UMKM untuk mengembangkan bisnisnya.  Teknologi  internet  mempunyai efek  yang  sangat  besar  pada  perdagangan atau  bisnis.  Hanya  dari  rumah  atau  ruang kantor, calon pembeli dapat melihat produk -  produk  pada  layar  komputer,  mengakses informasinya,  memesan  dan  membayar
dengan pilihan yang tersedia. Calon pembeli dapat  menghemat  waktu  dan  biaya  karena tidak  perlu  datang  ke  toko  atau  tempat transaksi.  Sehingga  dari  tempat  duduk mereka dapat mengambil keputusan dengan cepat.  Transaksi  secara  online  dapat menghubungkan  antara  penjual  dan  calon pembeli secara langsung tanpa dibatasi oleh ruang  dan  waktu,  dengan  adanya  teknologi tersebut  di  harapkan  dapat  membantu  para pelaku usaha industry kecil seperti UMKM dalam  pengembangan  usahanya  terutama dalam hal pemasaran suatu produk.[2]
Dalam  Pertumbuhan  UMKM  yang terjadi  di  Indoensia  di  proyeksikan  akan terus  meningkat  dan  menjadi  salah  satu pendorong  terbesar  bagi  pertumbuhan ekonomi  Indonesia,    Hal  yang  paling berpengaruh terhadap kesinambungan pertumbuhan  UMKM  di  Indonesia  adalah besarnya  basis  konsumsi.  Basis  konsumsi yang  besar  ini  akan  menjadi  tulang punggung,  bukan  hanya  bagi  pertumbuhan UMKM  namun  pertumbuhan  ekonomi secara keseluruhan. Kompas.com mencatatkan, pada tahun 2017, sebesar 56% pertumbuhan  ekonomi  Indonesia  didorong oleh konsumsi masyarakat. Salah satu factor yang  sangat  mempengaruhi  pertumbuhan basis konsumsi adalah meningkatnya populasi  kelas  menengah  di  Indonesia, bertumbuhnya  UMKM  ini  juga  secara langsung  meningkatkan  angka  penyerapan tenaga kerja, UMKM secara alami menyerap lebih  banyak  tenaga  kerja  dibandingkan dengan usaha besar. Tidak hanya itu dengan adanya  peran  teknologi  sekarang  ini  juga sangat berpengaruh terhadap bertumbuhnya UMKM seperti sekarang ini.  [3]
Di  Sebagian  daerah  di  wilayah Mojokerto  terdapat  banyak  sekali  pelaku usaha  UMKM  industri  sepatu  dan  sandal, mulai  dari  sepatu  untuk  anak-anak,  sepatu sekolah ataupun sepatu formal yang biasa di gunakan untuk guru atau pegawai kantoran. Warga  di  daerah  tersebut  kebanyakan berprofesi sebagai pengrajin sepatu sebagai sumber  mata  pencaharian  mereka,  sepatu yang  di  buat  berbagai  macam  tergantung permintaan  pasar  dan  tergantung  kondisi pasar.  Dalam  proses  penjualan  para  pelaku usaha sepatu biasa menjualnya di toko-toko di  luar  daerah  Mojokerto  tetapi  ada  juga pelaku  usaha  yang  menjual  sepatu  tersebut di tokonya sendiri, di era pandemi COVID- 19 ini pelaku usaha UMKM industri sepatu sangat di rugikan sekali karena kebanyakan produk sepatu yang dibuat untuk anak-anak sekolah  jadi  imbas  dari  di  liburkannya sekolah berdampak pada pelaku usaha tidak hanya itu karena Sebagian daerah memberlakukan PPKM jadi proses pengiriman  dan  pemasaran  sepatu  ke  toko- toko  luar  daerah  terhambat.    proses pemasaranya  pun  masih  terbilang  kurang efisien  karena  harus  datang  ke  toko-toko untuk  menawarkan  produk  sepatu  tersebut dengan  membawa  contoh  produk  sepatu yang di buat.
Di  era  modern  ini  penjualan  barang semua di lakukan secara online karena lebih efisien  dan  mengemat  waktu  tanpa  harus datang  ke  toko  terlebih  dahulu  untuk membeli  barang  yang  di  inginkan,  tidak hanya itu proses transaksi secara online pun di  anjurkan  karena  adaanya  COVID-19, tetapi  banyak  pelaku  usaha  sepatu  yang masih  belum  paham  cara  mengenalkan produk  sepatu  dan  proses  penjualan  sepatu secara online itu seperti apa.
Oleh karena itu untuk mempermudah pelaku  usaha  dalam  mengenalkan  produk sepatu  dan  proses  penjualan  sepatu  secara
online  agar  menjangkau  pasar  yang  lebih luas maka di butuhkan sebuah website yang di gunakan untuk transaksi penjualan sepatu dan pengenalan produk sepatu.
Pada  Penelitian  ini  di  buatlah perancangan  Sistem  Informasi  Penjualan Produk  Sepatu  Berbasis  Website  untuk memudahkan  pelaku  usaha  sepatu.  dengan adanya  website toko  online ini di  harapkan dapat  memaksimalkan  penjualan  produk pelaku usaha UMKM, beberapa hal yang di batasi pada penelitian ini adalah :
1. Peneletian  ini  hanya  meliputi  sistem informasi  penjualan  sepatu  berbasis website yang berisi berbagai informasi dan harga terakit produk yang akan di jual.
2. Produk yang di jual sepatu dan sandal hasil industri pelaku usaha UMKM.
3. Sistem monitoring penjualan menggunakan  website  secara  online dan efisien.
4. Website  digunakan  untuk  transaksi dan  pengenalan  mengenai  informasi produk.
Penelitian  perancangan  sistem  informas penjualan  produk  sepatu  UMKM  berbasis website mempunya tujua untuk :
1. Mengimplementasikan website
sebagai sarana penualan sepatu secara online  agar  dapat  membantu  pelaku usaha  UMKM  sepatu  agar  dapat menjangkau pasar yang lebih luas
2. Mempermudah  pelaku  usaha  UMKM dalam pendataan barang yang sudah di jual
3. Membantu  pelaku  usaha  UMKM pengajin  sepatu  dalam  melakukan transaksi jual beli
Tinjauan Pustaka
Website
website adalah sekumpulan halaman- halaman  dari  halamn  web  yang  sudah  di publikasikan  di  jaringan  internet  dan memiliki  domain/URL  yang  dapat  diakses semua  pengguna  internet  dengan  cara mengetikkan  alamat  webnya,  halaman website yang memuat informasi berupa data teks,  gambar,  suara,  animasi,  video  atau gabungan dari data-data tersebut, baik dalam bentuk statis maupun dinamis. [4]

## Framework Bootstrap
Menurut  (Eko,  2016:11),  “bootstrap merupakan  salah  satu  framework  HTML, CSS,  Dan    JS    yang    digunakan    untuk membuat  website  yang  bersifat  responsive atau  bisa menyesuaikan   tampilan   layout nya   berdasarkan   ukuran   viewport   dari device pengaksesnya,  mulai  dari  smartphone, tablet, maupun layar PC”. Bootstrap  adalah sebuah    framework    yang    dibuat    dengan menggunakan    bahasa    dari  HTML    dan CSS,    namun    juga    menyediakan    efek javascript    yang    dibangun    dengan menggunakan  jquery.  Dengan  bantuan bootstrap dapat mempermudah programmer dalam hal design website yang akan di buat.
[5]

## PHP
PHP Hypertext
Preprocessor (PHP)
merupakan  sebuah  script  open  source multifungsi  yang  sangat  sesuai  untuk pengembangan  sebuah  website  dan  bisa digabungkan  ke  dalam  Hypertext  Markup Language (HTML). Hal  yang membedakan antara  PHP  dengan  produk  lain  yang sejenisnya adalah bahwa eksekusi dari kode- nya  dilakukan  pada  sisi  server.  Ini  berarti client tidak akan bisa mengetahui pemrograman seperti apa yang akan dibuat.
[5]

## Codeigniter 3
CodeIgniter  adalah  sebuah  web  application network  yang  bersifat  open  source  yang digunakan  untuk  membangun  aplikasi  php dinamis.
CodeIgniter  menjadi  sebuah  framework PHP  dengan  model  MVC  (Model,  View, Controller)  untuk  membangun  website dinamis  dengan  menggunakan  PHP  yang dapat  mempercepat  pengembang  untuk membuat sebuah aplikasi web. Selain ringan dan  cepat,  CodeIgniter  juga  memiliki dokumentasi  yang  super  lengkap  disertai dengan contoh implementasi kodenya. [6]

## MYSQL
MySQL  merupakan bahasa  komputer ataupun bahasa pemrograman yang difokuskan untuk database atau penyimpanan data.Kegunanaan dari MySQL adalah  untuk  menyimpan  data-data  dalam kapasitas  ruang  yang  besar.  MySQL memiliki  banyak  keunggulan  contohnya seperti  database  yang  aman  dan  tidak memerlukan pembelian dalam menggunakannya.[7]

## Metode Penelitian
Metode  penelitian  yang  digunakan  adalah sebagai berikut :

## Tahap Perencanaan
Pada  tahap  ini  di  lakukan  identifikasi website toko online dengan cara menetapkan hasil  sesuai  dengan  apa  yang  di  harapkan. Guna mendapatkan informasi dan data yang dibutuhkan  dalam  pembuatan  penelitian  ini maka tahap pengumpulan data menggunakan tahapan seperti berikut :

## Metode Wawancara
Pengumpulan  data  dengan  cara  melakukan wawancara secara langsung kepada pemlilik usaha  UMKM  pengrajin  sepatu  dan  sandal mengenai  apa  saja  masalah  yang  sering terjadi  dalam  hal  pemasaran  produk  dan transaksi  jual  beli  barang  yang  di  lakukan serta memperoleh data-data yang di perlukan untuk pembuatan website toko online.

## Tahap Perancangan
Yaitu  melakukan  perancangan  agar  dapat menyediakan  rancangan  yang  di  harapkan. Pada  tahap  perancangan  ini  menggunakan konsep  OOP  (Object  Oriented  Program) agar mempermudah dalam pengerjaan suatu website. Perancangan ini meliputi rancangan database melalui use diagram, class diagram, sequence  diagaram  serta  rancangan  input dan  ouput  dibuat  sebagai  gambaran  awal yang memperlihatan tampilan aplikasi.

## Tahap Pengkodean (Coding)
Tahap coding ini menggunakan bantuan dari framework bootstrap sebagai bantuan untuk membuat tampilan webite lebih menarik dan penggunaan  framewok  Codeigniter  3  yang digunakan  sebagai  backend  yang  berfungsi untuk menjalankan code-code program yang akan di buat agar sesuai dengan fungsi yang telat di tetapkan.

## Tahap Uji Coba dan Implementasi
Pada proses ini sebelum website yang telah di  buat  digunakan  oleh  produsen  dan konsumen website telebih dahulu di uji coba seperti  keamanan  website  tersebut  di pastikan  aman  dari  serangan  hacker-hacker yang  bertujuan  untuk  mencuri  data-data penting milik produsen dan konsumen. Serta uji  coba  di  lakukan  dengan  cara  mencoba fungi-fungsi yang telah dibuat apakah sudah berjalan dengan benar tanpa adanya bug atau
masalah  dalam  penggunaanya.  Setelah semuanya  selesai  di  uji  coba  website  di implementasikan dengan melakukan pengisian  terakit  informasi  produk  yang akan di jual dan melakukan transaksi antara produsen  dan  konsumen  melalui  website tersebut.

## Hasil dan Pembahasan
Perancangan  sistem  informasi  penjualan produk sepatu UMKM  berbasis website ini berisi mengenai penyimpanan data member dan admin, profil toko, cara pembelian, data kategori  produk,  data  barang,  data  ongkos kirim,  data  order  barang  pesanan  dari member website toko sepatu.

## Perancangan Unifed Modeling Language
Model  yang  digunakan  untuk  perancangan aplikasi  berbasis  website  ini  adalah  unifed modeling language (UML). UML digunakan untuk  mempermudah  dalam  memahami rancangan sebuah sistem dengan mudah, alat bantu  yang  digunakan  ialah  use  case diagram dan class diagaram.

## Use Case Diagaram
Digunakan  untuk  menggambarkan  hal-hal apa saja yang bisa di lakukan oleh user pada website  toko  online  tersebut.  Berikut  use case diagram dari website yang akan di buat sebagai berikut :
Tabel 1 : Use Case Admin No . Requireme nt Aktor Kegiatan 1. Sebelum masuk ke halaman admin aktor harus memasukan username Admi n Login Administrat or
dan password terlebih
dahulu
2. Aktor dapat mengelola
user  siapa
saja yang bisa mengakses web tesebut Admi n Tata  Kelola User 3. Aktor dapat mengelola berbagai macam halaman yang terdapat pada web Admi n Tata  Kelola penyesuaian web
Kegiatan  pada  gambar  1  merupakan interaksi  antara  admin  dengan  sistem. Penjelasan use case diagaram admin dapat di lihat pada table 1.
Tabel 2 : Use Case Operator
No
. Requiremen t
Aktor Kegiatan 1. Aktor  dapat mengelola proses transaksi antara produsen dan konsumen Operato r Tata Kelola
transaks jual beli 2. Aktor  dapat mengelola terkait informasi dan harga produk yang akan di jual Operato r Tata kelola terhadap produk apa  saja yang akan di jul 3. Aktor  dapat mengelola informasi mengenai nasabah Operato r Tata kelola terhadap berbagai
informasi mengenai pelangga n
Jurnal Teknologi Dan Sistem Informasi Bisnis Vol. 4 No. 1 Juli 2022 Hal. 432-445 DOI : https://doi.org/10.47233/jteksis.v4i2.566

## Tabel 3 : Use Case Konsumen
Tabel 4 : Use Case Bos
No . Requireme nt Aktor Kegiatan 1. Aktor dapat melihat informasi apa saja terkait barang yang  akan di  beli  dari website terseut Konsume n Untuk melihat informasi dan  harga barang yang  akan di beli 2. Aktor dapat melakuan transaksi secara online  dan efisien Konsume n Tata kelola pada proses transaksi 3. Aktor dapat melihat barang yang  sudah beli di kirim sesuai tanggal permintaan Konsume n Tata Kelola pada tracking order untuk mengetah ui  barang yang sudah  di beli sampai aamat mana No. Requirement Aktor Kegiatan
1. Aktor mengelola laporan penjualan  tiap bulan Bos Tata  Kelola penjualan yang di hasilkan selama 1 bulan 2. Aktor data pelanggan  yang sudah  terdaftar sebagai member di website toko onine tersebut Bos Tata  kelola terhadap berbagai data pelanggan yang telah di input 3. Aktor dapat mengelola berbagai halaman web agar  web  lebih terlihat menarik dan menarik minat pembeli Bos Tata  kelola berbagai halaman website yang telah di
buat  atau  di tambahkan
Gambar  1  Use  Case  Diagaram  yang  akan dibuat pada website sebagai berikut :
Gambar 1 Use Case Diagaram

## Class Diagaram
Class  adalah  spesifikasi  yang  jika  di implementasikan  menghasilkan    sebuah objek yang merupakan inti dari pengembangan  dan  desain  berorientasi objek.  Class  diagara  juga  bisa  disebut sebagai kegiatan antara user dengan sistem. Class diagaram dapat d lihat pada gambar 2 seperti berikut :
Gambar 2 : Class Diagaram
Pada  gambar  2  terdiri  dari  27  class table  yang  berisi  toko,  supplier,  bank, pelanggan,  mutsi,  userlogin,  pembelian, promo, promo_data, lokasi_provinsi, produk_phot.  Produk  warna,  penjualan konfirmasi,  berita  kategori  dll.  Table  pada gambar 2 menjelaskan interaksi kegiatan apa saja  yang  di  lakukan  dari  kedua  aktor terhadap sistem.

## Struktur Navigasi
Dalam  tahapan  ini  penulis  memberikan gambaran  isi  sebuah  web  secara  terkonsep mengenai berbagai informasi apa saja  yang akan di tampilkan dalam website, agar dapat disusun secara baik dan teratur dalam sebuah bentuk  navigasi.  Berikut  ini  gambarn navigasi yang digunakan pada website toko online UMKM pengrajin sepatu.

## Struktur Navigasi User
Pada  navigasi  user  ini  digunakan  untuk mengatur tata kelola user yang akan di buat seperti  user  admin,  operator,  bos  dan pelanggan, struktur user ini digunakan agar tiap-tiap  user  mempunyai  tugas  dan wewenang masing-masing dalam mengelola website toko online. Dengan adanya struktur user  ini  diharapkan  pengelolaan  website dapat  di  lakukan  dengan  baik  sesuai  denga napa  yang  telah  di  konsepkan.  Gambar  3 adalah gambaran struktur navigasi user.

## Gambar 3 : Struktur Navigasi User

## Struktur Database
Dalam perancangan
website ini
menggunakan  satu  buah  database  dengan nama  “neraca_db”.  Dimana  terdapat berbagai macam tabel yang digunakan untuk menyimpan  sebuah  data  dari  fungsi-fungsi website yang telah dibuat. Berikut ini adalah struktur  dari  Sebagian  tabel-tabel  yang terdapat didalam database tersebut :
1. Tabel Pelanggan
Tabel  pelanggan  ini  digunakan  untuk  login sebagai  member  pembeli  yang  akan membeli  suatu  barang  di  toko  online tersebut. Struktur tabel pelanggan terdiri dari berbagai field seperti gambar 4 berikut
Gambar 4 : Tabel Pelanggan
2. Tabel Produk
Tabel produk ini digunakan sebagai database yang  menyimpan  informasi  terkai  produk, seperti nama produk, deskripsi produk, berat produk  dan  harga  produk.  Struktur  tabel tersebut seperi gambar 5 seperti berikut :
Gambar 5 : Tabel Produk
3. Tabel  Pembelian  dan  Tabel  pembelian detail
Tabel  pembelian  ini  digunakan  sebagai database yang menyimpan informasi terkait pembelian  suatu  produk,  seperti  detail pembelian,  tanggal  pembelian  dan  status pembelian,  struktur  tabel  tersebut  seperti gambar 6 dan gambar 7 berikut :
Gambar 6 : Tabel Pembelian
Gambar 7 : Tabel Pembelian Detail

## 4. Tabel Penjualan
Tabel  penjualan  ini  digunakan  sebagai database yang menyimpan informasi terkait penjualan  suatu  produk,  seperti  invoice produk, kota, alamat. Total barang dan kurir yang  digunakan  untuk  mengirim  barang tersebut.  struktur  tabel  tersebut  seperti gambar 8 berikut :
Gambar 8 : Tabel Penjualan

## 5. Tabel Berita
Tabel berita ini digunakan sebagai database yang  menyimpan  informasi  terkait  website toko online seperti informasi mengenai toko online  tersebut,  alamat  toko  online  dan alamat  toko  online.  Struktur  tabel  tersebut seperti gambar 9 berikut :
Gambar 9 : Tabel Berita
Berikut struktur tabel keseluruhan dari tabel- tabel database yang telah dibuat guna untuk menyimpan  berbagai  informasi  mengenai website toko online. Struktur tabel keseluruhan  tersebut  seperti  gamba  10 berikut :
Gambar 10 : Tabel Keseluruhan

## Perancangan Tampilan Website
Salah  satu  kriteria  paling  dasar  dalam pembuatan  website  adalah  tampilan  antar muka  yang  menarik.  Perancangan  tampilan halaman merupakan gambaran umum untuk pembuatan  tampilan  pada  website  toko online sepatu UMKM. Tampilan yang harus di  perhatikan  pertama  kali  pada  saat perancangan tampilan website adalah bagaimana  membuat  tampilan  yang  simple dan menarik  sehingga dapat  menarik minat pengguna dalam mengoperasikannya. Berikut  design  perancangan  tampilan  pada website toko online sepatu UMKM.
1. Perancangan Tampilan Beranda Halaman tampilan ini berisikan berbagai menu guna memudahkan guna memudahkan konsumen mencari informasi  terkait  toko  ataupun  informai terkait  produk  yang  di  jual,  terdapat berbagai navigasi seperti, katalog produk, keranjang untuk checkout barang, konfirmasi  pembayaran,  tracking  order dan  informasi  mengenai  toko,  halaman tersebut  dapat  di  lihat  di  gambar  11 sebagai berikut :

## Gambar 11 : Halaman Awal
2. Perancangan Tampilan Konfirmasi
Pembayaran Halaman  pada  tampilan  konfirmasi pembayaran  berisikan  mengenai  no invoice,  total  harga  barang,  transfer  ke rekening  admin,  nama  pembeli,  tanggal transfer dan bukti transfer, halaman ini di fungsikan  sebagai  menu  konfirmasi bahwa barang yang telah di order benar- benar  sudah  di  bayarkan  oleh  pembeli, tampilan  rancangan  tersebut  seperti gambar 12 berikut :
Gambar 12 : Halaman Konfirmasi Pembayaran
3. Halaman Traking Order dan Informasi
Halaman  pada  tampilan  tracking  order digunakan  untuk  melacak  barang  yang
sudah  di  beli  sudah  sampai  mana. Sedangkan  menu  informasi  memuat berbagai  informasi  terkait  toko  online tersebut.  Rancangan  tampilan  tersebut bisa  di  lihat  pada  gambar  13  dan  14 sebagai berikut :
Gambar 13 : Halaman Tracking Order
Gambar 14 : Halaman Informasi
4. Perancangan Tampilan Admin
Pada  tampilan  di  fungsikan  untuk  tata kelola  website  terkait  produk  apa  saja yang  di  jual,  informasi  produk,  harga produk, stok  barang, transaksi  dan mitra yang  melakukan  kerja  sama.  Rancangan tampilan halaman tersebut seperti gambar 15 sebagai berikut :

## Gambar 15 : Halaman Admin
5. Halaman Member
Halaman  pada  tampilan  member  di gunakan  untuk  member  yang  berfungsi saat member akan membeli suatu barang dan konfirmasi pembayaran dengan login member  terlebih  dahulu.  Rancangan tampilan  halaman  tersebut  bisa  di  lihat pada gambar 16 sebagai berikut :

## Gambar 16 : Halaman Member

## Hasil dan Pembahasan
Dari  hasil  perancangan  tampilan  dan database yang telah dibuat dari penelitian ini menghasilkan sebuah website yang berfungsi  untuk  menarik  minat  konsumen untuk  mengunjungi  website  tersebut.  menu
navigas  pada  website  di  buat  efisien  agar mempermudah  dalam  penggunaanya.  Pada website  tersebut  transaksi  tidak  bisa  di lakukan  secara  instan  sehingga  apabila barang  sudah  di  order  maka  pembeli  harus mengirimkan  bukti  transfer  telebih  dahulu kepada  admin  agar  barang  yang  sudah  di pesan  segera  di  proses.  Itu  juga  menjadi kekurangan dalam pembuatan website ini, di sediakan  juga  menu  untuk  daftar  dan  login sehingga  untuk  pengguna  baru  dapat registrasi  terlebih  dahulu  agar  dapat menggunakan  fasilitas  sebagai  member. Kelebihan dari website ini yaitu menu rekap data,  menu  rekap  data  di  sediakan  untuk member sebagai rekap data atas barang yang di beli dan rekap data untuk admin yang di gunakan  sebagai  rekap  data  transaksi  dan barang apa saja yang telah laku di jual. Tidak hanya  itu  keamanan  data-data  konsumen pada web ini juga sangat di perhatikan oleh karena  itu  enkripsi  password  tiap  user menggunakan  Base64  sebagai  salah  satu bentuk  enkripsinya.  Untuk  lever  user  pada website  ini  di  bedakan  menjadi  admin. Operator, bos dan member yang mempunyai tugas masing-masing tiap user  Berikut salah satau  rekap  data  yang  ada  pada  website meliputi rekap data pada member dan rekap data  pada  admin  seperti  gambar  17  dan  18 sebagai berikut :

## Gambar 18 : Halaman Rekap Data Member
Gambar 19 : Halaman Rekap Data Bos
Salah satu kelebihan yang di tonjolkan pada website  ini  adalah  rekap  data  dan kemudahan  penggunaan  pelaku  usaha UMKM dan konsumen.

## Penutup
Berdasarkan  penelitian  dan  hasil  uji  coba aplikasi yang telah dilakukan maka, dapat di simpulkan sebagai berikut :
1. Dengan adanya website toko online iki maka  penjualan  pelaku  UMKM  dapat meningkat karena pasar yang di jangkau lebih  luas  dan  informasi  yang  di butuhkan  dapat  di  peroleh  oleh masyarakat  luas  dengan  mudah  dan efisien 2. Website toko online ini diimplementasikan sebagai pemanfatan teknologi  untuk  media  pemasaran  dan penjualan  produk  sepatu  pelaku  usaha UMKM
3. Laporan rekap data untuk mempermudah  pelaku  usaha  UMKM dalam  melakukan  perekapan  data  atas barang  apa  saja  yang  sudah  terjual dalam  kurun  waktu  yang  bisa  di tentukan sesuai dengan yang di minta
4. Keamanan  website  lebih  di  perhatikan seperti penanganan serangan sql injection Website toko online ini masih jauh dari kata sempurna  masih  banyak  kekurangan  lain yang  terdapat  dalam  website  ini.  Fitur-fitur yang  harus  di  kembangkan  lagi,  tampilan yang masih perlu di perbaiki. Penambaham fitur-fitur  seperti  chating  online  antara pembeli dan pelanggan agar mempermudah pembelian  barang  sesuai  request  pembeli dan  pembayaran  yang  masih  terbilang manual yang masih membutuhkn konfirmasi pembayaran  yang  lumayan  lama.  Untuk kedepanya disarankan untuk di kembangkan pada perangkat Android dan IOS agar lebih mudah dalam penggunaanya.

## Daftar Pustaka
[1] S. Dwi, S. Prodi, P. Ekonomi, and F. Ekonomi,  “PENGARUH  JUMLAH TENAGA  KERJA  DAN  MODAL TERHADAP  HASIL  PRODUKSI
INDUSTRI  KECIL  SEPATU  DAN SANDAL  DI  DESA  SAMBIROTO KECAMATAN SOOKO KABUPATEN MOJOKERTO.” [2] “Perancangan Sistem Informasi Penjualan Minuman Kemasan Berbasis  Web  Pada  Toko  Bambu Sejahtera Bekasi”. [3] D. Krisnawati, “PERAN PERKEMBANGAN  TEKNOLOGI DIGITAL PADA STRATEGI PEMASARAN DAN JALUR DISTRIBUSI UMKM DI INDONESIA  (Studi  Kasus:  UMKM
Kuliner  Tanpa  Restaurant  ’Kepiting Nyinyir’),” 2018.
[4] A. Ibrahim, A. Ambarita, and P. Sains dan  Teknologi  Wiratama  Maluku Utara, “INFORMATION SYSTEMS WATER CUSTOMERS COMPLAINTS  WEB-BASED  ON PDAM TERNATE CITY,” 2018.
[5] M. Saed Novendri et al. , “APLIKASI
INVENTARIS  BARANG  PADA MTS  NURUL  ISLAM  DUMAI MENGGUNAKAN PHP DAN MYSQL.”
[6] Y.  Anggraini,  D.  Pasha,  and  A.
Setiawan,  “SISTEM  INFORMASI PENJUALAN  SEPEDA  BERBASIS WEB MENGGUNAKAN FRAMEWORK CODEIGNITER (STUDI KASUS : ORBIT STATION),” Jurnal  Teknologi  dan Sistem Informasi (JTSI) , vol. 1, no. 2, pp. 64–70, 2020, [Online]. Available: http://jim.teknokrat.ac.id/index.php/J TSI
[7] A. B. Putra and S. Nita, “Perancangan dan  Pembangunan  Sistem  Informasi E-Learning  Berbasis  Web  (  Studi Kasus  Pada  Madrasah  Aliyah  Kare Madiun  ),” Seminar Nasional Teknologi Informasi dan Komunikasi 2019 , vol. 1, no. 1, pp. 81–85, 2019.