## Rancang Bangun Sistem E-Catalogue pada Toko Kue Chocho Cake Shop
Fauziah 1 , Widio Rijanto 2 , Muhairon 3*
1,3 Jurusan Teknik informatika Universitas Islam Asyafiiyah, Jakarta Timur
1 fauziahrassat@gmail.com
2 widio.fst@uia.ac.id
3 muhairon8900@gmail.com
Intisari— Di zaman sekarang ini teknologi internet merupakan media informasi yang sangat bermanfaat, yang tidak hanya sekedar media  informasi namun sudah beranjak sebagai media bisnis . Internet mampu diakses 24 jam dalam sehari, dan dapat diakses siapa saja dan dimana saja selama ada koneksi internet. Choco cake shop adalah sebuah UMKM yang bergerak dibidang penjualan produk makanan salah satunya adalah kue ulang tahun . Sistem penjualan saat ini menggunakan sistem manual yaitu melalui telehphone atau konsumen datang ke tempat langsung untuk memilih  dan membeli produk. Hal tersebut menyebabkan lambatnya layanan terhadap konsumen  dan  berdampak  terhadap  omset  pendapatan  perusahaan  tidak  mengalami  peningkatan  yang  signifikan.  Selain  itu perkembangan  usaha  terasa  dinilai  agak  lambat.  Dari  hal  tersebut  maka  di  buatlah  sistem  e-caatalogue  untuk  memudahkan  toko chocho cake shop dalam mengenalkan produk kepada konsuman. Dalam pembuatan aplikasi ini menggunakan bahasa pemrograman PHP dan database MySQL dengan menggunakan aplokasi JavaScript dan Jquery. Dalam penelitian ini menggunakan metode SDLC (System Development Life Cycle) yaitu tahap perencanaan (Planning), tahap analisis (Analysis), tahap perancangan (Design), tahap pengembangan (Development), tahap uji coba (Testing), tahap implementasi (Implementation), tahap pengoperasian dan pemeliharaan (Operation and Maintenance).
Kata kunci— Aplikasi, javascript, PHP, MySQL, e-catalogue.
Abstract— In this day and age internet technology is a very useful information media, which is not just an information media but has moved as a business media. The internet can be accessed 24 hours a day, and can be accessed by anyone and anywhere as long as there is an internet connection. Choco cake shop is a MSME engaged in the sale of food products, one of which is a birthday cake. The current sales system uses a manual system that is through telehphone or consumers come to the place directly to choose and buy products. This has caused the slow service to consumers and has an impact on the company's revenue turnover that has not experienced a significant increase. In addition, the business development was considered to be rather slow. From this, an e-caatalogue system was created to facilitate chocho cake shop in introducing products to consumers. In making this application using the PHP programming language and  MySQL  database  using  JavaScript  and  Jquery  applications.  In  this  study  using  the  SDLC  (System  Development  Life  Cycle) method, namely the planning stage, the analysis phase (Analysis), the design stage (Design), the development stage (Development), the testing phase (Testing), the implementation stage (Implementation), the operation and maintenance stage.
Keywords — Application, JavaScript, PHP, MySQL, e-catalog.

## I. P ENDAHULUAN
Penggunaan internet di era globalisasi karena saat ini sangat penting untuk dengan mudah mendapatkan informasi.  Tidak  dapat  disangkal,  dari  hal-hal  kecil, kita  dapat  menemukan  hal-hal  yang  mudah  menarik terutama  karena  semuanya  telah  tersebar  di  Internet. Saat  ini,  internet  diperlukan  dalam  pengembangan bisnis  dan  industri  untuk  mempercepat  dan menyederhanakan pekerjaan.
Saat  ini,  banyak  toko  dan  bisnis  menggunakan situs web untuk mengembangkan pemasaran mereka. Karena  ini  merupakan  media  promosi  dengan  biaya murah  dan  terjangkau,  bahkan  sangat  mudah,  dari semua  usaha  kecil  memiliki  kesempatan  yang  sama dan  bersaing  untuk  mengembangkan  bisnis  mereka. Melihat dalam hal konsumen juga sangat memfasilitasi  dengan  mengetahui  informasi  harga, jenis  produk  dan  deskripsi  barang  yang  ditawarkan dan  untuk  memfasilitasi  semua  yang  tentu  saja membutuhkan nama komputer.
Choco  cake  shop  adalah  sebuah  UMKM  yang bergerak  dibidang  penjualan  produk  makanan  salah satunya adalah kue ulang tahun . Sistem penjualan saat ini menggunakan sistem manual yaitu melalui telehphone atau konsumen datang ke tempat langsung untuk memilih  dan membeli  produk.  Jika  hanya  mengandalkan  sistem penjualan  dengan  cara  manual  seperti  sebelumnya, konsumen  harus  menelpon  terlebih  dahulu  untuk megetahui,  menanyakan  harga  atau  konsumen  datang hanya  untuk  mengetahui  langsung  mengenai  produk, terkadang barang yang ingin dipesan tidak selalu tersedia sehingga membuat konsumen harus kecewa.
Hal  tersebut  menyebabkan  lambatnya  layanan  terhadap konsumen  dan  berdampak  terhadap  omset  pendapatan perusahaan tidak mengalami peningkatan yang signifikan.
II. BACKGROUNG/L A TAR BELAKANG
Media  promosi  atau  pengenalan  produk  masih menggunakan  brosur,  sehingga  penyajian  informasi  dan deskripsi mengenai produk kurang optimal.
Berdasarkan latar belakang yang telah dijelaskan di  atas,  maka  penulis  merumuskan  beberapa  masalah sebagai berikut:
1. Bagaimana cara mempermudah pengenalan toko kue chocho cake shop untuk mengenalkan produknya?
2. Bagaimana  cara  mengenalkan  jenis  produk  chocho cake shop kepada konsumen dalam bentuk gambar dan deskripsi?
Berdasarkan latar belakang  yang telah diuraikan di atas,  maka  diberikan  batasan  masalah  dalam  pembuatan sistem ini, yaitu:
1. Penyajian  informasi  hanya  meliputi  pengenalan produk yang terdapat pada toko kue chocho cake shop.
2. Proses    yang  di  tampilkan  menjelaskan  tentang  jenis dan deskripsi produk pada toko kue chocho cake shop.
3. Membuat form pemesanan produk via web yang telah di implementasikan.
Tujuan dari penulisan ini sebagai berikut :
1. Menciptakan  media  pengenalan  produk  melalui  e- catalogue sebagai media informasi yang dapat diakses siapa saja dan dimana saja.
2. Untuk menaikan omset toko chocho cake shop
3. Untuk mengaplikasikan ilmu yang di dapat dari tempat perkuliahan di universtas islam ass-syafiiyah.
4. Untuk mendapatkan gelar sarjana

## III. M ETODOLOGI P ENELITIAN
Informasi  yaitu  data  yang  telah  diolah  menjadi sebuah  bentuk  yang  berarti  bagi  penerimanya  dan bermanfaat  dalam  mengambil  keputusan  saat  ini  atau mendatang.  Informasi  dapat  mengenai  data  mentah,  data tersusun,  kapasitas  sebuah  saluran  komunikasi  dan sebagainya. Ada beberapa pandangan mengenai informasi yaitu informasi dapat memperkaya penyajian, mempunyai nilai kejutan, atau mengungkap sesuatu yang penerimaanya  tidak  tahu  atau  tidak  disangka,  informasi dapat  mengurangi  keraguan  dan  pilihan.  Informasi mengubah kemungkinan–kemungkinan hasil yang diharapkan  dalam  sebuah  situasi  keputusan  karena  itu mempunyai  nilai  dalam  proses  keputusan  (Wahyuno, 2004).

## Internet
Internet  (Interconnected  Network)  terbentuk jaringan-jaringan  komuter  yang  saling  terkoneksi  satu sama  lain.  Internet  memungkinkan  orang-orang  atau perusahaan-perusahaan  di  seluruh  dunia  untuk  saling berkomunikasi suatu sama lain secara Efektif dan murah. Dengan  kata  lain  seseorang  yang  memiliki  akses  internet dapat  berkomunikasi  langsung  dengan  seseorang  yang memiliki  akses  internet  dapat  berkomunikasi  langsung dengan  seseorang  yang  lain,  membuat  informasi  yang bermanfaat  bagi  orang  lain,  menemukan  informasi- informasi  yang  disediakan  orang  lain  atau  menjual  dan membeli  produk-produk  tertentu  dengan  biaya  yang
minimum  dengan  jaringan  yang  terhubung  secara  global (Mcleod dan Schell, 2004).
WWW (world wide web) WWW
merupakan jaringan yang
menghubungkan  jaringan-jaringan  lokal  ke  dalam  sautu jaringan  global  di  mana  satu  komputer  di  negara  tertentu dapat  secara  langsung  berkomunikasi  dengan  komputer lain  di  negara  lain  juga  dapat  menghubungkan  halaman- halaman  website  yang  ada  diseluruh  dunia  melalui  apa yang  disebut  dengan  hypertext.  Dengan  ini  hypertext memugkinkan pengguna dapat berpindah-pindah dari satu halam  ke  halaman  lain  dengan  mudah  dan  cepat  dengan menggunakan hyperlink.
WWW  atau  sering  disingkat  web,  yang  berisi  halama- halaman  yang  dapat  menampilkan  teks,  gambar,  grafik, suara, animasi, serta elemen-elemen multimedia lainnya dan elemen-elemen yang ditampilkan bersifat interaktif.
WWW  bekerja  didasarkan  pada  model  client  dan  server, pada  komputer  kita  yang  berfungsi  sebagai  client,  yang membutuhkan  browser,  misal  internet  explorer.  Browser kemudian  menghubungi  server  dengan  menyampaikan permintaan informasi atau data yang ada di server tersebut. Setelah memahami permintaan tersebut server mengirimkan  informasi  ke  browser  yang  akhirnya menampilkan  informasi  ke  layar  monitor  komputer  kita (Sarwono dan Martadiredja, 2008).
HTTP (hypertext Transfer Protocol)
HTTP adalah suatu protokol yang digunakan oleh World  wide  Web.  HTTP  mendnifisikan  bagaimana  suatu pesan  bisa  diformat  dan  dikirimkan  dari  server  ke  client. HTTP  juga  mengatur  aksi-aksi  apa  saja  yang  harus dilakukan oleh web server dan juga web browser sebagai respon  atas  perintah-perintah  yang  ada  pada  protokol HTTP ini. Sebagai contoh, ketika anda mengetikan suatau alamat  atau  URL  pada  internet  browser  anda,  maka sebenernya  web  browser  akan  mengirimkan  perintah HTTP ke web server kemudian akan menerima perintah ini dan  melakukan  aktivitas  sesuai  dengan  perintah  yang diminta  oleh  web  browser  (misalnya  akses  ke  basis  data, file, e-mail dan lain sebagainya). Hasil aktivitas tadi akan dikirimkan  kembali  ke  web  browser  untuk  ditampilkan kepada pengguna (Sri, 2005).
Pengertian E-Catalogue
E-catalogue  merupakan  kemudahan  yang  sangat efektif  untuk  mempromosikan  dan  menjual  produk  dan jasa  anda.  Dengan  menggunakan  katalog  elektronik  dan kekuatan  internet,  e-catalogue  dapat  meningkatkan  cara melakukan bisnis sambil menyimpan uang
( http://ecatalogue.com.au/ )
Menurut  McCarthy  (2006),  e-catalogue  adalah bentuk  penerbitan  elektronik  yang  mana  telah  menjadi semakin  popular  sejak  pertengahan  tahun  2003,  ketika beberapa  “early  adopter”  perusahaan  seperti  PC  World Business menjalankan tes campaign. Bagaimana teknologi digunakan  hanya  diatasi  oleh  imajinasi  yang  biasanya menggunakan  e-catalogue,  perusahaan  e-brosur  dan
sekarang  pelanggan  e-majalah.  Konsumen  mensurvey bahwa lebih dari 98% ditemukan yang e-catalogue mudah digunakan  oleh  siapa  saja.  Sangat  efektif  bagi  konsumen untuk  menggunakan  e-catalogue  dan  e-brosur  untuk mendorong  extensive  browsing  pada  jenis  produk  atau informasi  produk,  sehingga  promosi  melalui  e-catalogue sangat efektif.
E–catalogue  adalah  persentasi  online  dari informasi mengenai produk dan jasa yang ditawarkan dan dijual oleh sebuah organisasi. Untuk organisasi yang tidak memiliki  jangkauan  yang  luas  dari  produk  atau  layanan, dan dengan menggunakan katalog di internet bukanlah hal yang sulit. Namun, bagi mereka yang memiliki lini produk yang  besar,  layanan  pembelian  yang  besar,  rantai  supply dan  logistic  yang  kompleks,  menggunakan  e-catalogue adalah hal yang rumit.
Salah satu pilihan untuk menggunakan katalog ini adalah untuk menempatkan produk perusahaan di sebuah pasar  elektronik  untuk  tujuan  melakukan  bisnis  melalui internet.
Keuntungan dan Kelemahan E-Catalogue
E-catalogue  yang  ideal  dan sempurna  untuk  katalog produk yaitu tidak memiliki biaya cetak, tidak ada batasan jumlah  atau  warna,  dan  tidak  ada  biaya  distribusi.  E- catalogue selalu update dan informasi selalu akurat.
Keuntungan dari e-catalogue itu sendiri adalah:
a. Mengurangi  biaya  pemasaran  tanpa  biaya pencetakan katalog tradisional.
b. Tidak  perlu  khawatir  tentang  pemisahan akurasi  warna,  ketebalan  kertas,  atau kualitas cetak.
c. Menjangkau pasar tanpa biaya distribusi.
d. Meningkatkan tingkat pelayanan pelanggan dengan cepat, ketersediaan informasi produk, dan pembaharuan katalog.
e. Mengurangi  waktu  dan  biaya  dalam pemeliharaan katalog yang selalu diperbaharui dan akurat.
f. Tidak  memerlukan  adanya          tempat penyimpanan katalog dikantor.
g. Memungkinkan  pelanggan  mencari  katalog dengan  cepat  untuk      informasi  produk tertentu.
Kelemahan penggunaan e-catalogue antara lain:
• Jika  perusahaan  besar  yang  memiliki berbagai  produk  dan  sering  melakukan perubahan  pada  harga  dan  ketersediaan, maka  memerlukan  biaya  yang  tinggi  untuk merancang  dan  maintenance  website  e- catalogue.
• E-catalog  memerlukan  koordinasi  dari database pelanggan dengan produk, stok dan inventory,  sistem  keuangan,  sistem  yang relevan dengan para pemasok dan distributor.
PHP PHP  (personal  home  page  tools)  merupakan kependekatan  dari  kata  Hypertext  preprocessor.  PHP tergolong  sebagai  perangkat  lunak  open  source  yang diatur dalam aturan general purpose lincences (GPL) dan tergolong  sebagai  bahasa  pemograman  yang  berbasis server  (server  side  scripting).  Pemograman  PHP  sangat cocok  dikembangkan  dalam  lingkungan  web,  karena PHP bias diletakan pada script HTML atau sebaliknya.
PHP  dikhususkan  untuk  pengembagan  web dinamis, maksudnya PHP mampu menghasilkan website yang  secara  terus  menrus  hasilnya  bias  berubah  sesuai permintaan client browsernya (Suprianto, 2008).

## MySQL
MySQL  merupakan  perangkat  lunak  yang tergolong  sebagai  DBMS  (Database  Management System),  yang  sifatnya  open  source.  Open  source menyatakan  bahwa  perangkat  lunak  ini  dilengkapi dengan source code (kode yang dipakai untuk membuat MySQL),  selain  itu  kode  tersebut  dapat  langsung dijalankan  dalam system  operasi,  dan  dapat  diperoleh dengan cara mendownload di internet secara gratis.
MySQL  tersedia  pada  beberapa  platform (Windows,  Unix,  Linux)  juga  mendukung  perintah SQL. Sebagaimana diketahui, SQL merupakan standar dalam  pengaksesan  basisdata  relasional.  Pengetahuan akan  SQL,  dapat  memudahkan  untuk  menggunakan MySQL dan dapat juga digunakan melalui aplikasi web : missal menggunakan PHP (Kadir, 2008).

## JavaScript
Javascript  adalah  program  dalam  bentuk script,yang  akan  dijalankan  oleh  interpreter  yang  telah ditanamkan  ke  dalam  browser  web,  sehingga  browser web  dapat  mengeksekusi  program  Javascript.  Program Javascript disisipkan ke dalam dokumen HTML dengan ditandai dengan tag yang diawali dengan <Script ...> dan diakhiri dengan </script>.

## JQuery
JQuery  adalah  library  Javascript  yang  dibuat untuk  memudahkan  pembuatan  website  dengan  HTML yang  berjalan  di  sisi  Client.  JQuery  diluncurkan  pada tanggal 26 Januari 2006 di Barcamp NYC dan berlisensi ganda  di  bawah  MIT  dan  GPL.  Sekarang  JQuery dikembangkan oleh team developer yang dipimpin oleh Dave  Metvin.  Dipakai  oleh  lebih  dari  55%  dari  10.000 website yang paling sering dikunjungi.
JQuery  menjadi  Library  Javascript  yang  paling popular  Sekarang.  Script  JQuery   dibuat  untuk memudahkan  pengaturan  document  sepertimenyeleksi object  dengan  element  DOM  dan  membuat  aplikasi dengan  AJAX.   JQuery  juga  menyediakan  layanan  atau support   para  developers  untuk  membuat  plug-ins  di dalam bahasa Javascript tentunya.
Sehingga   memungkinkan  para  developer  website membuat website lebih interaktif dengan animasi, efek – efek, tema dan widget

## IV. H ASIL DAN P EMBAHASAN
Rancangan tampilan dari hasil penelitian sebagai berikut; Tampilan pada mneu user adalah sebagai berikut; Tampilan Menu Utama
Pada  halaman  ini  menjelaskan  tampilan utama  dari  aplikasi  yang  penulis  buat,  dimana  berisi menu-menu tampilan.
Gambar 1. Tampilan 1 Tampilan Login Member Pada halaman ini menjelaskan tampilan login member dari aplikasi yang akan dibuat.
Gambar 2. Tampilan 2
Tampilan Deskripsi Produk Pada  halaman  ini  menjelaskan  tampilan deskripsi produk.
Gambar 3. Tampilan 3
Tampilan menu admin adalah sebagai berikut;
Tampilan pesan yang telah masuk Pada  halaman  ini  menjelaskan  tampilan  pesan  yang telah masuk.
Gambar 4. Tampilan 4
Tampilan Konfirmasi Pemesanan Pada  halaman  ini  menjelaskan  tampilan  konfirmasi pemesanan.
Gambar 5. Tampilan 5
melalui telephone untuk proses lebih lanjut.

## V. K ESIMPULAN
Dari  hasil  analisis  dan  perancangan,  serta implementasi  penulisan  ini  dapat  diambil  kesimpulan sebagai berikut:
1.Dari  hasil  pembuaatan  sistem  e-catalogue  tersebut, chocho  cake  shop  dapat  mengenalkan  produknya  dengan mudah, spesifik dan tmpilan yang menarik.
2.Konsumen dapat dengan mudah mendapatkan informasi mengenai produk dari chocho cake shop.
Dengan  cara  registrasi  member  terlebih  dahulu,  apabila sudah menjadi member konsumen dapat memesan produk yang ada dikatalog tersebut, kemudian akan dikonfirmasi pemesanan pada menu adimin, selanjutnya akan di hubungi melalui telephone untuk proses lebih lanjut.
Saran
Dari  pembuatan  website  penjualan  online  (e- catalogue)  berikut  ini  ada  beberapa  saran  yang  mungkin dapat  menjadi  bahan  pertimbangan  dalam  upaya meningkatkan promosi serta untuk meningkatkan kualitas sistem dimasa yang akan datang diantaranya yaitu:
1.Perlu adanya pengembangan pada desain tampilan agar lebih menarik sehingga dapat lebih banyak memikat minat pelanggan.
2.Perlu adanya penambahan fasilitas lain yang mendukung fungsionalitas  website,  sehingga  konsumen  akan  terus mengunjungi  website  dengan  kata  lain  jika  sering  masuk website  maka  kemungkinan  untuk  pesan  barangpun semakin tinggi.
3.Perlu  adanya  penambahan    fitur  menu  transaksi penjualan  dan  pembayaran  sehingga  memepermudah pelayanan terhadap konsumen dalam proses penjualan.

## R EFERENSI
[1] Andre.  Tutorial  Belajar  JavaScript  Part  1:  Pengertian dan  Fungsi  JavaScript  dalam  Pemrograman  Web.  , 2020
[2] Andri,  Kristanto  Perancangan  Sistem  Informasi  Dan Aplikasinya,, Gava Media., 2019
[3] Berkatullah, Abdul Halim, Prasetyo, Teguh. Bisnis E- Commerce  Studi  sistem  Keamanan  dan  Hukum  di Indonesia, 2021
[4] Humdiana, Indriyani, Evi. Sistem Informasi
Manajemen. Yogyakarta: Graha Ilmu., 2020 [5] Kadir, Abdul. Pengenalan Sistem Informasi.
Yogyakarta , 2021
[6] Andi , Analisis dan perancangan Sistem. Edisi Kelima., 2022
[7] Ladjamudin,  Analisis  dan  Desain  Sistem  Informasi. Yogyakarta: Geraha Ilmu., 2019
[8] Wardana.  Aplikasi  Website  Profesional  dengan  Php dan Jquery, Elex Media Komputindo, Jakarta., 2021