Vol. 4 No. 2 Tahun 2024.

## Pembuatan Sistem Informasi Penjualan Pada Umkm Di Mamaci Dengan Menerapkan Plugin Woocommerce Dan Theme Wootisfy
Novita Shafitri* 1 , Dwi Yulian R.L 2
1 Manajemen Informatika
1,2 Sekolah Tinggi Ilmu Komputer PGRI Banyuwangi e-mail: * 1 shafitrinovita@gmail.com , 2 lingkeku@gmail.com
Abstract − The use of information systems has become the main means for business people in this digital era, which is used as a tool to maximize sales and marketing of a product to be sold. Mamaci store is an UMKM in the retail sector. Selling a variety of fashion and accessories, Mamaci currently only introduces clothing and  accessories  products  only  offline.  This  affects  the  number  of  online  customers  who  have  difficulty  in getting information about the latest products from Mamaci, causing Mamaci's current products to increase less  because  sales  are  only  around  the  store.  To  overcome  this  problem,  a  sales  information  system  was created  for  UMKM  at  Mamaci  by  implementing  the  Woocommerce  plugin  and  the  Wootisfy  theme.  The main  focus  of  the  sales  information  system  created  is  to  improve  the  performance  and  quality  of  the  user experience  with  a  focus  on  displaying  the  login  menu,  product  menu,  cart  menu,  checkout  menu,  and transaction menu. The method applied in this research uses a waterfall methodology that makes it easier for researchers to design and build websites. To create a sales information system using rapid coding techniques by utilizing several plugins, namely wordpress, woocomerce, and woostify. Before being tested to the user or application user, it was first tested using the black-box testing method, the result is that the system runs well as  planned,  and  no  errors  were  found.  With  the  information  system  that  has  been  made,  it  can  provide convenience to customers in online transactions, expand marketing reach, product sales and customers, with the transaction process easily understood by customers.

## Keywords  Information System, Wordpress, Woocommerce, Woostify
Abstrak  Pemanfaatan  sistem  informasi  telah  menjadi  sarana  utama  bagi  pebisnis  diera  digital  ini,  yang digunakan  sebagai  alat  untuk  memaksimalkan  penjualan  dan  pemasaran  suatu  produk  yang  akan  dijual. Mamaci store merupakan sebuah UMKM di bidang ritel. Menjual berbagai macam fashion dan accessories, Mamaci  saat  ini  hanya  memperkenalkan  produk  pakaian  dan  accessories  hanya  secara  offline.  Hal  ini mempengaruhi banyaknya pelanggan online yang kesulitan dalam mendapatkan informasi tentang produk terbaru dari Mamaci, sehingga menyebabkan produk Mamaci saat ini kurang meningkat karena penjualan hanya  di  sekitar  toko  saja.  Untuk  mengatasi  masalah  ini  pembuatan  sistem  informasi  penjualan  pada UMKM di Mamaci dengan menerapkan plugin woocommerce dan theme wootisfy. Fokus utama dari sistem informasi penjualan yang dibuat adalah untuk meningkatkan perform dan kualitas pengalaman pengguna dengan  fokus  untuk  menampilkan  tampilan  menu  login,  menu  produk,  menu  cart,  menu  checkout,  serta menu  transaksi.  Metode  yang  diterapkan  dalam  penelitian  ini  menggunakan  metodologi  waterfall  yang mempermudah  peneliti  dalam  merancang  dan  membangun  website.  Untuk  pembuatan  sistem  informasi penjualannya menggunakan  teknik  rapid coding dengan memanfaatkan  beberapa  plugin  yaitu wordpress, woocomerce,  dan  woostify.  Sebelum  diujikan  kepada  user  atau  pengguna  aplikasi  terlebih  dahulu  diuji menggunakan  metode  black-box  testing,  hasilnya  sistem  berjalan  baik  sesuai  dengan  yang  direncanakan, serta  tidak  ditemukan  kesalahan.  Dengan  adanya  sistem  informasi  yang  telah  dibuat  ini  dapat  memberi kemudahan  kepada  pelanggan  dalam  bertransaksi  online,  memperluas  jangkauan  pemasaran,  penjualan produk dan pelanggan, dengan proses transaksi mudah dipahami pelanggan.
Kata Kunci  Sistem Informasi , Wordpress, Woocommerce, Woostify

## 58 | JEKIN (Jurnal Teknik Informatika)

## I. PENDAHULUAN
Pada masa sekarang ini perkembangan dan kemajuan system informasi berkembang sangat pesat sangat diperlukan bagi pebisnis di era digital saat ini. Berdasarkan hasil observasi yang telah dilakukan, bahwa Mamaci merupakan sebuah usaha produk di bidang bisnis yang saat ini hanya memperkenalkan produk pakaian dan accessories hanya secara  offline  dan  serta  pemasaran  yang  kurang  maksimal.  Hal  ini  mempengaruhi  banyaknya  pelanggan  online yang kesulitan dalam mendapatkan informasi tentang produk terbaru dari Mamaci, sehingga menyebabkan produk Mamaci saat ini kurang meningkat karena penjualan hanya di sekitar toko saja.
Pada  penelitian  sebelumnya  yang  berjudul  “Sistem  Informasi  Penjualan  Laptop  Berbasis  Woocommerce(Studi Kasus  Pt.  Portalbiz  Nusantara”.  Permasalahan  yang  dibahas  dalam  penelitian  ini  Proses  penjualan  laptop  masih menggunakan sistem tradisional via whatsapp. Yang mengakibatkan pencatatan order dan juga produk yang kurang efektif  untuk  penjualan  laptop.  Pembangunan  sistem  ini  menggunakan  metode  waterfall  untuk  aplikasi  nya  dan untuk pengumpulan datanya menggunakan metode kualitatif diharapkan dapat berjalan dengan baik dan efektif[1]. Penelitian  selanjutnya  berjudul  “Pengembangan  Media  Penjualan  Pada  Toko  Store  Anak  Branded  Dengan  E- Commerce”. Pada penelitian ini toko store anak branded mengalami masalah proses transaksi jual-beli dilakukan hanya    dilakukan    di    toko.  Pengembangan  sistem  ini  menggunakan  Business  Model  Canvas  (BMC),  dengan implementasi  E-Commerce  menggunakan  CMS  Wordpress  dan  Plugin  Woocommerce  serta  melakukan  evaluasi menggunakan   blackbox   testing . Setelah adanya pengembangan sistem informasi ini admin dapat memberikan kemudahan administrasi pengolahan data. Dan mempermudah admin dalam memberikan laporan-laporan transaksi penjualan[2].
Penelitian  lain  berjudul  “Implementasi  E-Commerce  Menggunakan  Plugin  Woocommerce  Pada  Toko Lovebouquet.Tng”[3], “Perancangan E-Commerce Untuk Mendukung Layanan Penjualan Pada Baby Cute Online Shop”[4], “Sistem Informasi Penjualan Berbasis E-Commerce Menggunakan Cms Wordpress Pada Toko Aksesoris Master  Tech  Komputer”[5],  “Implementasi  E-Commerce  Dengan  Content  Management  System  Wordpress Menggunakan  Woocommerce  Pada  Hopeandsoles.Id”[6],  “Sistem  Informasi  Penjualan  Pupuk  Organik  Berbasis Wordpress Pada Perusahaan Mikro Karang Taruna Tegalsari”[7], “Penjualan Online Berbasis E-Commerce Pada Toko  Adhizzshop  Dengan  Menggunakan  Woocommerce”[8].  Pada  beberapa  penelitian  tersebut  yang  dimana pemanfaatkan  sistem  informasi  dilakukan  melalui  penerapan  media  pemasaran  berbasis  e-commerce  dengan memanfaatkan  plugin  woocommerce  dapat  memudahkan  dalam  membangun  sistem  penjualan  yang  nantinya berdampak  dalam  pemasaran  produk  serta  menghasilkan  sistem  informasi  penjualan  E-commerce  berbasis online yang lebih baik.
Berdasarkan  analisa  penelitian  yang  dilakukan  untuk  mengatasi  masalah  ini  perlu  adanya  dukungan  sistem informasi  penjualan  pada  umkm  di  Mamaci.  Pemanfaatan  sistem  informasi  bisa  digunakan  sebagai  alat  untuk memaksimalkan penjualan dan pemasaran suatu produk yang akan dijual, salah satunya melalui penerapan media pemasaran  berbasis  e-commerce  dengan  menerapkan  plugin  woocommerce  dan  theme  wootisfy.  WooCommerce adalah  sebuah  plugin  di  wordpress.  WooCommerce  telah  dilengkapi  search  widget  yang  dibangun  hanya  untuk menampilkan  bagaimana  cara  menambahkan  produk,  melakukan  pemesanan  produk,  melakukan  pembayaran pesanan  dengan  transfer  bank,  dan  melakukan  konfirmasi  pembayaran.  Platform  woocommerce  ini  dapat disesuaikan  dengan  kehendak  bisnis dan  didukung  oleh  ribuan  extension  dan tema  yang  gratis  maupun  berbayar. Maka dari itu, penulis menggunakan tema woostify. Woostify adalah template tema yang dipakai untuk yang akan membuat  toko  online  di  WordPress  agar  tampilan  lebih  menarik  bagi  pelanggan  sehingga  dapat  meningkatkan keinginan mereka untuk membeli. Jika toko online ingin menggunakan plugin WooCommerce dan tema Woostify untuk menampilkan informasi produk.
Sistem  informasi  penjualan  yang  diusulkan  menggunakan  perangkat  lunak  wordpress  dan  memanfaatkan  plugin woocommerce  dan  woostify  dapat  mempermudah  dalam  menjual  produk  yang  lebih  luas,  memperluas  area promosi,  menampilkan  informasi  produk  secara  lengkap,  serta  tidak  kesulitan  dalam  proses  pemesanan  dengan cepat,  dan  dapat  diakses  dimana  saja.    Diharapkan  dengan  manfaat  dari  plugin  ini  dapat  memudahkan  dalam membangun  sistem  penjualan  yang  nantinya  berdampak  dalam  pemasaran  produk  serta  menghasilkan  sistem informasi penjualan E-commerce berbasis online yang lebih baik.

## II. METODE PENELITIAN
Metode dalam penelitian ini akan menggambarkan urutan dari tahapan awal sampai akhir. Tahapan penelitian ini  dibuat  sesuai  urutan  agar  terstruktur  dan  terlaksana  dengan  baik.  Tahapan  awal  yang  dilakukan  adalah  mulai dari  pembuatan  pembuatan  sistem  informasi  penjualan  pada  umkm  di  Mamaci    dengan  menerapkan  plugin woocommerce  dan theme  wootisfy    menggunakan  metode  waterfall.  Waterfall atau air  terjun  adalah  model  yang digunakan untuk pengembangan perangkat lunak ini[9]. Ada beberapa tahapan pengembangan system yang terbagi dalam berbagai tahapan.
Gambar 1. Metode Waterfall
1. Requirement
Tahap  ini  pengembang  sistem  diperlukan  komunikasi  yang  bertujuan  untuk  memahami  perangkat lunak  yang  diharapkan  oleh  pengguna  dan  batasan  perangkat  lunak  tersebut  Informasi  dianalisis  untuk mendapatkan data yang dibutuhkan oleh pengguna[10].
Informasi diperoleh melalui :
1. Wawancara
Melalui  tahapan  ini  dapat  mengetahui  masalah-masalah  yang  terjadi  yang  terjadi  pada  Mamaci maka dilakukan wawancara dengan mengajukan beberapa pertanyaan lisan dengan pemilik toko.
2. Observasi
Melalui tinjauan langsung dengan mengunjungi dan mengecek secara langsung di Mamaci, yang bertujuan untuk mengetahui informasi dan alur bisnis yang diterapkan secara detail sebagai landasan nantinya dalam merancang sistem yang akan diterapkan Mamaci.
3. Studi literatur
Studi  literatur  yaitu  upaya  untuk  mempelajari  masalah  yang  telah  dibatasi  sebelumnya  secara ilmiah  dan  teoritis.  Informasi  penelitian ini  berasal  dari  berbagai  sumber,  seperti  buku,  jurnal,  karya tulis  ilmiah,  yang  dilakukan  pada  landasan  teori  yang  jelas  dan  tepat  yang  telah  dikemukakan  oleh para ahli sebelumnya[11].
2. Design
Tahap  ini  adalah  untuk  menggambarkan  rancangan  dari  sistem  yang  akan  dibangun  bertujuan  untuk memberikan  gambaran  menyeluruh  tentang  apa  yang  akan  dilakukan,  dengan  menggunakan  use  case,  class diagram serta activity diagram.
3. Implementation
Pada tahap  ketiga ini  penulis  akan  mengimplementasikan  hasil  dari  design  sistem  di  tahap  sebelumnya. Dalam  pembuatan  website  ini  penulis  menggunakan  wordpress  karena  sangat  mudah  digunakan  dan  mudah dipahami.
4. Testing
Pada  tahap  ini  akan  dilakukan  pengujian  atau  testing  terhadap  sistem  yang  dibangun  apakah  sistem sepenuhnya  atau  sebagian  memenuhi  persyaratan  sistem.  Pada  penelitian  ini  pengujian  dilakukan menggunakan metode Black Box dengan melibatkan setiap aktor atau pengguna aplikasi. Black-Box Testing merupakan  sebuah  pengujian  berdasarkan  masukan  data  pada  sistem  informasi  penjualan  dan  akan dikelompokkan  berdasarkan  fungsinya  baik  itu  bernilai  valid  ataupun  tidak  valid.  Hal  ini  dilakukan  untuk mendapatkan  dokumentasi  pengujian  Sehingga  hasil  ini  dapat  memastikan  bahwa  semua  bagian  sudah  diuji untuk di lakukan perbaikan[12].

## 60 | JEKIN (Jurnal Teknik Informatika)

## III. HASIL DAN PEMBAHASAN

## 1. Perancangan Sistem
Tahap  ini  adalah  untuk  menggambarkan  tampilan  program  dan  rancangan  database,  penulis menggunakan use case, class diagram, activity diagram sebagai rancangan databasenya.
1. Use Case
Berikut ini adalah rancangan use case diagram dari sistem informasi penjualan yang menggambarkan bagaimana interaksi yang terjadi dalam sistem. Tugas Admin yaitu update informasi tentang produk yang akan di di jual, mengelola data transaksi. Costumer  memilih produk, dan melakukan transaksi.
Gambar 2. Use Case
2. Class Diagram
Berikut  ini  adalah  rancangan  class  diagram  dari  sistem  informasi  penjualan  yang  menggambarkan bagaimana interaksi yang terjadi dalam sistem.

## 3. Activity Diagram
Berikut  ini  adalah  rancangan  activity  diagram  dari  sistem  informasi  penjualan  yang menggambarkan bagaimana interaksi yang terjadi dalam sistem.

## Gambar 4. Activity Diagram

## 2. User Interface
Pada  tahapan  ini  dilakukan  setelah  perancangan  selesai  dilakukan  dan  selanjutnya  akan  diimplementasikan pada  sistem  infomari  yang  dipakai.    Tujuan  implementasi  adalah  untuk  menerapkan  perancangan  yang  telah dilakukan terhadap sistem.
Gambar 5. Halaman Login Customer

## 62 | JEKIN (Jurnal Teknik Informatika)
Halaman  login  customer  adalah  halaman  dimana  seorang  harus  mengisi  username  dan  user  password  untuk masuk ke halaman admin dari gambar 5. yaitu tampilan halaman login admin sebelum  masuk   dalam web, untuk menampilkan    halaman    login    admin  diharuskan  memasukkan  username  dan  password,  agar  sistem  dapat memeriksa  apakah  username  dan  password  ada  dalam  database  jika  tidak  ada  atau  salah  memasukkan  password atau username tidak bisa masuk ke halaman beranda.

## Gambar 6. Halaman Homepage
Gambar  6  merupakan    halaman    utama    saat    pengunjung    mengakses    sistem.  Gambar  diatas    untuk menampilkan  halaman  awal  yang  berisi informasi  produk  yang  telah di tampilkan  pada slide awal dan  di  upload oleh admin, seperti menu home, kategori produk, promosi produk, galeri produk, dan lokasi store.

## Gambar 7. Halaman Cart
Gambar  7  merupakan  gambar  yang  menjelaskan  tentang  tampilan  halaman  Cart,  pada  gambar  tersebut memiliki  fungsi  perintah  yang  nantinya  setiap  produk  yang  dipilih  akan  masuk  pada  database  keranjang,  seperti jumlah  produk  yang  akan  dipesan,  harga,  jumlah  shipping,  dan  total  dari  semua  pooduk  yang  akan  dibeli. Kemudian  pilih  button  checkout  untuk  melanjutkan  pada  tahap  proses  pembelian  selanjutnya.  Halaman  ini dirancang untuk memudahkan pembeli menyelesaikan pesanan mereka dengan cepat dan mudah.
Gambar 8. Halaman Checkout
Gambar  8  merupakan  halaman  dimana  costumer  harus  mengisi  identitas  data  diri  pembeli  seperti    nama, alamat,  nomor  telpon,  email,  metode  pembayaran  yang  akan  digunakan, customer lalu bisa membayar melalui tranfer  bank  atau  Cash  On  Deliver  (COD)  dan  mengonfirmasi  melalui  chat.  Kemudian  klik  button  pleace  order untuk melanjutkan pada menu selanjutnya.

## 3. Testing
Pada tahap ini, sistem informasi penjualan menggunakan Black-Box testing dengan hasil sebagai berikut :

## TABEL 1 TESTING BLACKBOX
No Skenario Pengujian Kasus Pengujian Hasil Pengujian Kesimpulan 1. Log In Masukkan P assword Valid Sesuai 2. Pembuatan akun baru Masukkan Username dan Password Valid Sesuai 3. Homepage Sistem menampilkan informasi tentang Homepage Valid Sesuai 4. Keranjang Sistem menampilkan menu keranjang Valid Sesuai 5. Checkout Sistem menampilkan menu checkout dengan menginput data diri dan melakukan pembayaran Valid Sesuai

## IV. KESIMPULAN
Berdasarkan  dari  berbagai  penjelasan  yang  diuraikan  dalam  bab-bab  sebelumnya,  maka  dapat  disimpulkan beberapa hal yaitu Sistem informasi penjualan ini dirancang menggunakan wordpress, plugin woocommerce, theme woostify  telah  berhasil  dibangun  dan  berjalan  normal,  dengan  fungsi  diantaranya  menu  log  in,  pembuatan  akun,

## 64 | JEKIN (Jurnal Teknik Informatika)
halaman  home,  keranjang  serta  halaman  checkout.  Hasil  pengujian  dengan  menggunakan  metode  Black  Box Testing menunjukkan semua hasil validasi dan verifikasi terhadap sistem telah berjalan sesuai scenario pengujian yang  telah  ditentukan.  Dengan  adanya  sistem  informasi  penjualan  dapat  mempermudah  calon  pelanggan  untuk melihat  produk-produk  tanpa  datang  langsung  ke  store.  Diantaranya  adalah  informasi  tentang  produk,  foto testimonial dari pelanggan, sehingga menambah penjualan store menjadi lebih baik dan informatif.

## UCAPAN TERIMA KASIH
Puji  syukur  kepada  Tuhan  atas  berkat-Nya  yang  melimpah,  penulis  dapat  menyelesaikan  proses  penyusunan jurnal yang berjudul “Pembuatan Sistem Informasi Penjualan Pada Umkm Di Mamaci Dengan Menerapkan Plugin Woocommerce  Dan  Theme  Wootisfy”.  Penulis  ingin  menyampaikan  terima  kasih  kepada  STIKOM  PGRI Banyuwangi  dan  Dosen  Pembimbing  yang  telah  membantu  memberikan  dukungan  terkait  dengan  penelitian  ini, dan  tidak  lupa  terima  kasih  juga  atas  dukungan  kepada  Owner  Mamaci  sehingga  penulis  bisa  menyelesaikan penelitian  ini.  Penulis  menyadari  bahwa  penelitian  ini  belum  mencapai  tingkat  kesempurnaan  yang  diharapkan. Oleh karena itu, penulis mengharapkan masukan dan saran yang berguna untuk perbaikan selanjutnya. berterima kasih atas pengertian yang diberikan. Semoga isi laporan ini dapat memberikan manfaat perkembangan ilmu bagi para pembaca.

## DAFTAR PUSTAKA
[1] S.  Kasus  dan  P.  T.  Portalbiz,  “SISTEM  INFORMASI  PENJUALAN  LAPTOP  BERBASIS WOOCOMMERCE,” vol. 7, no. 2, hal. 202–209, 2023.
[2] A.  S.  Fatin  dan  S. Juanita,  “Pengembangan  Media  Penjualan  Pada Toko  Store Anak  Branded  Dengan  E- Commerce,” vol. 9, no. 3, 2022.
[3] F.  D.  Nugroho,  L.  L.  Hin,  H.  Irawan,  dan  ...,  “Implementasi  E-Commerce  Menggunakan  Plugin Woocommerce  Pada  Toko  Lovebouquet.  Tng,” Pros.  Semin.  … ,  vol.  2,  no.  April,  hal.  889–898,  2023,
[Daring]. Tersedia pada: http://senafti.budiluhur.ac.id/index.php/senafti/article/view/639%0Ahttp://senafti.budiluhur.ac.id/index.php/ senafti/article/download/639/344
[4] R.  Jumandika,  L.  Suryadi,  D.  Mahdiana,  dan  A.  U.  Hamdani,  “Perancangan  E-Commerce  Untuk Mendukung  Layanan  Implementation  of  E-Commerce  To  Support  Sales,”  vol. 2,  no.  April,  hal.  943–952, 2023.
[5] M.  Cms,  W.  Pada,  dan  T.  Aksesoris,  “Sistem  Informasi  Penjualan  Berbasis  E-Commerce  E-Commerce Sales Based Information System Using Wordpress Cms on Master Tech Computer Accessories,” vol. 2, no. April, hal. 854–862, 2023.
[6] A. F. Pratama dan A. Diana, “Implementasi E-Commerce Dengan Content Management System Wordpress Menggunakan Woocommerce Pada Hopeandsoles.Id,” IDEALIS  Indones. J. Inf. Syst. , vol. 4, no. 1, hal. 20– 30, 2021, doi: 10.36080/idealis.v4i1.2769.
[7] R.  Krisnawati  dan  I.  Santoso,  “Sistem  informasi  penjualan  pupuk  organik  berbasis  wordpress  pada perusahaan mikro karang taruna tegalsari,” hal. 70–87.
[8] A.  U.  Hamdani,  S.  Informasi,  F.  T.  Informasi,  U.  B.  Luhur,  P.  Utara,  dan  K.  Lama,  “PENJUALAN ONLINE BERBASIS E-COMMERCE PADA TOKO,” hal. 26–34.
[9] D. Zaliluddin, “236615-Perancangan-Sistem-Informasi-Penjualan-B-1F26Bf41,” hal. 24–27, 1861.
[10] A. Wahid Abdul, “Analisis Metode Waterfall Untuk Pengembangan Sistem Informasi,” J. Ilmu-ilmu Inform. dan Manaj. STMIK , no. November, hal. 1–5, 2020.
[11] R.  Astuti,  “Perancangan  Sistem  Informasi  Penjualan  Berbasis  Web  Pada  Umkm  Cheese  Stick  Alfan,” Innotech J. Ilmu Komputer, Sist. Inf. dan Teknol. Inf. , vol. 1, no. 1, hal. 54–63, 2024.
[12] S.  P.  Budiarto et  al. ,  “Desain  Dan  Perancangan  Aplikasi  Jemput  Sampah  Online  Desa  Rejosari Menggunakan Agile Development,” vol. 7, no. 3, 2020.