Terakreditasi Nomor 204/E/KPT/2022 | Vol. 5, No. 3, Juli (2024), pp. 968-974

## Perancangan Sistem  Penjualan Pada Toko Kembar Citayam Depok Berbasis Web
Yoga Hendrawan 1 , Anggun Fergina 2
1,2 Universitas Nusa Putra, Jawa Barat, Indonesia E-mail: yoga.hendrawan_ti20@nusaputra.ac.id

## Abstract
This  research  was  motivated  by  observational  data  from  researchers  who  were interested  in  the  problems  being  faced  by  Toko  Kembar  Citayam.  To  overcome  these problems,  researchers  conducted  research  at  Toko  Kembar  Citayam  which  aimed  to overcome and improve the quality of the store. The goal to be achieved in this study is to build  a  Web-based  sales  information  system  at  the  Depok  Citayam  Twin  Store  which  is expected to facilitate to provide data information about the clarity of profit and loss and the  effectiveness  of  subsequent  sales. This  research  was  conducted  by  the  researcher himself who happened to work at the Depok Citayam Twin Store. Therefore, researchers have  high  ambitions  to  improve  the  quality  of  the  store.  The  research  design  used  is development  (research  and  development  /  R  &  D).  With  a  case  study  approach at  Toko Kembar  Depok  Citayam. Web-based  sales  information  system  development  methods  are made  using  prototype  methods,  and  system  development  tools  in  the  form  of  flowmaps, context  diagrams,  DFDs,  and  proposed  database  design  tools in the  form  of  ERDs.  The author uses PHP, HTML, CSS, and Notepad for the database using MysQl.
Keywords :  Information  System,  Sales,  Web,  Citayam  Depok  Citayam  Twin  Store, Prototype

## Abstrak
Penelitian  ini  dilatarbelakangi    dari  data  observasi  peneliti  yang  tertarik  dengan permasalahan  yang  sedang  di  hadapi  Toko  Kembar  Citayam.  Untuk  mengatasi permasalahan  tersebut  maka  peneliti  melakukan  penelitian  di  Toko  Kembar  Citayam yang bertujuan untuk mengatasi dan meningkatkan mutu dari Toko tersebut. Tujuan yang hendak  dicapai  pada  penelitian  ini  adalah    membangun  sistem  informasi  penjualan berbasis Web pada Toko  Kembar Depok Citayam yang diharapkan mampu memfasilitasi untuk  memberikan  informasi  data  tentang  kejelasan  laba  dan  rugi  serta  keefektifan penjualan selanjutnya dan bertambahnya pendapatan penjualan. Penelitian ini dilakukan oleh peneliti sendiri yang kebetulan bekerja di Toko Kembar Depok Citayam. Maka dari itu  peneliti  mempunyai  ambisi  yang  tinggi  demi  meningkatkan  mutu  dari  Toko  tesebut. Desain penelitian yang digunakan adalah pengembangan (research and development/R&D). Dengan pendekatan studi kasus pada Toko Kembar Depok Citayam. Metode  pengembangan  sistem  informasi  penjualan  berbasis  web  yang  dibuat menggunakan  metode  prototype,  dan  alat  bantu  pengembangan  sistem  berupa  flowmap, diagram  konteks,DFD,  dan  alat  perancangan  database  yang  diusulkan  berupa  ERD. Penulis  menggunakan  PHP,  HTML,  CSS,  dan  Notepad  untuk  database  menggunakan MysQl.
Kata  kunci :  Sistem  Informasi,  Penjualan,  Web,  Toko  Kembar  Citayam  Depok Citayam, Prototype.

## 1. Pendahuluan
Di  era  globalisasi  saat  ini  perkembangan  teknologi  di  bidang  informasi  mendorong setiap  instansi  atau  perusahaan  untuk  tetap  mengikuti  perkembanganny,  terutama

## KESATRIA: Jurnal Penerapan Sistem Informasi (Komputer & Manajemen)
Terakreditasi Nomor 204/E/KPT/2022 | Vol. 5, No. 3, Juli (2024), pp. 968-974
berkenaan  dengan  perkembangan  teknologi  informasi  yang  ada  hubungannya  dengan kegiatan perusahaan tersebut. Hampirsetiap perusahaan yang serupa menggunakan sistem pelayanan  bisnis  secara  online  [1].  Teknologi  Informasi  (TI)  berkembang  sangat  cepat. Dampak  dari  perkembangan  TI  tersebut  memberi  kemudahan-kemudahan  bagi masyarakat  untuk  memenuhi  segala  kebutuhannya  [2].  Tuntutan  masyarakat  yang menginginkan kemudahan dalam setiap aktivitas dan kebutuhannya, merupakan tantangan bagi para konsumennya dengan cara menyediakan berbagai fasilitas yang memadai guna memenuhi  kebutuhan  mereka.  Banyak  fasilitas  dunia  digital  yang  dapat  dimanfaatkan dalam berbagai bidang usaha yang mana salah satunya adalah aplikasi Web [3].
Website  adalah serangkaian  halaman  web  berisi informasi  yang  terhubung  satu sama lain dan diakses melalui internet. Website memberikan akses yang mudah dan cepat untuk mencari informasi, membeli produk, atau mendapat pengalaman baru [4]. Sedangkan bagi pelaku  bisnis,  website  dapat  meningkatkan  branding  perusahaan  serta  memfasilitasi penjualan produk secara online. Website terdiri dari dua elemen utama, yakni client-side dan  server-side.  Client-side  website  adalah  bagian  situs  yang  terlihat  oleh  pengguna melalui browser, seperti Google Chrome atau Internet Explorer. Bagian ini tersusun atas HTML,  CSS,  dan  JavaScript  untuk  merancang  dan  menampilkan  halaman  web. Sebaliknya, server-side website adalah bagian website yang tersembunyi oleh pengguna, dan  berisi  file  dan  data  yang  diolah  oleh  web  server.  Bagian  server-side  ini  terdiri  dari bahasa pemrograman, seperti PHP, Python, atau Ruby on Rails [5].
Hal  ini  terbukti  dengan  digunakannya  komputer  dalam  kehidupan  sehari-hari  dalam semua  asapek  kehhidupan,  seiring  dengan  perkembangan  teknologi,  semua  hal  atau informasi  dapat  ditemukan  melalui  website.  Data  flow  diagram  adalah  suatu  network yang  menggambarkan  suatu  sistem  komputerisasi,  manualisasi,    atau  gabungan  dari keduanya,  yang  penggambarannya  disusun  dalam  bentuk  kumpulan  komponen  sistem yang  saig  berhubungan  sesuai  dengan  aturan  mainnya  [6].  DFD  sering  juga  digunakan untuk  menggambarkan  suatu  sistem  yang  telah  ada  atau  sistem  yang  baru  yang  akan dikembangkan  secara  logika  tanpa  mempertimbangkan  lingkungan  fisik  dimana  data tersebut  mengalir  (misal  lewat  telepon  atau  surat)  serta  linkungan  fisik  dimana  data tersebut akan disimpan (misal hard disk atau disket)[7].
Saat ini  masih  banyak  toko  yang  menjual  berbagai  produk  yang  proses penjualannya masih  menggunakan  metode  manual  dan  belum  menggunakan  media  online  sebagsi media  untuk  transaksi  penjualan  barang.  Salah  satunya  adalah  Toko  Kembar  Depok Citayam.  Toko  masih  menggunakan  sistem  konvensional  membuat  pemilik  toko mengalami  kesulitan  dalam  memperkenalkan  produk  barang  yang  dijual    ke  masyarakat luas dan juga customer  kesulitan untuk mendapat informasi tentang toko tersebut.  Selain itu  juga  customer  harus  memiliki  waktu  untuk  bisa  berbelanja  dan  datang  langsung  ke toko  langsung  walapun  belum  tentu  barang  yang  di  tuju  ada.  Mengenai  permasalahan tersebut  diperlukan  untuk  membangun  sistem  penjualan  yang  terkomputerisasi  yang berbasis web sehingga bisa memperbaiki kinerja penjualan Toko Kembar Citayam Depok. Dengan  adanya  website  penjualan  diharapkan  dapat  mempromosikan  produk  secara efektif  dan  stok  barang  bisa  terkontrol  dengan  baik,  sehingga  bisa  meningkatkan penjualan.

## 2. Metodologi Penelitian
Jenis  penelitian  yang  dilakukan  adalah  penelitian  deskriptif  kualitatif  dengan pendekatan  studi  kasus  yang  bertujuan  untuk  menggambarkan  suatu  keadaan  tertentu. Penelitian  deskriptif  yaitu  penelitian  yang  berusaha  untuk  menuturkan  pemecahan masalah yang ada sekarang berdasarkan data-data.
Jenis  penelitian  deskriptif  kualitatif  dengan  pendekatan  studi  kasus  yang  digunakan pada  penelitian  ini  dimaksudkan  untuk  memperoleh  data  mengenai  permasalahan  yang dihadapi  di  Toko  Kembar  Depok  Citayam.  Selain  itu  dengan  pendekatan  studi  kasus diharapkan dapat memecahkan hambatn dari permasalahan tersebut.

## KESATRIA: Jurnal Penerapan Sistem Informasi (Komputer & Manajemen)
Terakreditasi Nomor 204/E/KPT/2022 | Vol. 5, No. 3, Juli (2024), pp. 968-974
Penelitian  ini  dilakukan  di  Toko  kembar  Depok  Citayam,  Kota  Depok,  Jawa  Barat. Peneliti  memilih  penelitian  di  tempat  tersebut  karena  peneliti  bekerja  di  tempat  tesebut. Dari  lika-liku  yang  ada  di  tempat  tersebut  dan  permasalahan  yang  di  hadapi  membuat peneliti tertarik untu melakukan penelitian di tempat tersebut. Pada proses mengumpulkan data,  peneliti  menggunakan  teknik  observasi,  wawancara  dan  dokumentasi.  Pertama teknik pengumpulan data melalui observasi langsung, mengamati tentang proses jual beli di toko. Kedua wawancara untk memperoleh informasi.
Teknik  analisis  data  dilakukan  dengan  menggunakan  teknik  analisis  data  model interaktif  [8]  meliputi  reduksi  data,  penyajian  data  dan  penarikan  kesimpulan.  Reduksi data  artinya  menggabungkan,  meringkas  dan  memilih  yang  berfokus  pada  data  penting. Validitas data yang digunakan oleh peneliti dalam penelitian ini yaitu menggunakan  dua sumber  dan  triangulasi  [9].  Dua  sumber  peneliti  yaitu  pemilik  toko  dan  karyawan  toko. Pemilik toko dapat memaparan secara jelas bagaimana keaadan tokomya dan permaslahan apa  yang  dialami  dari  toko  tersebut.  Sedangkan  karyawan  toko  juga  dpt  memberikan informasi terkait pandangan dia tentang kendala yang dihadapi dari toko. Dan penarikan kesimpulan,  membuat  kesimpulan  dari  hasil  observasi,  wawancara  dan  hasil  akhir  yang sudah  memasuki  tahap  reduksi  data  dan  penyajian  data,  terkait  dengan  perancangan sistem penjualan berbasis web pada Toko Kembar Citayam.

## 2.1. Analisa sistem berjalan
Toko  Kembar  Depok  Citayam  masih  menggunakan  sistem  secara  konvensional. Penggunaan  sistem  konvensional  membuat  pemilik  toko  mengalami  kesulitan  dalam memperkenalkan  produk  barang  yang  dijual  ke  masyarakat  luas  dan  juga  customer kesulitan untuk mendapat informasi tentang toko tersebut. Selain itu juga customer harus memiliki waktu untuk bisa berbelanja dan datang langsung  ke toko padahal belum tentu ada produk barang yang diinginkan.
Berdasarkan  permasalahan  tersebut  diperlukan  untuk  membangun  sistem  penjualan yang  terkomputerisasi  yang  berbasis  web  sehingga  bisa  memperbaiki  kinerja  penjualan toko  Kembar  Depok  Citayam.  Selain  membangun  website  untuk  menopang  dalam peningkatan  kinerja  penjualan  juga  memerlukan  strategi  untuk  penjualan  agar  penjualan yang dilakukan bisa sesuai dengan yang diharapkan.
Gambar 1. Flowchart sistem berjalan

## KESATRIA: Jurnal Penerapan Sistem Informasi (Komputer & Manajemen)

## 2.2. Kebutuhan Sistem
Tujuan dari tahap analisis kebutuhan sistem adalah memahami kebutuhan dari sistem baru dan mengembangkan sebuah sistem yang mewadahi kebutuhan tersebut. Terdapat 2 jenis analisis kebutuhan sistem yaitu :
a) Analisis kebutuhan Member.
b) Analisis kebutuhan Admin.

## 3. Hasil dan Pembahasan

## 3.1. Rancangan Sistem
Perancangan  sistem  merupakan  penentuan  proses  dan  data  yang  diperlukan    oleh sistem  baru.  Jika  sistem  itu  berbasis  komputer,  perancangan  dapat  menyertakan spesifikasi peralatan yang akan digunakan. Untuk dapat mencapai tujuan yang dimaksud, perlu dilakukan perancangan sistem.
Gambar 2. Rancangan sistem yang akan dibangun

## 3.2. Implementasi Sistem
Fungsi sistem penjualan berbasis web ini adalah sebagai media penjualan secara online untuk mempermudah pembeli untuk melakukan pembelian dan mempermudah pihak toko Kembar  Depok  citayam  dalam  mengolah  data  transaksi  penjualan  serta  stok  produk. Customer  dapat  memperoleh  informasimengenai  detail  produk  yang  diinginkan.  Sistem penjualan  berbasis  web  ini  mengintegrasikan  bootstrap  untuk  tampilan  yang  menarik dengan bahasa pemrograman PHP. Data yang diinputkan diolah oleh database MySQL.
Pada  aplikasi  sistem  penjualan  berbasis  web  ini  mempunyai  2  user  yaitu  pelanggan dan admin. Jika ada pelanggan ingin membeli produk diharuskan untuk mendaftar sebagai member  terlebih  dahulu.  Sistem  ini  menggunakan  API  Raja  Ongkir  untuk mengimplementasikan  perhitungan  biaya jasa  ongkos  kirim.  Selain itu,  untuk  menopang dalam  peningkatan  kinerja  penjualan  diterapkan  strategi  agar  penjualan  yang  dilakukan bisa sesuai dengan yang diharapkan.
a. Tampilan Home
Gambar 3. tampilan Home

## KESATRIA: Jurnal Penerapan Sistem Informasi (Komputer & Manajemen)
Terakreditasi Nomor 204/E/KPT/2022 | Vol. 5, No. 3, Juli (2024), pp. 968-974
b. Tampilan tentang kami
Gambar 4. Tampilan tentang kami
c. Tampilan menu
Gambar 5. Tampilan menu
d. Tampilan produk flash sale
Gambar 6. Tampilan flash sale

## KESATRIA: Jurnal Penerapan Sistem Informasi (Komputer & Manajemen)
e. Tampilan kontak
Gambar 7. Tampilan kontak
f. Tampilan search
Gambar 8. Tampilan search
g. Tampilan pembelian
Gambar 9. Tampilan pembelian

## 4. Kesimpulan
Berdasarkan  hasil  analisis  dan  perancangan  sistem  penjualan  berbasis  website  pada Toko Kembar Citayam, maka dapat ditarik kesimpulan bahwa dalam penggunaan website banyak  terdapat  keuntungan  didalamnya,  yaitu  bagi  pihak  toko  maupun  pelanggan  toko. Keuntungan  yang  didapatkan  oleh  pihak  toko  yaitu  menambah  omset  penjualan  toko, kemudian  toko  juga  bakalan  lebih  mudah  untuk  menawarkan  barang  kepada  pelanggan, baik  itu  produk  baru  ataupun  produk  yang  lama.  Sedangkan  keuntungan  bagi  pelanggan yaitu  memudahkan  pelanggan  untuk  mengatur  banyak  dan  jumlah  barang  yang
Terakreditasi Nomor 204/E/KPT/2022 | Vol. 5, No. 3, Juli (2024), pp. 968-974
dibutuhkan  sesuai  dengan  jumlah  uang  yang  ada.  Kemudian  memudahkan  pelanggan untuk  memesan  barang  ke  toko  dengan  sistim  COD.  Perancangan  sistem  penjualan berbasis  website  di  Toko  Kembar  Citayam  akan  terus  dikembangkan  dengan  update produk  baru  dan  penambahan  fitur-fitur  baru  yang  lebih  menarik  dengan  tujuan  lebih memudahkan  pelanggan  untuk  menggunakannya  dan  memberikan  kesan  kenyamanan pada fitur-fitur yang menarik.
. Daftar Pustaka
[1] Anhar, 2010. PHP & MySQL Secara Otodidak. Jakarta: PT. Transmedia.
[2] Ardhana,  dan  Y.M.  Kusuma.  2012.  Menyelesaikan  Website  30  Juta!.  Jakarta: Jasakom.
[3] Atoilah,  A.  (2016).  Rancang  Bangun  Website  Toko  Online  Dengan  Strategi Pemasaran Cross Selling Pada Akadha Shop. Skripsi. Surabaya: STMIK Surabaya
[4] Fransisca.  (2017).  Sistem  Informasi  Manajemen  Hubungan  Pelanggan  Pada  PT. MEIGA  Duta  Sejahtera  Palembang.  Skripsi.  Palembang:  STMIK  GI  MDP Palembang.
[5] Herpin.  (2017).  Penerapan  Metode  Up  Selling  Terhadap  Sistem  Informasi Penjualan  Pada  Toko  Seth  Sport  Berbasis  Web.  Skripsi.  Palembang:  Universitas Bina Darma.
[6] Michael  dan  Julian  Kasih  (2018),  Penerapan  Metode  Cross  Selling  Pada  Aplikasi Online  ISMSHOP11.  Media  Informatika  17(2)  75-93,  Universitas  Kristen Maranatha Bandung
[7] Purwaningtias, Fitri (2018), Penerapan Product Knowledge dan Strategi Up Selling pada  Chandra  Tech  Palembang.  Jurnal  Pengembangan  IT  (JPIT)  3(2)  253-258, Politeknik Harapan Bersama Tegal.
[8] Siregar, Riki R. 2010. Strategi Meningkatkan Persaingan Bisnis Perusahaan dengan
Penerapan Ecommerce. http://blog.trisakti.ac.id/riki/2010/0 3/12/strategi- meningkatkanpersaingan-bisnis-perusahaandengan-penerapan-e-commerce/.
Diakses tanggal 17 November 2018.
[9] Utami,  E.  dan  Sukrisno.  2008.  Mengoptimalkan  Query  pada  Ms  SQL  Server. Yogyakarta: Andi Offset.