## APLIKASI PENCATATAN LAPORAN PENJUALAN KITA-KITA.NET BERBASIS WEB
Victor Marudut Mulia Siregar 1) , Heru Sugara 2) , Gabriel Andrian Purba 3)
1,3 Teknik Komputer, Politeknik Bisnis indonesia email: victor.siregar2@gmail.com
2 Sekretari, Politeknik Bisnis indonesia email: thesugara77@gmail.com

## Abstract
This study aims to design and implement an application for recording web-based sales reports at Kita-Kita.Net using the prototype method. By using the prototype method, the design and implementation of applications can be faster and according to what the client / user application wants. Recording of sales reports at Kita-Kita.Net which still manually makes recording errors often occur, due to these errors also have an effect on work efficiency at Kita-Kita.Net. By designing this application can minimize errors that occur  in  recording  sales  reports,  as  well  as  improve  work  efficiency,  both  time  efficiency  and  energy efficiency at Kita-Kita.Net.
Keywords : Applications, Reports, Sales, Prototypes, Design.

## 1. PENDAHULUAN
Perkembangan  dunia  usaha  saat  ini menjadikan  informasi  sebagai  pilar  penting dalam  berjalannya  kegiatan  operasional  suatu usaha  demi  tercapainya  tujuan  yang  diinginkan oleh  pengusaha  tersebut.  Bagi  keberlangsungan usaha, pengetahuan akan informasi suatu produk adalah hal yang sangat penting dalam pengambilan  keputusan  untuk  penjualan  produk yang  ditawarkan  oleh  suatu  perusahaan,  secara lengkap,  relevan  dan  akurat.  Tidak  memandang apakah perusahaan tersebut kecil atau besar.
Kita-Kita.Net  berdiri  pada  tahun  2006. Perusahaan  ini  merupakan  sebuah  perusahaan penyedia  jasa  warung  internet  yang  berlokasi  di Kota  Pematangsiantar.  Dari  pengamatan  di lapangan,  pencatatan    laporan  penjualan  pada Kita-Kita.Net  masih  dilakukan  secara  manual. Dari  hasil  wawancara  dengan  manager  Kita- Kita.Net,  ada  beberapa  permasalahan  yang dihadapi  mulai  dari  kesalahan  dalam  pencatatan laporan, pengulangan pencatatan laporan penjualan  di  akibatkan  perbedaan  buku  laporan, pengulangan  perkerjaan  yang  sama  berkali-kali karena  kehilangan  dokumen  laporan  penjualan, serta  kesalahan  dalam  penghitungan  pendapatan penjualan antara manager dengan karyawan.
Untuk membantu menyelesaikan pekerjaan manusia di berbagai bidang, penggunaan  teknologi  merupakan  salah  satu solusi  yang  efektif  dan  efisien,  oleh  karena  itu dewasa  ini  perkembangan  teknologi  sangatlah pesat  dalam  segala  bidang  termasuk  dalam  hal informasi.
Teknologi dan Informasi merupakan dua hal  yang  tidak  dapat  dipisahkan  saat  ini,  hal  ini terlihat dari proses untuk mendapatkan informasi yang  dapat  diperoleh  secara  cepat,  tepat,  dan akurat dengan didukung oleh kemajuan teknologi.  Kemajuan  teknologi  ini  membuat banyak  organisasi  dan  lembaga  pendidikan menggunakan teknologi berbasis komputer untuk membantu pekerjaannya [1]–[6], .
Oleh  karena  itu,  untuk  membantu menyelesaikan permasalahan-permasalahan yang ditemukan  pada  Kita-Kita.Net  tersebut,  maka dirancang  sebuah  Aplikasi  Pencatatan  Laporan Penjualan Kita-Kita.Net Berbasis Web.

## 2. METODE PENELITIAN
Pengembangan aplikasi Pencatatan Laporan  Penjualan  ini  dilakukan  dengan menggunakan  pemodelan  Prototype.  Pemodelan Prototype    digunakan  karena  cepat  dalam
pengembangannya,  yakni  dengan  membuat model  perangkat  lunak  yang  diinginkan.  Model perangkat  lunak  tersebut  kemudian  dievaluasi dan  diperbaiki.  Apabila  dianggap  sudah  layak, maka  perangkat  lunak  tersebut  langsung diproduksi,  sedangkan  apabila  masih  ada kekurangan, maka dilakukan perbaikan [7], [8].
Pengembangan  dari  perancangan  sistem tersebut menggunakan tahap siklus pengembangan model prototype yaitu [9] : 1.  Komunikasi.
Pada  tahap  ini  dilakukan  pertemuan dengan  pihak  customer  untuk  mendeskripsikan spesifikasi kebutuhan yang diketahui saat itu.
2.  Perencanaan Secara Cepat.
Hasil  dari  tahap  pertama  dijadikan sebagai  dasar  ide  (konsep)  untuk  pemodelan dalam bentuk “rancangan cepat”.
3.  Modeling Quick Design.
Pada  tahap  ini  dilakukan  pemodelan perencanaan  sebelumnya  dengan  menggunakan beberapa  model  berorientasi  objek  dengan menggunakan tools UML.
4.  Pembuatan Prototype
Selanjutnya pada tahapan ini Rancangan cepat merupakan dasar untuk memulai konstruksi pembuatan prototipe misalnya rancangan antarmuka pengguna atau format tampilan.
5.  Complete Software.
Prototype  yang  telah  dibuat  di  evaluasi dan  diberikan  umpan-balik  untuk  memperbaiki spesifikasi kebutuhan. Setelah disetujui (berhasil dengan  sukses  memenuhi  spesifikasi  yang diajukan)  oleh  user  selanjutnya  user  dapat menggunakan program.

## 2.1 Analisis Kebutuhan
Analisis  kebutuhan  digunakan  untuk mengidentifikasi  kebutuhan  terhadap  sistem baru.  Kebutuhan  sistem  meliputi  analisis kebutuhan  manager,  kebutuhan  karyawan,  dan analisis kebutuhan Aplikasi yang dirancang.
Kebutuhan perangkat keras dan perangkat lunak dalam merancang dan membuat aplikasi  ini  menggunakan:  Sistem  Operasi Windows 7 64-bit, Web Server,  Sublime Text Editor  3,  4.  Web  Browser  Mozilla  Firefox  atau
Google Chrome, MySQL Database, dan  Adobe Photoshop CS 5.
2.2 Use Case Diagram
Ilustrasi  dari Use  Case  Diagram dapat dilihat pada Gambar 1.
Gambar 1. Use Case Diagram
2.3 Activity Diagram 1. Activity Diagram
Pembuatan Laporan Penjualan.
Diagram ini menggambarkan bagaimana cara  pembuatan  laporan  penjualan  di  sistem. Activity Diagram Dapat dilihat pada Gambar 2.
Gambar 2. Activity Diagram Pembuatan Laporan Penjualan
2. Activity Diagram Cetak Laporan Penjualan
Diagram  ini  menggambarkan  bagaimana  cara manager  mencetak  laporan  penjualan  di  sistem. Activity Diagram dapat dilihat pada gambar 3.
Gambar 3. Activity Diagram Cetak Laporan Penjualan
2.4 Rancangan Entity Relationship Diagram Perancangan Entity Relationship Diagram Aplikasi Pencatatan Laporan Penjualan Kita-Kita.Net, dapat dilihat pada Gambar 4.

## 2.5 Perancangan Antar Muka
Perancangan antar muka dibuat untuk menampilkan  rancangan  yang  akan  diusulkan pada aplikasi yang akan dibangun.
a. Rancangan Halaman Login
Rancangan Halaman Login Aplikasi dapat dilihat pada Gambar 5.
Gambar 4. ERD Aplikasi
Gambar 5. Rancangan Halaman Login
b. Rancangan Halaman Beranda
Rancangan  Halaman  Beranda  Aplikasi  dapat dilihat pada Gambar 6.
c. Rancangan Halaman Data Karyawan
Rancangan Halaman Data Karyawan dapat dilihat pada Gambar 7.
Gambar 7. Rancangan Halaman Data Karyawan
d. Rancangan Halaman Data Barang
Rancangan Halaman Data Barang dapat dilihat pada Gambar 8.
Gambar 8. Rancangan Halaman Data Barang
e. Rancangan Halaman Laporan
Rancangan Laporan dapat dilihat pada Gambar 9.
Gambar 9. Rancangan Halaman Laporan
f. Rancangan Halaman Input Karyawan
Rancangan  Input  Karyawan  dapat  dilihat  pada Gambar 10.
Gambar 10. Rancangan Halaman Input
Karyawan
g. Rancangan Halaman Input Barang
Rancangan halaman Input Barang dapat dilihat pada Gambar 11.
Gambar 11. Rancangan Halaman Input Barang
h. Rancangan Halaman Input Laporan
Rancangan Input Laporan dapat dilihat pada Gambar 12.
Gambar 12. Rancangan Halaman Input Laporan
i. Rancangan Halaman Output Cetak Laporan
Rancangan Output Cetak Laporan dapat dilihat pada Gambar 13.

## Gambar 13. Rancangan Halaman Output Cetak Laporan

## 3. HASIL DAN PEMBAHASAN
Hasil  implementasi  dari  perancangan  penelitian ini  berupa  sebuah  Aplikasi  Pencatatan  Laporan Penjualan Kita-Kita.Net.

## 3.1 Implementasi Halaman Login
Tampilan  awal  saat  aplikasi  pertama  kali dikunjungi.  Implementasi  halaman  login  dapat dilihat pada Gambar 14.
Gambar 14. Implementasi Halaman Login

## 3.2 Implementasi Halaman Beranda
Tampilan  setelah  karyawan  atau  manager berhasil login ke aplikasi. Implementasi halaman Beranda dapat dilihat pada Gambar 15.
Gambar 15. Implementasi Halaman Beranda
3.3 Implementasi Halaman Data

## Karyawan
Halaman Data Karyawan berisi tentang Informasi
Karyawan,  mulai  dari  nama,  alamat,  jenis kelamin,  akun  di  sistem  dan  lain-lain.  Halaman ini  hanya  bisa  di  akses  oleh  manager.  Manager dapat menambah, mengubah dan menghapus data karyawan di halaman ini. Implementasi halaman Beranda dapat dilihat pada Gambar 4.3.
Gambar 16. Implementasi Halaman Data

## Karyawan

## 3.4 Implementasi Halaman Data Barang
Halaman Data Barang berisi tentang data barang  yang  dijual.  Halaman  ini  hanya  bisa  di akses  oleh  manager.  Manager  dapat  menambah, mengubah  dan  menghapus  data  barang  di halaman ini. Implementasi halaman barang dapat dilihat pada Gambar 17.
Gambar 17. Implementasi Halaman Data Barang

## 3.5 Implementasi Halaman Laporan
Halaman  Laporan  berisi  data  laporan-laporan yang  telah  di  input  oleh  karyawan.  Halaman  ini juga  tempat  karyawan  membuat  laporan penjualan.  Implementasi  halaman  laporan  dapat dilihat pada Gambar 18.

## Gambar 18. Implementasi Halaman Laporan
3.6 Implementasi Halaman Input Karyawan
Halaman  Input  Karyawan  merupakan  halaman form input untuk menambah data karyawan baru. Halaman  input  ini  hanya  bisa  diakses  oleh manager. Implementasi halaman input karyawan dapat dilihat pada Gambar 19.

## Gambar 19. Implementasi Halaman Input Karyawan

## 3.7 Implementasi Halaman Input Barang
Halaman Input Barang merupakan halaman form input  untuk  menambah  data  barang  baru. Halaman  input  ini  hanya  bisa  diakses  oleh manager.  Implementasi  halaman  input  barang dapat dilihat pada Gambar 20.
Gambar 20. Implementasi Halaman Input Laporan
3.8 Implementasi Halaman Input

## Laporan
Halaman  Input  Laporan  merupakan  halaman form  input  untuk  membuat  laporan  penjualan baru. Halaman input ini hanya bisa diakses oleh karyawan/Operator. Implementasi halaman input laporan dapat dilihat pada Gambar 21.
Gambar 21. Implementasi Halaman Input Laporan 3.9

## Implementasi Halaman Output Cetak Laporan
Halaman  Output  Cetak  Laporan  merupakan halaman  hasil  output  sistem  yang  berisi  laporan penjualan  bulanan.  Hasil  dari  cetak  laporan  ini nantinya akan diberikan manager kepada pemilik sebagai  bukti  pendapatan  dari  penjualan  selama satu bulan. Halaman cetak laporan ini hanya bisa diakses  oleh  manager.  Implementasi  halaman output laporan dapat dilihat pada Gambar 22.
Gambar 23. Implementasi Halaman Output Cetak Laporan

## 4. KESIMPULAN
Setelah  melakukan  perancangan  dan implementasi      aplikasi  pencatatan  penjualan berbasis  web  di  Kita-Kita.Net  maka  dapat diambil kesimpulan sebagai berikut  : 1. Aplikasi  telah  berhasil  dirancang  dan  di implementasikan dengan menggunakan metode prototype dan  menggunakan  bahasa php dan mysql . 2. Aplikasi yang telah dirancang dapat menjawab  dan  dapat  mengatasi  kesalahan yang  telah  terjadi  akibat  dari  sistem pencatatan  laporan  penjualan  di  Kita- Kita.Net  yang  sebelumnya  masih  bersifat manual dan belum terkomputerisasi.
3. Aplikasi  dapat  mempermudah  pekerjaan karyawan maupun manager dalam pencatatan  laporan  penjualan  di  Kita-
Kita.Net.

## 5. REFERENSI
[1] V. M. Siregar and H. Sugara, “Perancangan Dan Implementasi Aplikasi
Penggajian Berbasis Dekstop Pada Murni Sadar  English  Course,” J.  Tek.  Inf.  dan Komput. , vol. 1, no. 2, pp. 42–48, 2018.
[2] H.  A.  Simbolon  and  V.  M.  M.  Siregar, “Perancangan  Sistem  Informasi  Berbasis
E-Commerce Untuk Peningkatan
Penjualan  Produk  Jersey  Olah  Raga,” J.
Tek.  Inf.  dan  Komput. ,  vol.  1,  no.  2,  pp. 49–54, 2018.
[3] V.  M.  M.  Siregar,  “Perancangan  Sistem Informasi Inventaris Barang Pada Sekolah SMA  Negeri  4  Pematangsiantar,” IT  J. Res. Dev. , vol. 3, no. 1, pp. 54–61, 2018.
[4] V.  M.  M.  Siregar,  “Sistem  Pendukung Keputusan  Penentuan  Insentif  Bulanan Pegawai  Dengan  Menggunakan  Metode Naïve Bayes,” SISTEMASI , vol. 7, no. 2, pp. 87–94, 2018.
[5] V. Sihombing, “Aplikasi Simade (Sistem Informasi  Manajemen  Desa)  Dalam Meningkatkan Pelayanan Administrasi di
Kepenghuluan Bakti Makmur Kecamatan
Bagan Sinembah Kab. Rokan Hilir Riau,”
SISTEMASI ,  vol.  7,  no.  September,  pp.
292–297, 2018.
[6] G. J. Yanris, “Analisis Dan Implementasi
Data Mining Dalam Menganalisa Kendala Akademik  Yang  Sering  Dikeluhkan Mahasiswa  AMIK  Labuhanbatu  (Studi Kasus : Amik Labuhanbatu),” Informatika ,  vol.  4,  no.  1,  pp.  15–24, 2016.
[7] N.  Purwandari,  “Perancangan  Sistem Pengiriman  Logistik  Pada  Perusahaan Manufaktur,” I-Statement ,  vol.  2,  no.  2, pp. 51–63, 2016.
[8] L.  J.  E.  Dewi,  “Media  Pembelajaran Bahasa  Pemrograman  C++,” Jptk,
Undiksha , vol. 7, no. 1, pp. 63–72, 2010.
[9] F.  Fatma  and  J.  Devitra,  “Analisis  Dan Perancangan Sistem Informasi Manajemen  Aset  Berbasis  Website  Pada Biro  Pengelolaan  Barang  Milik  Daerah
Setda Provinsi Jambi,” J. Manaj. Sist. Inf. , vol. 4, no. 1, pp. 28–37, 2019.