## pISSN: 2442-3386  eISSN: 2442-4293

## Vol 8 No 2 Jul – Des 2022, 167 - 178

## PEMANFAATAN FRAMEWORK LARAVEL UNTUK SISTEM INFORMASI PADA TOKO BATIK RATO EBHU BERBASIS WEB
Baiq Rizky Amalia 1 , Nia Saurina 2
1,2 ProgramStudi Teknik Informatika, Fakultas Teknik, Universitas Wijaya Kusuma Surabaya rizkyamalia294@gmail.com

## Abstrak
Seiring  dengan  perkembangan  dan  kemajuan  teknologi  informasi  yang  sangat  pesat  dalam  kehidupan  manusia. Toko batik rato ebhu merupakan toko batik yang menjual dan memasarkan produknya secara konvensional. Oleh karena itu maka dibuatlah sistem informasi toko Rato Ebhu berbasis web menggunakan framework laravel untuk memudahkan  penulis  untuk  membangun  sistem  informasi  pada  toko  batik  ratho  ebhu  berbasis  web,  dengan memanfaatkan  fitur  bawaan  dari  laravel  yaitu  artisan  sehingga  memudahka  penulis  untuk  membuat  tabel  pada database sertas fitur MVC sehingga penulis dapat dengan mudah menuliskan kode program. Sistem ini di buaat agar dapat  menjangkau  lebih  banyak  pelanggan  dan  untuk  mempermudah  proses  penjualan  dan  sebagai  sarana pemasaran. Rancangan yang digunakan untuk membangun sistem ini meliputi pengumpulan data, studi literatur dan wawancara  dengan  peneliti  yang  kemudian  dilakukan  rancang  desain,  pengkodean  dan  pengujian  sistem. Framework laravel dapat diimpelemtasikan dengan baik dan mudah sehingga sistem dapat dibangun dengan mudah dan cepat sehingga sistem informasi pada toko batik ratho ebhu berbasis web dapat dibangun.
Kata kunci : sistem informasi, toko batik, PHP, Framework, Laravel, Website, MYSQL

## Abstract
Along with the development and progress of information technology is very rapid in human life. Rato ebhu batik shop is a batik shop that sells and markets its products conventionally. Therefore, a web-based Rato Ebhu shop information system was made using the Laravel framework to make it easier for writers to build an information system on a web-based Rato Ebhu batik shop, by utilizing the built-in features of Laravel, namely artisan, making it  easier  for  authors  to  create  tables  in  the  database  as  well  as  MVC  features  so  that  authors  can  easily  write program code. This system is made in order to reach more customers and to simplify the sales process and as a marketing tool. The design used to build this system includes data collection, literature study and interviews with researchers which are then carried out by designing, coding and testing the system. The laravel framework can be implemented well and easily so that the system can be built easily and quickly so that the information system at the web-based ratho ebhu batik shop can be built.
Keywords: Information system, batik shop, PHP, Framework, Laravel, Website, MYSQL

## I. PENDAHULUAN
Seiring  dengan  berkembangnya.dan  kemajuan teknologi informasi yang sangat pesat dalam kehidupan manusia.  Begitu  juga  dengan  sistem  penjualan  yang berbasi.  online  yang  sangat  di  gemari  pada  saat  ini, karena lebih memudahkan para calon pelanggan untuk melakukan transaksi dan mudah di akses dan di jangkau pula. Dengan adanya sistem penjualan secara online ini tidak hanya calon pelanggan yang di untungkan namu juga para memilik bisnis yang dapat menyebarkan dan menjual  produk  yang  dijual  secara  online  Salah  satu cara dalam menyebarkan dan menjual produk tersebut secara  online  dengan.  menggunakan  website,  dimana website  dapat  dapat  menyebarkan  informasi  dan melakukan  transakasi  jual  beli  secara  online. Berdasarkan  penelitian  yang  telah  dilakukan  oleh Zulkhadi,  Yulianto,  dan  Suswanto  [1]  tentang implementasi sistem informasi penjualan berbasis web dengan menerapkan framework Laravel. Dimana fokus
utama dari  tampilan  sistem yangcdibangun  ialah  satu, menu  cart  dan  menu  login  sehingga  users  bisa menghitung total dan menyimpan produk serta seluruh harga produk yang akan dibeli. Setelah itu, dashboard admin  supaya  bisa  memudahkan  saat  sistem  dikelola. Terakhir pada halaman pembayaran, supaya pengguna bisa mendapatkan informasi terkait payment. Berdasarkan  dua  penelitian  yang  sudah  dijelaskan sehingga bisa diambil sebuah kesimpulan yaitu Laravel framework  juga  dapat  membantu  mengefektifkan  dan mengefisienkan kerja para web developer dibandingkan  pada  saat  PHP  biasa  digunakan  seperti kinerja framework.  Pada penelitian  sebelumnya fokus utama dalam pembuatan sistem hanya pada log in, cart dan  payment,  belum  ada  menu  status  pemesana  yang dapat  memudahkan  pelanggan  dalam  memantau perkembangan  pesanannya.  Toko  batik  Rato  Ebhu sendiri  adalah  toko  yang  menjual  aneka  produk  batik mulai  dari  kain  baju  dan  lain  sebagainya  yang berhubungan  dengan  batik.  Toko  batik  Rato  Ebhu

## Melek IT
sendiri  masih  menjual  secara  konvensional  atau menjual  sendiri  dengan  berhubungan  secara  langsung dengan  pelanggan.  Pelanggannya  sendiri  juga  hanya berasal dari daerah itu juga, jarang sekali ada pelanggan yang berasal dari luar wilayah tersebut. Oleh karena itu pemilik toko ingin menjual produk yang di jual secara online.  Pemilik  toko  batik  sendiri  juga  ingin meningkatkan  penjualan  dengan  menjual  batik  secara online,  dengan  menggunakan  website  yang  di  buat dengan  memanfaatkan  framework  Laravel  sehingga dapat  di  jangkau  oleh  pelanggan  lama  atau baruberhubungan dengan batik. Toko batik Rato Ebhu sendiri  masih  menjual  secara  konvensional  atau menjual  sendiri  dengan  berhubungan  secara  langsung dengan  pelanggan.  Pelanggannya  sendiri  juga  hanya berasal dari daerah itu juga, jarang sekali ada pelanggan yang berasal dari luar wilayah tersebut. Oleh karena itu pemilik toko  ingin  menjual produk yang  dijual  secara online.  Pemilik  toko  batik  sendiri  juga  ingin meningkatkan  penjualan  dengan  menjual  batik  secara online,  dengan  menggunakan  website  yang  di  buat dengan  memanfaatkan  framework  Laravel  sehingga dapat di jangkau oleh pelanggan lama atau baru

## II. TINJAUAN PUSTAKA

## 2.1 Batik
Batik  ialah  ragam  yang  dibuat  diatas  permukaan  kain menngunakan cara  bagian yang  tidak  memiliki warna ditutupi dengan lilin malam panas. Alat yang digunakan cap,  canting,  kuas,  dan  lain-lain.  Sehingga  dapat membentuk  pola  pada  kain  bagian  atas.  Tahap berikutnya mencelup zat warna pada kain yang telah di gambar.  Tahap  terakhir  adalah  menghilangkan  lilin mencuci kain, serta dilorod [2].

## 2.2 Web
Website  mempunyai  sifat  statis.  saat  website  berisi informasi  jarang  berubah,  tetap,  dan  berisi  informasi yang hanya searah. dari pemilik web. Bersifat dinamis jika  web  berisi  informasi.  selalu  berubah,  dan. Informasi berisi interkasi dari arah yang berbeda yaitu pemilik  dan  users.  Contohnya  dari  web  statis  ialah berisi.  biografi  perusahaan.  Contoh  dari  web  dinamis ialah Friendster, Multiply, dll. pada web statis, update hanya bisa dilakukan pemilik website. Serta untuk web dinamis  update  bisa  dilakukan  pengguna  dan pemilknya[3].
Website.  merupakan.  software  yang  berisi  teks,  foto, permainan, informasi serta video yang dapat digunakan oleh users. World Wide Web (WWW) atau Local Area Network  (LAN)  adalah  lokasi  dari  website.  Gambar dan teks dihalaman website bisa mempunyai hyperlink pada  halaman  lain  dari  web  yang  sama  ataupun  yang berbeda.  Users  bisa  menggunakan  web  untuk mengakses  informasi  yang  tredia  pada  dibanyak  web dengan cepat serta mudah. Format informasi yang bisa ditampilan  pada  web  berupa  HTML,  jadi  tampilan halaman  website  berbeda  dari  browser  -browser  lain.
Salah satu contohnya adalah chrome yang merupakan web yang sangat populer[4].

## 2.3 Laravel
Laravel.  merupakan  sebuah  framework  PHP  yang dirilis  dibawah  lisensi  MIT,  dibangun  dengan  konsep MVC  (model  view  controller).  Laravel  merupakan pengembangan  website  berbasis  MVP  yang  ditulis dalam  PHP  yang  dirancang  untuk  meningkatkan kualitas  perangkat  lunak  dengan  mengurangi  biaya pengembangan awal dan biaya pemeliharaan, dan untuk meningkatkan  pengalaman  bekerja  dengan  aplikasi dengan menyediakan sintaks yang ekspresif, jelas dan menghemat waktu[14].
Laravel  merupakan  sebuah  Framework  PHP  dirilis dibawah lisensi MIT dengan kode sumber yang sudah disediakan. oleh Github, sama seperti framework lain, Laravel.  dibangun  dengan  konsep  MVC  (Model- Controller-View),  kemudian  Laravel  dilengkapi  juga command line tool yang bernama “Artisan” yang bisa digunakan untuk packaging bundle dan instalasi bundle melalui command prompt[3].

## III. METODELOGI PENELITIAN
Metode  penelitian  berisi  langkah-langkah  yang digunakan dalam penelitian ini agar terstruktur dengan baik.  Adapun  langkah-langkah  yang  dilakukan  untuk mencapai  tujuan  dari  penelitian  ini  adalah  sebagai berikut :

## 3.1. Alur Penelitian

## Gambar 1 Diagram Alur
3.2. Identifikasi Masalah
Identifikasi Masalah yang dilakukan dalam pwmbangunan sistem informasi pada toko batik Rato Ebhu  berbasis  web  ini  menggunakan  metode  studi literatur yang berupa jurnal, buku dan juga artikel yang terkait  dengan  penelitian  ini  sebagai  sumber  data skunder.  Observasi  dan  wawancara  juga  di  lakukan kepada pemilik toko batik Rato Ebhu sebagai sumber
pISSN: 2442-3386  eISSN: 2442-4293

## Vol 8 No 2 Jul – Des 2022, 169 - 178
data primer. 1. Studi Pustaka
2. Wawancara
3. Observasi

## 3.3. Analisa Kebutuhan

## A) Kebutuhan Fungsional
Analisis  kebutuhan  fungsional  adalah  pernyataan layanan yang harus diberikan kepada sistem agar dapat melakukan  keperilakuannya  dalam  bereaksi  terhadap masukan tertentu dan pada situasi tertentu. Kebutuhan fungsional  harus  dapat  mengilustrasikan  secara  jelas fungsi-fungsi dan fitur-fitur yang ada pada sistem yang dikembangkan.  Berikut  ini  adalah  analisis  kebutuhan fungsional  pembangunan  sistem  informasi  pada  toko Batik Rato Ebhu:
1. Kebutuhan Pelanggan
- Pelanggan dapat melakukan registrasi
- Pelanggan dapat melakukan log in pada website toko Rato Ebhu
- Pelanggan  dapat  melakukan  log  out  pada website toko Rato Ebhu
- Pelanggan dapat melihat deskripsi harga Batik pada web
- Pelanggan  dapat  melihat  dan  memilih  Batik yang tersedia pada website toko Rato Ebhu
- Pelanggan  dapat  melakukan  pemesana  batik melalui website toko Batik Rato Ebhu
- Pelanggan dapat melakukan pembayaran secara online
- Pelanggan dapat melihat status pemesanan.
- Pelanggan dapat melihat resi pengiriman
2. Kebutuhan Admin
- Admin dapat melakukan log in
- Admin dapat melakukan log out
- Admin dapat mengelola kategori batik
- Admin dapat mengelola produk batik
- Admin dapat melakukan validasi pembayaran
- Admin dapat mengirim nomor pembayaran dan nomor transaksi serta nomer resi pengiriman
- Admin dapat menyunting deskripsi batik
3. Kebutuhan Pemilik
- Pemilik dapat melakukan mengakses website
- Pemilik dapat mengelola data admin
- Pemilik dapat melakukan picarian
- Pemilik dapat mengunduh laporan penjulana
- Pemilik dapat melihat laporan penjualan
B) Kebutuhan Non Fungsional
Kebutuhan  yang  menitik  beratkan  pada  property perilaku  yang  dimiliki  oleh  sistem.  Kebutuhan  non fungsional juga sering disebut sebagai batasan layanan atau  fungsi  yang  ditawarkan  sistem  seperti  batasan waktu, batasan pengembangan proses, standarisasi dan lain-lain.  Berikut  ini  adalah  analisis  kebutuhan  non fungsional  dari  perancangan  aplikasi  tes  kepribadian
pada website toko Rato Ebhu.
1. Website di sertai dengan username dan password
2. Sistem dapat menyimpan data costumer
3. Sistem dapat menyimpan riwayat pemesanan

## 3.4. Desain Sistem
A) Diagram Konteks

## Gambar 2 Diagram Konteks
Diagram  konteks  untuk  perancangan  sistem  secara umum terdiri 3 entitas yaitu admin dan pelanggan dan pemilik. Entitas admin terdapat beberapa proses yaitu proses log in, input data batik, konfirmasi pemesanan dan  input  resi  pengiriman.  Pada  entitas  pelanggan memiliki  proses  registrasi,  log  in,  pemesanan, pembayaran,  dapat  mengupdate  status  pemesanan. Pemilik  dapat  melakukan  login  dan  mengelola  data admin.  Diagram  Konteks pada  sistem  informasi  pada toko  batik  ratho  ebhu  dapat  dilihat  pada  gambar  2 diagram konteks.

## B) DFD Level 1

## Gambar 3 DFD Level 1
Pada DFD Level ialah hasil compose dari Data Flow Diagram konteks yang pada DFD level 1 ini terdapat 5 proses yaitu ada proses registrasi yang dilakukan oleh pelanggan,  proses  kelola  data  yang  dilakukan  oleh pemilik  untuk  mengelola data  admin  sehingga  admin

## Melek IT
juga  mendapat  hak  akses  untuk  mengelola  data  yang ada  pada  sistem.  Proses  selanjutnya  terdapat  proses penjulan  dimana  proses  ini  melibatkan  dua  entitas yaitu  pelanggan  dan  admin.  Pelanggan  akan melakukan  proses  pembelian  sehingga  admin  dapat mengelola  proses  tersebut  dalam  transaksi.  proses selanjutnya  ada  proses  pembayaran  yang  dilakukan oleh  pelanggan  dan  di  validasi  oleh  admin.  Proses terakhir adalah proses laporan penjulan dimana data – data dari seluruh proses yang dikelola oleh admin akan masuk ke proses laporan penjulan yang dapat di akses dan di unduh oleh pemilik sebagai laporan penjualan. DFD  Level  1  pada  sistem  informasi  ratho  ebhu berbasis web ditunjukkan pada gambar 3.

## C) DFD Level 2 Proses 2

## Gambar 4. Proses Kelola Data
Pada  DFD  Level  2  proses  kelola  data  merupakan rincian proses dari DFD level 1, dimana proses kelola data dilakukan ole 2 entitas yaitu admin dan pemilik. Pada entitas pemilik kelola data yang dilakukan adalah mengelola data admin sehingga admin dapat memiliki akun untuk dapat mengakses web. Pada entitas admin proses  kelola  data  yang  dilakukan  adalah  mengelola data  yang  meliputi  input  edit  dan  hapus  data  batik. Rancangan DFD level 2 proses kelola data dapat dilihat pada gambar 4.

## D) DFD Level 2 Proses 4

## Gambar 5 Proses Penjualan Batik
Pada DFD Level 2 proses Penjualan merupakan rincian proses dari DFD level 1, dimana penjualan dilakukan oleh pembeli. Entitas pembeli dapat melakukanproses pemilihan produk batik yang akan tersimpan nantinya pada  proses  keranjang,  dimana  pada  proses  ini  dapat menampilkan detail pesanan dan detail harga.  Pembeli juga dapat mengisi form pemesanan sehingga pembeli
akan  dapat nomor  transaksi. Rancangan  DFD  level  2 proses Penjualan Batik dapat dilihat pada gambar 5.

## E) DFD Level 2 Proses 5

## Gambar 6 Proses Pembayaran
Pada  DFD  Level  2  proses  Pembayaran  merupakan rincian  proses  dari  DFD  level  1.  Pada  proses  ini terdapat 2 entitas yang melakukan proses ini dimana, entitas pelanggan akan pengupload bukti pembayaran yang  telah  dilakukan  sebelumnya  dan  melakukan konfirmasi  pembayaran  dengan  mengirim  bukti pembayaran tersebut. Entitas admin akan mengkonfirmasi  pembayaran  yang  telah  dilakukan oleh pelanggan dengan melihat bukti pembayaran yang telah  diupload  oleh  pelanggan  sehingga  pelanggan akan  dapat  melihat  status  pembayaran  yang  telah dilakukan sudah dikonfirmasi atau belum. Rancangan DFD  level  2  proses  pembayaran  dapat  dilihat  pada gambar 6.

## F) DFD Level 2 proses 6

## Gambar 7 Proses Pengiriman
Pada  DFD  Level  2  proses  Pengriman  merupakan rincian  proses  dari  DFD  level  1.  Pada  proses  ini terdapat 2 entitas yang melakukan proses ini dimana, entitas  admin  akan  menginput  resi  pengiriman  sesuai dengan  ekspedisi  yang  telah  dipilih  oleh  pelanggan sebelumnya  sesuai  dengan  data  detail  pesanan  yang telah  dilakukan  oleh  pelanggan  dan  sesuai  dengan status pembayaran yang telah dilakukan oleh pelangga. dan  pelanggan  dapat  melihat  resi  tersebut  dan pelanggan juga dapat melihat update status pemesanan yang  telah  dilakukan  sebelumnya.  Rancangan  DFD level 2 proses pembayaran dapat dilihat pada gambar 7.

## G) DFD Level 2 Proses 7
Pada  DFD  Level  2  proses  status  pembayaran merupakan  rincian  proses  dari  DFD  level  1.  Pada proses  ini  terdapat  2  entitas  yang  melakukan  proses yaitu  admin  dan  pelanggan,  dimana  admin  akan mendapatkan  status  pemesanan  yang  telah  dilakukan oleh  pelanggan  sehingga  admin  akan  melakukan
pISSN: 2442-3386  eISSN: 2442-4293
Vol 8 No 2 Jul – Des 2022, 171 - 178
pengiriman. Pelanggan dapat melihat status pengiriman  sehingga ketika  barang  telah  sampai pelanggan  akan  melakukan  konfirmasi  barang diterima,  sehingga  status  pengiriman  akan  berubah menjadi  barang  diterma  di  kedua  entitas.Rancangan DFD  level  2  proses  status  pemesanan  dapat  dilihat pada gambar 8.

## Gambar 8 Proses Pemesanan

## H) DFD Level 3 Proses Kelola Data Admin

## Gambar 9 Proses Kelola Data Admin
Pada  DFD  Level  3  proses  kelola  data  admin merupakan rincian proses dari DFD level 2 proses 2. Pemilik  dapat  menambahkan  data  admin  sehingga admin dapat memiliki hak akses untuk halaman admin. pemilik  juga  dapat  melakukan  edit  data  batik  ketika ada  kesalahan,  serta  pemilik  juga  dapat  melakukan hapus  data  admin.  Rancangan  DFD  level  2  Proses  3 dpat dilihat pada gambar 9.

## I) DFD Level 3 Proses Kelola Data Kategori

## Gambar 10 Proses Kelola Data Kategori
Pada  DFD  Level  3  proses  kelola  data  kategori merupakan rincian proses dari DFD level 2 proses 2. Admin  dapat  menambahkan  data  kategori  yang  ada pada  toko  batik  ratho  ebhu.  Admin  juga  dapat melakukan  edit  data  kategori  ketika  ada  kesalahan, serta admin juga dapat melakukan hapus data kategori. Rancangan  DFD  level  2  Proses  3  dapat  dilihat  pada gambar 10.
J) DFD Level 3 Proses Kelola Produk

## Gambar 11 Proses Kelola Produk
Pada  DFD  Level  3  proses  kelola  data  produk  batik merupakan rincian proses dari DFD level 2 proses 2. Admin  dapat  menambahkan  data  produk  batik  yang ada  pada  toko  batik  ratho  ebhu.  Admin  juga  dapat melakukan edit data produk batik ketika ada kesalahan, serta admin juga dapat melakukan hapus data produk batik.

## K) DFD Level 3 Proses Barang Diterima

## Gambar 12 Proses Barang Diterima
Pada DFD Level 3 proses Barang Diterima merupakan rincian  proses  dari  DFD  level  2  proses  7.  Proses  ini melibatkan  2  entitas  yaitu  admin  dan  pelanggan. Admin  akan  menginput  resi  pemgiriman  sehingga pelanggan dapat menerima resi pada status pengiriman.  Pembeli  akan  mengkonfirmasi  barang diterima  jika  barang  sudah  ada  pada  pelanggan sehingga  status  pemesanan  akan  berubah  pada  kedua entitas menjadi barang telah di terima oleh pelanggan

## 3.5. CDM (Conceptual Data Model)

## Gambar 13 CDM
CDM  memodelkan  struktur  logis  dari  seluruh  data aplikasi,  terlepas  dari  pertimbangan  perangkat  lunak dan model struktur data. Berikut hasil dari rancangan Conceptual Data Model berdasarkan sistem informasi pada  toko  ratho  Ebhu  berbasis  web.  CDM  dari database  sistem  informasi  toko  batik  ratho  ebhu.

## Melek IT
Dimana  terdapat  beberapa  beberapa  tabel  yang dibutuhkan  untuk  menampung  data  –  data  yang terdapat pada sistem nantinya.

## 3.6. PDM

## Gambar 14 PDM
Hasil dari rancangan CDM sistem informasi pada toko batik  ratho  ebhu  yang  telah  di  generate  sehingga menghasilkan rancangan PDM pada sistem informasi pada  toko  batik  ratho  ebhu  yang  dapat  dilihat  pada gambar 14.

## 3.7. Implementasi Sistem
Pada  tahap  implementasi  akan  dilakukan  penerapan perancanagan  sistem  ataupun  basis  data  ke  dalam Bahasa pemrograman. Adapun
kebutuhan implementasi  yaitu  menggunakan  operasi  sistem windows  10  pro,  bahasa  pemrograman  php,  database mysql.

## 3.8. Uji Coba Sistem
Pada tahap ini dilakukan uji ciba sistem informasi pada toko  batim  ratho  ebhu  yang  telah  dirancang  untuk mengetahui  apakah  sistem  informasi  pada  toko  batik ratho  ebhu  yang  dibuat  sudah  sesuai  atau  masih  ada kekurangan

## IV. HASIL DAN PEMBAHASAN

## 4.1. Implementasi Database
Tahap  ini  betujuan  untuk  merancang  database  sistem yang  nantinya  akan  digunakan  dalam  melakukan penyimpanan  data  –  data  yang  berkaitan  dengan sistem.

## Gambar 15. Database Pengguna
Pada tabel database pengguna terdapat beberapa atribut yang meliputi atribut id, atribut role_id, atribut nama, atribut  email,  atribut  paswword.  Adapun  database pengguna  dapat  dilihat  pada  gambar  15.  tabel pengguna.
Gambar 16. Database Role Tabel.
Pada  tabel  database  role  pengguna  terdapat  beberapa atribut  yang  meliputi  atribut  id,  atribut  nama,  atribut deskripsi,  atribut  status.  Adapun  database  pengguna dapat dilihat pada gambar 16. role pengguna

## Gambar 17  Database Kategori Batik.
Pada  tabel  database  kategori  batik  terdapat  beberapa atribut  yang  meliputi  atribut  id,  atribut  jenis,  atribut nama,  atribut  deskripsi,  atribut  foto,  atribut  keyword, atribut  status.  Adapun  database  kategori  batik  dapat dilihat pada gambar 17. kategori batik.

## Gambar 18 Tampilan Tabel produk batik
Pada  tabel  database  produk  batik  terdapat  beberapa atribut  yang  meliputi  atribut  id,  atribut  kategori  id, atribut  nama,  atribut  warna,  atribut  deskripsi,  atribut harga,  atribut  foto,  atribut  stok,  atribut  baru,  atribut keyword, atribut status. Adapun database produk batik dapat dilihat pada gambar 18. Database produk batik

## Gambar 19 Tampilan Database keranjang
Pada  tabel  database  keranjang  terdapat  beberapa atribut yang meliputi atribut id, user id, atribut produk id,  atribut  qyt,  atribut  Total  Harga.  Adapun  database keranjang  dapat  dilihat  pada  gambar  19  Database keranjang.

## pISSN: 2442-3386  eISSN: 2442-4293

## Vol 8 No 2 Jul – Des 2022, 173 - 178
Pada tabel database detail pengguna terdapat beberapa atribut yang meliputi atribut id, atribut user_id, atribut province_id,  atribut  district_id,  atribut  village_id, atribut  alamat,  atribut  no_telepon,  atribut  no_hp. Adapun  database  detail  pengguna  dapat  dilihat  pada gambar 20 database detail pengguna.

## Gambar 21 Database Transaksi
Pada tabel database transaksi terdapat beberapa atribut yang  meliputi  atribut  id,  atribut  user_id,  atribut kode_transaksi,  atribut  tanggal  transaksi,  atribut total_item,  atribut  total_harga,  atribut  subtotal_harga. Adapun database transaksi dapat dilihat pada gambar 21. database transaksi.

## Gambar 22 Database Transaksi Detail
Pada tabel database transaksi detail terdapat beberapa atribut  yang  meliputi  atribut  id,  atribut  transaksi_id, atribut  produk_id,  atribut  qyt,  atribut  total_price. Adapun  database  detail  transaksi  dapat  dilihat  pada gambar 22 database detail transaksi.

## Gambar 23.Database Pembayaran
Pada  tabel  database  pembayaran  detail  terdapat beberapa atribut yang meliputi atribut id, transaction_id,  user_id,  deskripsi,  images.  Adapun database  pembayaran  dapat  dilihat  pada  gambar  23 database pembayaran.

## Gambar 24.Database Transaksi Pengiriman
Pada  tabel  database  pengiriman  detail  terdapat beberapa atribut yang meliputi atribut id, transaction_id,  origin,  destination,  country  dan
shipping code. Adapun database detail transaksi dapat dilihat pada gambar 24. database pengiriman

## Gambar 25. Database Kota
Pada tabel database kota terdapat beberapa atribut yang meliputi  terdiri  dari  id,  provinsi  id  dan  nama  kota. database  tabel  kota  pada  database  dimana  tabel  ini merupakan  tabel  kota  pengiriman  produk  batik  pada toko  batik  ratho  ebhu  Adapun  database  kota  dapat dilihat pada gambar 25. database kota.

## Gambar 26. Database Provinsi
Pada  database  provinsi  tabel  ini  merupakan  tabel provinsi pengiriman produk batik pada toko batik ratho ebhu  yang  terdiri  dari  id,  nama  provinsi.  Adapun database  provinsi  dapat  dilihat  pada  gambar  26 database provinsi.

## Gambar 27 Database Kecamatan
Pada  database  tabel  kecamatan  dimana  tabel  ini merupakan  tabel  kecamatan  pengiriman  produk  batik pada toko batik ratho ebhu yang terdiri dari id, nama kecamatan. Adapun database kecamatan dapat dilihat pada gambar 27. database kecamatan.

## Gambar 28. Database Desa
Pada  database  desa  tabel  desa  pada  database  dimana tabel  ini  merupakan  tabel  desa  pengiriman  produk batik  pada  toko batik  ratho  ebhu  yang  terdiri  dari  id, nama  desa.  Adapun  database  desa  dapat  dilihat  pada gambar 28. database desa.

## 4.2. Impelementasi Sistem
Pada tahap ini dilakukan implemestasi antarmuka yang bertujuan  untuk  memberika  bentuk  –  bentuk antarmuka  yang  dibutuhan  dalam  sistem  informasi, membuat  komunikasi  kebutuhan  informasi  antar tingkat  manajamen  sesuai  dengan  batas  kewenangan dan kewajiban.

## A) Tampilan Registrasi
Pada tampilan halaman register pada sistem informasi toko  batik  ratho  ebhu  berbasis  web.  Pada  halaman register  ini  pelanggan  dapat  melakukan  register  akun untuk  dapat  mengakses  web  secara  menyeluruh. Adapun tampilan register pada sistem toko batik ratho ebhu dapat dilihat pada gambar 29.

## Melek IT
.

## Gambar 29 Tampilan Register
B) Login

## Gambar 30 Tampilan Login
Pada  tampilan  halaman  login  pada  sistem  informasi toko batik ratho ebhu berbasis web, dimana user harus melakukan  login  terlebih  dahulu  untuk  dapat mengakses web secara menyeluruh.

## C) Tampilan Admin Kategori Batik

## Gambar 31  Tampilan Kategori Batik
Pada tampilan halaman kategori produk batik, dimana halaman ini menampilkan data yang telah di input oleh admin  serta  admin  juga  dapat  melakukan  edit  dan hapus  pada  halaman  ini.  Adapun  tampilan  kategori batik  pada  sistem  toko  batik  ratho  ebhu  dapat  dilihat pada gambar 31. tampilan kategori batik.

## D) Tampilan Admin Produk Batik
Pada tampilan halaman produk batik, dimana halaman ini menampilkan data yang telah di input oleh admin serta admin juga dapat melakukan edit dan hapus pada halaman  ini.  Adapun  tampilan  produk  batik  pada sistem toko batik ratho ebhu dapat dilihat pada gambar 32. tampilan produk batik

## E) Tampilan Admin Transaksi

## Gambar 33 Tampilan Transaksi
Pada tampilan halaman Transaksi, dimana halaman ini menampilkan  jumlah  transaksi  yang  telah  dilakukan oleh pelanggan. Tampilan transaksi ini meliputi, kode tranaksi,  tanggal  transaksi,  jumlah  item,  harga,  status transaksi,  serta  admin  dapat  mengedit  data  transaksi. Adapun  tampilan  transaksi  pada  sistem  toko  batik ratho  ebhu  dapat  dilihat  pada  gambar  33.  Tampilan transaksi

## F) Tampilan Admin Pengiriman

## Gambar 34 Tampilan Pengiriman
Pada  tampilan  halaman  konfirmasi  pengiriman, dimana  halaman.  ini  menampilkan  data  pembayaran yang  telah  dikonfirmasi  oleh  admin  dan  admin.  akan memasukkan  nomer  resi  sesuai  ekspedisi  yang  telah dipilih oleh pelanggan sebelumnya, sehingga pelanggan dapat. melacak pesananya dengan menggunakan  nomer.  resi  tersebut.  Adapun  tampilan konfirmasi.  pengiriman  pada  sistem  toko  batik  ratho ebhu  dapat  dilihat  pada  gambar  34.  Tampilan konfirmasi pengiriman
G) Tampilan Produk Batik

## pISSN: 2442-3386  eISSN: 2442-4293

## Vol 8 No 2 Jul – Des 2022, 175 - 178
Pada tampilan produk batik pada sistem informasi toko batik  ratho  ebhu.  berbasis  web  yang  menampilkan produk  batik  yang  ada  pada  toko  batik  ratho  ebhu berbasis  web  ini.  Pada  halaman  ini.  pelanggan  dapat memasukkan  produk  batik  pada  keranjang.  Adapun tampilan  produk  batik  pada  sistem  toko.  batik  ratho ebhu dapat dilihat pada gambar  35. Tampilan produk batik.

## H) Tampilan Keranjang

## Gambar 35 Tampilan Keranjang
Pada  tampilan  keranjang  pada  sistem  informasi  toko batik  ratho  ebhu.  berbasis  web  yang  menampilkan produk  batik  yang  di  simpan  di  keranjang.  yang dilakukan  oleh  pelanggan.  Pada  halaman  ini. pelanggan  juga  dapat  menghapus  produk  yang  ada dalam  keranjang.  Adapun  tampilan  keranjang  pada sistem toko. batik ratho ebhu dapat dilihat pada gambar Tampilan keranjang

## I) Tampilan Form Order

## Gambar 36 Tampilan form Order
Pada tampilan form order pada sistem informasi toko batik ratho ebhu berbasis web yang menampilkan data diri  lengkap  pelanggan  untuk  dilakukan  proses transaksi.  Adapun  tampilan  form  order  pada  sistem toko  batik  ratho  ebhu  dapat  dilihat  pada  gambar  36. Tampilan form order.

## J) Tampilan Bukti Pembayaran
Pada  tampilan  pembayaran  dimana  pelanggan  akan melakukan konfirmasi pembayaran dengan mengunggah  bukti  pembayaran  yang  telah  dilakukan oleh  pelanggan.  Adapun  tampilan  pembayaran  pada sistem toko batik ratho ebhu dapat dilihat pada gambar 37. Tampilan pembayaran.

## K) Tampilan Status Pemesanan

## Gambar 38 Tampilan Status Pemesanan
Pada  tampilan  status  pemesanan,  dimana  pelanggan dapat melihat status pemesanan yang telah pelanggan buat sebelumnya. Status pemesanan yang ditampilkan meliputi  nomer  stransaksi,  nomer  resi.  Adapun tampilan  status  pemesanan  pada  sistem  toko  batik ratho  ebhu  dapat  dilihat  pada  gambar  38.  Tampilan Status Pemesanan.

## L) Tampilan Laporan Harian

## Gambar 39 Tampilan Laporan Harian
Pada  tampilan  laporan  harian  dimana  pemilik  dapat melihat laporan penjualan harian dan dapat mengunduh data laporan tersebut. Pada laporan harian. Terdapat  tanggal  laporan  yang  ingin  di  cetak,  nomer transaksi,  jumlah  item,  Adapun  tampilan  laporan harian pada sistem toko batik ratho ebhu dapat dilihat pada gambar 39. Tampilan laporan harian

## M) Tampilan Laporan Bulanan

## Gambar 40 Tampilan Laporan Bulanan
Pada tampilan laporan Bulanan dimana pemilik dapat melihat  laporan  penjualan.  bulanan  dan  dapat mengunduh data laporan tersebut.

## Melek IT

## 4.3 Uji Coba
Pada  tahap  ini  dilakukan  pengujian  untuk  melihat apakah  sistem dapat berjalan dengan benar  dan untuk melihat apakah ada suatu kesalahan pada sistem dengan menggunakan  metode  black  box  testing  dalam pengujiannya.

## A) Halaman Registrasi
Tabel 1 Tabel Halaman Registrasi

## B) Halaman Login
Tabel 2. Tabel Halaman Login

## C) Halaman Kategori Batik
Tabel 3. Tabel Kategori Batik

## D) Halaman Produk Batik
Tabel 4. Tabel Halaman Produk Batik

## E) Halaman Keranjang
Tabel 5. Tabel Halaman Keranjang

## F) Halaman Form Order
Tabel 6. Tabel Halaman Form Order

## pISSN: 2442-3386  eISSN: 2442-4293

## Vol 8 No 2 Jul – Des 2022, 177 - 178

## G) Halaman Pembayaran
Tabel 7. Tabel Halaman Pembayaran

## H) Halaman Konfirmai Pembayaran
Tabel 8. Tabel Halaman Konfirmasi Pembayaran

## I) Halaman Tambah Resi Pengiriman
Tabel 9. Tabel Halaman Tambah Resi Pengiriman

## J) Halaman Status Pengiriman
Tabel 10 Tabel Halaman Status Pengiriman

## V. PENUTUP

## 5.1 Kesimpulan
Dari hasil penelitian yang telah dilakukan maka dapat diambil sebuah kesimpulan bahwa, dengan memanfaatkan konsep MVC yang ada pada framework laravel  penulis  dapat  dengan  mudah  melakukan pengkodean untuk membangun sistem dan dengan fitur artisan yang dimiliki Oleh framework Laravel  penulis dapat  dengan  mudah  mengelola  database  dan  juga server  untuk  sistem  yang  dibangun.  Oleh  karena  itu sistem  informasi  toko  ratho  ebhu  berbasis  web.  ini dapat  dibangun  dengan  framework  laravel,  sehingga dapat  membantu  pemilik  toko  batik  ratho  ebhu  untuk menjangkau banyak pelanggan. dan dapat memasarkan produk  batik  yang  dijual  pada  banyak  pihak.  Sistem informasi  toko  batik  ratho  ebhu  dapat  melakukan proses. pemesanan, dan dapat menampilkan informasi batik yang ada. Pada sistem ini juga dapat menampilkan status  pemesanan  yang  meliputi  nomer  transaksi,  dan nomer resi pengriman.

## 5.2 Saran
Untuk  melakukan  perkembangan  sistem  informasi berbasis  web  ini  lebih  baik  kepada  sistem  ini,  ada beberapa  saran  yang  dapat  dijadikan  sebagai  refrensi untuk  melakukan  perkembangan,  dalam  pembuatan sistem informasi data wilayah untuk pengiriman dapat dilakukan  dengan  software  sehingga  tidak  perlu membuat  banyak  tabel  database.  Untuk  pembayaran sebaiknya diberikan batas waktu pembayaran.

## DAFTAR PUSTAKA
[1] Adi,  S.,  &  Kristin,  D.  M.  (2014).  Strukturisasi
Entity  Relationship  Diagram  dan  Data  Flow Diagram Berbasis Business Event-Driven. ComTech: Computer, Mathematics and Engineering Applications , 5 (1), 26. https://doi.org/10.21512/comtech.v5i1.2577 [2] Adis  Lena,  K.  R.  (2018).  Pengertian PHP Dan Mysql. Pengertian  PHP  Dan  Mysql ,  6. https://docplayer.info/29805418-Pengertian-

## Melek IT
PHP -dan-mysql.html
[3] Aminudin. (2015). Cara Efektif Belajar
Framework  Laravel. Ilmu  Teknologi  Informasi ,
1 (1), 1–28.
[4] Andalia,  F.,  &  Setiawan,  E.  B.  (2015). Pengembangan  Sistem  Informasi  Pengolahan Data Pencari Kerja Pada Dinas Sosial Dan Tenaga Kerja  Kota  Padang. Komputa :  Jurnal  Ilmiah
Komputer Dan Informatika , 4 (2), 93–97. https://doi.org/10.34010/komputa.v4i2.2431
[5] Andaru,  A.  (2018).  Pengertian  database  secara umum. OSF Preprints , 2.
[6] Andoyo,  A.,  &  Sujarwadi,  A.  (2015).  Sistem Informasi  Berbasis  Web  Pada  Desa  Tresnomaju Kecamatan  Negerikaton  Kab.  Pesawaran. Jurnal TAM (Technology Acceptance Model ) , 3 (1), 1–9.
[7] Andy.  (2019). Pengertian  XAMPP  Lengkap dengan  Fungsi  dan  Cara  Instalasi .  1–12. https://qwords.com/blog/pengertian-xampp/
[8] Beny  Bond  Banjarnahor,  &  Hartomo,  K.  D. (2016). Penerapan  Laravel  Framework  Dalam Perancangan  Sistem  Informasi  Promosi  Produk Unggulan  UKM  Berbasis  Web  (  Studi  Kasus Dinas  Perindustrian  Perdagangan  dan  UMKM Kota Salatiga) . 672012196 , 01–27.
[9] Budiani,  N.  (2010).  DATA  FLOW  DIAGRAM: sebagai  alat  bantu  desain  sistem. Badan Pelayanan  Kemudahan  Ekspor  Dan  Pengolahan Data  Keuangan  Departemen  Keuangan , April . http://pranata.kemenkeu.go.id/website/3/DFD sebagai alat bantu design system.pdf
[10] Dewi, C., & Nataliana, E. (2016). Program Studi Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana April Salatiga 2016 . 3 (672010099).
[11] Handika,  I.  G.,  &  Purbasari,  A.  (2018).
Pemanfaatan Framework Laravel Dalam Pembangunan Aplikasi E-Travel Berbasis
Website. Konferensi  Nasional  Sistem  Informasi
STMIK Atma Luhur Pangkalpinang , 1329–1334.
[12] Hartono,  H.  (2013).  Pengertian  Website  dan Unsur-Unsurnya. Ilmu  Teknologi  Informasi
(Ilmuti) , 1–7.
[13] Herlambang, B. A., & Setyawati, V. A. V. (2015). Perancangan  Data  Flow  Diagram  Sistem  Pakar Penentuan Kebutuhan Gizi bagi Individu Normal Berbasis  Web. Jurnal  Informatika  UPGRIS , 1 , 78–85.
[14] Hermanto,  B.,  Yusman,  M.,  &  Nagara.  (2019). Ilmu Komputer Unila Publishing Network all right reserve Jurnal Komputasi SISTEM INFORMASI MANAJEMEN KEUANGAN PADA PT . HULU BALANG  ©  2019  Ilmu  Komputer  Unila Publishing  Network  all  right  reserve  Jurnal Komputasi. Komputasi , 7 (1), 19.
[15] Karnyoto,  A.  S.  (2017).  Analisis  Perbandingan Optimasi Kecepatan Yii Framework Dan Laravel. Journal Dynamic Saint , 1 (2). https://doi.org/10.47178/dynamicsaint.v1i2.136
[16] Kostaman, N., & Sumaryana, Y. (2018). Aplikasi pemesanan tiket oto bus budiman berbasis online. Jumantaka , 1 (1),  121–130.  http://jurnal.stmik- dci.ac.id/index. PHP /jumantaka/article/view/275
[17] Pamela,  L.  (2019).  Kajian  Desain  Batik  Tulis  di Batik  Owens  Joe  Bekonang. Gelar :  Jurnal Seni Budaya , 17 (2), 129–139.
[18] Rahmat,  I.  (2018).  Manajemen  Sumber  Daya
Manusia  Islam:  Sejarah,  Nilai  Dan  Benturan. Jurnal Ilmiah Syi’ar , 18 (1), 23. https://doi.org/10.29300/syr.v18i1.1568
[19] Susanti, M. (2016). Perancangan Sistem Informasi Akademik Berbasis Web Pada Smk Pasar Minggu Jakarta. Informatika , 3 (1), 91–99.
[20] Yasin.  (2019).  Pengertian  MySQL,  Fungsi,  dan Cara Kerjanya (Lengkap). In Niagahoster Blog (p. 1). https://www.niagahoster.co.id/blog/mysql- adalah/
[21] Zulkhaidi,  T.  C.  A.-S.,  Yulianto,  &  Suswanto. (2019). Implementasi Sistem Informasi Penjualan Produk  Elektronik  Berbasis  Web  Dengan Menggunakan Laravel
Framework. Buletin Poltanesa , 20 (2), 51–56. https://doi.org/10.51967/tanesa.v20i2.309