JUSTIAN, Jurnal Sistem Informasi Akuntansi  1 Vol. 03, No. 2, September 2022, pp. 01~11 ISSN: 2721-7523

## Sistem Informasi Penjualan Gas Elpiji dan Depot Air Pada Toko Kharisma Kubu Raya
Ahmad Nur Ahsan
Info Artikel ABSTRACT Diterima Agustus 15, 2022 Revisi     September 07, 2022 Terbit     September 30, 2022 The development of information and communication technology at that time changed the activities in the world of commerce (e-commerce). Over time, changes in the field of information and communication technology are growing  rapidly. Kharisma Store which is located at Jalan Wonodadi 1, Kubu Raya  is a store that was established  in 2012, this store provides basic  needs needed by the  community.  In  its business, the store still uses manual methods in running its business. All transactions are carried out in  the  form  of  notes  or  bookkeeping  in  general.  The  method  used  is  descriptive qualitative. The problem that occurs is that the recording of the stock of goods at the Kharisma  shop  still  uses  a  manual  system,  which  is  recorded  in  a  special  stock inventory book. With these problems, the author has the idea to create an application with the Code Igniter framework and the PHP programming language that is good and appropriate to support the store's performance. This charisma will provide forms for input  of  goods,  transactions  and  sales  reports,  and  with  a  computerized  system  an effective  activity  can  be  achieved  in  supporting  activities  in  this  company.  The computerized  system  is  better  than  the  manual  system  to  run  more  effectively  and efficiently and the present attendance system is now more conducive than the previous system.
Keywords: Information Systems
Sales
LPG
Water Depot
Identitas Penulis:

## Ahmad Nur Ahsan
Universitas Bina Sarana Informatika Program Studi Sistem Informasi Akuntansi Kampus Kota Pontianak Jalan Abdul Rahman Saleh No. 18 A Pontianak Email: ahmadnurikhsan19@gmail.com

## 1. PENDAHULUAN
Perkembangan  teknologi  informasi  dan    komunikasi    saat  itu  mengubah  kegiatan  di  dunia  perdagangan  ( e- commerce ). Seiring  waktu, perubahan di bidang  teknologi informasi dan komunikasi berkembang pesat, membantu memberikan solusi untuk aktivitas manusia. Satu dari aktivitas manusia adalah aktivitas komersial, banyak aktivitas bisnis  dilakukan  oleh  setiap  orang  di  bisnis  yang  berbeda  menggunakan  internet  atau  media  online  untuk mengembangkan  bisnisnya atau juga dikenal sebagai e-commerce [1].
Toko Kharisma yang beralamat di Jalan Wonodadi 1, Kubu Raya merupakan toko yang yang berdiri sejak tahun 2012  ini  menyediakan  kebutuhan  pokok  yang  diperlukan  masyarakat.  Dalam  usahanya  toko  tersebut  masih menggunakan  cara  manual  dalam  menjalankan  usahanya.  Semua  transaksi  dilakukan  dalam  bentuk  nota  ataupun pembukuan pada umumnya.
Permasalahan yang terjadi adalah pencatatan stok barang pada toko kharisma masih menggunakan sistem manual yaitu dicatat  di buku khusus stok persediaan, dimana  yang dicatat adalah nama barang, harga barang, serta jumlah stok yang  masih tersedia. Proses pencatatan tersebut tidak efisien karna  masih  menggunakan sistem  manual untuk mencatat stok barang sehingga pemilik Toko baru mengetahui bahwa stok barang yang dimilikinya menipis bahkan sudah habis terjual ketika melihat buku stok persediaan.

## 2. METODE
Dalam  penyusunan  laporan  Tugas  Akhir  ini  penulis  menggunakan  dua  (2)  metode  penelitian,  yaitu  metode pengumpulan data dan metode pengembangan software .

## 2.1. Metode Pengumpulan Data
Menurut Sugiyono  “Teknik  pengumpulan  data  merupakan  cara-cara  yang  akan  dilakukan  untuk  memperoleh data  dan  keterangan-keterangan  yang  diperlukan  dalam  penelitian”[2].  Adapun  metode  pengumpulan  data  yang digunakan penulis, yaitu;
1. Metode Penelitian Langsung ( Observasi )
JUSTIAN, Jurnal Sistem Informasi Akuntansi  2 Vol. 03, No. 2, September 2022, pp. 01~11 ISSN: 2721-7523
Penulis melakukan pengamatan langsung terhadap kegiatan penjualan gas elpii dan depot air pada toko Kharisma yang beralamatkan di Jalan Wonodadi 1 selama satu bulan terhitung dari tanggal 1 April 2022 sampai 1 Mei 2022. 2. Metode Wawancara ( Interview )
Penulis melakukan pengumpulan data dengan cara tatap muka langsung tanya jawab dengan pihak pemilik yaitu Bapak Jaka Purnomo, S.Pd., sehingga memperoleh penjelasan penjualan, pelaporan, barang masuk dan keluar yang lebih rinci, jelas dan akurat pada Toko Kharisma. 3. Metode Studi Pustaka ( Library research )
Selain melakukan kegiatan  pengamatan  dan  wawancara  penulis  juga  melakukan studi kepustakaan  dengan mencari    bahan    referensi    melalui    artikel    ilmiah,  jurnal  ilmiah,  internet,  repository  BSI  dan  buku-buku  yang berhubungan dengan ruang lingkup permasalahan yang ada pada Toko Kharisma.

## 2.2. Metode Pengembangan Software
Model Waterfall adalah tahapan dari  beberapa  fase secara berurutan. Pada prosesnya tahapan  yang dilakukan adalah  satu  per  satu  diselesaikan  terlebih  dahulu  kemudian  melangkah  pada  tahap  berikutnya  setelah  sepenuhnya selesai. Untuk alasan ini, model waterfall adalah rekursif dalam setiap fase yang dapat diulang tanpa henti sampai saat itu disempurnakan dimulai dari  identifikasi  masalah, desain sistem,  implementasi, testing, uji coba  dan  maintance. Jika pada tahapan uji coba belum sesuai dengan hasil yang tidak sesuai dengan hasil maka tahapan penelitian akan dilakukan  evaluasi  mulai  identifikasi  masa[3].  Adapun  metode  pengembangan software yang  digunakan  penulis adalah metode waterfall . Ada 4 (empat) tahapan model waterfall yang digunakan, yaitu;
1. Analisis kebutuhan software
Dalam tahapan ini dilakukan pengumpulan data dengan cara melakukan riset dan melakukan wawancara kepada bapak  Jaka  Purnomo  S.Pd.  selaku  pemilik  toko  kharisma  sehinggadapat  menghasilkan  sistem  informasi  penjualan yang sesuai dengan kebutuhan pemilik toko kharisma. 2. Desain
Desain perangkat lunak berupa pembuatan desain dari aplikasi yang akan dibangun meliputi desain antar muka (user interface), arsitektur perangkat lunak, dan prosedur pengkodean. Pada tahapan desain ini menggunakan Ententity RelationshipDiagram (ERD)  dan Logical  Record  Structure (LRS)  digunakan  untuk  pemodelan  rancangan  basis data,dan  pemodelan  diagram Uniefied  Model  Language (UML)  yang  terdiri  dari  beberapa  diagram,  yaitu uscase diagram , activity diagram , squence diagram , class diagram dan deployment diagram .  Interface  dibuat  agar pemakai bisa berinteraksi melakukan presensi dengan lancar.
3. Pembuatan Kode Program (Code Generation)
Pengkodean (Encoding )  merupakan proses perubahan karakter data yang akan dikirim dari suatu titik ke titik lain  dengan  kode  yang  dikenal  oleh  setiap  terminal  yang  ada,  dan  menjadikan  setiap  karakter  data  dalam  sebuah informasi digital ke dalam bentuk biner agar dapat ditransmisikan. Suatu terminal yang berbeda menggunakan kode biner  yang berbeda untuk mewakili  setiap karakter. Pada tahapan  ini dilanjutkan  melakukan Bahasa pemrograman hypertext  preprocessor  (php),dan  sublime  Text  sebagai  text  editor  dan  xampp  merupakan  paket  aplikasi  berisikan apache,Mysql.
4. Pengujian (Testing)
Dalam tahapan pengujian  ini, penulis terlebih dahulu  melakukan pengecekan terhadap program  yang telah di buat,sebelum aplikasi penjualan berbasis web di terapkan pada  sistem  informasi penjualan gas elpiji dan depot air pada toko kharisma Kubu Raya.

## 3. HASIL

## 3.1. Antar Muka Pengguna
Antar Muka Pengguna  merupakan uraian  yang akan  menjelaskan tampilan- tampilan pengguna. Berikut hasil rancangan antarmuka pengguna pada sistem yang dibangun.

## A. Menu Tampilan Admin
1. Antar muka pengguna Halaman Login
Ini merupakan antar muka pengguna halaman login yang pertama-tama penguna harus memasukan username dan password dan menekan tombol login atau masuk.
JUSTIAN, Jurnal Sistem Informasi Akuntansi  3 Vol. 03, No. 2, September 2022, pp. 01~11 ISSN: 2721-7523

## Sumber : Hasil Penelitian (2022)
Gambar 1. Antar Muka Pengguna Halaman Login 2. Antar muka Admin Halaman Beranda
Ini  merupakan  halaman  beranda  yang  terdapat  menu  beranda, master  data,  transaksi,jurnal,  laporan  dan pengaturan lainnya.
Sumber : Hasil Penelitian (2022)
Gambar 2. Antar Muka Admin  Halaman Beranda
3. Antar Muka Data Admin
Ini merupakan tampilan daftar admin yaitu menampilkan data admin, menambah data admin, melihat detail admin mengedit data admin,menghapus data admin dan mencari data dikolom pencarian.
Sumber : Hasil Penelitian (2022)
Gambar 3. Antar Muka Data Admin
4. Antar Muka Laporan Keuangan Jurnal Umum
Antar Muka Laporan Keuangan Jurnal Umum dapat melakukan beberapa fungsi  seperti mencetak pdf laporan jurnal, menghapus data,  reset data dan juga mencari data.
JUSTIAN, Jurnal Sistem Informasi Akuntansi  4 Vol. 03, No. 2, September 2022, pp. 01~11 ISSN: 2721-7523

## Sumber : Hasil Penelitian (2022)
Gambar 4. Antar Muka Laporan Keuangan Jurnal Umum 5. Antar Muka Laporan Laba Rugi
Antar  Muka  laporan  laba  rugi  dapat  melakukan  beberapa  fungsi   seperti  mencetak  pdf  laporan  jurnal, menghapus data, reset data dan juga mencari data.
Sumber : Hasil Penelitian (2022)
Gambar 5. Antar Muka Laporan Laba Rugi
6. Antar Muka Laporan Transaksi Penjualan
Antar  Muka  Laporan  Transaksi  Penjualan  dapat  melakukan  beberapa  fungsi   seperti  mencetak  pdf  laporan jurnal reset data dan juga mencari data.
Sumber : Hasil Penelitian (2022)
Gambar 6. Antar Muka Laporan Transaksi Penjualan
7. Antar Muka Laporan Jurnal Umum PDF
Antar Muka Laporan Jurnal Umum PDF digunakan untuk menampilkan data-data lapor jurnal.
JUSTIAN, Jurnal Sistem Informasi Akuntansi  5 Vol. 03, No. 2, September 2022, pp. 01~11 ISSN: 2721-7523

## Sumber : Hasil Penelitian (2022)
Gambar 7. Antar Muka Laporan Jurnal Umum PDF

## 8. Antar Muka Laporan Barang Masuk
Antar Muka Laporan Barang Masuk digunakan untuk menampilkan data-data Laporan Barang Masuk dan juga bisa mengelola seperti mencetak pdf juga mencari data.
Sumber : Hasil Penelitian (2022)
Gambar 8. Antar Muka Laporan Barang Masuk
B. Menu Tampilan Kasir
1. Antar Muka Beranda Kasir
Antar Muka Beranda Kasir menampilkan tampilan awal pada beranda.
Sumber : Hasil Penelitian (2022)
Gambar 9. Antar Muka Beranda Kasir
2. Antar Muka Data Barang
Antar Muka Data Barang digunakan untuk menampilkan data-data Barang Masuk dan juga bisa melihat rincian masing-masing data barang.
JUSTIAN, Jurnal Sistem Informasi Akuntansi  6 Vol. 03, No. 2, September 2022, pp. 01~11 ISSN: 2721-7523

## Sumber : Hasil Penelitian (2022)
Gambar 10. Antar Muka Data Barang 3. Antar Muka Data Pelanggan
Antar  Muka  Data  Pelanggan  digunakan  untuk  menampilkan  data-data  Pelanggan  dan  juga  bisa  mengelola seperti tambah data, edit dan hapus.
Sumber : Hasil Penelitian (2022) Gambar 11. Antar Muka Data Pelanggan
4. Antar Muka Transaksi Penjualan
Antar Muka Transaksi Penjualan digunakan untuk menampilkan data-data transaksi penjualan dan juga bisa mengelola seperti tambah data, cetak pdf dan hapus.
JUSTIAN, Jurnal Sistem Informasi Akuntansi  7 Vol. 03, No. 2, September 2022, pp. 01~11 ISSN: 2721-7523
5. Antar Muka Data Barang Masuk
Sumber : Hasil Penelitian (2022) Gambar 13. Antar Muka Data Barang Masuk
6. Antar Muka Detail Data Barang Masuk
Antar Muka Data Barang Masuk digunakan untuk menampilkan data-data Pelanggan dan juga bisa mengelola seperti cetak pdf.
Sumber : Hasil Penelitian (2022)
Gambar 14. Antar Muka Detail Data Barang Masuk
C. Menu Tampilan Keuangan
1. Antar Muka Daftar Akun
Antar Muka Data Akun digunakan untuk menampilkan data-data Akun dan juga bisa mengelola seperti tambah, edit dan hapus.
Sumber : Hasil Penelitian (2022)
JUSTIAN, Jurnal Sistem Informasi Akuntansi  8 Vol. 03, No. 2, September 2022, pp. 01~11 ISSN: 2721-7523

## 2. Antar Muka Daftar Beban
Antar  Muka  Daftar  digunakan  untuk  menampilkan  data-data  daftar  beban  dan  juga  bisa  mengelola  seperti tambah data, edit dan hapus.
Sumber : Hasil Penelitian (2022)
Gambar 17. Antar Muka Daftar Beban
3. Antar Muka Laporan Barang Masuk
Antar  Muka  Laporan  barang  masuk  digunakan  untuk  menampilkan  laporan    barang  masuk    dan  juga  bisa mengelola seperti cetak pdf.
Sumber : Hasil Penelitian (2022)
Gambar 18. Antar Muka Laporan Barang Masuk
4. Antar Muka Laporan Jurnal Umum
Antar  Muka  Laporan  Jurnal  Umum  digunakan  untuk  menampilkan  laporan    jurnal  umum    dan  juga  bisa mengelola seperti hapus dan cetak pdf.
Sumber : Hasil Penelitian (2022)
JUSTIAN, Jurnal Sistem Informasi Akuntansi  9 Vol. 03, No. 2, September 2022, pp. 01~11 ISSN: 2721-7523

## 5. Antar Muka Laporan Laba Rugi
Antar  Muka  Laporan  laba  rugi  digunakan  untuk  menampilkan  laporan    laba  rugi    dan  juga  bisa  mengelola seperti cetak pdf dan hapus.
Sumber : Hasil Penelitian (2022) Gambar 20. Antar Muka Laporan Laba Rugi
6. Antar Muka Laporan Transaksi Penjualan
Antar Muka Laporan transaksi penjualan digunakan untuk menampilkan laporan  transaksi penjualan  dan juga bisa mengelola seperti cetak pdf.
Sumber : Hasil Penelitian (2022) Gambar 21. Antar Muka Laporan Transaksi Penjualan
D. Menu Tampilan Staff Inventory
1. Antar Muka Beranda Staff Inventory
Antar Muka beranda staff inventory digunakan untuk menampilkan beranda staff inventory.
Sumber : Hasil Penelitian (2022)
JUSTIAN, Jurnal Sistem Informasi Akuntansi  10 Vol. 03, No. 2, September 2022, pp. 01~11 ISSN: 2721-7523

## 2. Antar Muka Data Barang
Antar  Muka  data  barang  digunakan  untuk  menampilkan  data  barang  dan  juga  bisa  mengelola  data  seperti tambah, melihat detail data barang edit dan juga hapus.
Sumber : Hasil Penelitian (2022)
Gambar 23. Antar Muka Data Barang
3. Antar Muka Detail Barang
Antar muka detail barang digunakan untuk menampilkan detail barang
Sumber : Hasil Penelitian (2022)
Gambar 24. Antar Muka Detail Barang
4. Antar Muka Daftar Supplier
Antar Muka daftar suplier digunakan untuk menampilkan daftar data supplier dan  juga  bisa  mengelola data seperti tambah, lihat detail, edit dan hapus.
Sumber : Hasil Penelitian (2022)
Gambar 25. Antar Muka Daftar Supplier
JUSTIAN, Jurnal Sistem Informasi Akuntansi  11 Vol. 03, No. 2, September 2022, pp. 01~11 ISSN: 2721-7523

## 5. Antar Muka Daftar Barang Masuk
Antar  Muka  daftar  barang  masuk  digunakan  untuk  menampilkan  daftar  data  bnarang  masuk  dan  juga  bisa mengelola data seperti tambah, lihat detail dan hapus.
Sumber : Hasil Penelitian (2022)
Gambar 26. Antar Muka Daftar Barang Masuk

## 4. KESIMPULAN
a. Aplikasi ini maka akan memudahkan pihak admin, kasir, staff inventory dan keuangan dalam menyimpan data dan  mencari  data  transaksi  dimana  yang  sebelumnya  harus  mencari  dokumen  dengan  cara  manual  menjadi terkomputerisasi  dengan  fitur  pencarian  dan  penyimpanan  yang  ada  pada  aplikasi  Penjualan  Gas  Elpiji  Dan Depot Air berbasis website ini.
b. Sistem informasi penjualan gas elpiji dan depot air pada Toko kharisma Kubu Raya dikelola 4 level pengguna yaitu admin, kasir, staff  inventory dan dan keuangan. admin dapat mengelola data laporan keuangan,  laporan jurnal, laporan transaksi penjualan, laporan barang masuk, laporan laba rugi sedangkan kasir dapat mengelola data barang, data pelanggan, transaksi penjualan, data barang masuk sedangkan  staff inventory dapat mengelola data barang , data supplier, transaksi barang masuk dan keuangan dapat mengelola data akun, data beban data keuangan  laporan  jurnal,  laporan  transaksi  penjualan,  laporan  barang  masuk,  laporan  laba  rugi  sedangkan keuangan dapat mengelola data akun, data beban,  laporan  jurnal,  laporan transaksi penjualan,  laporan  barang masuk, laporan laba rugi.  Setelah diuji coba oleh pemilik toko, dengan adanya aplikasi penjualan gas elpiji dan depot air ini maka dapat memudahkan dalam penyimpanan data dan pelaporan transaksi penjualan dan juga dapat meningkatkan efisiensi pelaporan penjualan dari yang sebelumnya tulis tangan dimana harus menyiapkan buku besar dan alat tulis menjadi terkomputerisasi dengan hanya memerlukan komputer dan juga jaringan internet.

## UCAPAN TERIMA KASIH
Alhamdulillah, dengan  mengucapkan puji syukur  kehadirat Allah SWT,  yang telah  melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat menyelesaikan  pembuatan paper  ini dengan baik. Terima kasih juga penulis sampaikan kepada pihak Toko Kharisma, para reviewer serta kepada pihak penerbit yang telah berkenan untuk menerbitkan paper ini.

## REFERENSI
[1]. Ziliwu, C. (2021). Rancang Bangun Sistem Informasi Penjualan Produk Handmade Berbas. Jurnal Mahajana Informasi , 6 (1), 16.
[2]. Hidayah  A,  Syarif  M,  Latifah  L,  Nurmalasari  N.  (2022).  Sistem  Informasi  Akuntansi  Peminjaman  Dan Pembayaran  Angsuran  Berbasis  Web  Pada  Kantor  Unit  Pengelolaan  Kegiatan  (UPK)  Sejangkung. Jurnal Sistem Informasi Akuntuntansi , 3(1), 1–11. https://doi.org/10.31294/justian.v3i1.1126 [3]. Yulia Y, Diaz Arizona N, Anisa T. (2021). Sistem Informasi Akuntansi Pendapatan Jasa Dan Penjualan Suku Cadang Pada Bengkel Podomoro Motor Pontianak Berbasis Web. Jurnal Sistem Informasi Akuntansi, 2(2), 86–94. https://doi.org/10.31294/justian.v2i02.975