## Sistem Informasi Berbasis Web Soto Kudus Kembang Joyo
M Suparmono 1 , A Saryoko 2 , G Wijaya 3
1,2,3 Program Studi Sistem InformasiSTMIK Nusa Mandiri Jakarta Jl. Jatiwaringin No. 2, Cipinang Melayu, Makasar, Jakarta Timur, Indonesia
1 soeparmono22@gmail.com , 2 andi.asy@nusamandiri.ac.id , 3 ganda.gws@nusamandiri.ac.id
Abstrak -  Perkembangan  dunia  teknologi  memberikan  kemudahan  bagi  manusia  dalam  menjalankan  sebuah transaksi atau bisnis. Dengan adanya sistem informasi sebuah proses bisnis atau pekerjaan dapat menjadi lebih efisien dan efektif. Pada Soto Kudus masih menggunakan sistem pencatatan di atas kertas (manual) pada proses bisnisnya,  sehingga  permintaan  data  kurang  efektif  yang  menyebabkan  manipulasi  data,  serta  belum  ada monitoring  chart  berbasis  web.  Dengan  penerapan  sistem  informasi  berbasis  website,  diharapkan  mampu memberikan  kemudahan  dalam  proses  bisnis  yang  berjalan.  Bahasa  pemograman  yang  dipakai  menggunakan bahasa  pemograman  PHP  dengan  framework  codeigniter.  Untuk  penyimpanan  datanya,  penulis  menggunakan Mysqli. Hasil dari aplikasi ini untuk memudahkan admin dalam melakukan pengolahan data dan memudahkan managemen  dalam  melakukan  monitoring  chart  data  penjualan,  serta  mengurangi  penggunaan  kertas  dan keamanan data penjualan.
Kata kunci: Web, Penjualan, Monitoring, Codeigniter

## Abstract
The development of the technological world provides for humans in carrying out business transactions. With the existence  of  business  process  information  systems  or  can  be  more  efficient  and  effective.  Soto  Kudus  still  uses manual  paper  records  in  its  business  processes,  so  that  data  requests  are  less  effective  which  causes  data manipulation, and there are no web-based monitoring charts. By implementing a web-based information system, it is expected to be able to provide convenience in running business processes. The programming language used is  using  the  PHP  programming  language  with  a  codeigniter  framework.  For  storing  data,  the  author  uses Mysqli. The results of this application to facilitate the admin in processing data and facilitating management in monitoring sales data charts, as well as saving paper usage and sales data security.
Keywords: Web, Sales,  Monitoring, Codeigniter

## PENDAHULUAN
Kepraktisan  sudah  menjadi  tuntutan  di  era zaman  teknologi  sekarang  terutama  masyarakat perkotaan saat ini.
Mall  Plaza  Pondok  Gede  Bekasi  yang masyarakatnya memiliki mobilitas tinggi membutuhkan  kepraktisan  ini,  salah  satunya kepraktisan  dalam  memenuhi  kebutuhan  hidup.  Hal ini  dilihat  oleh  para  pelaku  bisnis  dan  muncullah usaha dengan konsep ruko.
Menurut  Widiya  dan  Nasir  (2019)  Ruko kepanjangan  dari  rumah  toko  merupakan  istilah bangunan  bertingkat  dua  sampai  tiga  lantai  di Indonesia  yang  memiliki  fungsi  ganda  yaitu tingkatan bawah digunakan sebagai tempat berusaha atau  dikomersialkan  sedangkan  tingkatan  atas digunakan  untuk  rumah  tinggal  atau  tempat hunianProses  monitoring  adalah  proses  rutin pengumpulan  data  dan  pengukuran  kemajuan  atas objektif program. Memantau perubahan yang  focus pada  proses  dan  keluaran.  Menurut  Suhaeri  (2014) teori  monitoring  untuk  menggambarkan  tingkat
pencapaian  penjualan,  value  chain  untuk  mendasari perusahaan  manufaktur  dalam  perencanaan  sampai pengiriman  produk  kepada  pelanggan,  peramalan digunakan untuk meramalkan kebutuhan bahan baku secara  akurat  dan  terukur,  safety  stock  untuk mengamankan  persediaan  agar  terhindar  dari kekurangan,  jenis  dan  peran  dasar  dari  sistem informasi untuk menentukan posisi sistem informasi yang dibangun.
Soto  Kudus  merupakan  perusahaan  yang bergerak  di  bidang  penjualan  makanan  khas  daerah atau sering disebut dengan kuliner. Sistem yang ada di soto kudus tersebut belum terkomputerisasi, serta belum  menggunakan  sistem  informasi  monitoring chart  berbasis  website  sehingga  manajemen  harus setiap  hari  datang  ke  ruko  untuk  mengecek penjualan.  Harapan  penulis  dapat  mengurangi penggunaan  kertas,  kecepatan  waktu,  lebih  efesien dan  manajemen  tidak  perlu  dateng  ke  ruko  untuk melihat  data  penjualan  karena  bisa  diakses  dimana saja.  Oleh  sebab  itu  maka  ditemukan  rumusan masalah yaitu bagaimana cara manajemen memonitoring penjualan untuk mengambil
keputusan  berdasarkan  grafik  yang  realtime.  Dalam referensi  Dewandaru  dkk  Sistem  Monitoring Administrasi  Penjualan  Berbasis  Web  dapat  diakses melalui  media  Internet  karena  pengguna  dapat menggunakan  aplikasi  melalui  banyak  media  mulai dari  Smartphone,  Personal  Computer  (PC)  selama pengguna terhubung dengan jaringan Internet.
Maka dari itu dibutuhkan suatu sistem untuk menangani kendala tersebut, dengan merancang dan mengimplementasikan suatu sistem informasi dengan  memanfaatkan  teknologi  internet  dan website  sebagai  media  informasi  yang  menjadi penghubung  antara  konsumen  dan  perusahaan karena dapat dijangkau dimana saja dan kapan saja.

## 1.1 Tinjauan Jurnal
Pada  tahapan  ini  penulis  akan  merangkum dari  hasil  penelitian  sistem  monitoring  chart penjualan  yang  telah  menjadi  objek  penelitian, berikut dibawah ini adalah penelitin-penelitian yang terkait dengan sistem monitoring chart.
Penelitian  Widya  Pratiwi  (2019),  yang berjudul  tentang  Rancang  Bangun  Sistem  Informasi Analisis  Ruko  Berpagar  dan  Kaitannya  Dengan Perekonomian  (Studi  Pada  Kota  Muara  Bungo. Menjelaskan  bahwa  Ruko  merupakan  singkatan rumah  toko,  merupakan  bangunan  yang  lazim ditemui  di  daerah  maupun  perkotaan  dan  biasanya dibangun  di  kawasan  pasar.  Ruko  jarang  yang berdiri sendiri biasanya lebih dari satu dibangun dan mirip seperti bedengan yang besar. Ruko yang selain bisa  difungsikan  untuk  usaha  dan  bisa  juga  untuk rumah  tinggal  yang  biasanya  usaha  di  lantai  bawah dan rumah tinggal di lantai atas.
Penelitian  Suhaeri  (2017)  yang  berjudul Sistem  Monitoring  Kinerja  Dosen  Dalam  Kegiatan Tri  Dharma  Perguruan  Tinggi  (Studi  Kasus  STMIK Cilegon)  menjelaskan  bahwa  Pelayanan  akan informasi yang cepat dan akurat dimasa sekarang ini sangatlah  dibutuhkan.  Apalagi      dengan  ditunjang oleh  teknologi  komputer  yang sudah  sangat maju dimasa  sekarang    ini.    Pelayanan    informasi    yang lambat  dan  terlalu  banyak  protokoler  akan menyebabkan  permasalahan  terhadaqp  si  penerima infomasi ataupun si pemberi     informasi.     Akibat haltersebut          sering  mengakibatkan  hal-hal  yang tidak    diinginkan.    Dalam  dunia  bisnis  saat  ini, informasi  sudah  menjadi  bagian  dari  bisnis,  ada informasi ada penghasilan. Informasi menjadi sangat penting    dan    sangat    berharga  secara  manajemen ataupun  secara  finansial.  Dengan  adanya  informasi maka  kegiatan    dapat    diatur    sedemikian    rupa sehingga dapat dicapai tujuan yang diinginkan.
Penelitian  Dewandaru  (2015)  yang  berjudul Rancang  Bangun  Sistem  Monitoring  Administrasi Penjualan  Kendaraan  Berbasis  Web  Dengan Administrative Workflow Sytem menjelaskan menggunakan  metode  Administrative  Workflow Systems (AWS) dapat memberikan fasilitas komunikasi  maupun  bertukar  data  administrasi
penjualan  unit  kendaraan  antara  pihak  sales  unit kendaraan, sales leasing dan sistem dapat mengawal status  administrasi  dokumen  terkait  penjualan kendaraan  Astra  Isuzu.  Isuzu  HR.  Muhammad Surabaya sebagai media bertukar data mengenai data administrasi  penjualan  kendaraan  unit  Astra  Isuzu antara  Sales  unit,  Sales  leasing  sehingga  aplikasi dapat  membantu  memonitor  status  dokumen administrasi  terkait  penjualan  unit  kendaraan  Astra Isuzu sehingga komunikasi pertukaran data administrasi  penjualan  kendaraan  menjadi  lebih cepat dan tepat.

## 2. Metode Penelitian
Penulis menggunakan beberapa tahapan dalam proses pengumpulan data diantaranya adalah sebagai berikut:

## 2.1. Teknik Pengumpulan Data
Teknik  pengumpulan  data  yang  digunakan dalam  proses  pengumpulan  data  diantaranya, menurut  Sugiyono  (2015:224)  teknik  pengumpulan data merupakan langkah yang paling strategis dalam penelitian,  karena  tujuan  utama  dari  penelitian adalah mendapatkan.
1. Teknik Observasi atau Pengamatan langsung
2. Teknik  Wawancara  atau  Tanya  jawab  kepada narasumber
3. Teknik Studi Pustaka atau studi literatur melalui buku, artikel ilmiah dan jurnal-jurnal terkait.
2.2. Model Pengembangan Sistem
Metode  pengembangan  perangkat  lunak  yang digunakan  adalah  model waterfall, menurut  Rosa dan  Shalahudin  (2016:28)  mengemukakan  bahwa “Model  SDLC  air  terjun  ( waterfall )  sering  juga disebut  model  sekuensial  linier (sequential  liniar) atau  alur hidup  klasik (classic life cycle)”. Tahapan waterfall sebagai berikut:
1. Tahap analisis kebutuhan perangkat lunak
2. Tahap desain
3. Tahap pembuatan kode program
4. Tahap pengujian
5. Tahap  pendukung  ( support )  atau  pemeliharaan ( maintenance ).

## 3. Hasil dan Pembahasan
Pada  tahapan  ini  menjelaskan  tentang pemecahan masalah Berdasarkan uraian permasalahan  tersebut  maka  penulis  tertarik  untuk memberikan  alternatif  pemecahan  masalah  dengan mengembangkan website yang  ada  agar  lebih optimal  dalam  penggunanaanya.  Berikut  adalah desain database ,  menggunakan Entity  Relationship Diagram (ERD) dan Logical record structure (LRS) untuk  rancangan  program  usulan  menggunakan Use case  diagram,  activity  diagram dan user  interface pada website Soto Kudus Kembang Joyo:
3.1 Entity Relationship Diagram (ERD)
Menurut  Rosa  dan  Shalahuddin  (2016:50) “ERD adalah pemodelan awal basis data yang paling banyak digunakan. ERD dikembangkan berdasarkan teori  himpunan  dalam  bidang  matematika.  ERD digunakan  untuk  pemodelan  basis  data  relasional. Berikut  adalah  rancangan Entity  Relationship Diagram (ERD)  yang  ada  pada website Soto  Kudus Kembang Joyo.
Gambar 1. Entity Relationship Diagram
3.2 Logical record structure (LRS)
Menurut  Kusrini  dalam  (Nugraha  dan  Octacia) (2016) menyatakan bahwa  ERD/LRS  sering  disebut representasi  dari  struktur  record-record  pada  tabel- tabel  yang  terbentuk  dari  hasil  antar  himpunan entitas  pada  diagram  E-R”.  Berikut  adalah rancangan Logical record structure (LRS) yang ada pada website Soto Kudus Kembang Joyo.
Gambar 2. Logical Record Structure

## 3.3 Use Case Diagram
Menurut Sri Muyani (2017:245). use case yaitu diagrm yang
menggambarkan
dan mempresentasikan aktor, use cases , dan dependecias suatu  proyekdimana  dari  tujuan  diagram  ini  adalah untuk  menjelaskan  konsep  antara  sistem  dengan dunia  luar.  Berikut  merupakan  gambaran Use  Case Diagram yang  terdiri  dari Use  Case  Diagram konsumen dan Use Case Diagram Admin: 1. Use Case Diagram user
Gambar 3. Use Case Diagram User
2. Use Case Diagram Admin
Gambar 4. Use Case Diagram Admin

## 3.4 Activity Diagram Transaksi
Menurut Mulyani (2017:249) “ diagram  activity (diagram  aktivitas)  adalah  diagram  UML  yang digunakan untuk menggambarkan alur aktivitas dari suatu  proses.  Misalnya  proses  memesan  makan, aktivitasnya  adalah  menelpon  restaurant,  memesan makan  dan  memberi  alamat  kita,  kemudian  tunggu pesanan  datang  dan  bayar. Activity  diagram memungkinkan  siapapun  yang  melakukan  proses untuk memilih urutan dalam melakukannya, dengan kata  lain  diagram hanya  menyebutkan  aturan-aturan rangkaian dasar yang harus kita ikuti. Berikut adalah tampilan activity diagram  konsumen  halaman pemesanan dan konfirmasi pembayaran pada website Soto Kudus Kembang Joyo .
Gambar 5. Acivity Diagram Tansaksi
Gambar 6. Acivity Diagram Laporan
3.5 Component Diagram
Menurut  Mulyani  (2017:257)  “ component  diagram menggambarkan  dan  mempresentasikan  model  fisik dari implementasi sistem ( software ) seperti misalnya model  arsitektur hardaware dan  integrasi  dan distribusi  implementasi software pada  arsitektur hardware yang  sudah  ditetapkan.  Berikut  adalah gambaran component diagram :
Gambar 7. ComponentDiagram 3.6 Deployment Diagram Menurut Mulyani (2017:254) “ deployment  diagram adalah  diagram yang  mempresentasikan  model fisik dari hardware serta integrasi dan ditribusi software pada arsitektur hardware tersebut. Berikut gambaran Deployment diagram:
Gambar 8. Deployment Diagram

## 3.7 User Interface
User  Interface adalah  perancangan  antar  muka yang merupakan penggambaran tampilan yang akan di  gunakan  didalam  aplikasi  yang  akan  dibuat  yang berfungsi  untuk  interaksi  antara  pengguna  dengan sistem  perancangan  antar  muka.    Spesifikasi halaman website Soto  Kudus  Kembang  Joyo  ini terbagi  menjadi  dua  yaitu  level  konsumendan  level admin . Adapun  spesifikasi  rancangan web sebagai berikut:
A. Halaman Utama Admin
Menggambarkan  tampilan  program  dari sistem usulan yaitu pada halaman utama admin yang terdapat  menu  catatan  penjualan  harian,  transaksi sepanjang  masa,  stok  barang  dan  gambar  penjualan model  chart  .  Adapun  tampilan  halaman  utama admin  pada  aplikasi  Soto  Kudus  Kembang  Joyo adalah sebagai berikut:

## Gambar 9. Tampilan Halaman Admin

## B. Tampilan Transaksi admin
Menggambarkan  tampilan  program  dari sistem  yaitu  pada  halaman  Transaksi  Adminyang terdapat  menu  tambah  transaksi  baru  dan  laporan. Adapun  tampilan  halaman  Transaksi  Admin  pada aplikasi  pemesanan  Soto  Kudus  Kembang  Joyo adalah sebagai berikut:
Gambar 10. Tampilan Halaman Transaksi Admin

## C. Halaman Admin Kelola Data Barang
Pada  halaman  data  barang  terdapat  menu untuk  mengelola  baranag,  menambah  barang  dan mengedit  barang  bagi  si  admin.Berikut  adalah tampilan  halaman  admin  kelola  data  barang  pada aplikasi  pemesanan  Soto  Kudus  Kembang  Joyo adalah sebagai berikut:
Gambar 11. Halaman Admin Kelola Data Barang

## D. Tampilan Halaman Pengaturan Database
Menggambarkan tampilan program dari sistem yaitu tampilan peraturan database. Admin dapat mengelola mengunduh dan import database. Adapun tampilan  halaman  pengaturan  databaase  pada aplikasi  Soto  Kudus  Kembang  Joyo  adalah  sebagai berikut:

## Gambar 12.Halaman Admin Kelola database

## E. Halaman Admin Kelola Akun
Menggambarkan  tampilan  program  dari  sistem usulan  yaitu  tampilan  utama  admin.  Admin  dapat mengelola data akun yang dapat mengakses aplikasi soto kudus. Adapun tampilan halaman admin kelola akun  pada  aplikasi  Soto  Kudus  Kembang  Joyo adalah sebagai berikut:
Gambar 13. Halaman Kelola Data Akun

## 4. Kesimpulan
Berdasarkan  dari  hasil  pembahasan  dari bab-bab  sebelumnya  maka  dapat  disimpulkan sebagai berikut :
1. Dengan  adanya  sistem  monitoring  chart berbasis  web  sudah  dapat  di  akses  oleh managemen tanpa perlu melalui divisi IT
2. Penarikan  data  laporan  menjadi  lebih  efisien dan  efektif  ketika  diperlukannya  pada  saat meeting  urgent    atau  rapat  mendadak  karena
tidak harus selalu di print. 3. Sistem  informasi  monitoring  chart  berbasis web dengan menggunakan framework codeigniter diharapkan mempermudah operator atau  admin  dalam  melakukan  monitoring penjualan menjadi lebih flexiblekarena laporan dapat diakses secara langsung melalui web.

## 4.1 Saran
Berdasarkan  dari  hasil  pembahasan  dari  bab- bab  sebelumnya  maka  penulis  memberikan  saran sebagai berikut :
1. Data  laporan  hanya  bisa  dicetak  melalui  web, untuk kedepannya atau pengembangannya laporan  dapat  di  export  ke  format  exel  sehingga data bisa di ubah kembali jika ada yang perlu di ubah.
Sistem  informasi  monitoring  chart  berbasis web untuk penelitian berikutnya diharapkan mampu di kembangkan berbasis mobile.
Referensi Abdulloh,  R.  (2018).  7  in  1  Pemrograman  Web untuk Pemula. Jakarta: Elex Media Komputindo.
Adiwiharjda,  C.,  Nurhalimah,  S.,  &  Fatmawati. (2018).  Aplikasi  Rawat  Jalan  Pasien  Berbasis Web  Pada  RS  Islam  Jakarta  Pondok  Kopi. Indonesian Journal  on  Networking and Security, 7, 41.
Arif, M. F. (2019). Analisis dan Perancangan Sistem Informasi. Qiara Media.
Atthaillah,  Bakhtiar,  A.,  &  Badriana.  (2019).
OPTIMALISASI  PENCAHAYAAN  ALAMI DENGAN USEFULDAYLIGHT ILLUMINANCE  PADA  DESAIN  RUMAH TOKO (RUKO) DI KOTA LHOKSEUMAWE. National Academic Journal of Architecture, 12. Aziz,  A.,  Setiawan,  I.,  Krisbiantoro,  D.,  &  Riyanto. (2018).  Panduan  Pemilu  Desa  Berbasis Website  (Teknologi  Sistem  Cerdas  Dan Implementasi  di  Masyarakat).  Yogyakarta:
Deepublish.
Bastian,  A.,  Prasetyo,  T.  F.,  &  Kurniati,  N.  (2017).
Implementasi  Sistem  Informasi  Manajemen
Peternak Ayam Pada Koperasi Sinar Mulya. J- Ensitec, 133. Dewandaru,  Spriyanto,  A.,  &  Amelia,  T.  (2015). Rancang Bangun Sistem Monitoring
Administrasi  Penjualan  Kendaraan  Berbasis Web Dengan Administrative Workflow Sytem. JSIKA, 2.
Volume 1 No. 2 November 2020
Harianto,  K.,  Pratiwi,  H.,  &  Suhariyadi,  Y.  (2019).
Sistem  Monitoring  Lulusan  Perguruan  Tinggi Dalam  Memasuki  Dunia  Kerja  Menggunakan Trace  Study.  (Lutfiah,  Penyunt.)  Surabaya: Media Sahabat Cendekia.
Lestari,  I.,  Hermawati,  E.,  &  Ananda,  D.  (2019).
Aplikasi  Pengoalahan  Data  Posyandu  Berbasi Web (STUDI KASUS: POSYANDU CIPAGALO). e-Proceeding of Applied Science, 1196.
Pahrudin,  P.  (2019).  Etika  Profesi  Komputer. Goresan Pena Kuningan.
Piko.  (2018).  Modul  Pelatihan  Aplikasi  Microsoft Office 2007. Yogyakarta: Public Book.
Pratiwi,  W.,  &  Nasir,  M.  (2019).  Analisis  Ruko Berpagar dan Kaitannya Dengan Perekonomian (Studi  Pada  Kota  Muara  Bungo).  Seminar Nasional  Teknologi  Komputer  &  Sains (SAINTEKS), 1.
Pudjiarti,  E.,  Nurlaela,  D.,  &  Sulistyani,  W.  (2019,
Juni).  Sistem  Informasi  Penjualan  Beras Berbasis  Website.  Indonesian  Journal  on Software Engineering, 5, 62.
Radillah,  T.  (2018).  VB  6.0  Return.  Yogyakarta: Deepublish.
Risyanli, F., Pribadi, D., & Bahri, S. (2019, Maret).
SISTEMINFORMASI MONITORING PEMBAYARAN PAJAK (SIMPEJAK) PADA KANTOR PELAYANAN PAJAK PRATAMA
SUKABUMI. Media Jurnal Informatika, 7, 77- 83.
Rozaq, A. (2019). Sistem Basis Data MYSQL Pada Konsep  Jaringan  Klien  Server.  Banjarmasin:
Poliban Press.
Suheri, A. (2017). Sistem Monitoring Kinerja Dosen Dalam Kegiatan Tri Dharma Perguruan Tinggi
(Studi  Kasus  STMIK  Cilegon).  Media  Jurnal Informatika , 38-29.
Sukamto,  Arini,  R.,  &  Salahuddin,  M.  (2016). Rekayasa Perangkat Lunak. Bandung: Informasi Bandung.
Supardi,  Y.  (2018).  Membuat  Program  Smartphone untuk  Android,  BlackBerry,  dan  iOS.  Jakarta: Elex Media Komputindo.
Supono, & Putratama, V. (Yogyakarta). Pemrograman Web dengan Menggunakan PHP dan Framework Codeigniter. 2018: Deepublish. Susilowati,  Y.  (2019).  Modul  E-Commerce  - Teaching  Factory  For  Students.  (H.  Purnomo, MBA, & MA, Penyunt.) Mutiara Publisher.
Susilowati,  Y.  (2019).  Modul  E-Commerce  - Teaching  Factory  For  Students.  Mutiara Publisher.
Tabrani,  M.,  &  Pudjiarti,  E.  (2017,  Desember). Penerapan  Metode  Waterfall  Pada  Sistem Informasi Inventori PT. Pangan Sehat Sejahtera. Jurnal Inkofar, 1, 31.
Weli.  (2019).  Aplikasi  kasus  Siklus  Transaksi Bisnis:  Suatu  Pendekatan  Pengembangan Sistem  Informasi  Akutansi.  Jakarta:  Unika Atma Jaya Jakarta.
Widodo,  A.  W.,  &  Kurnianingtiyas,  D.  (2017). Sistem  Basis  Data.  Malang:  Universitas Brawijaya Press.
Yuniar,  S.,  &  Hermawan,  A.  (2018).  Semua  Bisa Menjadi Programmer CodeIgniter Basic.
Jakarta: Elex Media Komputindo.