Jurnal Teknik Informatika dan Sistem Informasi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E- ISSN 2503-2933 123

## Perancangan Sistem Informasi Penjualan Pada Buckscorner Berbasis Web
Ni Kadek Intan Pramesti Kencana Dewi 1 , Putu Jessita Aryati Dewi 2 , Dedy Panji Agustino,
S.Kom., M.MSI 3
Institut Teknologi dan Bisnis STIKOM Bali e-mail: 1 its.intanp12@gmail.com, 2 jessitadewi@gmail.com, 3 panji@stikom-bali.ac.id

## Abstrak
Buckscorner  menghadapi  tantangan  dalam  pengelolaan  data  penjualan  yang  tidak efisien dan keterbatasan jangkauan pasar karena masih mengandalkan proses penjualan manual yang  mengharuskan  pelanggan  untuk  datang  langsung  ke  toko.  Untuk  mengatasi  masalah tersebut,  penelitian  ini  bertujuan  untuk  merancang  Sistem  Informasi  Penjualan  berbasis  web yang  dapat  mengotomatisasi  proses  penjualan,  memperluas  aksesibilitas  pelanggan, mempercepat  layanan,  serta  meningkatkan  akurasi  data  penjualan.  Rancangan  sistem  ini dilengkapi  dengan  fitur-fitur  unggulan  seperti  pilihan  pengiriman  yang  fleksibel,  termasuk pengambilan barang di toko, serta pelacakan pesanan secara real - time . Selain itu, sistem ini juga dirancang  dengan  antarmuka  pengguna  yang  intuitif  dan  responsif,  memastikan  pengalaman belanja  yang  mulus  bagi  pelanggan.  Penelitian  ini  menggunakan  metode waterfall dalam perancangan  sistem,  dengan  mengintegrasikan Data  Flow  Diagram untuk  menggambarkan aliran  data  dan  proses  kerja  sistem,  serta Entity  Relationship Diagram  untuk  merancang database yang  terorganisir.  Hasil  penelitian  ini  berupa  rancangan  Sistem  Informasi  Penjualan berbasis  web  yang  diharapkan  dapat  mengoptimalkan  proses  penjualan  Buckscorner, meningkatkan  efisiensi  operasional,  memperluas  jangkauan  pasar,  serta  menyediakan  data penjualan yang akurat untuk mendukung pengambilan keputusan bisnis. Dengan fitur-fitur yang komprehensif  dan  fokus  pada  pengalaman  pengguna,  rancangan  Sistem  Informasi  Penjualan berbasis  web  ini  menawarkan  solusi  yang  kuat  untuk  membantu  Buckscorner  dalam menghadapi tantangan bisnis di era digital.
Kata  kunci: Sistem  Informasi Penjualan, Penjualan Manual, Otomasi Penjualan, Aksesibilitas Pelanggan, Efisiensi Operasional.

## Abstract
Buckscorner  faces  challenges  in  managing  inefficient  sales  data  and  limited  market reach because it still relies on a manual sales process that requires customers to come directly to  the  store.  To  overcome  these  problems,  this  research  aims  to  design  a  web-based  Sales Information  System  that  can  automate the  sales  process,  expand  customer  accessibility,  speed up  service,  and  improve  sales  data  accuracy.  The  system  design  is  equipped  with  excellent features such as flexible delivery options, including in-store pickup, as well as real-time order tracking. In addition, the system is also designed with an intuitive and responsive user interface, ensuring  a  seamless  shopping  experience  for  customers.  This  research  uses  the  waterfall method  in  system  design,  integrating  Data  Flow  Diagram  to  describe the  data flow  and  work process of the system, and Entity Relationship Diagram to design an organized database. The result  of  this  research  is  a  web-based  Sales  Information  System  design  that  is  expected  to optimize Buckscorner's sales process, improve operational efficiency, expand market reach, and provide accurate sales data to support business decision making. With comprehensive features and a focus on user experience, the design of the web-based Sales Information System.
124 Jatisi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E-ISSN 2503-2933
Keywords : Sales Information System, Manual Sales, Sales Automation, Customer Accessibility, Operational Efficiency.

## 1. PENDAHULUAN
Perancangan  didefinisikan  sebagai  proses  menciptakan  sistem  baru  untuk  mengatasi tantangan perusahaan, melalui evaluasi dan pemilihan dari berbagai alternatif sistem[1]. Sistem terdiri dari komponen hardware , software , brainware , dan data yang interaktif untuk mencapai tujuan  tertentu[2].  Informasi  adalah  hasil  dari  proses  pengolahan  data  yang  memberikan  nilai dan kegunaan yang lebih luas, penting untuk pengambilan keputusan[3].
Sistem  Informasi  adalah  alat  penting  dalam  bisnis  modern,  terutama  untuk  membantu pengambilan  keputusan  strategis[4].  Di  era  digital  seperti  sekarang  ini,  sistem  informasi memegang  peranan  penting  dalam  meningkatkan  efisiensi  dan  efektivitas  pengelolaan  bisnis, terutama  bagi  Usaha  Mikro,  Kecil  dan  Menengah  (UMKM).  Dalam  konteks  UMKM  seperti Buckscorner  yang  bergerak  di  bidang  industri fashion dengan  lokasi  yang  strategis  di  Bali, pengelolaan  informasi  penjualan  menjadi  hal  yang  sangat  penting.  Buckscorner  menghadapi masalah yang signifikan dalam pengelolaan data penjualan yang efisien.
Sistem  informasi  mengintegrasikan  pengelolaan  transaksi  sehari-hari,  mendukung aktivitas  manajerial,  dan  merancang  strategi  inisiatif,  menyediakan  laporan  yang  relevan. Penjualan  didefinisikan  sebagai  proses  memenuhi  kebutuhan  dan  keinginan  pembeli  untuk mencapai  manfaat  yang  saling  menguntungkan  [5]. Website adalah  kumpulan  halaman  untuk menampilkan informasi dalam berbagai format, memungkinkan pengguna untuk mengakses dan berinteraksi dengan konten[6].
Masalah  utama  yang  dihadapi  oleh  Buckscorner  adalah  mekanisme  penjualan  yang masih  mengandalkan  kunjungan  pelanggan  secara  langsung  ke  toko,  suatu  keterbatasan  yang mengurangi  efisiensi  dan  menyempitkan  cakupan  pasar.  Dalam  dunia  yang  terbiasa  dengan kenyamanan  transaksi  digital,  ketergantungan  pada  interaksi  tatap  muka  ini  mengecilkan kesempatan  bisnis  karena  hanya  memungkinkan  penjualan  selama  jam  operasional  toko  dan menimbulkan risiko kehilangan penjualan di luar jam tersebut. Proses manual intensif tenaga ini juga  menimbulkan  kemungkinan  kesalahan  dalam  pencatatan  data,  yang  dapat  berakibat  pada masalah  inventaris  dan  tantangan  dalam  mengantisipasi  permintaan  pasar.  Oleh  karena  itu, sangatlah  penting  untuk  Buckscorner  untuk  mengembangkan  sistem  informasi  penjualan  yang lebih  otomatis  dan  terintegrasi,  yang  tidak  hanya  mengotomatisasi  dan  memperhalus  proses penjualan  tetapi  juga  memperluas  aksesibilitas  bagi  pelanggan  dan  memberikan  analitik  yang mendalam  untuk  dukungan  keputusan  bisnis,  mengamankan  posisi  Buckscorner  dalam persaingan pasar yang ketat.
Penelitian  pertama  berjudul  “Sistem  Informasi  Penjualan  dan  Persediaan  Barang Dagang Pada Perusahaan Hakasima Kota Ternate”, dilakukan oleh Novita Burhan dan Arifandy Mario Mamonto, dipublikasikan pada Januari 2018. Tujuannya adalah untuk merancang sistem informasi  yang  mempercepat  pengelolaan  data  barang  dan  memudahkan  pembuatan  catatan transaksi  penjualan  serta  laporan  secara  cepat  dengan  menggunakan  Borland  Delphi  7  dan Microsoft  Access  sebagai  basis  data.  Hasil  penelitian  menunjukkan  bahwa  sistem  yang dikembangkan  dapat  meningkatkan  efisiensi  dan  efektivitas  pengelolaan  data  dan  transaksi penjualan di Perusahaan Hakasima [7].
Penelitian kedua berjudul "Sistem Informasi Penjualan Makanan Menggunakan Metode User Centered Design Berbasis Web", dilakukan oleh Yuli Pratama dan Aldi Mohammad. Iwan Wahyuddin,  dipublikasikan  pada  April  2022.  Tujuan  penelitian  ini  adalah  untuk  membuat website  toko online yang  memudahkan  transaksi  penjualan  makanan  dengan  menggunakan
Jurnal Teknik Informatika dan Sistem Informasi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E- ISSN 2503-2933 125
metode User  Centered  Design ,  memanfaatkan  PHP  sebagai  bahasa  skrip  dan  MySQL  untuk database .  Hasilnya  menunjukkan  bahwa  sistem  yang  dikembangkan  dapat  memudahkan pelanggan dalam melakukan pembelian dan mempermudah penjual dalam mengelola penjualan, sehingga meningkatkan efisiensi dan kepuasan pelanggan[8].
Penelitian  ketiga  berjudul  "Sistem  Informasi  Penjualan  Gitar Online ",  oleh  Pradhika Ulil  Albab,  Ucuk  Darussalam,  dan  Winarsih,  diterbitkan  pada  Januari  2021.  Penelitian  ini bertujuan  untuk  mengembangkan  aplikasi e-commerce untuk  penjualan  gitar,  yang mempermudah pencarian data penjualan dan pembuatan laporan. Metode Pengembangan Sistem Waterfall dan  UML  digunakan  dalam  pembuatan  sistem  ini.  Hasilnya  menunjukkan  bahwa aplikasi  ini  dapat  mempermudah  sistem  penjualan  di  toko  gitar  dengan  menyediakan  fitur keranjang  belanja,  pencarian,  dan  konfirmasi  pembayaran,  serta  memudahkan  admin  dalam mendata transaksi[1].
Penelitian sebelumnya telah membahas pengembangan sistem informasi penjualan pada berbagai  konteks  bisnis  seperti  perusahaan  dagang  [7],  toko  makanan  [7],  dan  toko  gitar  [1]. Namun, penelitian-penelitian tersebut masih memiliki beberapa keterbatasan. Penelitian pertama berfokus pada pengelolaan data barang dan transaksi penjualan menggunakan Borland Delphi 7 dan  Microsoft  Access,  tetapi  belum  membahas  aspek  aksesibilitas  pelanggan  dan  pengalaman pengguna [7]. Penelitian kedua mengembangkan website toko online makanan dengan  metode User  Centered  Design ,  namun  belum  mengkaji  secara  mendalam  fitur-fitur  yang  mendukung efisiensi operasional bisnis [8]. Sementara itu, penelitian mengembangkan aplikasi e-commerce untuk  penjualan  gitar  dengan  fitur  keranjang  belanja,  pencarian,  dan  konfirmasi  pembayaran, tetapi belum mempertimbangkan kebutuhan spesifik dari bisnis berbasis UMKM [1].
Oleh  karena  itu,  masih  terdapat  gap  penelitian  dalam  perancangan  sistem  informasi penjualan yang secara khusus mengakomodasi kebutuhan unik bisnis fashion berbasis UMKM seperti  Buckscorner.  Penelitian  ini  bertujuan  untuk  mengisi  gap  tersebut  dengan  merancang sistem  informasi  penjualan  berbasis  web  yang  tidak  hanya  mengotomatisasi  proses  penjualan, tetapi  juga  memperluas  pilihan  pengiriman,  meningkatkan  pengalaman  pengguna,  serta menyediakan  fitur-fitur  yang  mendukung  efisiensi  operasional  dan  pengambilan  keputusan bisnis.  Dengan  demikian,  penelitian  ini  diharapkan  dapat  memberikan  kontribusi  yang signifikan  dalam  pengembangan  sistem  informasi  penjualan  yang  lebih  komprehensif  dan disesuaikan dengan kebutuhan spesifik bisnis UMKM di sektor fashion . Data  Flow  Diagram (DFD)  digunakan  untuk  menggambarkan  aliran  data  dan  proses kerja  sistem,  memberikan  pemahaman  yang  jelas  tentang  sistem[9]. Entity  Relationship Diagram (ERD)  menggambarkan  desain  konseptual  dari  model  basis  data  relasional, memungkinkan pemahaman yang lebih baik tentang struktur dan fungsi sistem[10].
Sebagai  upaya  untuk  mengatasi  kesulitan  yang  dialami  Buckscorner  dalam  mengelola data penjualan yang tidak  efisien dan lambatnya respon terhadap permintaan pelanggan,  maka pengembangan  sistem  informasi  penjualan  berbasis  web  dirancang  khusus  untuk  memenuhi kebutuhan tersebut. Tujuan utama dari sistem ini adalah untuk menyederhanakan prosedur yang ada,  meningkatkan  akurasi  dalam  pencatatan  data,  dan  memberikan  solusi  atas  keterbatasan pilihan  pengiriman  yang  sebelumnya  menghambat  kepuasan  pelanggan.  Dengan  solusi  ini, Buckscorner  diharapkan  dapat  menghilangkan  kesalahan  manual  dalam  manajemen  penjualan dan  memperluas  pilihan  pengiriman  yang  dapat  disesuaikan  dengan  kebutuhan  pelanggan, sehingga  dapat  memperkuat  posisi  bisnis  mereka  di  pasar  dan  membangun  kepercayaan  yang lebih  besar  dari  pelanggan.  Kekuatan  sistem  ini  terletak  pada  kemampuannya  untuk meningkatkan proses bisnis internal Buckscorner dan menawarkan pengalaman berbelanja yang lebih  baik  bagi  para  pelanggan,  sehingga  berkontribusi  pada  peningkatan  loyalitas  pelanggan dan pertumbuhan pendapatan.
126 Jatisi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E-ISSN 2503-2933

## 2. METODE PENELITIAN
Dalam  perancangan  sistem  informasi  penjualan  pada  Buckscorner  berbasis  web. Metode  penelitian  yang  akan  di  gunakan  adalah  metode waterfall ,  yang  dimana  metode  ini melibatkan  serangkaian  tahap  linear  dan  berurutan.  Proses  ini  dimulai  dengan  pengumpulan kebutuhan,  diikuti  oleh  desain  sistem,  implementasi,  pengujian,  integrasi,  dan  pemeliharaan. Pendekatan  ini  menekankan  pada  perencanaan  dan  desain  yang  teliti  di  awal  proyek.  Metode Waterfall cocok  karena  penelitian  dengan  persyaratan  yang  jelas  dan  stabil,  memungkinkan perancangan sistem yang sistematis dan terstruktur untuk platform penjualan berbasis web.
Gambar 1. Metode Waterfall
Gambar 1 Metode Waterfall merupakan metode yang digunakan dalam pengembangan sistem  informasi  penjualan  pada  buckscorner,  yang  dibagi  menjadi  lima  tahapan  utama,  yaitu: pengumpulan  kebutuhan,  desain  sistem,  implementasi,  integrasi  dan  pengujian,  serta pemeliharaan. Setiap tahap ini memainkan peran vital dalam memastikan sistem yang dibangun sesuai dengan kebutuhan dan harapan buckscorner.
a) Pengumpulan  Kebutuhan  Pengumpulan  Kebutuhan  Tahap  ini  melibatkan  observasi langsung,  wawancara  dengan  pemangku  kepentingan,  dan  studi  literatur  untuk mengidentifikasi  kebutuhan  sistem,  fitur  yang  dibutuhkan,  kebutuhan  operasional,  dan harapan dari sistem yang akan dikembangkan.
b) Desain  Sistem  Pada  tahap  ini,  komponen  dan  elemen  sistem  direncanakan  secara  rinci menggunakan  diagram  alir, Data  Flow  Diagram (DFD), Entity-Relationship  Diagram (ERD), dan mockup antarmuka pengguna untuk memvisualisasikan tampilan awal sistem.
c) Implementasi  Tahap  ini  mengubah  desain  sistem  menjadi  kode  program  nyata,  meliputi pembuatan basis data, antarmuka pengguna, dan fungsi backend sesuai dengan perencanaan dan desain yang telah dibuat.
d) Integrasi  dan  Pengujian  Setelah  integrasi  komponen,  sistem  diuji  secara  menyeluruh,  dari pengujian  satuan  hingga  pengujian  sistem  keseluruhan,  untuk  memastikan  sistem  bekerja sesuai spesifikasi, bebas bug , dan memberikan pengalaman pengguna yang optimal.
Jurnal Teknik Informatika dan Sistem Informasi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E- ISSN 2503-2933 127
e) Pemeliharaan  Tahap  ini  melibatkan monitoring kinerja  sistem,  identifikasi  dan  perbaikan bug ,  serta  pembaruan  sistem  sesuai  dengan  dinamika  bisnis  yang  terus  berkembang  untuk menjamin sistem tetap relevan dan efisien dalam jangka panjang.

## 3. HASIL DAN PEMBAHASAN

## 3.1. P erancangan Sistem
Perancangan  Sistem  Informasi  Penjualan  pada  Buckscorner  Berbasis  Web menggunakan Data  Flow  Diagram (DFD)  yang  terdiri  dari  Diagram  Konteks,  DFD  Level  0 untuk proses utama, dan DFD Level 1 untuk detil sub-proses, sehingga memberikan gambaran jelas dan terstruktur tentang sistem.
1. Diagram Konteks
Gambar  2  berikut  merupakan  hasil  perancangan  sistem  berupa  Diagram  Konteks  dari Sistem Informasi Penjualan Pada Buckscorner Berbasis web yang sudah dibuat yaitu
Gambar 2. Diagram Konteks
Gambar  2  Diagram  Konteks  menggambarkan  aliran  data  untuk  Sistem  Informasi Penjualan  Buckscorner.  Diagram  ini  mencakup  dua  entitas  eksternal,  yaitu Owner dan Administrator, yang berinteraksi dengan sistem. Entitas Owner dan Administrator berhubungan dengan  sistem  dalam  konteks  informasi login ,  pengguna,  produk,  dan  transaksi.  Diagram  ini memberikan gambaran umum tentang bagaimana entitas eksternal berinteraksi dengan sistem.
2. DFD Level 0
Gambar 3 berikut merupakan hasil perancangan sistem berupa DFD Level 0 dari Sistem Informasi Penjualan Pada Buckscorner Berbasis web yang sudah dibuat yaitu
128 Jatisi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E-ISSN 2503-2933
Ni Kadek Intan, et., al [Perancangan Sistem Informasi Penjualan pada Buckscorner Berbasis Web]
Gambar 3. DFD Level 0
Gambar  3  DFD  Level  0  adalah  diagram  aliran  data  dari  Sistem  Informasi  Penjualan Buckscorner.  Diagram  ini  mencakup  empat  proses  utama,  yaitu Login ,  Kelola  Data  Master, Kelola  Transaksi,  dan  Cetak  Laporan.  Terdapat  beberapa  data store di  dalamnya  seperti Pembeli, Pengguna, Produk, Transaksi, dan Detail Transaksi. Dalam diagram ini juga terdapat beberapa  Entitas  seperti  Administrator  dan  juga Owner .  Diagram  ini  memberikan  gambaran umum tentang bagaimana proses-proses ini berinteraksi dalam sistem.
Jurnal Teknik Informatika dan Sistem Informasi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E- ISSN 2503-2933 129

## 3.2. Perancangan Basis Data
Perancangan  basis  data  untuk  Sistem  Informasi  Penjualan  pada  Buckscorner  berbasis web  melibatkan Entity  Relationship  Diagram (ERD) dan Konseptual  Basis  Data.  ERD memberikan visualisasi entitas dan hubungan antar entitas, penting untuk menjaga integritas dan konsistensi  data.  Konseptual  Basis  Data  menentukan  struktur  tabel,  atribut,  kunci  utama,  dan kunci  asing  untuk  optimalisasi  penyimpanan  dan  pengambilan  data  serta  kinerja  sistem.  Ini krusial untuk sistem informasi yang efektif dan efisien.
1. Entity Relationship Diagram (ERD)
Gambar  4  berikut  merupakan  hasil  perancangan  sistem  berupa Entity  Relationship Diagram (ERD)  dari  Sistem  Informasi  Penjualan  Pada  Buckscorner  Berbasis  web  yang  sudah dibuat yaitu
Gambar 4. Entity Relationship Diagram (ERD)
Gambar  4 Entity  Relationship  Diagram (ERD)  menggambarkan  hubungan  antara  5 entitas dalam database Sistem Informasi Penjualan Buckscorner, yaitu User , Produk, Transaksi, Detail Transaksi, dan Pelanggan.
2. Konseptual Basis Data
Gambar  5  berikut  merupakan  hasil  perancangan  sistem  berupa  Konseptual  Basis  Data dari Sistem Informasi Penjualan Pada Buckscorner Berbasis web yang sudah dibuat yaitu
130 Jatisi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E-ISSN 2503-2933
Gambar 5. Konseptual Basis Data
Gambar  5  Konseptual  Basis  Data  adalah  diagram  yang  menggambarkan  struktur  basis data  untuk  Sistem  Informasi  Penjualan  Buckscorner.  Diagram  ini  mencakup  lima  tabel  yaitu Pelanggan,  Transaksi, User ,  Detail  Transaksi,  dan  Produk.  Setiap  tabel  memiliki  atributnya sendiri dan hubungan antar tabel ditunjukkan dengan Primary Key (PK) dan Foreign Key (FK). Diagram ini memberikan gambaran umum tentang bagaimana tabel-tabel ini berinteraksi dalam sistem.

## 3.3. Perancangan Desain Antarmuka
Perancangan  antarmuka  Sistem  Informasi  Penjualan  Buckscorner  Berbasis  Web berfokus  pada  kemudahan  penggunaan  dan  pengalaman  pengguna  yang  optimal.  Antarmuka yang  intuitif  menyajikan  berbagai  fungsi  seperti  autentikasi  pengguna,  navigasi dashboard , pengelolaan data master, transaksi, dan visualisasi laporan dengan mudah diakses dan dipahami. Desainnya  menerapkan  prinsip-prinsip  UI/UX  modern,  tata  letak  bersih,  warna  dan  tipografi konsisten,  serta  interaksi  responsif.  Tujuannya  untuk  meminimalkan  kurva  pembelajaran  bagi pengguna,  meningkatkan  efisiensi  operasional,  dan  menjadikannya  alat  pendukung  keputusan bisnis yang kuat di Buckscorner.
Jurnal Teknik Informatika dan Sistem Informasi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E- ISSN 2503-2933 131

## 1. Halaman Dashboard
Gambar  6  merupakan  hasil  perancangan  antarmuka  berupa  Halaman Dashboard dari Sistem Informasi Penjualan Pada Buckscorner Berbasis web yang sudah dibuat yaitu
Gambar 6. Halaman Dashboard
Dashboard Gambar  6  merupakan  antarmuka  pengguna  dalam  sistem  penjualan Buckscorner.  Antarmuka  ini  dibuat  untuk  memastikan  kemudahan  bagi  administrator  untuk mengakses  dan  meninjau  informasi  yang  terkait  dengan  opsi  pengiriman.  Data-data  tertentu disajikan di halaman ini, terutama di bagian yang berhubungan dengan detail keranjang belanja.
2. Halaman Barang
Gambar 7 merupakan hasil perancangan antarmuka berupa Halaman Barang dari Sistem Informasi Penjualan Pada Buckscorner Berbasis web yang sudah dibuat yaitu
132 Jatisi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E-ISSN 2503-2933
Gambar 7. Halaman Barang
Gambar 7 dari Halaman Produk menunjukkan antarmuka manajemen sistem penjualan Buckscorner.  Antarmuka  ini  difokuskan  untuk  memberikan  efisiensi  kepada  admin  dalam memonitor  informasi  detail  mengenai  pilihan  pengiriman  yang  ada.  Halaman  ini  juga menyediakan  berbagai  informasi  yang  terintegrasi  pada  halaman  detail  keranjang  untuk memudahkan pengelolaan.
3. Halaman Transaksi
Gambar  8  merupakan  hasil  perancangan  antarmuka  berupa  Halaman  Transaksi  dari Sistem Informasi Penjualan Pada Buckscorner Berbasis web yang sudah dibuat yaitu
Jurnal Teknik Informatika dan Sistem Informasi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E- ISSN 2503-2933 133
Gambar 8. Halaman Transaksi
Gambar 8 Halaman Transaksi menunjukkan antarmuka pengguna dari sistem informasi penjualan Buckscorner. Halaman ini dirancang dengan tujuan untuk memudahkan admin dalam mengelola dan melacak transaksi yang tersedia. Terdapat beberapa opsi seperti menambah data transaksi, mencetak data produk, serta mengedit, melihat detail atau menghapus data produk.

## 4. Halaman Input Transaksi
Gambar  9  merupakan  hasil  perancangan  antarmuka  berupa  Halaman Input Transaksi dari Sistem Informasi Penjualan Pada Buckscorner Berbasis web yang sudah dibuat yaitu
134 Jatisi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E-ISSN 2503-2933

## Gambar 9. Halaman Input Transaksi
Gambar  9  Halaman Input Transaksi  menunjukkan  antarmuka  transaksi  dari  sistem informasi  penjualan  Buckscorner.  Halaman  ini  dirancang  dengan  tujuan  untuk  memudahkan admin  dalam  menginputkan  transaksi  yang  tersedia.  Terdapat  beberapa form yang  harus  diisi guna menambahkan data transaksi kedalam sistem.

## 5. Halaman Input Pembayaran
Gambar  10  merupakan  hasil  perancangan  antarmuka  berupa  Halaman Input Pembayaran  dari  Sistem  Informasi  Penjualan  Pada  Buckscorner  Berbasis  web  yang  sudah dibuat yaitu
Jurnal Teknik Informatika dan Sistem Informasi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E- ISSN 2503-2933 135
Ni Kadek Intan, et., al [Perancangan Sistem Informasi Penjualan pada Buckscorner Berbasis Web]

## Gambar 10. Halaman Input Pembayaran
Gambar 10 Halaman Input Pembayaran menunjukkan antarmuka pengguna dari sistem informasi  penjualan  Buckscorner.  Halaman  ini  dirancang  dengan  tujuan  untuk  memudahkan admin dalam menginputkan pembayaran yang tersedia. Terdapat beberapa form yang harus diisi guna menambahkan data transaksi kedalam sistem.
6. Halaman Keranjang
Gambar  11  merupakan  hasil  perancangan  antarmuka  berupa  Halaman  Keranjang  dari Sistem Informasi Penjualan Pada Buckscorner Berbasis web yang sudah dibuat yaitu
136 Jatisi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E-ISSN 2503-2933
Gambar 11. Halaman Keranjang
Gambar  11  Halaman  Keranjang  menunjukkan  antarmuka  pengguna  dari  sistem informasi  penjualan  Buckscorner.  Halaman  ini  dirancang  dengan  tujuan  untuk  memudahkan admin  dalam  mengelola  dan  melacak  transaksi  yang  tersedia.  Terdapat  beberapa  opsi  seperti menambah  data  keranjang,  mencetak  data  keranjang,  serta  mengedit,  melihat detail atau menghapus data keranjang.

## 7. Halaman Input Keranjang
Gambar 12 merupakan hasil perancangan antarmuka berupa Halaman Input Keranjang dari Sistem Informasi Penjualan Pada Buckscorner Berbasis web yang sudah dibuat yaitu
Jurnal Teknik Informatika dan Sistem Informasi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E- ISSN 2503-2933 137
Ni Kadek Intan, et., al [Perancangan Sistem Informasi Penjualan pada Buckscorner Berbasis Web]

## Gambar 12. Halaman Input Keranjang
Gambar  12  Halaman Input Keranjang  menunjukkan  antarmuka  pengguna  dari  sistem informasi  penjualan  Buckscorner.  Halaman  ini  dirancang  dengan  tujuan  untuk  memudahkan admin  dalam  menginputkan  keranjang  yang  tersedia. Terdapat  beberapa form yang  harus  diisi guna menambahkan data keranjang kedalam sistem.
8. Halaman Pengiriman
Gambar  13  merupakan  hasil  perancangan  antarmuka  berupa  Halaman  pengiriman dari Sistem Informasi Penjualan Pada Buckscorner Berbasis web yang sudah dibuat yaitu
138 Jatisi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E-ISSN 2503-2933
Gambar 13. Halaman Pengiriman
Gambar  13  Halaman  pengiriman  menunjukkan  antarmuka  pengguna  dari  sistem informasi  penjualan  Buckscorner.  Halaman  ini  dirancang  dengan  tujuan  untuk  memudahkan admin dalam melihat pengiriman yang tersedia. Terdapat beberapa data yang ditampilkan dalam halaman Pengiriman.

## 9. Halaman Input Pengiriman
Gambar 14 merupakan hasil perancangan antarmuka berupa Halaman Input Pengiriman dari Sistem Informasi Penjualan Pada Buckscorner Berbasis web yang sudah dibuat yaitu
Jurnal Teknik Informatika dan Sistem Informasi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E- ISSN 2503-2933 139
Ni Kadek Intan, et., al [Perancangan Sistem Informasi Penjualan pada Buckscorner Berbasis Web]

## Gambar 14. Halaman Input Pengiriman
Gambar  14  Halaman Input Pengiriman  menunjukkan  antarmuka  pengguna  dari  sistem informasi  penjualan  Buckscorner.  Halaman  ini  dirancang  dengan  tujuan  untuk  memudahkan admin dalam melihat input pengiriman yang tersedia. Terdapat beberapa data yang ditampilkan dalam halaman detail keranjang

## 4. KESIMPULAN
Penelitian ini telah berhasil merancang Sistem  Informasi Penjualan berbasis web yang memecahkan masalah penjualan manual Buckscorner, di mana pelanggan diharuskan datang ke toko untuk bertransaksi. Sistem yang dihasilkan mendorong transisi ke praktik penjualan yang lebih  modern,  memungkinkan  penjualan  tidak  hanya  terbatas  pada  interaksi  di  dalam  toko, tetapi juga secara online . Dengan peningkatan aksesibilitas dan kecepatan layanan, serta akurasi informasi  penjualan,  sistem  ini  memberikan  solusi  komprehensif  untuk  mendukung keberlanjutan bisnis Buckscorner dalam lingkungan bisnis yang kompetitif.

## 5. SARAN
Penelitian  setelah  membuat  rancangan  Sistem  Informasi  Penjualan  berbasis  web  yang inovatif  untuk  Buckscorner.  Sistem  ini  akan  menawarkan  solusi  yang  terintegrasi  dalam mengotomatisasi  proses  penjualan,  meningkatkan  aksesibilitas  pelanggan,  mempercepat pelayanan, dan meningkatkan akurasi data penjualan. Perancangan sistem menggunakan metode waterfall ,  DFD,  dan  ERD  memastikan  sistem  yang  terstruktur  dan  disesuaikan.  Adapun beberapa  saran  yang  dapat  dilakukan  seperti  integrasi  dengan  media  sosial,  fitur  rekomendasi
140 Jatisi ISSN 2407-4322 Vol. 11, No. 2, Juni 2024, Hal. 123-140 E-ISSN 2503-2933
produk,  pengembangan  analisis,  manajemen  inventori  yang  terintegrasi,  keamanan  data,  dan usability testing untuk  memaksimalkan  potensi  sistem  ini  dalam  mendukung  pertumbuhan bisnis Buckscorner di era digital.

## DAFTAR PUSTAKA
[1] P.  U.  Albab,  U.  Darussalam,  and  W.  Winarsih, “Sistem  Informasi  Penjualan  Gitar Online,” Jurnal JTIK (Jurnal Teknologi Informasi dan Komunikasi) , Vol. 4, No. 2, p. 21, Jan. 2021, doi: 10.35870/jtik.v5i1.196.
[2] A.  Frisdayanti, “Peranan  Brainware  Dalam  Sistem  Informasi  Manajemen,” Jurnal Ekonomi  Manajemen  Sistem  Informasi ,  Vol.  1,  No.  1,  pp.  60–69,  Oct.  2019,  doi: 10.31933/jemsi.v1i1.47.
[3] S. Hasan and N. Muhammad , “Sistem Informasi Pembayaran Biaya Studi Berbasis Web pada  Politeknik  Sains  dan  Teknologi  Wiratama  Maluku  Utara,” IJIS  -  Indonesian Journal  On  Information  System ,  Vol.  5,  No.  1,  p.  44,  Apr.  2020,  doi: 10.36549/ijis.v5i1.66.
[4] E. W. Guntari, A. S. Permana, and F. R. Umbara, “Prototype Sistem Informasi Eksekutif Dosen  di  Perguruan  Tinggi  Swasta  ABCD ,” JUMANJI  (Jurnal  Masyarakat Informatika Unjani) , Vol. 3, No. 02, p. 155, Jan. 2020, doi: 10.26874/jumanji.v3i02.65.
[5] R. F. Ahmad and N.  Hasti, “ Sistem Informasi Penjualan Sandal Berbasis Web,” Jurnal Teknologi dan Informasi , Vol. 8, No. 1, Aug. 2018, doi: 10.34010/jati.v8i1.911.
[6] A.  Nuryansyah  and  D.  Ratnawati,  “ Pengembangan  Sistem  Informasi  Sekolah  Berbasis Website  di  SMK  Taman  Karya  Madya  Ngemplak,” JINTECH:  Journal  Of  Information Technology , Vol. 1, No. 2, pp. 21–31, Sep. 2020, doi: 10.22373/jintech.v1i2.593.
[7] N.  Burhan  and  A.  M.  Mamonto,  “ Sistem  Informasi  Penjualan  dan  Persediaan  Barang Dagang pada Perusahaan Hakasima Kota Ternate ,” Jurnal Ilmiah  ILKOMINFO - Ilmu Komputer & Informatika , Vol. 1, No. 1, Jan. 2018, doi: 10.47324/ilkominfo.v1i1.6.
[8] Y.  P.  Aldi  and  M.  I.  Wahyuddin,  “ Sistem  Informasi Penjualan  Makanan  Menggunakan Metode  User  Centered  Design  Berbasis  Web,” Jurnal  Media  Informatika  Budidarma , Vol. 6, No. 2, p. 786, Apr. 2022, doi: 10.30865/mib.v6i2.3568.
[9] I.  Amri  and  A.  P.  Aji, “Rancang  Bangun  Sistem  Aplikasi  Penerimaan  Siswa  Baru Menggunakan Metode Agile di SMK Modellink Kabupaten Sorong,” Insect (Informatics and  Security):  Jurnal  Teknik  Informatika ,  Vol.  4,  No.  2,  p.  51,  Aug.  2019,  doi: 10.33506/insect.v4i2.557.
[10]  M.  A.  Lestari,  M.  Tabrani,  and  S.  Ayumida, “Sistem  Informasi  Pengolahan  Data Administrasi  Kependudukan  pada  Kantor  Desa  Pucung  Karawang,” Jurnal  Interkom: Jurnal Publikasi Ilmiah Bidang Teknologi Informasi dan Komunikasi , Vol. 13, No. 3, pp.
14–21, Oct. 2018, doi: 10.35969/interkom.v13i3.33