INNOVATIVE:  Journal  Of  Social  Science  Research Volume 4 Nomor 2 Tahun 2024 Page 4550-4570 E-ISSN 2807-4238 and P-ISSN 2807-4246
Website: https://j-innovative.org/index.php/Innovative
Rancang Bangun Sistem Informasi Penjualan Alat Mesin Cuci Mobil Berbasis Website (Studi Kasus: Ud Surya Sakti)
Kio Putri Ismayanti
Information System, Industrial Engineering Faculty, Telkom University Surabaya Email : kio.putri.20@student.is.ittelkom-sby.ac.id

## Abstrak
UD Surya Sakti adalah usaha penjualan mesin alat cuci mobil yang berlokasi di Kota Sidoarjo. Penjualan dilakukan  secara  manual  dengan  menggunakan  nota  tertulis,  menyebabkan  kesalahan  pencatatan karena  miskomunikasi  antara  pegawai  dan  pemilik.  Pelanggan  juga  kesulitan  dalam  transaksi  dan mendapatkan  informasi  produk.  Oleh  karena  itu,  implementasi  sistem  informasi  penjualan  berbasis website  bertujuan  menyederhanakan  proses  transaksi  dan  penyimpanan  data  secara  otomatis. Pengembangan sistem mengikuti model Software Development Life Cycle (SDLC) prototype dengan tahapan initial requirements, design, prototype, customer evaluation, review & updation, development, testing,  dan  maintenance.  Rancang  bangun  sistem  ini  diharapkan  memfasilitasi  pemasaran  produk secara  luas  dan  menyederhanakan  proses  transaksi  penjualan,  memudahkan  perusahaan  dan pelanggan. Dengan adanya sistem ini, UD Surya Sakti dapat meningkatkan efisiensi operasional dan pelayanan kepada pelanggan.
Kata Kunci : Prototype, Sistem Informasi Penjualan, Sistem Informasi Berbasis Website

## Abstract
UD Surya Sakti is a business selling car washing machines located in Sidoarjo City. Sales were carried out manually using written notes, causing recording errors due to miscommunication between employees and  owners.  Customers  also  have  difficulty  making  transactions  and  getting  product  information. Therefore,  the  implementation  of  a  website-based  sales  information  system  aims  to  simplify  the transaction  process  and  store  data  automatically.  System  development  follows  the  Software Development Life Cycle (SDLC) prototype model with stages of initial requirements, design, prototype, customer  evaluation,  review  &  update,  development,  testing,  and  maintenance.  The  design  of  this system is expected to facilitate widespread product marketing and simplify the sales transaction process, making  things  easier  for  companies  and  customers.  With  this  system,  UD  Surya  Sakti  can  improve operational efficiency and service to customers.
Keyword: Prototype, Sales Information System, Website Based Information System.

## PENDAHULUAN
Perkembangan  teknologi  saat  ini  mendorong  perusahaan  untuk  memanfaatkan teknologi agar dapat mempermudah pekerjaan dan mencapai tujuan bisnis [1]. Pemanfaatan perkembangan teknologi tersebut sudah dirasakan pada masyarakat terutama dalam media informasi dan komunikasi [2]. Salah satunya yaitu penggunaan komputer dan internet yang sudah diterapkan di berbagai sektor bisnis dengan penggunaan situs web. Penjualan yang dilakukan  pada  situs  web  dapat  diakses  oleh  siapa  saja  yang  memiliki  koneksi  internet sehingga transaksi penjualan juga lebih fleksibel, tidak seperti cara tradisional yang harus menemui penjual terlebih dahulu.
UD Surya Sakti merupakan usaha yang bergerak dalam bidang jual beli barang berupa alat mesin cuci mobil. UD Surya Sakti menjual empat produk berbeda, yaitu Nippon High Pressure Jet Cleaner, Soap Bottle, Spay Gun, dan Spray Nozzle. Cara pemesanannya saat ini membuat pelanggan menghadapi kendala dalam melakukan pemesanan di UD Surya Sakti karena harus menemui penjual secara langsung, menyebabkan kesulitan saat ingin membeli barang  kapan  pun  diperlukan.  Kendala  lain  juga  dialami  oleh  pemilik  UD  Surya  Sakti diantaranya  seperti  kesalahan  dalam  pendataan  jumlah  barang  terjual,  pendataan pelanggan yang membeli, dan selisih ketersediaan stok. Permasalahan tersebut ditemukan saat mengobservasi secara langsung pada UD Surya Sakti.
Oleh karena  itu berdasarkan permasalahan yang telah dipaparkan diatas, UD Surya Sakti membutuhkan pemanfaatan teknologi sistem informasi untuk menjalankan aktivitas bisnisnya.  Penggunaan platform  marketplace  sebagai  saluran  penjualan  sebenarnya  bisa menjadi  opsi  bagi  perusahaan.  Meskipun  menawarkan  keunggulan  berupa  kemudahan aksesibilitas  dan  potensi  jangkauan  konsumen  yang  luas,  aspek  biaya  administrasi  yang
tinggi  sekitar  5-10%  dari  setiap  transaksi  akan  memotong  keuntungan  atau  laba  yang seharusnya  bisa  didapatkan  perusahaan.  Pemanfaatan  teknologi  yang  dapat  mengatasi masalah-masalah  tersebut  salah  satunya  adalah  penerapan  sistem  informasi  penjualan berbasis website dengan metode SDLC Protoype. Penelitian ini akan menganalisis proses bisnis sebelum (as is) dan sesudah (to be) implementasi sistem baru. Analisis proses bisnis ini akan menjadi landasan utama dalam pembuatan software requirement atau persyaratan perangkat lunak. Pada metode ini, Prototype sistem yang sudah dibuat akan ditunjukkan kepada UD Surya Sakti untuk d ireview dan diberikan umpan balik yang dapat berupa kritik atau saran. Jika terdapat umpan balik dari perusahaan maka akan dilakukan perancangan prototype kembali sampai perusahaan merasa puas dengan hasil prototype. Setelah itu hasil akhir  dari  prototype  akan  dikembangkan  pada  tahap development.  Website  ini  akan mencakup fitur utama, yakni transaksi penjualan bagi pelanggan dan pendataan penjualan bagi perusahaan.
Pada penelitian terdahulu yang dilakukan oleh Najwa, N pada tahun 2022, metode yang  digunakan  adalah  metode  SDLC prototype  dalam  pengembangan  website  sistem informasi penjualan elektronik. Hasil dari penelitian tersebut memberikan kemudahan bagi pihak  toko  dalam  hal  pencatatan  dan  mempermudah  transaksi  pelanggan  termasuk kemampuan untuk memesan produk secara online [3].
Dengan menggunakan SDLC prototype, perusahaan dapat secara aktif terlibat dalam evaluasi langsung terhadap perangkat lunak yang sedang dikembangkan. Ini memberikan kesempatan untuk mengidentifikasi dan mengatasi potensi masalah atau ketidaksesuaian dengan kebutuhan  sejak  awal,  sehingga mengurangi  risiko kesalahan yang  dapat terjadi pada tahap development. Dengan mendapatkan umpan balik secara berkala, perusahaan dapat  mengakomodasi  perubahan-perubahan  kecil  atau  besar  yang  mungkin  muncul selama iterasi pengembangan.
Metode  yang  digunakan  untuk  tahap  pengujian  adalah blackbox  testing  metode Equivalence Partitioning. Metode ini akan berfokus pada fungsionalitas sistem dan menilai apakah fungsi-fungsi, input, dan output dari perangkat lunak sesuai dengan persyaratan yang  telah  ditentukan  [4]. Equivalence  Partitioning  merupakan  metode  pengujian  yang menggunakan data masukan pada setiap formulir dalam sistem aplikasi informasi kinerja data.  Dalam  pengembangan  sistem  informasi  penjualan  berbasis website  menggunakan bahasa  pemrograman Hypertext  Markup  Language  (HTML)  dan  Hypertext  Preprocessor (PHP), serta MySQL sebagai database dalam penyimpanan data.
Dengan  adanya  penelitian  ini,  perusahaan  dapat  mengurangi  potensi  kesalahan manusia,  menyederhanakan  proses  bisnis,  dan  sehingga  memungkinkan  perkembangan
bisnis yang lebih cepat dan meningkatkan kepuasan pelanggan serta penjualan [5]. Sistem informasi  penjualan  ini  dapat  membantu  perusahaan  untuk  membuat  keputusan  karena memiliki dashboard analytics mengenai data penjualan seperti data stok barang, data kota dengan  penjualan,  data rating  produk,  data  pendapatan  perbulan,  data  jumlah  produk terjual secara otomatis, Selain itu, analisis proses bisnis yang mendalam sebagai dasar dari pembuatan  requirement  diharapkan  dapat  memberikan  panduan  yang  tepat  untuk merancang  sistem  yang  lebih  efektif  dan  sesuai  dengan  kebutuhan  perusahaan  serta meningkatkan kepuasan pelanggan dan penjualan.

## METODE PENELITIAN
Gambar 1. Prosedur penelitian
Gambar  1  diatas  merupakan  prosedur  penelitian  yang  mencakup  metode  sebagai berikut:
1. Pengumpulan Data
Metode yang digunakan untuk pengumpulan data adalah wawancara kepada pemilik UD Surya Sakti dan observasi secara langsung.
2. Studi Literatur
Studi  literatur  dikumpulkan  dengan  cara  mencari  dan  mengumpulkan  buku, jurnal dan prosiding terbaru (paling lama 5 tahun ke belakang).
3. Pengembangan Sistem
Metode  pengembangan  sistem  yang  digunakan  adalah  metode  SDLC prototype.  Dalam  proses  rekayasa  persyaratan,  prototype  dapat  mendukung perolehan dan validasi persyaratan sistem dengan memberikan representasi visual yang lebih konkret [6]. Metode SDLC prototype yang digunakan dalam penelitian ini bertujuan  untuk  mendapatkan  gambaran  aplikasi  yang  akan  dibangun  melalui konsep prototipe aplikasi  sebelum dievaluasi oleh pengguna [7].  Metode ini memiliki beberapa tahap yaitu :

## 1) Initial Requirements
Pengembang  mencatat  dan  memahami  kebutuhan  apa  yang  pengguna perlukan dalam pengembangan perangkat lunak ini
2) Design
Setelah  pengembang  mengerti  akan  kebutuhan  pengguna  maka pengembang akan desain awal.
3) Prototyping
Kemudian pengembang akan mengimplementasikan desain tersebut menjadi prototype UI/UX agar bisa di review oleh pengguna.
4) Customer Evaluation
Pengembang  akan  menunjukan  hasil prototype  yang  sudah  jadi  kepada pengguna kemudian pengguna akan mengevaluasi hasil tersebut.
5) Review & Updation
Jika  pelanggan  memiliki  keluhan  maka  pengembang  wajib  me review  dan memperbarui prototype  sesuai dengan evaluasi pelanggan. Siklus tahap 3 sampai  5  akan  terus  diulang  sampai  pelanggan  merasa  puas  dan  sesuai dengan hasil prototype yang telah dibuat. Hasil akhir dari prototype tersebut yang kemudian akan dikembangkan menjadi website.
6) Development
Jika pelanggan sudah puas dengan hasil prototype maka pengembang bisa langsung ke tahap development untuk mengembangkan prototype menjadi software.  Dalam  pengembangan  ini  akan  menggunakan  bahasa pemrograman  PHP,  HTML,  dan Javascript  dengan  framework  laravel.
Sedangkan  untuk  penyimpanan  data  dalam database  akan  menggunakan server  MySQL.    HTML  (Hyper  Text  Markup  Language)  adalah  bahasa pemrograman terstruktur yang dirancang khusus untuk pembuatan halaman web  yang  dapat  diakses  dan  ditampilkan  melalui web  browser  [8].  PHP merupakan  adalah  bahasa scripting  server-side,  yang  artinya  pemrosesan data dilakukan pada sisi server dan biasanya dikombinasikan dengan HTML [9]. MySQL merupakan salah satu DBMS atau database management system yang menggunakan bahasa SQL untuk mengakses databasenya [10]. MySQL bersifat open source dan mendukung fitur seperti multithreaded, multi-user, dan SQL Database [11].
7) Test and maintain
Setelah  pengembangan website  selesai  maka  akan  di  tes  terlebih  dahulu dengan pengguna untuk meminimalisir kesalahan dalam software tersebut. Pengujian  akan  dilakukan  dengan  metode blacbox  testing  dengan  teknik equivalence partitioning. Dalam metode ini, setiap menu masukan akan diuji dan  dikelompokkan  berdasarkan  fungsinya,  baik  itu  berupa  nilai  valid  atau tidak valid. Pengujian equivalence partitioning pada perangkat lunak dapat direncanakan dengan memeriksa keluaran dan data masukan [12]. Penerapan Teknik equivalence  partitioning  dapat  memberikan  kontribusi  pada  tahap pembuatan  kasus  pengujian,  menilai  kualitas,  mendeteksi  kesalahan,  dan memastikan bahwa aplikasi yang sedang diuji sesuai dengan fungsionalitas yang diinginkan

## HASIL DAN PEMBAHASAN

## PROSES BISNIS
Proses  bisnis  merupakan  rangkaian  aktivitas  dalam  perusahaan  yang  memiliki keterkaitan  dan  bekerja  sama.  Proses  bisnis  akan  mengatur  seluruh  kegiatan  pada perusahaan termasuk pengelolaan dan manajemen  [14]. Di dalam proses bisnis terdapat tujuan,  input,  output,  aktivitas  dalam  beberapa  tahap  yang  memengaruhi  proses  dalam berbisnis.
Gambar 2. Proses Bisnis As Is
Pada gambar 2 terdapat proses bisnis penjualan alat mesin cuci mobil yang dimulai dari pemilik UD Surya Sakti yang mengajukan kerja sama berupa proposal dengan koperasi BRI. Setelah koperasi BRI menerima proposal tersebut maka pemilik UD Surya Sakti akan mempromosikan  mesin  (demo  penggunaan  dan  manfaat  mesin)  di  cabang-cabang  BRI. Pelanggan yang merasa tertarik dengan produk harus menghubungi pemilik UD Surya Sakti terlebih dahulu untuk menanyakan stok. Jika ada stok maka pemilik UD Surya Sakti akan memberikan formulir data pembelian yang harus diisi oleh pelanggan. Setelah itu pelanggan akan menyerahkan kembali formulir yang terlah diisi kepada pemilik UD Surya Sakti. Formulir tersebut akan diberikan kembali kepada Pemilik UD Surya Sakti. Setelah formulir diterima maka pemilik UD Surya Sakti akan menghubungi pelanggan untuk memberikan informasi
mengenai pembayaran. Jika pelanggan sudah melakukan pembayaran maka pemilik UD Surya  Sakti  akan  menyiapkan  nota  pembayaran  dan  juga  mengirimkan  produk  kepada pelanggan.

## Gambar 3. Proses Bisnis To Be
Setelah  pengimplementasian  sistem  informasi  penjualan  berbasis website  maka pelanggan bisa langsung membuka website penjualan untuk mencari tau tentang produk lebih lanjut seperti pada gambar 3 yaitu proses bisnis to be. Pada website akan tertera detail produk, harga, dan juga sisa stok yang ada. Pelanggan tidak perlu lagi harus menghubungi pemilik UD Surya Sakti untuk menanyakan stok. Pelanggan hanya perlu mendaftarkan akun kemudian memilih produk dan melakukan checkout. Saat melakukan checkout, pelanggan harus mengisi data diri dan mengupload bukti pembayaran untuk diverifikasi oleh pemilik UD Surya Sakti. Setelah itu pelanggan bisa cetak nota pembayaran dan menunggu produk sampai.

## KEBUTUHAN FUNGSIONAL
Kebutuhan fungsional menggambarkan tindakan atau fungsi yang perlu dilakukan oleh sistem  untuk  memenuhi  kebutuhan  pengguna.  Analisis  kebutuhan  fungsional  ini  adalah sebagai berikut:
1. Guest: dapat melihat daftar produk, mendaftarkan akun, login akun, dan lupa password.
2. User: dapat melihat produk, menambah produk ke keranjang, checkout, dan cetak nota pembayaran
3. Admin:  dapat  melihat  dashboard  admin,  daftar user,  data  penjualan,  verifikasi pembayaran, tambah atau edit produk.

## USE CASE DIAGRAM

## Gambar 4. Use case diagram Sistem Informasi Penjualan
Gambar 4 merupakan gambar use case diagram sistem informasi penjualan alat mesin cuci mobil pada UD Surya Sakti. Pada diagram tersebut memiliki 3 aktor utama yaitu guest, user,  dan  admin.  Aktor  guest  merupakan  pengguna/pengunjung  website  yang  tidak memiliki akun jadi hanya bisa melihat produk, register account, login, dan lupa password. Aktor user  merupakan  pelanggan  UD  Surya  Sakti  yang  sudah  memiliki  akun.  User  bisa melakukan transaksi utama yaitu membeli produk dengan menambah produk ke keranjang, checkout, mengisi data diri, dan mencetak nota pembayaran. User juga dapat mengubah jumlah  produk  yang  ada  dikeranjang,  menghapus  produk  dari  keranjang,  memberi testimoni, dan mengedit profil. Kemudian aktor admin merupakan pemilik UD Surya Sakti yang mengelola isi dari website. Admin dapat melihat daftar user, menghapus user, melihat data  penjualan,  merekap  penjualan,  memverifikasi  pembayaran,  menambah  produk, mengedit produk, menghapus produk, memverifikasi testimoni, dan mengedit profil.

## ACTIVITY DIAGRAM
Activity diagram merupakan suatu bentuk diagram yang menggambarkan ide tentang aliran  data/kontrol,  serta  aksi-aksi  terstruktur  yang  telah  dirancang  secara  cermat  dalam suatu sistem
Gambar 5. Activity Diagram Checkout
Gambar 5 diatas adalah gambar dari activity diagram checkout, dimana aktivitas dimulai dengan  saat  aktor  memilih button  checkout.  Kemudian  mengisi  data  diri  dan  juga mengunggah  bukti  pembayaran  berupa  foto. Dashboard  akan  menerima  data  diri  yang akan disimpan dalam database orders. Setelah itu dashboard akan menampilkan halaman detail order.

## EQUENCE DIAGRAM
Sequence  diagram  merupakan  suatu  diagram  yang  menampilkan  kolaborasi  antara objek-objek  yang  berinteraksi  satu  sama  lain  dalam  suatu class  [15]    Objek-objek  yang terlibat dalam proses operasi biasanya disusun  secara  berurutan dari kiri ke  kanan pada diagram ini [16] .

## Gambar 6. Sequence Diagram Checkout
Gambar  6 adalah  gambar  dari sequence diagram checkout,  dimana  terdapat objek- objek yang terlibat, serta interaksi antara objek-objek tersebut. Awalnya objek aktor akan mengakses boundary halaman utama  kemudian halaman  cart. Setelah  itu aktor memilih checkout sehingga akan tampil boundary halaman checkout. Setelah itu aktor akan mengisi data  diri  serta  mengunggah  bukti  pembayaran  berupa  foto  yang  akan  diproses  oleh controller dan disimpan dengan entity orders. Setelah itu akan ditampilkan boundary detail order.

## ER DIAGRAM
ERD  menunjukkan  hubungan  antar  tabel  dalam  basis  data,  dan  berfungsi  sebagai panduan dalam proses merancang dan mengembangkan struktur data yang akan menjadi dasar dari database-database untuk suatu sistem [4] [17]. Diagram ini menggunakan simbol atau objek yang terdiri dari tiga komponen utama, yaitu entitas, atribut, dan relasi, di mana setiap simbol saling terhubung satu sama lain [18].
Gambar 7. ER Diagram (database)
Gambar 7 merupakan ER diagram sistem informasi penjualan berbasis website. Pada ER diagram tersebut terlihat terdapat 6 entitas yaitu user/admin, order, testimoni, product, transaction,  dan  cart.  Untuk  user  dan  admin  berada  dalam  1  entitas  yang  membedakan adalah  atribut usertype.  Jika  usertypenya  adalah  admin  maka  ia  bisa  mengubah  data product,  orders,  dan  testimoni.  Sedangkan  jika  usertype  nya  user  maka  ia  akan  bisa melakukan transaksi pembelian.

## WIREFRAME

## Gambar 8. Wireframe halaman utama user
Gambar 8 merupakan gambar wireframe dari halaman utama user. Pada halaman ini. Pada bagian atas halaman ini  terdapat menu yang dapat diakses oleh aktor user seperti cart, transaksi, dan profil. Halaman ini juga akan memuat informasi mengenai produk yang dijual seperti nama, harga, rating produk, dan juga button  untuk menambahkan produk ke keranjang.
Gambar 9. Wireframe checkout
Gambar 10 merupakan gambar wireframe dari halaman checkout. Pada halaman ini terdapat informasi mengenai produk yang dibeli, harga, informasi pembayaran dan formulir berisi nama, alamat, nomor telepon, dan bukti pembayaran.

## Gambar 10. Wireframe dashboard admin
Gambar  11  merupakan  gambar wireframe  dari  halaman  dashboard  admin.  Pada halaman ini akan berisi diagram-diagram dan informasi mengenai penjualan UD Surya Sakti.

## Gambar 11. Wireframe list product
Gambar  12  merupakan  gambar wireframe dari halaman list  product. Aktor admin dapat melihat informasi produk yang dijual pada website
Gambar 12. Wireframe list order
Gambar 13 merupakan gambar wireframe dari halaman list order. Pada halaman ini terdapat  informasi  mengenai  semua  transaksi  yang  telah  dilakukan  oleh  pelanggan  dan admin dapat mencetak rekap data penjualan.

## PROTOTYPE
Gambar 13. Prototype halaman utama user
Gambar  15  merupakan  desain  halaman  Halaman  Utama user.  User  yang  telah melakukan login maka akan masuk ke halaman ini. Pada halaman ini aktor dapat memilih produk untuk ditambahkan ke keranjang.

## Gambar 14. Prototype cart
Gambar  16  merupakan  desain  dari  halaman  keranjang  atau cart  yang  memiliki produk.  Halaman  ini  menampilkan  produk  yang  tersimpan  dikeranjang  dan  juga  total harganya.  Pada  halaman  ini  aktor  dapat  mengubah  jumlah  produk  yang  ingin  dibeli, menghapus produk dari keranjang, dan juga melakukan checkout.

## Gambar 15. Prototype checkout
Gambar 17 merupakan desain dari halaman chechout. User yang telah memasukkan produk ke keranjang dan melakukan checkout maka harus mengisi data diri.

## Gambar 16. Prototype dashboard admin
Gambar 18 merupakan desain dari dashboard admin. Guest yang login sebagai admin akan diarahkan ke halaman ini. Pada halaman ini akan menampilkan dashboard analytics berupa diagram dan juga detail penjualan.

## Gambar 17. Prototype list product
Gambar  19  merupakan  desain  dari  halaman products.  Pada  halaman  ini  akan menampilan list product berupa nama, detail, harga, stok, dan gambar produk. Admin dapat menambah, mengedit dan juga menghapus produk yang ada.

## Gambar 18. Prototype list order
Gambar 20 merupakan desain dari halaman Orders. Pada halaman ini akan menampilkan list  order  yang  diterima  beserta  bukti  pembayarannya.  Admin  dapat  melihat  foto  bukti pembayaran  untuk  menentukan  apakah  verifikasi  akan  diterima  atau  tolak.  Admin  juga dapat mencetak rekap data dengan rentang tanggal waktu tertentu.

## CUSTOMER EVALUATION
1. CUSTOMER EVALUATION 1
Pada bagian ini customer atau pemilik UD Surya Sakti memberikan feedback berupa kritik dan saran mengenai prototype yang telah dicoba.
Tabel 1. Review Customer No Tampilan Review 1. Register Huruf terlalu kecil 2. Login Huruf terlalu kecil
3.  Lupa Password 1. Huruf terlalu kecil
2. Untuk penjelasan jangan menggunakan bahasa inggris
4 Tambah Produk Button cancel dan submit tidak terlihat 5 Edit Produk Button cancel dan update tidak terlihat
2. CUSTOMER EVALUATION 2
Dalam customer evaluation 2, UD Surya Sakti tidak memberikan feedback terkait prototype yang telah di update. Berdasarkan lampiran 2 hasil wawancara, UD Surya Sakti sudah  merasa  puas  dan  cukup  dengan  desain  yang  telah  diimplementasikan  dalam prototype. Pemilik UD Surya Sakti tidak menyampaikan kritik atau saran tambahan, yang mengindikasikan bahwa perubahan yang telah diterapkan mendapat penerimaan positif dari  pihak  UD  Surya  Sakti.  Keputusan  ini  dapat  mencerminkan  kepuasan  mereka terhadap  pemenuhan  kebutuhan  fungsional  dan  non-fungsional  yang  diintegrasikan dalam prototype terbaru.

## IMPLEMENTASI DAN PENGUJIAN

## 1. IMPLEMENTASI DATABASE

## Gambar 19. Desain data model database
Gambar  22  merupakan  gambar  desain data  model  database  sistem  informasi penjualan alat mesin cuci mobil. Pada database tersebut memiliki 6 tabel yaitu users, carts, products, orders, transactions, dan testimoni. Tabel users memiliki relasi dengan 3 tabel yaitu tabel carts, orders, dan testimoni. Tabel products memiliki relasi dengan 3 tabel yaitu tabel carts, transactions, dan testimoni. Sedangkan tabel orders memiliki relasi dengan tabel users dan transactions,

## 2. IMPLEMENTASI ANTAR MUKA

## Gambar 20. Implementasi halaman utama user
Gambar 23 diatas merupakan gambar implementasi dari halaman Halaman Utama user. User  yang telah login kemudian  akan diteruskan ke halaman ini. Pada  halaman ini terdapat menu home, cart, transaksi, dan logout. Selain itu pada halaman ini juga terdapat produk yang dijual pada UD Surya Sakti dengan harga dan juga rating produk dan juga contact person UD Surya Sakti. Untuk melihat detail produk dan menambahkan produk ke keranjang user dapat memilih button keranjang yang ada disetiap produk.

## Gambar 21. Implementasi halaman cart
Gambar 24 diatas merupakan gambar implementasi dari halaman cart. Pada halaman ini terdapat gambar produk dan total harga yang ada dikeranjang
Gambar 22. Implementasi halaman checkout
Gambar 25 diatas merupakan gambar implementasi dari halaman checkout. Pada halaman ini user yang melakukan checkout harus mengisi nama, alamat, nomor telepon, kota, dan mengunggah bukti pembayaran untuk disimpan sebagai transaksi.
Gambar 23. Implementasi cetak nota pembayaran
Gambar  26  diatas  merupakan  gambar  implementasi  dari  halaman  cetak  nota pembayaran oleh user.

## Gambar 24. Implementasi dashboard admin
Gambar 27 merupakan gambar implementasi dari halaman dashboard admin. Admin yang  telah login  kemudian  akan  diteruskan  ke  halaman  ini.  Pada  halaman  ini  terdapat beberapa  diagram  seperti  data  stok  barang,  data  kota  dengan  penjualan,  data rating produk,  data  pendapatan  perbulan,  data  jumlah  produk  terjual,  dan  detail  data  lainnya. Data-data tersebut ditampilkan agar dapat membantu admin untuk mengelola bisnis.
Gambar 25. Implementasi halaman list order
Gambar 28 diatas merupakan gambar implementasi  dari halaman products.  Pada halaman ini terdapat semua detail produk seperti nama, deskripsi, harga, stok, dan gambar produk

## Gambar 26. Implementasi halaman tambah produk
Gambar 29 diatas merupakan gambar implementasi dari halaman tambah produk. Admin yang ingin menambah produk harus mengisi detail produk berupa nama, deskripsi, harga, stok, dan mengunggah foto produk dan menyimpannya dengan memilih button submit.

## Gambar 27. Implementasi halaman list order
Gambar  30  diatas  merupakan  gambar  implementasi  dari  halaman orders.  Pada halaman  ini  menampilkan  semua list  order  oleh  user  dan  admin  dapat  mencetak  rekap penjualan dengan menentukan rentang tanggal.

## 3. PENGUJIAN SISTEM
Pengujian  sistem  yang  telah  dirancang  dilakukan  menggunakan  metode Black  Box Testing. Metode ini bertujuan untuk mengevaluasi fungsionalitas dan kehandalan sistem, dengan  fokus  pada  pengamatan  hasil  eksekusi  perangkat  lunak  melalui  data  uji,  tanpa memeriksa rincian internal implementasinya. Equivalence Partitioning merupakan metode pengujian  yang  menggunakan  data  masukan  pada  setiap  formulir  dalam  sistem  aplikasi informasi  kinerja  data.  Dalam  metode  ini,  setiap  menu  masukan  akan  diuji  dan dikelompokkan berdasarkan fungsinya, baik itu berupa nilai valid atau tidak valid.
Tabel 2. Hasil Pengujian No Test Case Detail Pengujian Hasil 1 Register akun  Guest membuka halaman website kemudian mendaftarkan akun dengan mengisi data diri seperti nama lengkap, email, dan password Valid 2 Login akun Guest memasukkan email dan password lalu dapat masuk ke sistem sebagai user. Valid 3  Lihat halaman utama Guest yang sudah login maka akan masuk ke halaman utama (sebagai user) yang berisi barang barang yang dijual pada UD Surya Sakti. Valid 4  Menambah produk ke keranjang User dapat memilih dan menambahkan produk yang ingin di beli ke keranjang. Valid
5 Checkout
User bisa melakukan checkout yang nantinya akan muncul halaman checkout dengan mengisi data diri dan terdapat total biaya yang harus dibayarkan dan cara pembayaran sekaligus. User memasukkan nama, Alamat tujuan, dan nomor telepon serta melakukan pembayaran dengan metode yang tersedia yaitu transfer bank kemudian
mengunggah bukti pembayaran yang akan secara
otomatis terkirim kepada admin. Valid 6  Cetak nota pembayaran Saat admin sudah menyetujui pembayaran maka user bisa melakukan cetak nota pembayaran Valid 7  Memberikan testimoni Transaksi yang sudah disetujui oleh admin, maka user bisa menambahkan atau memberikan testimoni yang berisi rating Bintang (1-5) dan komentar. Valid 8  Lihat dashboard admin Guest yang sudah login maka akan masuk ke halaman dashboard admin sebagai admin. Valid 9  Lihat daftar user Admin dapat melihat seluruh daftar user termasuk username dan email. Kemudian admin juga bisa menghapus akun user. Valid 10  Merekap data penjualan Admin dapat menentukan rentang waktu dan merekap data penjualan. Valid 11  Verifikasi pembayaran Admin dapat melihat pembayaran yang baru masuk dengan melihat bukti pembayaran yang diunggah oleh user. Kemudian admin bisa memilih apakah pembayaran disetujui atau tidak. Jika disetujui maka user akan bisa mencetak nota, namun jika tidak maka transaksi dibatalkan. Valid 12  Tambah produk Admin dapat menambah produk baru dengan memberikan detail produk. Valid 13 Logout User/admin keluar dari sistem. Valid
Pengujian  yang  dilakukan  menghasilkan  menunjukkan  bahwa  seluruh  fungsionalitas sistem teruji dengan validitas 100%. Kesuksesan pengujian ini memberikan keyakinan bahwa sistem dapat beroperasi sesuai dengan spesifikasi yang telah ditetapkan.

## SIMPULAN
Berdasarkan  analisis proses bisnis  sebelum ( as is) dan  setelah (to be) implementasi sistem,  terlihat  bahwa  sistem  informasi  penjualan  berbasis  website  telah  menghasilkan penyederhanaan  yang  signifikan.  Proses  bisnis  menjadi  lebih  efisien  dengan  otomatisasi beberapa langkah yang sebelumnya dilakukan secara manual dan memakan waktu 1-2 hari. Hal ini dapat meningkatkan produktivitas dan mengurangi potensi kesalahan manusia.
UD  Surya  Sakti  juga  dapat  mengakses  visualisasi  data  penjualan  dalam  bentuk diagram,  seperti  data  stok  barang,  data  penjualan  berdasarkan  kota,  rating  produk, pendapatan bulanan, dan jumlah produk terjual secara otomatis. Ini mempercepat proses pendataan  tanpa  perlu  melakukan  perhitungan  manual,  dan  membantu  UD  Surya  Sakti dalam pengambilan keputusan.

## DAFTAR PUSTAKA
Y. Firma nsyah, R. Maulana dan D. O. Hutagalung, “Impelementasi Model Prototipe Dalam Pembuatan  Sistem  Informasi  Penjualan  Sparepart  Sepeda  Motor,”  JUSTIAN,Jurnal Sistem Informasi Akuntansi, pp. 63-71, 2021.
R.  Nurjamil  dan  F.  Sembiring,  “Rancang  Bangun  Sistem  Inf ormasi  Penjualan  Furniture Berbasis Web Menggunakan Metode Prototype,” Jurnal Ilmiah Teknik Informatika dan Sistem Informasi, pp. 175-188, 2022.
N. F. Najwa, F. Kartika dan M. A. Furqon, “Rancang Bangun Sistem E -Commerce untuk Usaha Penjualan Elektronik,” Jurnal Nasional Teknologi dan Sistem Informasi, vol. 08, pp. 34- 43, 2022.
S. M. Sita Muharni, Analisa dan Perancangan Sistem Informasi, Yogyakarta: Bintang Pustaka Madani, 2021.
H. I. T. Simamora, “Perancangan Sistem Informasi Penjualan Cv Mitra Tanimen ggunakan Metode Prototype,” JURTEKSI (Jurnal Teknologi dan Sistem Informasi), vol. 6, pp. 173 - 178, 2020.
I. Sommerville, Software Engineering Ninth Edition, Boston: Pearson, 2011.
D. Ramasenjaya dan K. K. Juman, “Analisis Dan Perancangan Sistem Informasi Penjualan Jasa Pencucian Sepatu Dan Tas Pada Soji  Shoes And Bag Care Berbasis Mobile,”  Jurnal Informasi Dan Komputer, vol. 10, pp. 112-121, 2022.
S. Adam Saputra, Buku Sakti HTML, CSS & Javascript: Pemrograman Web Itu Gampang, Yogyakarta: Start Up, 2019.
H. F. Astria Firman dan X. N. Wowor, “Sistem Informasi Perpustakaan Online Berbasis Web,”
E-journal Teknik Elektro dan Komputer, vol. 5.
R.  F.  Ramadhan  dan  R.  Mukhaiyat,  “Penggunaan  DatabaseMysql  dengan InterfacePhpMyAdmin  sebagai  Pengontrolan  Smarthome Berbasis  Raspberry  Pi,” JTEIN: Jurnal Teknik Elektro Indonesia, vol. 1, 2020.
Sudaria,  S.  A.  Putra  dan  Y.  Novembrianto,  “Sistem  Manajemen  Pelayanan  Pelanggan Menggunakan PHP Dan MySQL ( Studi Kasus pada Toko Surya ),” TEKINFO, vol. 22, 2021.
R. Parlika, T. A. Nisaa, . S. M. Ningrum dan B. A. Haque, “Studi Literatur Kekurangan dan Kelebihan Pengujian Black Box,” TEKNOMATIKA, vol. 10 No. 02, pp. 131 -140, 2020.
A. R. Sinulingga, M. Zuhri, R. B. Mukti , Z. dan A. Saifudin, “Pengujian Black Box pada Sistem Aplikasi  Informasi  Data  Kinerja  Menggunakan  Teknik  Equivalence  Partitions,”  Jurnal Teknologi Sistem Informasi dan Aplikasi, vol. 03 No. 01, pp. 9-14, 2020.
“Proses Bisnis, Jenis, Tahapan, Fungsi Dan Manfaatnya,” Cybext, 26 August 2022. [Online]. Available: http://cybex.pertanian.go.id/mobile/artikel/99317/Proses-Bisnis-Jenis- Tahapan-Fungsi-Dan-Manfaatnya/. [Diakses 5 July 2023].
T. Arianti, A. Fa’izi, S. Adam dan M. Wulandari, “Perancangan Sistem Infor masiperpustakaan Menggunakan Diagram Uml (Unified Modelling Language),” Jurnal Ilmiah Komputer Terapan dan Informasi, vol. 1 No. 1, pp. 19-25, 2022.
A.  F.  Prasetya,  S.  dan  U.  L.  D.  Putri,  “Perancangan  Aplikasi  Rental  MobilMenggunakan Diagram UML (Unified Modelling Language),” Jurnal Ilmiah Komputer Terapan dan Informasi, vol. 1 No. 1, pp. 4-18, 2022.
B. J. M. Putra, A. Fu’adi dan D. A. . F. Yuniarti, “Analisa dan Rancangan Sistem Informasi Pariwisata  Pacitan  dengan  UML  dan  ERD,”  Information  System  For  Edu cators  And Professionals, vol. 7 No. 1, pp. 63-72, 2022.
V. . H. Pranatawijaya, W. R. Priskila dan P. B. A. A. Putra, “Penerapan Skala Likert dan Skala Dikotomi pada Kuesioner Online,” Jurnal Sains dan Informatika, vol. 5 No. 2, pp. 128 - 137, 2019.