## PERANCANGAN DAN IMPLEMENTASI APLIKASI WEB SISTEM PENJUALAN SUKU CADANG GONDOLA PADA CV YOGA PERKASA MANDIRI

## Ismiatun
Program Studi Teknik Informatika, Fakultas Teknologi Informasi Universitas Respati Indonesia Jl. Bambu Apus I, No. 3 Cipayung, Jakarta 13890 e-mail: iismia.im3@gmail.com

## Nur Syamsiyah
Program Studi Sistem Informasi, Fakultas Teknik Universitas Darma Persada Jl. Radin Inten II (Terusan Casablanca), Pondok Kelapa Jakarta Timur 13450 e-mail: nur_syamsiyah@ft.unsada.ac.id

## ABSTRAK
CV.  Yoga  Perkasa  Mandiri  adalah  perusahaan  yang  bergerak  pada  bidang  perawatan gedung yaitu penyedia sparepart gondola yang masih menggunakan dokumen-dokumen kertas dalam proses penjualan sparepart gondola atau belum terkomputerisasi. Supaya perusahaan dapat berkembang meningkat maka diperlukan sistem penyediaan layanan yang  lebih  efektif  dan  efisien  dalam  proses  penjualannya.  Tujuan  penelitian  dibangun sebuah aplikasi berbasis web yang bisa memroses penjualan sparepart gondola dengan cara  lebih  praktis,  cepat,  akurat  dan  handal.  Perancangan  aplikasi  sistem  penjualan berbasis  web  ini  dibangun  menggunakan  konsep  data  model  yaitu  ERD  ( Entity Relationship  Diagram ),  bahasa  pemrograman  PHP  dan  MySql  untuk  database peyimpanan serta dijalankan pada sistem operasi Windows 7 atau versi Windows yang lebih  tinggi.  Hasil  akhir  dari  perancangan  yaitu  aplikasi  penjualan  sparepart  gondola dengan  pemodelan  terstruktur  agar  data  masukan  akan  diolah  dengan  sistem manajemen  database  yang  lebih  baik  sehingga  memberikan  kemudahan,  ketepatan perhitungan, ketelitian, kecepatan proses pelaporan serta memperkecil kesalahan yang dapat terjadi karena sistem yang baru sudah terstruktur dan rapi.
Kata Kunci : Suku cadang, Gondola, aplikasi web

## ABSTRACT
CV.  Yoga Perkasa Mandiri  was  a  company engaged  in  the maintenance  of  the building that  was  sparepart  gondola  provider  that  still  uses  paper  documents  in the  process  of selling gondola sparepart  or not computerized. In order for the company to grow,  it is necessary to provide a more effective and efficient service delivery system in the sales process.  Aim  of  research  to  built  a  web  based  application    can  process  the  sales  of gondola  spare  parts  in  a more  practical,  fast, accurate  and  reliable way.  The  design  of web-based sales system application was built used the concept of data model that was ERD (Entity Relationship Diagram), PHP and MySql programming languages for database storage and run on Windows 7 operating system or higher version of Windows. The final result  of  the  design  was  the  sales  application  spondepart  gondola  with  structured modeling so that the input data will be processed with a better database management system  so  as  to  provide  convenience,  accuracy  of  calculation,  accuracy,  speed  of reporting  process  and  minimize  errors  that  can  occur  because  the  new  system  was structured and neat.
Keywords: Spare part, Gondola, web based application

## 1.PENDAHULUAN
Pada  era  sekarang  banyak  perusahaan mempunyai gedung perkantoran atau bangunan  bertingkat  yang  menggunakan  alat penunjang  yang  disebut  gondola.  CV.  Yoga Perkasa Mandiri merupakan perusahaan penyedia  sparepart  gondola  untuk  mencukupi kebutuhan perusahaan yang menggunakan alat penunjang tersebut. Pengolahan data penjualan sparepart  gondola  pada  CV.  Yoga  Perkasa Mandiri masih menggunakan dokumen- dokumen  kertas  yang  menumpuk  karena  tidak langsung  diproses  sehingga  membutuhkan tempat  untuk  dokumen  kertas  yang tertumpuk dan hilangnya dokumen.
Pengolahan data penjualan pada perusahaan belum  terkomputerisasi  dengan  baik.  Sehingga menimbulkan kesulitan pada saat mencari data, seperti  data  pesanan  pelanggan,  data  transaksi penjualan  dan  data  laporan.  Untuk  itu  perlu dirancang  sebuah  sistem  penjualan  sparepart gondola secara online pada perusahaan.

## 2.TUJUAN

## 3.METODE
Teknik  pengumpulan  data  yang  digunakan dalam  penelitian  adalah  primer  dan  sekunder. Penelitian  data  primer  yang  dilakukan  yaitu dengan  wawancara  serta  observasi.  Sedangkan teknik  pengumpulan  data  secara  sekunder dilakukan menggunakan metode studi pustaka.
Metodologi pengembangan sistem perangkat  lunak  yaitu  dengan  menggunakan model  SDLC  ( System  Development  Life  Cycle ). SDLC  adalah  proses  mengembangkan  atau mengubah  suatu  sistem  perangkat  lunak dengan menggunakan model-model dan metodologi  yang  digunakan  orang  untuk mengembangkan sistem-sistem perangkat lunak sebelumnya.

## 4.HASIL DAN PEMBAHASAN
Hasil  dan  pembahasan  aplikasi  sistem penjualan  sparepart  gondola  pada  CV  Yoga Perkasa  Mandiri  akan  dijelaskan  sebagai berikur:
a. Pemodelan Sistem
Pada  perancangan  aplikasi  sistem  penjualan sparepart  gondola  pada  CV.  Yoga  Perkasa Mandiri  maka  dibuatkan  pemodelan  sistem
usulan dengan menggunakan Flow of Document (gambar  1  sampai  dengan  4)  dan  Data Flow Diagram  yang  terdiri  dari  diagram  konteks (gambar 5) dan diagram nol (gambar 6) .
Gambar  1 Flow  of  Document Proses  Sistem Aplikasi yang Diusulkan (1)
Gambar  2 Flow  of  Document Proses  Sistem Aplikasi yang Diusulkan (2)
Gambar  3 Flow  of  Document Proses  Sistem Aplikasi yang Diusulkan (3)
Gambar  4 Flow  of  Document Proses  Sistem Aplikasi yang Diusulkan (4)
Gambar  5  Diagram  Konteks  Proses  Sistem Aplikasi yang Diusulkan
Gambar  6  Diagram  Nol  Proses  Sistem  Aplikasi yang Diusulkan
b. Spesifikasi Program
Spesifikasi  program  dari  aplikasi  penjualan sparepart  gondola  pada  CV  Yoga  Perkasa Mandiri  akan  diuraikan  dalam  penjelasan sebagai berikut:
Spesifikasi program aplikasi penjualan sparepart gondola: Nama  program  :  Aplikasi  Penjualan  Sparepart Gondola.apk Bahasa program : PHP Fungsi program : Melakukan transaksi penjualan sparepart gondola melalui web Media program   : Hardisk Logika program   : Customerlogin sebagai
member  namun  yang  belum  menjadi  member maka harus registrasi terlebih dahulu. Customer dapat  melihat  menu  utama  kemudian  memilih menu request  order setelah  itu  mengisi form request  order sekaligus request  order detail. Marketing mengolah  data request  order dan request order detail untuk penerimaan pesanan yang  sekaligus  sudah  di  periksa  oleh team proyek..  Apabila  pesanan  diterima  oleh marketing maka customer mengirimkan lampiran purchase  order melalui  email.  Admin proyek  menginput  data purchase  order sesuai lampiran  pada purchase  order yg  dikirim  dari
customer .  Kepala  cabang  dan  bagian  gudang memberi  ACC  untuk purchase  order .  Setelah diberi  ACC  maka  admin  proyek membuat  surat jalan  serta  dan  berita  acara  untuk  pengiriman barang ke customer . Team proyek mengirimkan pesanan  sparepart  gondola  disertai  lampiran surat  jalan  dan  berita  acara. Customer menerima pesanan sparepart
gondola
kemudian  memberi  tanda  tangan  untuk  surat jalan  dan  berita  acara  yang  akan  diserahkan kembali  kepada team proyek  sebagai  tanda terima  pengiriman  barang. Team proyek memberikan tanda terima surat jalan dan berita acara  kepada  admin  proyek  sebagai  bukti bahwa  pengiriman  barang  telah  selesai dilaksanakan.
c. Tampilan Aplikasi ( User Interface ) Tampilan  layar  secara  keseluruhan  dalam screen format  atau user  interface dari  aplikasi sistem  penjualan  sparepart  gondola  pada  CV Yoga  Perkasa  Mandiri  dapat  dilihat  pada gambar berikut:
Gambar  7  Tampilan  Halaman  Fisik  Beranda Menu Awal ( Home )
Gambar 8 Tampilan Halaman Fisik Login
Gambar  9  Tampilan  Halaman  Fisik  Registrasi

## Customer
Gambar  10  Tampilan  Halaman  Fisik  Beranda Customer
Gambar  11  Tampilan  Halaman  Fisik Customer
Profil Customer Gambar 12 Tampilan Halaman Fisik
CustomerInput RO ( Request Order )
Gambar  13  Tampilan  Halaman  Fisik Customer Data RO ( Request Order )
Gambar  14  Tampilan  Halaman  Fisik Customer Input RO ( Request Order ) Detail
Gambar  15  Tampilan  Halaman  Fisik Customer Data Sparepart
Gambar  16  Tampilan  Halaman  Fisik Customer Data PO ( Purchase Order )
Gambar  17  Tampilan  Halaman  Fisik  Beranda Pegawai
Gambar  18  Tampilan  Halaman  Fisik  Pegawai Profil Pegawai
Gambar  19  Tampilan  Halaman  Fisik  Pegawai Data RO ( Request Order )
Gambar  20  Tampilan  Halaman  Fisik  Pegawai Data RO ( Request Order ) Detail
Gambar  21  Tampilan  Halaman  Fisik  Pegawai Edit RO ( Request Order )
Gambar  22  Tampilan  Halaman  Fisik  Pegawai Data RO ( Request Order ) “Terima”
Gambar  23  Tampilan  Halaman  Fisik  Pegawai Data RO ( Request Order )  “Tolak”
Gambar  24  Tampilan  Halaman  Fisik Customer Data RO ( Request Order ) “Diterima”
Gambar  25  Tampilan  Halaman  Fisik  Pegawai
Input PO ( Purchase Order )
Gambar  26  Tampilan  Halaman  Fisik  Pegawai Data PO ( Purchase Order )
Gambar  27  Tampilan  Halaman  Fisik Customer
Data PO ( Purchase Order ) “Proses”
Gambar 28 Tampilan Halaman Fisik Pegawai PO ( Purchase Order ) “Pengiriman”
GaSmbar 29 Tampilan Halaman Fisik Customer PO ( Purchase Order ) “Pengiriman ”
Gambar  30  Tampilan  Halaman  Fisik  Pegawai PO ( Purchase Order ) “Selesai ”
Gambar  31  Tampilan  Halaman  Fisik Customer PO ( Purchase Order ) “Selesai”
Gambar  32  Tampilan  Halaman  Fisik  Beranda Menu Admin
Gambar  33  Tampilan  Halaman  Fisik  Admin Input Data Admin
Gambar  34  Tampilan  Halaman  Fisik  Admin Data Admin

## Gambar  35  Tampilan  Halaman  Fisik  Admin
Input Data Customer
Gambar  36  Tampilan  Halaman  Fisik  Admin Data Customer
Gambar  37  Tampilan  Halaman  Fisik  Admin Input Data Pegawai
Gambar  38  Tampilan  Halaman  Fisik  Admin Data Pegawai
Gambar 39 Tampilan Halaman Fisik Admin Input Data Sparepart
Gambar  40  Tampilan  Halaman  Fisik  Admin Data Sparepart
Tampilan  surat  jalan  dan  berita  acara  untuk pengiriman  sparepart  dari  CV  Yoga  Perkasa Mandiri adalah sebagai berikut:
Gambar 41 Tampilan Halaman Fisik Surat Jalan

## Gambar 42 Tampilan Halaman Fisik Berita Acara

## 5.SIMPULAN  DAN SARAN

## 5.1. SIMPULAN
Berdasarkan  hasil  studi,  penelitian,  analisis, perancangan  dan  implementasi  aplikasi  sistem penjualan  sparepart  gondola  pada  CV  Yoga Perkasa  Mandiri,  maka  dapat  diperoleh simpulan sebagai berikut:
1. Aplikasi  sistem  penjualan  sparepart gondola  berbasis  web  memberikan gambaran  informasi  kepada  pihak perusahaan  untuk  mengetahui  data transaksi  penjualan  sparepart  gondola mulai dari pemesanan, proses, pengiriman sampai tahap selesai pengiriman barang.
2. Aplikasi dirancang memberikan kemudahan,  ketepatan  perhitungan, ketelitian,  kecepatan  proses  pelaporan serta  memperkecil  kesalahan  yang dapat  terjadi  karena  sistem  yang  baru sudah terstruktur dan rapi.
3. Aplikasi  dapat  melakukan  pencarian sparepart gondola yang tersedia .

## 5.2.SARAN
Saran  yang  diberikan  untuk  pengembangan aplikasi  sistem  penjualan  sparepart  gondola pada CV Yoga Perkasa Mandiri lebih lanjut agar semakin  memberikan  manfaat  bagi  pengguna yaitu sebagai berikut:
1. Pembuatan  aplikasi  sistem  penjualan sparepart gondola diharapakan diimplementasikan  dalam  perusahaan agar dapat membantu dalam pengolahan  data  penjualan  pada  CV. Yoga Perkasa Mandiri. 2. Diperlukan  pemeliharaan  secara  rutin terhadap  aplikasi  agar  program  aplikasi tidak  mengalami  kerusakan  sistem secara up to date agar program ini bisa berjalan dengan baik.
3. Perlu adanya pelatihan khusus terhadap user dalam  mengoperasikan  program
aplikasi  sistem  penjualan  sparepart gondola  ini  untuk  mengoptimalkan kerja  dari  program  aplikasi  sehingga tidak  terjadi  kesalahan  pada  sistem aplikasi.
4. Fitur-fitur yang ada pada aplikasi sistem penjualan sparepart gondola yang telah dibangun  dapat  lebih  dikembangkan lagi sesuai dengan kebutuhan perusahaan.

## DAFTAR PUSTAKA
HM,Jogiyanto.1989. Analisis  &  Desain . edisi ke- 2.Andi:Yogyakarta
HM,Jogiyanto.2011. Sistem Teknologi Informasi .edisi ke-3.Andi, Yogyakarta
Kadir,  Abdul.2003. Pegenalan  Sistem  Informasi . edisi ke-1.Andi, Yogyakarta Laksono, Fredy.2012. Sistem Informasi
Penjualan  Spare  Part  Motor  Berbasis  Web Pada  Perusahaan  Initial  Racing  Yogyakarta .
Sumber:http://repository.amikom.ac.id/files /Publikasi_09.12.3580.  pdf.  (Diakses  pada tanggal 12 Mei 2017)
Muniarti.2010. Pegembangan  Sistem  Informasi Penjualan  Pada  PD.Hikmah  Jaya  Jakarta Barat.
Sumber:
http://repository.uinjkt.ac.id/dspace/bitstre am/123456789/21630/1/MUNIARTI-FST.pdf.
(Diakses pada tanggal 11 Mei 2017)
Musrifah,  M.Muthoir.2014. Sistem  Informasi Persediaan  Suku  Cadang  pada  Ahass  2106 Waras  Motor  Gemuh  Berbasis  Php  dan MySQL .
Sumber:http://journal.stekom.ac.id/index.p hp/JurnalMhs/article/view/100.
(Diakses
pada tanggal 24 April 2017)
Neti, Cofriyanti,Ervi, Anggraini,Renni.2012. Perancangan  Aplikasi  Rental  Mobil  Pada  CV Karya Bersama Palembang . Sumber: http://eprints.mdp.ac.id/764/1/JURNAL%20 2008110054_NETI.pdf. (Diakses pada tanggal 2 Mei 2017) Octavia,Diana, Ratna Sari,Dian, Artina,Nyimas.2009. Sistem Informasi Penjualan  Sparepart  Motor  Berbasis  Web Pada PT.XYZ . Sumber: http://eprints.mdp.ac.id/835/1/Jurnal%2020
09240095%20Diana_ Octavia%20dan%202009240058%20Dian_rat na_sa.pdf.(Diakses  pada  tanggal  11  Mei 2017)
Restiana,Rissa.2014. Sistem Informasi Penjualan Sparepart  Kendaraan  Bermotor  Pada  Toko Enjoy Motor Lampung . Sumber: http://repository.amikom.ac.id/files/Publika si_10.12.4848.  pdf.  (Diakses  pada  tanggal  9 Mei 2017) Rosa A.S, M.Shalahuddin.2015. Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek .Informatika, Bandung Simarmata, Janner.2006. Aplikasi Mobile Commerce Menggunakan PHP dan
MySql .edisi ke-1.Andi, Jogjakarta
Sunyoto,  Danang.2013. Manajemen  Pemasaran . cetakan  ke-1.CAPS  (Center  of  Academic Publishing Service), Jogjakarta
Sutabri,  Tata.2012. Analisis  Sistem  Informasi . edisi ke-1.Andi, Yogyakarta.
Wibowo,  Angga.2007.16 Aplikasi  PHP  Gratis untuk  Pengembangan  Situs  Web .edisi  ke-
1.Andi, Jogjakarta
Wisnu,Nugraha,  Pratama,Rikky.2014. Perangkat Lunak Penjualan Suku Cadang Sepeda Motor pada  Bagian  Kasir  di  Pt.  Super  Moto Indonesia . Sumber:http://e- journal.lpkia.ac.id/files/students/essays /journals/43.pdf.  (Diakses  pada  tanggal  7 April 2017)