Jurnal Teknik Informatika dan Sistem Informasi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E- ISSN 2503-2933 191
http://jurnal.mdp.ac.id          jatisi@mdp.ac.id

## Perancangan dan Implementasi Sistem Informasi Penjualan Berbasis Web Menggunakan Framework

## Laravel
Yakobus Kevin Dean Prasetyo 1 , Prof. Dr. Ir. Eko Sediyono, M.Kom. 2 ,
1,2 Universitas Kristen Satya Wacana; Jl. Diponegoro No.52-60, Salatiga, Kec. Sidorejo, Kota Salatiga, Jawa Tengah 50711, (0298) 321212
3 Program Studi Teknik Informatika, FTI UKSW, Salatiga e-mail: * 1 672018090@student.uksw.edu, 2 eko@uksw.edu

## Abstrak
Tatto  Cellular  sebuah  badan  usaha  yang  berada  di  Tegal,  yang  bergerak  dibidang penjualan  handphone.  Tatto  Cellular  mempunyai  kendala  pada  order  barang,  karena  saat  ini penjualan masih secara manual, Tujuan dari penelitian ini adalah untuk menghasilkan sebuah website  e-commerce  yang  dapat  menjual  handphone  baru  dan  bekas  dengan  menggunakan framework Laravel. Proses desain website e-commerce Tatto Cellular menggunakan framework Laravel.  Pemodelan  sistem  menggunakan  UML.  Pengumpulan  data  yang  di  lakukan  pada penelitian  ini  yaitu  wawancara  dan  observasi.  Hasil  pada  penelitian  ini  yaitu  menghasilkan suatu perangkat lunak website toko online pada Tatto Cellular menggunakan framework laravel yang  berfungsi  untuk  memperluas  pemasaran  produk  dan  membuat  belanja  lebih  cepat  dan nyaman bagi konsumen tanpa harus datang langsung ke toko.
Kata kunci — Laravel, Metode Prototype, Website

## Abstract
Tatto  Cellular  is  a  business  entity  located  in  Tegal,  which  is  engaged  in  the  sale  of mobile  phones.  Tatto  Cellular  has  problems  with  ordering  goods,  because  currently  sales  are still manually, The purpose of this study is to produce an e-commerce website that can sell new and  used  mobile  phones  using  the  Laravel  framework.  E-commerce  website  design  process Tatto  Cellular  uses  the  Laravel  framework.  System  modeling  using  UML.  Data  collection conducted in this study is interviews and observations. The result of this study is to produce an online  store  website  software  on  Tatto  Cellular  using  the  Laravel  framework  which  serves  to expand  product  marketing  and  make  shopping  faster  and  more  convenient  for  consumers without having to come directly to the store.
Keywords — Laravel, Prototype Method, Website
192 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E-ISSN 2503-2933
Yakobus Kevin Dean Prasetyo , et., al [ Perancangan dan Implementasi Sistem Informasi Penjualan Berbasis Web Menggunakan Framework Laravel] IJCCS Vol. x, No.–end_page

## 1. PENDAHULUAN
Di  era  saat  ini  perkembangan  teknologi  informasi  telah  sangat  maju  pesat  dan memudahkan  aktivitas  manusia  dalam  kehidupan  sehari-hari.  Peranan  teknologi  informasi sangat  penting  dalam  perkembangan  dunia  bisnis.  Perkembangan  pesat  teknologi  ,  sistem informasi  ,  ilmu  pengetahuan  diikuti,  dan  pengusaha  berusaha  untuk  meningkatkan keterampilan  dan  keunggulan  mereka  dengan  memanfaatkan  semua  kemungkinan  yang tersedia[1].
Tatto  Celuller  menggunakan  fungsi  email  dan  telepon  untuk  berkomunikasi  dengan pelanggan  dalam  kegiatan  transaksi  penjualan,  namun  data  transaksi  yang  digunakan  hanya disimpan  dalam  bentuk  dokumen  fisik.    Mereka  perlu  lebih  inovatif  dan  kreatif  dalam menjalankan  bisnis  mereka  untuk  bertahan  di  dunia  bisnis  dan  membutuhkan  strategi  khusus untuk menjaga pelanggan mereka bersaing dengan pesaing mereka. Membangun hubungan baik dengan  pelanggan  lebih  penting  daripada  memenuhi  tujuan  penjualan  .  Jika  hubungan  antara perusahaan  baik,  pelanggan  akan  memilih  perusahaan  yang  mereka  yakini  akan  puas  dengan apa yang ditawarkan perusahaan. Oleh karena itu dengan berkembangnya teknologi informasi, cara untuk mengimplementasikan produk, teknologi informasi dan komunikasi untuk membuat bisnis  ini  lebih  efektif  dengan  meningkatkan  layanan  pemasaran  dan  layanan  pelanggan,  dan teknologi  informasi  dan  komunikasi  untuk  menjadi  lebih  baik.  strategi.  Membantu  pemilik bisnis membuat keputusan yang lebih baik. Salah satu cara untuk membangun hubungan dengan pelanggan  ini  adalah  dengan  membangun  sistem  Manajemen  Hubungan  Pelanggan  adalah strategi  yang  digunakan  perusahaan  untuk  menjauhkan  pelanggan  dari  ketergantungan  pada pesaing.
Laravel  merupakan framework berbasis  bahasa  pemrograman  PHP  yang  dapat digunakan untuk mengoptimalkan proses pengembangan website .[2] Model MVC memudahkan pengguna  Laravel  untuk  mempelajari  Laravel.  Ini  juga  mempercepat  pembuatan  aplikasi berbasis  web.  Banyak  perusahaan  dan  pengembang  memilih  Laravel  karena  manfaat  dan fleksibilitasnya  dalam  mendukung  proses  pengembangan  aplikasi  berbasis  web  mereka.  maka peneliti  menggunakan framework Laravel  untuk  membuat  aplikasi  Website  Dokumentasi  dan Informasi Penjualan HP.[3]
Tujuan  dari  penelitian  ini  adalah  untuk  menganalisis  dan  merancang  sistem  penjualan berbasis  web  untuk  memudahkan  dalam  pengolahan  data  aktivitas  perusahaan  dan  transaksi dalam transaksi penjualan.

## 2.TINJAUAN PUSTAKA

## 2.1.   Penelitian Terdahulu
Dalam  penelitian  terdahulu  yang  berjudul  Analisis  dan  Perancangan  Sistem  Penjualan Barang  Berbasis  Web  PT.  Asia  Tiara  bergerak  dalam  sistem  penjualan  online  yang memudahkan  pelanggan  dan  perusahaan  dalam  berbisnis  karena  pelanggan  dan  perusahaan dapat saling berkomunikasi dalam satu sistem yang saling terhubung.
Tersedianya  menu  pengolahan  data  transaksi  dalam  sistem  memudahkan  karyawan  untuk mengolah data tanpa harus membuka aplikasi lain. [4]
Pada penelitian yang berjudul Rancang Bangun Sistem Informasi Penjualan Pada Toko Buku Kita Tasikmalaya Berbasis Web Menggunakan Framework Laravel 8 membahas tentang system  penjualan  buku  yang  dapat  mempermudah  dalam  pengolahan  data  di  Toko  Buku  Kita Tasikmalaya yang sebelumnya masih di lakukan secara manual sehingga permasalahnya secara
Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E- ISSN 2503-2933 193
Yakobus Kevin Dean Prasetyo , et., al [ Perancangan dan Implementasi Sistem Informasi Penjualan Berbasis Web Menggunakan Framework Laravel] , implies research results (First Author)
manual  dapat  diatasi,  penulis  menggunakan Framework Laravel  untuk  membuat  aplikasi  ini karena Laravel memilik Library yang dapat mempercepat proses pembuatan sebuah aplikasi. [5] Pada  penelitian  yang  berjudul  Sistem  Penjualan  Sayur  Menggunakan Framework Laravel  membahas  tentang  sistem  yang  dibangun  untuk  mempermudah  konsumen  untuk berbelanja  sayuran  hanya  melalui  perangkat handphone ,  tablet,  atau  laptop  yang  mereka gunakan,  penulis  menggunakan Framework Laravel  karena  sangat  membantu  programmer dalam  membangun  sebuah website ,  karena  syntaxlaravel  yang  bersih  dan  fungsional  serta library  yang  banyak  dan  mudah  di  gunakan  sehingga  dapat  mempercepat  pembangunan modul.[6]
Dalam  "Perancangan  dan  Implementasi  Sistem  Informasi  Penjualan  Berbasis  Web Desktop  Menggunakan Framework Bootstrap  Menggunakan  Metodologi  Pengembangan Aplikasi  Cepat",  Studi  Kasus  Toko  Peralatan  Bayi  ‘EENG  BABY  SHOP’  membahas  tentang perancangan website untuk  melakukan  promosi  barang-barang  yang  ada  didalam  ke  wilayah- wilayah  lain,  dan  mencari  pelanggan  di  luar  kota,  penulis  membuat  Website  yang  responsif dengan  menggunakan framework bootstrap  sehingga  bisa  ditampilkan  secara  dinamis  pada setiap jenis ukuran browser. [7]
Dari  beberapa  penelitian  terdahulu,  maka  kita  dapat  menyimpulkan  bahwa framework Laravel  merupakan framework yang  cukup  banyak  digunakan  untuk  membuat website dikarenakan  proses  pengembanganya  lebih  cepat  sehingga  menghemat  waktu  karena  dapat digabungkan  dengan  beberapa  komponen framework lain  untuk  mengembangkan website . Laravel  juga  memiliki  banyak  fitur  bawaan  seperti  fitur  Authentication  yang  dapat  digunakan untuk  membuat  login  dan  logout,  hal  tersebut  dapat  memudahkan  penulis  untuk  merancang aplikasi Penjualan Handphone Berbasis Web Pada Toko Tattoo Cellular Tegal.

## 3. METODE PENELITIAN
Penelitian ini dilakukan dalam beberapa tahap. Tahap pertama dari perancangan sistem ini  adalah  mengumpulkan  data  dan  menganalisis  kebutuhan  sistem.  Kemudian  tahap  kedua adalah merancang aplikasi sesuai dengan kebutuhan yang dianalisis pada tahap pertama. Tahap ketiga  mengikuti  pengembangan  aplikasi.  Tahap  ketiga  adalah  pengembangan  atau implementasi  aplikasi,  dan  tahap  keempat  adalah  pengujian  aplikasi.  Gambar  1  menunjukkan tahapan Perancangan dan Implementasi Sistem  Informasi Penjualan Handphone Berbasis Web Pada Toko Tattoo Cellular Tegal.[8]
194 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E-ISSN 2503-2933
Yakobus Kevin Dean Prasetyo , et., al [ Perancangan dan Implementasi Sistem Informasi Penjualan Berbasis Web Menggunakan Framework Laravel] IJCCS Vol. x, No.–end_page
Gambar 1. Tahapan Penelitian
Penjelasan dari tahap investigasi adalah sebagai berikut: 1.  Pengumpulan Data dan Analisis Kebutuhan
Di  tahap  ini  dilakukan  pencarian  data  yang  bertujuan  untuk  memasukkan  informasi yang  diperlukan  untuk  perancangan  dan  implementasi  sistem  informasi  penjualan  mobile Tegal  Cellular  Tattoo  Shop  berbasis  web.  Melakukan  wawancara  dengan  bagian  Tatto Celuller  untuk  mendapatkan  proses  dan  kebutuhan  sistem  untuk  perancangan  dan implementasi sistem informasi penjualan mobile berbasis web di Tattoo Cellular Tegal.
2.  Perancangan Aplikasi
Di  tahap  ini  diimplementasikan  desain  sistem  yang  terdiri  dari  desain user  interface , desain fungsi sistem, desain basis data dan infrastruktur 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.

## 4. HASIL DAN PEMBAHASAN
4.1   Use Case Diagram
Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E- ISSN 2503-2933 195
Yakobus Kevin Dean Prasetyo , et., al [ Perancangan dan Implementasi Sistem Informasi Penjualan Berbasis Web Menggunakan Framework Laravel] , implies research results (First Author)
Gambar 2. Use Case Diagram
Gambar  2 Use  case diagram  diatas  sendiri  merupakan  proses  deskriptif  yang  dilakukan untuk  merepresentasikan  hubungan  antara  pengguna  dengan  sistem  yang  dirancang. Representasi  sematis  yang  dihasilkan  tetap  sederhana  dan  dimaksudkan  untuk  membuat informasi yang diberikan lebih mudah dibaca.[9]
196 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E-ISSN 2503-2933
Yakobus Kevin Dean Prasetyo , et., al [ Perancangan dan Implementasi Sistem Informasi Penjualan Berbasis Web Menggunakan Framework Laravel] IJCCS Vol. x, No.–end_page

## 4.2   Diagram Activity
Gambar 3. Activity Diagram Admin dan Pelanggan
Gambar 3 diagram aktivitas adalah desain aliran aktivitas atau alur kerja dalam sistem yang sedang berjalan. Mendeskripsikan proses perancangan dan implementasi sistem informasi penjualan  HandPhone  berbasis  web  di  Tegal  Cellular  Tattoo  Shop  menggunakan framework Laravel, mulai dari user masuk ke aplikasi hingga memungkinkan user mendownload dokumen legal. Dalam hal ini administrator memiliki akses untuk membuat, membaca, mengupdate, dan menghapus  proses  yang  berkaitan  dengan  perancangan  dan  implementasi  sistem  informasi penjualan  HandPhone  berbasis  web  di  Tegal  Cellular  Tattoo  Shop  menggunakan framework Laravel.[10]
Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E- ISSN 2503-2933 197
Yakobus Kevin Dean Prasetyo , et., al [ Perancangan dan Implementasi Sistem Informasi Penjualan Berbasis Web Menggunakan Framework Laravel] , implies research results (First Author)
4.3   Desain Aplikasi
Gambar 4. Tampilan Halaman Register
Gambar  4  merupakan  tampilan  halaman register yang  terdapat  dalam website sistem aplikasi  penjualan  toko  Tatto  Cellular.  Di  dalam  halaman  tersebut  terdapat  menu signup . Halaman ini untuk membuat akun customer.
Gambar 5. Tampilan Halaman Sign In
Gambar 5 merupakan tampilan halaman sign in yang didalamnya terdapat menu sign in . Untuk melakukan akses kedalam website penjualan Tatto Cellular.
198 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E-ISSN 2503-2933
Yakobus Kevin Dean Prasetyo , et., al [ Perancangan dan Implementasi Sistem Informasi Penjualan Berbasis Web Menggunakan Framework Laravel] IJCCS Vol. x, No.–end_page
Gambar 6. Tampilan Halaman Home
Gambar 6 tampilan antarmuka Menu Home digambarkan oleh gambar di atas ini untuk melihat barang barang yang di perjual belikan di website TattoCellular.
Gambar 7. Tampilan Halaman Profil
Pada gambar 7 terdapat halaman Profil pembeli yang telah melakukan login di website Tatto Selullar.
Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E- ISSN 2503-2933 199
Yakobus Kevin Dean Prasetyo , et., al [ Perancangan dan Implementasi Sistem Informasi Penjualan Berbasis Web Menggunakan Framework Laravel] , implies research results (First Author)
Gambar 8. Tampilan Halaman Pemesanan Barang
Gambar  8  dalam  halaman  ini Customer melakukan  transaksi  pembelian  barang  di website Tatto Cellular Tegal, dan transaksi pembelian akan di simpan di dalam database.
Gambar 9. Tampilan Halaman Riwayat Pemesanan
Pada  tampilan  gambar  9  merupakan  halaman  untuk  melihat  informasi  riwayat pemesanan yang di lakukan customer .
200 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E-ISSN 2503-2933
Yakobus Kevin Dean Prasetyo , et., al [ Perancangan dan Implementasi Sistem Informasi Penjualan Berbasis Web Menggunakan Framework Laravel] IJCCS Vol. x, No.–end_page
Gambar 10. Tampilan Halaman Detail Pemesanan
Pada  tampilan  gambar  10  merupakan  halaman  untuk  menampilkan  informasi  detail pemesanan yang di lakukan customer .

## 4.4   Pengujian Aplikasi
Kegunaan dari melakukan uji coba yaitu agar kita dapat mengetahui bug atau cacat pada perangkat  lunak  pengembangan.  Pengujian  diperlukan  untuk  memilih  perangkat  lunak  yang telah dibuat memenuhi kriteria.

## 4.5   Tabel BlackBox
Fungsi Deskripsi Hasil yang Diinginkan Hasil Uji Halaman Sign in Customer melakukan Register akun Data tersimpan di database Berhasil Halaman Login Customer melakukan Login akun Data tersimpan di database, dan di tampilkan di halaman profil Berhasil Halaman Home Customer memilih  menu Home Masuk  ke  halaman  yang berisi tabel home dan terdapat  beberapa  pilihan Berhasil
Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E- ISSN 2503-2933 201
Yakobus Kevin Dean Prasetyo , et., al [ Perancangan dan Implementasi Sistem Informasi Penjualan Berbasis Web Menggunakan Framework Laravel]
, implies research results (First Author) Handphone yang  di  jual  di toko Tatto Cellular Halaman Pemesanan Customer memilih  menu pesan  pada  halaman  home dan akan masuk ke halaman pemesanan Masuk  halaman  pemesanan melihat keranjang pembelian,  memperlihatkan daftar produk yang ditambahkan database. Berhasil Halaman  riwayat pemesanan Customer memilih  menu Riwayat pemesanan Masuk ke halaman Riwayat pemesanan  untuk  melihat status  pemesanan  dan  akan di simpan di data base Berhasil Halaman detail pemesanan Customer melakukan pembayaran barang Customer melakukan transaksi pembayaran barang Berhasil 5. KESIMPULAN
Berdasarkan  hasil  implementasi  dan  uji  coba  di  atas,  berjudul  “Perancangan  dan Implementasi Sistem Informasi Penjualan Handphone Berbasis Web Pada Toko Tattoo Cellular Tegal  Menggunakan Framework Laravel”,  yaitu  Sistem  penjualan  ini  bisa  digariskan  secara garis besar sampai pada kesimpulan website penjualan yang dibuat dapat mewadahi kebutuhan sistem  penjualan  yang  ada  di  toko  Tattoo  Cellular,  dimana  pada website penjualan  yang  telah dibuat  ini  telah  tersedia  fitur  layanan  seperti  pengelolaan  barang,  promosi  barang  terbaru, pembelian  barang  secara  online  yang  sudah  dilengkapi  dengan  sistem  pembayaran  online. Framework Laravel sudah terbukti dapat mempercepat pengembangan aplikasi karena Laravel telah mengimplementasikan MVC (Model View Controller).

## 6. SARAN
Saran  yang  dapat  disampaikan  untuk  pengembangan  aplikasi  Sistem  Informasi Penjualan Handphone Berbasis  Web  Menggunakan Framework Laravel  adalah  dengan diadakannya penelitian lebih lanjut mengenai analisis kebutuhan sistem yang lebih mendalam, Perangkat lunak perlu dikembangkan lagi pada interface agar dapat lebih mudah digunakan oleh pengguna. keamanan data, hingga keamanan informasi yang tersedia.

## UCAPAN TERIMA KASIH
Penulis sangat berterima kasih kepada Prof.Eko, keluarga, dan teman teman khususnya angkatan  2018  UKSW  Salatiga  yang  telah  memberikan  dukungan  melalui  doa  maupun bimbingannya kepada penulis hingga dapat mengakhiri penelitian ini.
202 Jatisi ISSN 2407-4322 Vol. 10, No. 3, September 2023, Hal. 191-202 E-ISSN 2503-2933
Yakobus Kevin Dean Prasetyo , et., al [ Perancangan dan Implementasi Sistem Informasi Penjualan Berbasis Web Menggunakan Framework Laravel] IJCCS Vol. x, No.–end_page

## DAFTAR PUSTAKA
[1] E. Kusmayadi, “Dasar-dasar Teknologi Informasi dan Komunikasi,” Univ. Terbuka , pp.
278–300, 2015, [Online]. Available: http://www.pustaka.ut.ac.id/lib/wp-
content/uploads/pdfmk/PUST442502-M1.pdf
[2] Ismai, “Pemanfaatan Framework laravel Untuk Pengembangan Sistem Informasi Toko Online di Toko New Trend Baturetno,” J. Scr. , Vol. 7, No. 2, pp. 232–238, 2019.
[3] Ibnu, “‘Mengenal  Laravel,  Framework  PHP  Terpopuler  Untuk  Pengembangan Website,’” 2022. https://accurate.id/teknologi/laravel/
[4] C.  Sujana  and  D.  Darmansyah, “Analisa  dan  Perancangan  Sistem  Penjualan  Barang Berbasis  Web  pada  PT.  Asia  Tiara,” J.  Interkom  J.  Publ.  Ilm.  Bid.  Teknol.  Inf.  dan Komun. , Vol. 12, No. 4, pp. 24–32, 2021, doi: 10.35969/interkom.v12i4.36.
[5] M.  A.  Firmansyah,  N.  Ramsari,  and  A.  D.  Rachmanto, “Rancang  Bangun  Sistem Informasi  Penjualan  pada  Toko  Buku  Kita  Tasikmalaya  Berbasis  Web  Menggunakan Framework  Laravel  8,”  J.  Teknol.  Inf.  dan  Komun. ,  Vol.  12,  No.  1,  2022,  doi: 10.56244/fiki.v12i1.498.
[6] A.  Fauziah,  S.  Noer,  J.  Junaedi,  and  Ma.  Riyandi, “Jurnal  Restikom :  Riset  Teknik Informatika dan Komputer Sistem Penjualan Sayur Menggunakan Framework Laravel,” Vol. 3, No. 1, pp. 42–50, 2021, [Online]. Available: https://restikom.nusaputra.ac.id
[7] J.  Martin  and  A.  R.  Tanaamah, “Perancangan  dan  Implementasi  Sistem  Informasi PenjualanBerbasis  Desktop  Website  Menggunakan  Framework  Bootstrap  Dengan Metode Rapid Application Development, Studi Kasus Toko Peralatan Bayi ‘Eeng Baby Shop,’” J.  Teknol.  Inf.  dan  Ilmu  Komput. ,  Vol.  5,  No.  1,  p.  57,  2018,  doi: 10.25126/jtiik.201851547.
[8] A. Hidayat, “‘Metode Penelitian Adalah: Pengertian, Tujuan, Jenis, Manfaat, Contoh,’” 2022,  [Online].  Available:  hhttps://www.statistikian.com/2017/02/metode-penelitian- metodologi-penelitian.html.
[9] B. J. A. Hamzah Fansury, Muh. Afsah Rahman, Developing Mobile English Application As  Teaching  Media .  Yogyakarta:  Deeppublish,  2021.  [Online].  Available: https://books.google.co.id/books?
[10] M. M. Lucini, P. J. Van Leeuwen, and M. Pulido, “Model Error Estimation Using The Expectation  Maximization  Algorithm  and  A  Particle  Flow  Filter,” SIAM-ASA  J. Uncertain. Quantif. , Vol. 9, No. 2, pp. 681–707, 2021, doi: 10.1137/19M1297300.