100 Jurnal Teknik Informatika dan Sistem Informasi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E-ISSN 2503-2933

## Perancangan Dan Implementasi Sistem Aplikasi Penjualan Sparepart Bus Dan Truk Berbasis Web Menggunakan Framework Laravel
Hertanto Mulianto 1 , Eko Sediyono 2 1,2 Universitas Kristen Satya Wacana Jl. Diponegoro 52-60, Salatiga, Kec. Sidorejo, Kota Salatiga, Jawa Tengah 50711, (0298) 321212 3 Jurusan Teknik Informatika, FTI UKSW, Salatiga e-mail: 1 672018093@student.uksw.edu, 2 eko@uksw.edu

## Abstrak
Toko Kartika Motor Tegal merupakan sebuah toko yang menjual berbagai macam jenis sparepart bus dan truk. Toko Kartika Motor Tegal menyediakan semua jenis sparepart bus dan truk  yang  bisa  dibeli  oleh  masyarakat  luas  terutama  masyarakat  Kota  Tegal.  Namun,  Toko Kartika Motor Tegal belum memiliki aplikasi untuk transaksi penjualan dan pembelian melalui online. Penelitian ini bertujuan untuk merancang dan mengimplementasi sebuah aplikasi sistem penjualan sparepart bus dan truk pada Toko Kartika Motor Tegal berbasis web menggunakan framework laravel. Oleh sebab itu, dibuatlah aplikasi sistem aplikasi penjualan sparepart bus dan truk Toko Kartika Motor Tegal berbasis website dengan metode prototype. Aplikasi website ini dapat mempermudah masyarakat agar dapat lebih mudah membeli dan mencari sparepart tanpa perlu datang ke toko langsung merupakan produk dari penelitian perancangan aplikasi ini.
Kata kunci — Sparepart, Website, Laravel

## Abstract
Toko Kartika Motor Tegal is a shop that offers various kinds of spare parts for buses and trucks. We provide all kinds of spare parts for buses and trucks for purchase by the general public,  especially  residents  of  Tegal  city.  However,  there  is  still  no  online  transaction application  for  sales  and  purchases.  The  purpose  of  this  study  is  to  develop  and  implement  a web-based spare parts sales system application for Toko Kartika Motor Tegal using the Laravel framework. Therefore, Toko Kartika Motor Tegal developed a web-based prototype application to  sell  spare  parts  for  buses  and  trucks.  The  application  can  enable  customers  to  easily purchase and search for spare parts without going to the store in person. This is the result of design considerations for this application.
Keywords — Spare parts, Webiste, Laravel

## 1. PENDAHULUAN
Perkembagan  teknologi  informasi  saat  sekarang  ini  sangat  cepat,  gabungan  antara teknologi dan informasi bisa menghasilkan suatu sistem aplikasi. Sistem adalah sebuah susunan yang di dalamnya terdiri dari beberapa komponen-komponen yang bersifat fungsional (dengan satuan fungsi dan tugas khusus) yang saling terkoneksi atau berhubungan dan memiliki tujuan yang  sama  untuk  menyelesaikan  suatu  proses  tertentu[1],  sedangkan  Aplikasi  adalah  suatu program  yang  sudah  dibuat  dan  siap  digunakan  atau  program  yang  sudah  diatur  untuk melaksanakan  suatu  fungsi  bagi  pengguna  atau  aplikasi  yang  lain.  Aplikasi juga  memiliki  arti
Jatisi                             ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E- ISSN 2503-2933 101
lain  yaitu  sebagai  penggunaan  dan  penerapan  suatu  konsep  yang  menjadi  pokok  pembahasan atau  sebagai  program  komputer  yang  dibuat  untuk  menolong  manusia  dalam  melaksanakan tugas tertentu[2].
Kartika Motor Tegal adalah sebuah toko yang menjual berbagai macam jenis sparepart bus  dan  truk,  maka  oleh  sebab  itu  peneliti  ingin  membuatkan  sebuah  perancangan  sistem aplikasi  penjualan  online  berbasis  web.  Perancangan  merupakan  pembuatan  suatu  kreasi  atau karya  yang  bertujuan  yaitu  untuk  mendapatkan  hasil  akhir  dengan  mengambil  suatu  tindakan yang jelas, atau suatu kreasi atas sesuatu yang memiliki bentuk atau wujud fisik. Dalam bidang teknik,  hal  ini  masih  menyangkut  suatu  proses  dimana  prinsip–prinsip  ilmiah  dan  alat–alat teknik seperti matamatikan komputer dan bahasa dipakai, dalam menghasilkan suatu rancangan yang jika dilaksanakan akan memenuhi kebutuhan manusia[3].
Sekarang  ini  penjualan  barang  secara  online  sangatlah  populer,  karena  memudahkan kita  dalam  membeli  sebuah  barang.  Kita  bisa  mencari,  melihat,  dan  membeli  barang  dengan mudah  lalu  diantarkan  di  rumah  kita.  Kita  tidak  perlu  repot  keluar  dari rumah  untuk  membeli dan  mencari  barang  yang  kita  inginkan.  Melihat  kondisi  Kartika  Motor  saat  ini  yang  belum memiliki website penjualan  sparepart,  maka  terbitlah  suatu  pemikiran  untuk  membuat  sebuah aplikasi  penjualan  berbasis website untuk  membantu  meningkatkan  penjualan  sparepart  Toko Kartika  Motor.  Supaya  masyarakat  dari  kota  Tegal  maupun  luar  kota  Tegal  bisa  lebih  mudah untuk  mencari  dan  membeli  sparepart  yang  diinginkan,  serta  mendongkrak  angka  penjualan sparepart.
Dalam  perancangan  aplikasi  ini  peneliti  memakai framework Laravel.  Laravel  yaitu sebuah framework PHP based yang bisa digunakan kedalam proses development sebuah website agar  lebih  optimal.  Dengan  digunakannya framework tersebut,  hasil  yang  akan  didapatkan sebuah website akan  lebih  dinamis.  kemunculan framework Laravel  membuat  bahasa pemrograman  PHP  menjadi  lebih powerful .  kita  perlu  mengetahui  semenjak  kemunculan framework Laravel, framework ini  sering  menghadirkan  fitur-fitur  terupdate  dibandingkan framework lainnya. Laravel juga memiliki fitur bawaan yang lengkap, salah satunya adalah fitur otentikasi. Framework Laravel ini cenderung berfokus pada level end-user . Di mana framework ini  memiliki  keunggulan  tetapi  tetap  sederhana,  baik  dalam  sisi  penulisan  kode  maupun tampilannya.  Meskipun  demikian, framework Laravel  tetap  bisa  digunakan  untuk  membuat aplikasi berbasis website dengan fitur yang lengkap.
Framework Laravel  menggunakan  struktur  MVC  ( Model  View  Controller ).  MVC adalah model aplikasi yang dapat memisahkan antara data dan tampilan berdasarkan komponen aplikasi. Dengan digunakannya model MVC, pengguna Laravel dapat lebih mudah mempelajari Laravel. Serta membuat proses perancangan aplikasi berbasis website ini menjadi lebih cepat[4]. Oleh  sebab  itu  peneliti  menggunakan  framework  Laravel  untuk  membuat  aplikasi  penjualan sparepart  bus  dan  truk  pada  toko  Kartika  Motor  Tegal.  Manfaat  yang  didapat  dari  hasil penelitian  ini  adalah  meningkatkan  penjualan  sparepart  dan  mempermudah  masyarakat  yang ingin membeli sparepart di Kartika Motor.
Pada penelitian yang berjudul Implementasi Framework Laravel pada Sistem Informasi Penyewaan  Kamera,  membahas  perancangan website untuk  memudahkan  pelanggan  dalam melakukan pemesanan dan melihat jadwal pemesanan kamera serta memudahkan petugas dalam mengelola  data.  Aplikasi  tersebut  dibuat  menggunakan framework Laravel.  Peneliti mengunakan framework Laravel  karena  memiliki  berbagai  macam  fitur  dalam  mempermudah dan  mempercepat  proses  pengkodean  baik  dari  segi  mesin  atau  dari  segi  tampilan user interface [5].
Pada  penelitian  berikutnya  yang  berjudul  Implementasi framework Laravel  Pada Aplikasi  Pengolah  Nilai  Akademik  Berbasis  Web,  membahas  perancangan website untuk mempercepat  dan  mengoptimalkan  wali  kelas  saat  memasukkan  nilai  rapor  sesuai  dengan
102 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E-ISSN 2503-2933
standar  kurikulum  2013  dan  data  nilai  rapor  menjadi  lebih  aman  karena  disimpan  ke  dalam database , serta memberi kemudahan penyampaian informasi nilai kepada siswa serta orang tua murid  karena website sudah  terhubung  dengan  jaringan internet. Aplikasi  ini  menggunakan framework Laravel  karena  memudahkan  pembuat  aplikasi  dalam  merancang website serta dengan  adanya  aplikasi  ini  pencatatan  nilai  rapor  siswa  dapat  dicatat  dengan  cepat  dan efisien[6].
Pada  penelitian  berikutnya  yang  berjudul  Aplikasi  Point  of  Sales  Menggunakan Framework  Laravel,  membahas  tentang  perancangan  aplikasi  Point  of  Sales  toko  Galaxy  Cell untuk membantu pemilik toko Galaxy Cell dalam memanajemen data toko. Framework Laravel digunakan oleh peneliti dalam membangun aplikasi ini karena Laravel mempunyai library yang banyak  serta  membantu programmer dalam  membangun  sebuah  aplikasi.  Laravel  mempunyai syntax yang bersih dan fungsional serta mempunyai banyak library dan user friendly sehingga bisa menghemat waktu pembangunan aplikasi[7].
Pada  penelitian  berikutnya  yang  berjudul  Pengembangan  Aplikasi  Sistem  Informasi Operasional  Bus  Berbasis  Web  Menggunakan  Framework  Laravel,  membahas  tentang perancangan  sebuah  sistem  informasi  operasional  armada  bus  yang  berbasis website .  Pada sistem  informasi  tersebut,  kru  bisa  mengisi  laporan  operasional  armada  bus  sehingga  dapat digunakan  oleh  operator  bus  untuk  memastikan  operasional  kelayakan  armada  bus  serta  dari riwayat  laporan  operasional tersebut  baik  kru  atau  operator  dapat  memutuskan  apakah  armada bus  tersebut  butuh  dilakukan  perawatan  atau  tidak. Framewowrk Laravel  digunakan  oleh peneliti karena bersifat open source dan gratis[8].
Berdasarkan  beberapa  penelitian  terdahulu  yang  ada,  maka  dapat  disimpulkan  bahwa framework  Laravel  merupakan  framework  yang  banyak  digunakan  untuk  membuat  website karena lebih mudah serta efisien dalam merancang aplikasi, dan bersifat open source dan gratis. Maka  dari  itu,  penulis  memilih  untuk  menggunakan  framework  Laravel  untuk  pengerjaan project aplikasi penjualan toko Kartika Motor Tegal. Selain itu, Laravel juga memiliki banyak fitur  bawaan  seperti  fitur  Authentication  yang  dapat  digunakan  untuk  membuat  login  dan logout,  serta syntax Laravel  yang  bersih  dan  fungsional  serta library yang  banyak  dan  mudah hal tersebut  dapat  memudahkan  penulis  untuk  Perancangan  dan  Implementasi  Sistem  Aplikasi Penjualan Sparepart Bus dan Truk Pada Toko Kartika Motor Tegal Berbasis Web Menggunakan Framework Laravel. Aplikasi tersebut dirancang supaya user dapat menjual secara online, serta menaikkan  penjualan  dan  pelanggan  Toko  Kartika  Motor  Tegal  yang  ingin  mencari  dan membeli sparepart di toko tersebut.

## 2. METODE PENELITIAN
Penelitian  ini  dilakukan  dengan  menggunakan  beberapa  tahapan,  tahap  pertama  dari perancangan  sistem  ini  yaitu  melakukan  pengumpulan  data  dan  analisis  kebutuhan  sistem, kemudian tahap kedua yaitu merancang aplikasi sesuai dengan kebutuhan yang telah dianalisa di  tahap  pertama,  kemudian  tahap  ketiga  yaitu  membangun  serta  mengimplementasi  aplikasi, dan  tahap  keempat  yaitu  menguji  aplikasi.  Tahapan  perancangan  aplikasi  Aplikasi  Penjualan Sparepart Bus dan Truk Pada Toko Kartika Motor Tegal dapat dilihat pada Gambar 1.
Jatisi                             ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E- ISSN 2503-2933 103

## Gambar 1. Tahapan Penelitian
1. Pengumpulan Data dan Analisis Kebutuhan
Pada  tahap  ini  dilakukan  pencarian  informasi  yang  bertujuan  untuk  memenuhi  kebutuhan data  dan  informasi  guna  perancangan  aplikasi  penjualan  Toko  Kartika  Motor  Tegal. Melakukan  wawancara  dengan  pemilik  Toko  Kartika  Motor  untuk  mendapatkan  alur  dan kebutuhan sistem.
2. Perancangan Aplikasi
Pada tahap ini dilakukan perancangan alur sistem yang terdiri dari perancangan antar muka, perancangan fungsional sistem, perancangan basis data, serta infrastruktur dari sistem.
3. Pembangunan dan Implementasi Aplikasi Pada tahap ini dilakukan pengkodean menggunakan PHP , menggunakan framework Laravel, dan basis data Mysql.
4. Pengujian Aplikasi
Pada  tahap  ini  dilakukan  pengujian  aplikasi  menggunakan  pengujian  black  box  testing  dan pengujian pengguna dari admin maupun user.
Pengumpulan Data dan Analisis Kebutuhan aplikasi penjualan toko onderdil mobil Perancangan Aplikasi penjualan toko suku cadang mobil Pembangunan atau Implementasi Aplikasi
penjualan toko onderdil mobil
Pengujian Aplikasi penjualan toko Kartika
Motor Tegal
104 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E-ISSN 2503-2933

## 3. HASIL DAN PEMBAHASAN

## 3.1.   Use Case Diagram
Use case diagram adalah diagram yang memberikan gambaran hubungan antara aktor dengan sistem. interaksi antara satu atau lebih aktor dan sistem akan digambarkan dengan bantuan diagram use case[9].
Gambar 2. Use Case Diagram
Pada aplikasi penjualan sparepart toko Kartika Motor Tegal, terdapat 2 aktor yaitu user (pelanggan) dan admin (pemilik).

## 3.2.   Activity Diagram
Activity  Diagram adalah  gambaran  berjalannya  aktivitas  yang  terjadi  dalam  sebuah sistem  yang  akan  dijalankan.  Alur  sistem  aplikasi  penjualan  Toko  Kartika  Motor  Tegal digambarkan  dari  pengguna  masuk  ke  aplikasi  hingga  pengguna  dapat  membeli  produk sparepart.  Dalam  hal  ini  admin  memiliki  hak  akses  dalam  melakukan  proses Create,  Read, Update, dan Delete [10].
Jatisi                             ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E- ISSN 2503-2933 105
Hertanto Mulianto, et., al [Perancangan dan Implementasi Sistem Aplikasi Penjualan Sparepart Bus dan Truk Berbasis Web Menggunakan Framework Laravel]
Gambar 3. Activity Diagram User
106 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E-ISSN 2503-2933
Gambar 4. Activity Diagram Admin
Jatisi                             ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E- ISSN 2503-2933 107
3.3.   Hasil
Gambar 5. Tampilan Halaman Admin
Gambar  5  merupakan  tampilan  halaman admin yang  terdapat  dalam website sistem aplikasi penjualan Toko Kartika Motor Tegal. Di dalam halaman tersebut terdapat 3 menu yaitu menu user,  inventory, dan daftar  transaksi  pembelian .  Halaman  ini  hanya  bisa  diakses  oleh admin supaya  data user ,  toko  serta  transaksi  pembelian  lebih  aman  karena  data  tersebut merupakan privasi.
Gambar 6. Tampilan Halaman User
Gambar  6  merupakan  tampilan  halaman user yang  didalamnya  terdapat  2  menu  yaitu home , dan inventory . Di halaman ini user dapat menentukan jenis sparepart bus atau truk.
108 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E-ISSN 2503-2933
Gambar 7. Tampilan Halaman Admin Daftar User
Pada tampilan ini admin dapat melihat data user . Admin juga bisa menambah data user, mengedit,  dan  menghapus user yang  ada.  Halaman  ini  hanya  bisa  diakses  oleh admin supaya lebih aman, dan tidak bisa dirubah atau diedit oleh orang yang tidak bertanggung jawab.
Gambar 8. Tampilan Halaman Admin Daftar Inventory
Pada  gambar  8  ini admin dapat  melihat  stok  sparepart  yang  tersedia,  mengubah  data barang, menghapus barang, serta menambahkan barang.
Jatisi                             ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E- ISSN 2503-2933 109
Gambar 9. Tampilan Halaman Admin Daftar Transaksi Pembelian
Dalam halaman ini admin bisa mengetahui semua pemesanan yang dilakukan oleh user . Admin juga  bisa  mengetahui  nama  pemesan  serta  jenis  sparepart  dan  jumlah  sparepart  yang dipesan.
Gambar 10. Tampilan Halaman Profil
Pada tampilan gambar 10 merupakan halaman untuk meyimpan informasi dan mengedit data profil user yang ada dalam database .
110 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E-ISSN 2503-2933

## 3.4.   Pengujian
Tahap pengujian dilakukan dengan metode Blackbox Testing .
Tabel 1. Pengujian Blackbox Testing Jenis Pengujian Aktivitas Pengujian Hasil yang Diharapkan Hasil Testing Halaman login admin Admin memasukkan username dan password lalu klik login Masuk  ke  halaman home admin Berhasil Halaman home user User memilih  sparepart yang akan dibeli User masuk ke halaman pembelian lalu menginput jumlah  barang  yang  akan dibeli Berhasil Halaman daftar user Admin memilih menu user Masuk ke halaman yang berisi tabel user dan  pilihan  untuk menambah, mengedit, dan menghapus user Berhasil Halaman inventory admin Admin memilih menu inventory  dan  menginput data sparepart Masuk halaman inventory yang berisi tabel data sparepart,  jenis  sparepart  dan stok sparepart. Berhasil Halaman daftar transaksi pembelian Admin memilih menu daftar transaksi pembelian Masuk  ke  halaman  daftar transaksi  pembelian, admin dapat menambah dan mengubah data transaksi Berhasil Halaman profil User  mengubah  data  diri, email, atau password User mengisi  data  lalu  jika sudah terisi maka akan tersimpan dalam database Berhasil 4. KESIMPULAN
Dalam  perancangan  ini  dapat  disimpulkan  bahwa  aplikasi  penjualan online Toko Kartika Motor Tegal dapat memudahkan pembeli untuk membeli barang dan melihat barang di toko tersebut dan juga dapat digunakan sebagai sarana informasi bagi calon pembeli yang ingin melihat  ketersediaan  suku  cadang  di  Toko  Kartika  Motor  Tegal.  Aplikasi  ini  juga  dapat membantu  pemilik  toko  untuk  meningkatkan  sistem  pelayanan  tokonya  dan  memudahkan pengoperasian pemilik toko dengan berbagai sarana yang dapat dalam manajemen sistem toko.

## 5. SARAN
Saran yang dapat disampaikan oleh peneliti untuk perancangan dan implementasi sistem aplikasi penjualan sparepart bus dan truk berbasis web ini adalah dilakukannya penelitian yang lebih mendalam mengenai analisis kebutuhan sistem yang lebih mendetail, dan keamanan data.
Jatisi                             ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 100-111 E- ISSN 2503-2933 111

## UCAPAN TERIMA KASIH
Dalam proses penyusunan jurnal ini, tidak lepas dari dukungan pihak-pihak yang telah membantu baik  dalam  bentuk  doa,  dorongan,  kritik  dan  saran.  Pada  kesempatan  ini,  saya mengucapkan  terima  kasih  kepada  dosen  pembimbing  yang  telah  membimbing  penulis  dalam penulisan  jurnal  ini,  keluarga  atas  doa  dan  dukungannya,  serta  teman-teman  yang  telah mendukung  dan  mendukung  selama  proses  penulisan.  Oleh  karena  pihak  yang  sudah  saya sebutkan tadi jurnal ini dapat saya selesaikan dengan sebaik mungkin.

## DAFTAR PUSTAKA
[1] Fathansyah, Basis Data , Revisi., Vol. 1. Bandung: Informatika Bandung, 2012.
[2] Abdul  Kadir, Tuntunan  Praktis  Belajar  Database  Menggunakan  MySQL .  Yogyakarta: Andi Yogyakarta, 2019.
[3] Z. Achmad, Elemen Mesin 1 . Bandung: Refika Aditama, 2006.
[4] M. Ali Maksum, “Internet Adalah Jaringan Komputer, Ini Pengertian dan Sejarahnya,” 2022. https://www.dewaweb.com/apa-itu-laravel
[5] D.  Purnama  Sari  and  R.  Wijanarko, “Implementasi  Framework  Laravel  pada  Sistem
Informasi  Penyewaan  Kamera  (Studi  Kasus  di  Rumah  Kamera  Semarang),”  J.  Inform. dan Rekayasa Perangkat Lunak , Vol. 2, No. 1, p. 32, 2020, doi: 10.36499/jinrpl.v2i1.3190.
[6] R.  R.  Sari  Susanti,  Erfian  Junianto, “Implementasi  Framework  Laravel  pada  Aplikasi Pengolah Nilai Akademik Berbasis Web,” J. Inform. , Vol. 4, No. 1, pp. 108–117, 2017.
[7] T.  Bin  Tahir,  M.  Rais,  and  M.  Apriyadi  HS, “Aplikasi  Point  OF  Sales  Menggunakan Framework  Laravel,”  JIKO  (Jurnal  Inform.  dan  Komputer) ,  Vol.  2,  No.  2,  pp.  55–59, 2019, doi: 10.33387/jiko.v2i2.1313.
[8] A.  C.  M.  Hanif  and  M.  A.  I.  Pakereng, “Pengembangan  Aplikasi  Sistem  Informasi Operasional  Bus  Berbasis  Website  Menggunakan  Framework  Laravel,” JATISI  (Jurnal Tek.  Inform.  dan  Sist.  Informasi) ,  Vol.  8,  No.  3,  pp.  1027–1039,  2021,  doi: 10.35957/jatisi.v8i3.973.
[9] Muhamad  Syarif  and  Wahyu  Nugraha, “Pemodelan  Diagram  Uml  Sistem  Pembayaran Tunai  pada  Transaksi  E-Commerce,”  J.  Tek.  Inform.  Kaputama , Vol.  4,  No.  1,  pp. 64– 70, 2020, [Online]. Available:
http://jurnal.kaputama.ac.id/index.php/JTIK/article/view/240
[10]  Ismai, “Perancangan  Sistem  Aplikasi  Pemesanan  Makanan  dan  Minuman  pada Cafetaria  NO  Caffe  di  TAnjung  Balai  Karimun  Menggunakan  Bahasa  Pemrograman PHP  dan  MySQL,”  J.  Tikar ,  Vol.  1,  No.  2,  pp.  192–206,  2020,  [Online].  Available: https://ejurnal.universitaskarimun.ac.id/index.php/teknik_informatika/article/download/1 53/121