RANCANG BANGUN APLIKASI E-KATALOG GENSET BERBASIS WEB MENGGUNAKAN FRAMEWORK CODEIGNITER (STUDI KASUS: PT. INTRANUSA SARANA)
Muhammad Nugraha Putra, Sri Lestanti, Udkhiati Mawaddah Teknik Informatika, Universitas Islam Balitar Jl. Majapahit No.2- 4, Sananwetan, Kec. Sananwetan, Kota Blitar, Jawa Timur 66137, Indonesia putramuhammad444@gmail.com

## ABSTRAK
Penelitian  ini  bertujuan  membahas  rancang  bangun  sebuah  aplikasi  E-Katalog  Genset  berbasis  web menggunakan  framework  CodeIgniter,  dengan  studi  kasus  pada  PT.  Intranusa  Sarana.  Genset  merupakan perangkat penting dalam dunia industri dan konstruksi yang digunakan untuk menghasilkan listrik ketika pasokan listrik utama tidak tersedia. PT. Intranusa Sarana adalah perusahaan yang bergerak dalam bidang penjualan dan penyewaan genset. Dalam era digital saat ini, aplikasi E-Katalog menjadi semakin penting untuk mempermudah proses pencarian dan pemesanan genset oleh pelanggan. Oleh karena itu, pembangunan aplikasi E-Katalog genset berbasis web menjadi solusi yang efektif untuk mengatasi tantangan ini. Disini menjelaskan langkah-langkah yang diambil dalam merancang dan mengembangkan aplikasi E-Katalog genset menggunakan framework CodeIgniter. Framework  ini  dipilih  karena  kemampuannya  dalam  mempercepat  proses  pengembangan,  skalabilitas,  dan kemudahan pemeliharaan. Aplikasi E-Katalog ini memungkinkan pelanggan untuk mencari genset berdasarkan berbagai kriteria seperti daya, merek, harga, dan fitur tambahan. Selain itu, pelanggan dapat melihat detail produk, gambar,  spesifikasi  teknis,  dan  ketersediaan  genset  secara  real-time.  Dalam  studi  kasus  PT.  Intranusa  Sarana, aplikasi  E-Katalog  ini  membantu  perusahaan  dalam  meningkatkan  efisiensi  proses  penjualan  dan  penyewaan genset. Pelanggan dapat dengan  mudah  menemukan genset  yang sesuai dengan kebutuhan  mereka, melakukan pemesanan, dan melacak status pesanan secara online. Hasil dari penelitian ini menunjukkan bahwa penggunaan aplikasi E-Katalog berbasis web dengan framework CodeIgniter memiliki potensi untuk meningkatkan layanan pelanggan, mengoptimalkan proses bisnis, dan meningkatkan efisiensi perusahaan. Selain itu, aplikasi ini dapat menjadi  landasan  untuk  pengembangan  lebih  lanjut  dalam  hal  integrasi  dengan  sistem  manajemen  inventaris, analitik penjualan, dan pengembangan bisnis berkelanjutan.
Kata kunci : Aplikasi E-Katalog, Genset, Framework, Codeigniter

## 1. PENDAHULUAN
Pada  zaman  revolusi  industri  4.0,  dimana telekomunikasi  dan  informasi  perkembangannya sudah  sangat  maju,  salah  satu  contoh  perkembangan teknologi  yang  sering  digunakan  bagi  masyarakat adalah internet, internet merupakan jaringan luas yang saling  terhubung  oleh  jaringan-jaringan  komputer yang  menghubungkan  manusia  dan  komputer  di seluruh  dunia,  internet  mampu  menyimpan  segala informasi secara digital seperti perangkat lunak, buku, katalog, suara, dan lain sejenisnya.
Dengan  terciptanya  terobosan  dalam  penemuan teknologi terbaru dibidang industri, mendorong segala aspek kehidupan untuk berubah mengikuti perkembangan,  tidak  terkecuali  proses  transaksi  jual beli  dari  sebuah  instansi  untuk  menarik  minat konsumen dengan memberikan inovasi terbaru dalam pelayanannya,  inovasi  tersebut  yaitu  melakukan transaksi  secara  digital  menggunakan  website  salah satunya dengan mengakses katalog elektronik.[1]
Katalog  elektronik  atau  e-catalogue  dalam bahasa  inggris  memberikan  banyak  manfaat  kepada konsumen dan  juga pengusaha dalam  menyampaikan informasi yang sesuai secara terinci mengenai sebuah produk,  konsumen  akan  mendapatkan  informasi terbaru yang ditawarkan dan melakukan pertimbangan
harga  jual  dengan  efisien  dalam  hal  transaksi  karena bisa diakses dimana dan kapan saja.[2]
PT.  Intranusa  sarana  adalah  perusahaan  yang sepenuhnya  dimiliki  dan  dioperasikan  di  Indonesia, perusahaan  ini  menyediakan  layanan  perdangangan internasional  yang  dibutuhkan  oleh  konsumen, perusahaan ini berlokasi di ibu kota Indonesia, Jakarta, yang mana memudahkan konsumen dalam melakukan perdagangan yang dapat menjangkau seluruh pengiriman  luar  maupun  dalam  negeri,  dengan  harga yang sangat terjangkau dibandingkan pesaing lainnya.
Sebagai  perusahaan  yang  bergerak  dibidang perdagangan  internasional  dan  jasa  perawatan Generating Set Diesel (Genset) sejak tahun 2011, PT. Intranusa  Sarana  juga  melayani  penjualan  lain  yang berkaitan  dengan  Genset,  yaitu  Gas  Generating  Set, Electrical  Panel  (ATS  Panel  dan  Syncronize  Panel), Installation  dan  Services,  tenaga  ahli  PT.  Intranusa Sarana  memiliki  kualitas  profesional  yang  mampu menangani kebutuhan konsumen, dengan inovasi dan perkembangan yang terkini.
Permasalahan  yang  terjadi  pada  PT.  Intranusa Sarana yaitu belum adanya aplikasi untuk melakukan transaksi  secara  online,  disebabkan  oleh  minimnya sumber daya manusia yang menguasai bidang tersebut, sehingga  menyebabkan  kurangnya  efisiensi  dalam
pengelolaan  penjualan  yang  berada  di  wilayah  yang tidak terjangkau, saat ini PT. Intranusa Sarana  masih menggunakan  metode  door  to  door  dan  melalaui panggilan  telepon  sebagai  sumber  informasi  yang diberikan  kepada  konsumen,  yang  menyebabkan kurangnya ke efektivitasan dalam melakukan pemasaran,  maka  dari  itu  dibutuhkannya  aplikasi penunjang berbasis web untuk mencegah hal tersebut.

## 2. TINJAUAN PUSTAKA
2.1. Rancang Bangun Ra l nca l ng  a l da l la l h  sera l ngka l ia l n  metode  untuk menerjema l hka l n ha l sil ka l jia l n da l ri sua l tu sistem ke da l la l m ba l ha l sa l pemrogra l ma l n  untuk  mendefinisika l n  denga l n rinci ba l ga l ima l na l komponen-komponen sistem diimplementa l sika l n.[3] Ba l ngun a l ta l u pemba l nguna l n  merupa l ka l n kegia l ta l n memba l ngun  sistem  ba l ru  a l ta l upun  menguba l h  sistem ya l ng suda l h a l da l seca l ra l keseluruha l n.[4] Ra l nca l ng  ba l ngun  a l da l la l h  mencipta l ka l n  da l n membua l t  sua l tu  a l plika l si  a l ta l upun  sistem  ya l ng  belum a l da l pa l da l sua l tu  insta l nsi  a l ta l u  memperba l ha l rui  sistem ya l ng sebelumnya l suda l h a l da l .[5] Berda l sa l rka l n  pengertia l n  dia l ta l s,  peneliti  da l pa l t menyimpulka l n  ba l hwa l ra l nca l ng  ba l ngun  merupa l ka l n wujud da l ri sistem untuk memperoleh sistem ba l ru a l ta l u memperba l ha l rui sistem ya l ng sebelumnya l suda l h a l da l .
2.2. Aplikasi Web Pa l da l sa l a l t  menga l kses internet dibutuhka l n  sua l tu pera l ngka l t browser untuk  menga l kses  ha l la l ma l n web oleh pengguna l serta l membutuhka l n web server seba l ga l i tempa l t  penyimpa l na l n  internet,  a l plika l si web a l da l la l h sebua l h  progra l m  berbentuk softwa l re a l ta l u  pera l ngka l t luna l k ya l ng berguna l untuk memba l ntu pengguna l da l la l m menga l kses web tersebut.  Opera l ,  Internet  Explorer, Mozilla l Firefox,  Google  Chrome  da l n  seba l ga l inya l , merupa l ka l n  a l plika l si browser untuk  menga l kses web ya l ng dituju oleh pengguna l .[6] A l plika l si web merupa l ka l n  sistem  informa l si  ya l ng mendukung  intera l ksi  pengguna l mela l lui  a l nta l rmuka l berba l sis web .[7] Berda l sa l rka l n  pengertia l n  dia l ta l s,  peneliti  da l pa l t menyimpulka l n  ba l hwa l a l plika l si web a l da l la l h softwa l re a l ta l u  pera l ngka l t  luna l k  ya l ng  berguna l untuk  memba l ntu pengguna l da l la l m  menga l kses  website  mela l lui web browser seperti  Google  Chrome,  Internet  Explorer, Mozilla l Firefox, Opera l da l n a l plika l si web la l innya l .
2.3. Framework Codeigniter Codeigniter  a l da l la l h fra l mework  open  source berba l sis PHP ya l ng muda l h diguna l ka l n, diba l ngun untuk PHP progra l mmer ya l ng membutuhka l n toolkit sederha l na l untuk  memba l ngun full-fea l tured  web a l pplica l tions .[8] Codeigniter a l da l la l h sebua l h fra l mework PHP ya l ng da l pa l t  memuda l hka l n  pengemba l ng  untuk  memba l ngun sebua l h  a l plika l si web .  Memiliki  ba l nya l k  fitur  seperti helper  da l n  libra l ry  ya l ng  mempermuda l h  proses development.  Codeigniter  a l ka l n  mempercepa l t  da l n
memuda l hka l n  da l la l m  memba l ngun website dina l mis ta l npa l ha l rus kesulita l n membua l t desa l in.[9] Codeigniter  a l da l la l h  a l plika l si  open  source  berupa l fra l mework PHP  denga l n  model  MVC  (Model,  View, Controller)  untuk  membua l t web dina l mis  denga l n muda l h  da l n  cepa l t.  Codeigniter  memungkinka l n  pa l ra l development  untuk  mengguna l ka l n fra l mework seca l ra l pa l rsia l l ma l upun keseluruha l n. Codeigniter memberika l n kebeba l sa l n  kepa l da l pa l ra l development  untuk  menulis kode tertentu pa l da l a l plika l si mengguna l ka l n ca l ra l sta l nda l r a l ta l u  denga l n synta l x umum  da l la l m  PHP,  tida l k  ha l rus mengguna l ka l n a l tura l n penulisa l n kode di Codeigniter.[10]
A l da l pun  ba l gia l n-ba l gia l n a l lur da l la l m a l plika l si  ya l ng ditulis mengguna l ka l n Codeigniter seperti pa l da l ga l mba l r diba l wa l h ini.
Gambar 1. Alur aplikasi
1. File index.php berfungsi seba l ga l i front controller , menginisia l lisa l si resource uta l ma l ya l ng dibutuhka l n untuk menja l la l nka l n Codeigniter. 2. Router memeriksa l HTTP request untuk menentuka l n a l pa l ya l ng ha l rus dija l la l nka l n. 3. Security ,  sebelum controller a l plika l si  memua l t, HTTP request da l n  setia l p  da l ta l pengguna l ya l ng disubmit disortir terlebih da l hulu untuk security. 4. Controller memua l t libra l ries, helpers , scripts , da l n resources la l innya l ya l ng  dibutuhka l n  untuk memproses perminta l a l n khusus. 5. View memproses rendering kemudia l n dikirim ke web  browser a l ga l r  da l pa l t  mena l mpilka l n  ta l mpila l n ya l ng  dituju.  Jika l ca l ching dia l ktifka l n, view pa l da l ca l che terlebih da l hulu sehingga l pa l da l perminta l a l n berikutnya l da l pa l t berja l la l n.
Kelebiha l n mengguna l ka l n fra l mework Codeigniter:
1. Mengguna l ka l n  MVC.  Denga l n  mengguna l ka l n MVC,  struktur  kode  ya l ng  diha l silka l n  menja l di lebih jela l s da l n terstruktur.
2. URL  ya l ng  ra l ma l h  ba l gi  pengemba l ng,  ka l rna l ma l mpu  meminima l lisa l si  pengguna l a l n  $_GET menja l di URI.
3. Kemuda l ha l n  da l la l m  mempela l ja l ri,  membua l t helper da l n libra l ry ,  mememodifika l si  serta l mengintegra l sika l n helper da l n libra l ry. 4. Codeigniter a l da l la l h sa l la l h sa l tu fra l mework tercepa l t dia l nta l ra l fra l mework la l innya l menurut  ha l sil benchma l rk sa l a l t ini.[11] 5. Tida l k  membutuhka l n  server requirement ya l ng berma l ca l m-ma l ca l m.
2.4. E-Katalog E-ka l ta l log  a l da l la l h  sebua l h  tempa l t  penyimpa l na l n informa l si  seca l ra l digita l l  tenta l ng  produk,  ba l ra l ng  a l ta l u ja l sa l . e-ka l ta l log merupa l ka l n ba l gia l n da l ri e-procurement ya l ng  mema l inka l n  pera l n  penting  ka l rena l berisika l n spesifika l si  produk,  da l fta l r  produk,  da l n  ha l rga l produk ya l ng  menja l di  rujuka l n  da l la l m  perba l ndinga l n  berba l ga l i produk  sejenis.  Mela l lui  e-ka l ta l log,  pengguna l ja l sa l mema l stika l n ba l hwa l pena l wa l ra l n ya l ng disa l mpa l ika l n oleh vendor  tela l h  memenuhi  a l ta l u  tida l k  sesua l i  denga l n sta l nda l r ya l ng diteta l pka l n.[12] Ma l na l jemen e-ka l ta l log mempunya l i pera l n penting da l la l m  mencipta l ka l n  siklus  implementa l si  penuh  da l ri solusi e-procurement .  Ka l ta l log  bera l rti  “Sebua l h penca l ca l ha l n lengka l p item da l n disusun seca l ra l sistema l tis denga l n rincia l n deskriptif”. E-ka l ta l log a l da l la l h dokumen elektronik  ya l ng  berisika l n  tenta l ng  spesifika l si  produk, jenis  produk,  ha l rga l produk,  da l n  informa l si  seca l ra l deta l il.  E-ka l ta l log  da l pa l t  dia l kses  oleh  pa l ra l konsumen da l n  mitra l mela l lui internet .  E-ka l ta l log  sukses  ma l mpu meningka l tka l n  hubunga l n  kerja l a l nta l ra l pembeli  da l n penyedia l ba l ra l ng  juga l seca l ra l otoma l tis  menya l jika l n ba l gia l n  untuk  produk  bersumber,  proses  pemesa l na l n, da l n penyedia l .[13] Berda l sa l rka l n  pengertia l n  dia l ta l s,  peneliti  da l pa l t menyimpulka l n  ba l hwa l e-ka l ta l log  a l da l la l h  sistem informa l si digita l l  ya l ng  memua l t tenta l ng produk, jenis, spesifika l si,  da l n  ja l sa l ya l ng  berguna l untuk  memba l ntu pembeli  a l ta l upun  penyedia l ba l ra l ng  da l la l m  mela l kuka l n tra l nsa l ksi seca l ra l digita l l.

## 3. METODE PENELITIAN
3.1. Waktu dan Lokasi Penelitian Penelitia l n ini dila l kuka l n di PT. Intra l nusa l Sa l ra l na l ya l ng  terleta l k  di  Gra l ha l SIR,  Jl.  Ra l ya l Ka l lima l la l ng No.1A l , RT.13/RW.7, Pd. Kela l pa l ,  Kec. Duren Sa l wit, Kota l Ja l ka l rta l Timur,  Da l era l h  Khusus  Ibukota l Ja l ka l rta l 13450.  Pengumpulan  data  dilakukan  pada  Januari 2023.

## 3.2. Jenis Penelitian
Metode  penelitian yang  digunakan  pada penelitian  ini  adalah Research  and  Development (R&D),  karena  penelitian  ini  mencari  permasalahan yang  terjadi  pada  sebuah  subjek  penelitian  yang kemudian  akan  dicari  solusinya  dengan  membangun sebuah sistem untuk menyelesaikan masalah tersebut, dan  penelitian  ini  merupakan  pengembangan  dari fenomena  yang  terjadi  selama  peneliti  melakukan kegiatan  Praktek  Kerja  Lapangan  (PKL)  di  PT. Intranusa Sarana.

## 3.3. Pengumpulan Data
Da l la l m ha l l pengumpula l n da l ta l pa l da l penelitia l n ini, peneliti mengguna l ka l n metode ya l ng diperluka l n yakni: teknik pengumpulan data, observasi dan wawancara.
Pengamatan  dilakukan  secara  langsung  di  PT. Intranusa  Sarana  dengan  mengamati  kegiatan  yang berlangsung, observasi dilakukan untuk mengumpulkan  data  dan  informasi  yang  akan
digunakan  dalam  penelitian  untuk  mendapatkan referensi secaral langsung.

## 3.4. Data Sekunder
Data  yang  diperoleh  dari  sumber  yang  tidak langsung,  dengan  mengamati  permasalahan  yang terjadi  di  lokasi  penelitian.  Dan  juga  data  sekunder yang  berupa:  Publikasi  ilmiah:  Jurnal,  buku,  artikel, dan  laporan  penelitian  yang  telah  diterbitkan  oleh peneliti  lain.  Ini  dapat  mencakup  hasil  penelitian sebelumnya,  teori,  temuan,  dan  data  statistik  yang relevan.
Data statistik pemerintah: Data yang dikeluarkan oleh  lembaga  pemerintah  seperti  BPS  (Badan  Pusat Statistik)  yang  mencakup  informasi  demografis, ekonomi, sosial, dan lainnya.
Data industri: Data yang diterbitkan oleh asosiasi industri, perusahaan, atau lembaga lain yang berkaitan dengan  bidang  penelitian  tertentu.  Misalnya,  data penjualan industri, tren pasar, atau statistik keuangan.
Data survei: Data yang diperoleh dari hasil survei yang  telah  dilakukan  oleh  lembaga  penelitian  atau perusahaan riset pasar. Data ini dapat berupa pendapat masyarakat,  perilaku  konsumen,  atau  preferensi pelanggan.
Data  akademik:  Data  dari  institusi  pendidikan, seperti  universitas  atau  sekolah,  seperti  data mahasiswa,  hasil  ujian,  atau  penelitian  sebelumnya yang telah dilakukan oleh mahasiswa atau peneliti.
Data  arsip:  Data  yang  disimpan  dalam  bentuk arsip  oleh  lembaga  atau  organisasi  tertentu,  seperti arsip  sejarah,  catatan  perusahaan,  atau  dokumen sejarah.

## 3.5. Metode Pengembangan Sistem
Metode pengemba l nga l n ra l nca l ng ba l ngun a l plika l si berba l sis  web  e-ka l ta l log  ya l ng  diguna l ka l n  da l la l m penelitia l n  ini  a l da l la l h wa l terfa l ll .  A l la l sa l n  mengguna l ka l n metode  tersebut  ka l rena l memiliki  proses  ya l ng  urut, setia l p  proses  mempunya l i  spesifika l sinya l sendiri, sehingga l sebua l h  sistem  da l pa l t  berkemba l ng  sesua l i ha l ra l pa l n,  tida l k  a l da l proses  ya l ng  sa l ling  menumpuk. Metode  ini  memiliki  bebera l pa l ta l ha l pa l n  penting  ya l ng ha l rus dila l kuka l n, a l nta l ra l la l in:  Analisis Kebutuhan dan Data Pa l da l ta l ha l pa l n  ini  peneliti  mela l kuka l n  konsulta l si denga l n  piha l k  PT.  Intra l nusa l Sa l ra l na l ya l itu  Ba l pa l k Pa l mbudi  Pra l jitno  Priba l di  terka l it  denga l n  pengguna l a l n sistem  da l n  da l pa l t  menila l i  da l ri  proses  tra l nsa l ksi  ya l ng seda l ng  berja l la l n  untuk  diguna l ka l n  ke  da l la l m  a l plika l si berba l sis  web,  setela l h  itu  mencoba l mengumpulka l n bebera l pa l da l ta l untuk kebutuha l n pengemba l nga l n sistem ya l ng a l ka l n diba l ngun sehingga l menda l pa l tka l n identifika l si ma l sa l la l h ya l ng kemudia l n a l ka l n dica l ri solusi terba l ik  denga l n  membua l t  sebua l h  sistem  ya l ng  da l pa l t memba l ntu menga l ta l si kelema l ha l n pa l da l sistem tersebut.
 Verifikasi
Pa l da l ta l ha l p  ini,  setia l p  unit  progra l m  a l ka l n dihubungka l n  sa l tu  sa l ma l la l in  da l n  diuji  seba l ga l i  sa l tu sistem  untuk  mema l stika l n  ba l hwa l sistem  suda l h
memenuhi kla l sifika l si ya l ng a l da l , setela l h itu sistem a l ka l n dikirim  ke  pengguna l .  Da l ri  ha l sil  a l plika l si  ya l ng  suda l h selesa l i, penulis a l ka l n menga l plika l sika l n sistem ini pa l da l loca l lhost PC server di PT. Intra l nusa l Sa l ra l na l .  Teknik Pengujian
Teknik pengujia l n pa l da l penelitia l n ini mengguna l ka l n bla l ck  box  testing .  Metode  Blackbox Testing  adalah  sebuah  metode  yang  dipakai  untuk menguji  sebuah software tanpa harus  memperhatikan detail  software.  Pengujian  ini  hanya  memeriksa  nilai keluaran  berdasarkan  nilai  masukan  masing  masing. Tidak ada upaya untuk mengetahui kode program apa yang output pakai.[14]
Proses Black Box Testing dengan cara mencoba program  yang  telah  dibuat  dengan  mencoba memasukkan data pada setiap formnya. Pengujian ini diperlukan  untuk  mengetahui  program  tersebut berjalan  sesuai  dengan  yang  dibutuhkan  oleh perusahaan.[15]
Metode  ini  memfokuska l n  pa l da l kepentinga l n fungsiona l lita l s  da l ri  pera l ngka l t  lunak l .  Metode  ini berusa l ha l untuk  menca l ri  kesa l la l ha l n  da l ri interfa l ce , fungsi ya l ng tida l k sesua l i, struktur da l ta l , da l ta l ba l se sistem ya l ng  berka l ita l n  denga l n  a l plika l si  web,  performa l web, da l n inisia l lisa l si da l ri sistem tersebut.

## 4. HASIL DAN PEMBAHASAN
Codeigniter  dalam  aplikasi  ini  untuk  membuat tampilan  pada  aplikasi  lebih  menarik  dibandingkan tanpa menggunakan framework, dan bahasa pemrograman  bisa  menyesuaikan  tidak  hanya  php saja,  selain  itu  pengamanan  fitur  yang  terenskripsi sehingga  mampu  melindungi  file-file  penting, codeigniter juga mampu meningkatkan Search Engine Optimization (SEO) yang membantu strategi marketing  lebih  efektif  dan  hemat  untuk  membantu PT.  Intranusa  Sarana  meningkatkan  traffic  website, ketika  calon  user  mencari  kata  kunci  tertentu  bisa muncul  pada  halaman  pertama  search  engine.  Hasil akhir  dari  pembuatan  aplikasi berbasis  web menggunakan codeigniter dapat dilihat dibawah ini.
Pada  bagian  ini  menjelaskan  hal  yang  dapat dilakukan oleh pengunjung dalam mengakses web PT. Intranusa Sarana.
Gambar 4. Halaman utama aplikasi
Halaman ini adalah tampilan awal ketika berhasil mengakses  web,  berisikan  produk-produk  yang
ditawarkan  PT.  Intranusa  Sarana.  Pada  halaman  ini codeigniter berfungsi sebagai layout untuk meratakan gambar yang ada pada halaman awal agar terlihat lebih menarik  dan  menambahkan  efek  zoom  in/out  ketika kursor mengarah ke gambar.
Gambar 5. Halaman login
Pada  halaman  awal,  dibagian  pojok  kanan  atas, terdapat tombol Login dan Register, dan apabila di klik maka akan muncul seperti gambar diatas. Pada bagian login ada 2 kolom yang harus diisi, yaitu Your Email dan Your Password, sedangkan pada bagian Register ada  4  kolom  yaitu,  Your  Complete  Name,  Email, Password,  dan  Confirmation  Password.  Codeigniter pada halaman ini berfungsi untuk membuat form login dan register agar tampilan lebih menarik dan modern.

## Gambar 6. Halaman detail produk
Pada  halaman  awal,  dibawah  gambar  produk terdapat kalimat View More yang apabila di klik maka akan  muncul  halaman  ini,  yang  berisi  mengenai deskripsi  dan  spesifikasi  produk  yang  dipilih.  Untuk tombol  ADD  TO  CART  berwarna  hijau,  hanya  bisa diakses  user  yang  telah  login  kedalam  web,  yang kemudian  akan  dimasukan  kedalam  Cart  user. Codeigniter pada halaman ini untuk mengatur gambar ketika kursor mengarah ke gambar, maka gambar akan memberikan efek zoom in dan out.
Gambar 7. Menu user
Ketika  user  sudah  login,  ada  perubahan  pada tampilan  awal  disebelah  pojok  kanan  atas,  menjadi logo seperti gambar diatas, dan pada gambar tersebut terdapat  4  pilihan  menu  Profile,  My  Purchasing, Change  Password,  dan  Log  Out.  Codeigniter  pada menu ini untuk menambahkan beberapa logo.

## Gambar 8. Menu profil
Pada menu ini, terdapat 2 kolom name dan email, dan  user  dapat  mengubah  nama  dan  alamat  email. Codeigniter pada menu ini untuk membuat form name, email dan tombol update profil.
Gambar 9. Menu My Purchasing
Pada  menu  ini  user  dapat  melihat  track  record pembelian  produk  dan  terdapat  4  baris  keterangan yaitu,  Invoice  yang  menandakan  nomor  pembelian produk  setelah  checkout  barang,  Date  merupakan tanggal  pembelian  produk  setelah  checkout,  Total adalah harga dari produk yang sudah di checkout, dan Status  yaitu  keterangan  pesanan  dari  produk  yang sudah  di  checkout  dengan  isian  keterangan  sebagai waiting, paid, delivered, dan cancel. Codeigniter pada menu ini untuk menambahkan background warna pada status
Pengujian Black Box
Pada  pengujian  ini,  penulis  menguji  secara keseluruhan aplikasi yang telah selesai dibuat dan akan diberikan  nilai  valid  ketika  aplikasi  berjalan  sesuai yang diharapkan, dan tidak valid ketika aplikasi tidak sesuai  yang  diharapkan.  Pengujian  ini  akan  dibagi sesuai dengan proses pengujian aplikasi, dimulai dari halaman login, memasukan barang ke cart, checkout, payment  confirmation, dan add  product pada  tabel
dibawah ini .
Tabel 1. Pengujian halaman login
No Skenario tes Hasil Yang Diharapkan Hasil Pengujian Kesimpulan 1. Username dan password tidak diisi kemudian login Tidak bisa login, dan harus memasukan id dan password yang sesuai Muncul notifikasi “Please fill out this field” pada kolom id Valid 2. Username diisi dan password tidak diisi kemudian login Tidak bisa login, dan harus memasukan password yang sesuai Muncul notifikasi “Please fill out this field” pada kolom password Valid 3. Username tidak diisi dan password diisi kemudian login Tidak bisa login, dan harus memasukan id yang sesuai Muncul notifikasi “Please fill out this field” pada kolom id Valid 4. Username dan password diisi tidak sesuai dan login. Muncul notif “Username atau Password salah” Muncul notifikasi berwarna merah “Wrong email or password” Valid 5. Username dan password diisi sesuai dan login Masuk ke halaman awal website Masuk ke halaman awal website Valid
Berdasarkan  hasil  pengujian  halaman  login, dapat ditarik beberapa kesimpulan sebagai berikut:
Hasil pengujian blackbox = 𝑝𝑒𝑛𝑔𝑢𝑗𝑖𝑎𝑛 𝑏𝑒𝑟ℎ𝑎𝑠𝑖𝑙 𝑡𝑜𝑡𝑎𝑙 𝑝𝑒𝑛𝑔𝑢𝑗𝑖𝑎𝑛 𝑥 100%
Hasil pengujian blackbox = 5 5 𝑥 100%
Hasil pengujian blackbox = 100%
Tabel 2. Pengujian memasukkan barang ke keranjang
No Skenario Pengujian Hasil Yang Diharapkan Hasil Pengujian Kesimpulan 1. Mengklik “ADD TO CART” Ketika di klik, langsung masuk ke dalam cart user Langsung masuk kedalam cart user Valid 2. Mengklik “ADD TO CART” Muncul notifikasi “Successfully add to your cart” Tidak muncul notif sama sekali dan langsung masuk ke dalam cart user Tidak Valid
Berdasarkan hasil pengujian tabel 2, dapat ditarik beberapa kesimpulan sebagai berikut:
Hasil pengujian blackbox = 𝑝𝑒𝑛𝑔𝑢𝑗𝑖𝑎𝑛 𝑏𝑒𝑟ℎ𝑎𝑠𝑖𝑙 𝑡𝑜𝑡𝑎𝑙 𝑝𝑒𝑛𝑔𝑢𝑗𝑖𝑎𝑛 𝑥 100%
Hasil pengujian blackbox = 1 2 𝑥 100%
Hasil pengujian blackbox = 50%
Tabel 3. Pengujian checkout No Skenario Pengujian Hasil Yang Diharapkan Hasil Pengujian Kesimpulan 1. Tidak mengisi semua form yang tersedia Muncul notifikasi pada masing-masing form Muncul notifikasi “Name is required” pada form Recipient’s Name, “Address is required” pada form Complete Address, “Phone is required” pada form Mobile Phone Number, dan "Province is required” pada dropdown Province Valid 2. Hanya mengisi form Recipient’s Name Muncul notofikasi pada form Complete Address, Mobile Phone Number dan menu dropdown Province Muncul notifikasi “Address is required” form Complete Address, “Phone is required” pada form Mobile Phone Address, dan “Province is required” pada dropdown Province Valid 3. Hanya mengisi form Complete Address Muncul notifikasi pada form Recipient’s Name, Mobile Phone Number, dan menu dropdown Province Muncul notifikasi “Name is required” pada form Recipient’s Name, “Phone is required” pada form Mobile Phone Number, dan “Province is required” pada dropdown Province Valid 4. Hanya mengisi Mobile Phone Number Muncul notifikasi pada form Recipient’s Name, Complete Address, dan menu dropdown Province Muncul notifikasi “Name is required” pada form Recipient’s Name, “Address is required” pada form Complete Address dan “Province is required” pada dropdown Province Valid 5. Ketika semua form sudah diisi dengan sesuai dan memilih “Self Delivery” pada option Type of Delivery Delivery Price tetap Rp.0 dan pada sub total hanya Product Price saja yang bertambah Delivery Price tetap Rp.0, harga menjadi sesuai dengan harga produk dan sub total tetap Product Price saja Valid 6. Ketika semua sudah diisi dengan sesuai dan memilih “Include Delivery” pada option Type of Delivery Pada sub total bertambah sesuai dengan Delivery Price yang dipilih, dan hasilnya tidak Rp.0 Delivery Price memiliki value sendiri, dan menjadi satu dengan Product Price pada sub total Valid
Berdasarkan hasil pengujian tabel 3, dapat ditarik beberapa kesimpulan sebagai berikut:
Hasil pengujian blackbox = 𝑝𝑒𝑛𝑔𝑢𝑗𝑖𝑎𝑛 𝑏𝑒𝑟ℎ𝑎𝑠𝑖𝑙 𝑡𝑜𝑡𝑎𝑙 𝑝𝑒𝑛𝑔𝑢𝑗𝑖𝑎𝑛 𝑥 100%
Hasil pengujian blackbox = 6 6 𝑥 100%
Hasil pengujian blackbox = 100%
Tabel 4. Pengujian konfirmasi pembayaran No Skenario Pengujian Hasil Yang Diharapkan Hasil Pengujian Kesimpulan 1. Tidak mengisi form Note dan tidak mengupload Proof of Payment lalu pencet button send Mengulang proses upload gambar pada Choose File dan muncul notif “Upload your Prof of Payment” pada button chose file Bisa melanjutkan ke tahap selanjutnya dan kembali ke menu My Orders Tidak Valid 2. Mengisi form note dan tidak mengupload Proof of Payment lalu pencet button send Mengulang proses upload gambar pada Choose File dan muncul notif “Upload your Prof of Payment” pada button chose file Bisa melanjutkan ke tahap selanjutnya dan kembali ke menu My Orders Tidak Valid 3. Tidak mengisi form note dan mengupload Proof of Payment lalu pencet button send Bisa melanjutkan ke tahap selanjutya dan kembali ke menu My Orders Bisa melanjutkan ke tahap selanjutnya dan kembali ke menu My Orders Valid
Berdasarkan hasil pengujian tabel 4, dapat ditarik beberapa kesimpulan sebagai berikut:
Hasil pengujian blackbox = 𝑝𝑒𝑛𝑔𝑢𝑗𝑖𝑎𝑛 𝑏𝑒𝑟ℎ𝑎𝑠𝑖𝑙 𝑡𝑜𝑡𝑎𝑙 𝑝𝑒𝑛𝑔𝑢𝑗𝑖𝑎𝑛 𝑥 100%
Hasil pengujian blackbox = 1 3 𝑥 100%
Hasil pengujian blackbox = 33%
Hasil keseluruhan pengujian blackbox = 𝑝𝑒𝑛𝑔𝑢𝑗𝑖𝑎𝑛 𝑏𝑒𝑟ℎ𝑎𝑠𝑖𝑙 𝑡𝑜𝑡𝑎𝑙 𝑝𝑒𝑛𝑔𝑢𝑗𝑖𝑎𝑛 𝑥 100%
Hasil keseluruhan pengujian blackbox = 100 + 50 + 100 + 33
4 𝑥 100%
Hasil keseluruhan pengujian blackbox = 283 4 𝑥 100%
Hasil keseluruhan pengujian blackbox = 70.75%
Pengujian validasi dilakukan kepada perwakilan perusahaan Bpk. Pambudi Prajitno Pribadi, dan 2 ahli IT  mas  Ananda  Dwi  Oktavianto  dan  Bpk.  Youngky Takisawa menggunakan kuesioner, sehingga memperoleh hasil sebagai berikut:
Pengujian ini dilakukan perwakilan dari PT. Intranusa Sarana untuk mengetahui kelayakan aplikasi dari sudut pandang user.
Nama : Pambudi Prajitno Pribadi, S.E Instansi : PT. Intranusa Sarana Jabatan : Direktur Keuangan dan HRD Tabel 6. Pengujian penggunaan aplikasi No Pertanyaan Hasil Pengujian SB B CB KB 1. Tampilan mudah dipahami √ 2. Tampilan menarik √ 3. Desain dan warna √ 4. Pemilihan Font √
5. Kenyamanan aplikasi √
6. Aplikasi dapat membantu √ Total Nilai 21 Keterangan : SB = Sangat Baik (4) : B = Baik (3) : CB = Cukup Baik (2)
: KB = Kurang Baik (1)
Pengujian  ini  dilakukan  oleh  ahli  it  untuk mengetahui secara rinci terkait hasil yang telah diuji.
Nama : Ananda Dwi Oktavianto, S.Kom Instansi : UNISBA Jabatan : Alumni Unisba 2018 Tabel 7. Pengujian ahli it pertama No Pertanyaan Hasil Pengujian SB B CB KB
1.
Accuracy (Akurasi) Kemampuan aplikasi dalam memberikan hasil yang presisi dan benar sesuai dengan kebutuhan √ 2. Suitability (Kesesuaian) Kemampuan aplikasi untuk menyediakan serangkaian fungsi yang sesuai untuk tugas-tugas tertentu dan tujuan pengguna √ 3. Compliance (Pemenuhan) Kemampuan aplikasi dalam memenuhi standar kebutuhan sesuai dengan peraturan yang berlaku √ Total Nilai 11
Nama : Youngky Takisawa, S.Tr.Kom Instansi : ITS Surabaya Jabatan : Alumni ITS Surabaya 2017 Tabel 8. Pengujian ahli it kedua No Pertanyaan Hasil Pengujian SB B CB KB
1.

## Accuracy (Akurasi)
Kemampuan aplikasi dalam memberikan hasil yang presisi dan benar sesuai dengan kebutuhan √ 2. Suitability (Kesesuaian)
Kemampuan aplikasi untuk menyediakan serangkaian fungsi yang sesuai untuk tugas-tugas tertentu dan tujuan pengguna √ 3.

## Compliance
(Pemenuhan) Kemampuan aplikasi dalam memenuhi standar kebutuhan sesuai dengan peraturan yang berlaku √ Total Nilai 11
Pengujian validasi dilakukan kepada perwakilan perusahaan Bpk. Pambudi Prajitno Pribadi, dan 2 ahli IT  mas  Ananda  Dwi  Oktavianto  dan  Bpk.  Youngky Takisawa menggunakan kuesioner, sehingga memperoleh hasil sebagai berikut:
Tabel 9. Hasil kuesioner pengguna No Pertanyaan Hasil Pengujian SB B CB KB 1. Tampilan mudah dipahami 1 - - - 2. Tampilan menarik - 1 - - 3. Desain dan warna 1 - - - 4. Pemilihan Font - 1 - - 5. Kenyamanan aplikasi - 1 - - 6. Aplikasi dapat membantu 1 - - - Total Nilai 21 Tabel 10. Hasil kuesioner ahli it No Pertanyaan Hasil Pengujian SB B CB KB
1. Accuracy (Akurasi) Kemampuan aplikasi dalam memberikan hasil yang presisi dan benar sesuai dengan kebutuhan 1 1 - -
2.
Suitability (Kesesuaian)
Kemampuan aplikasi untuk menyediakan serangkaian fungsi yang sesuai untuk tugas-tugas tertentu dan tujuan pengguna 2 - - -
No Pertanyaan Hasil Pengujian SB B CB KB 3.

## Compliance
(Pemenuhan) Kemampuan aplikasi dalam memenuhi standar kebutuhan sesuai dengan peraturan yang berlaku 1 1 - - Total Nilai 22 Tabel 11. Tabulasi hasil kuesioner pengguna Nilai Penilaian Jumlah Penilaian Total (Skala×Jumlah) 4 3 12 3 3 9 2 0 0 1 0 0 Total Skor 21 Skor Maksimal 24
Hasil  perhitungan  tabulasi  kuesioner  pengguna = 𝑠𝑘𝑜𝑟 𝑦𝑎𝑛𝑔 𝑑𝑖𝑑𝑎𝑝𝑎𝑡 𝑠𝑘𝑜𝑟 𝑚𝑎𝑘𝑠𝑖𝑚𝑎𝑙 𝑥 100%
Hasil  perhitungan  tabulasi  kuesioner  pengguna = 21 24 𝑥 100%
Hasil  perhitungan  tabulasi  kuesioner  pengguna = 87,5%
Berdasarkan  hasil  pengolahan  data  yang  telah dilakukan  dari  hasil  kuesioner  pengguna,  maka memperoleh  hasil  perhitungan  secara  keseluruhan yaitu 87,5%.

## Tabel 12. Tabulasi Hasil Kuesioner Ahli IT
Nilai Penilaian Jumlah Penilaian Total (Skala×Jumlah) 4 4 16 3 2 6 2 0 0 1 0 0 Total Skor 22 Skor Maksimal 24
Hasil  perhitungan  tabulasi  kuesioner  pengguna = 𝑠𝑘𝑜𝑟 𝑦𝑎𝑛𝑔 𝑑𝑖𝑑𝑎𝑝𝑎𝑡 𝑠𝑘𝑜𝑟 𝑚𝑎𝑘𝑠𝑖𝑚𝑎𝑙 𝑥 100%
Hasil  perhitungan  tabulasi  kuesioner  pengguna = 22 24 𝑥 100%
Hasil  perhitungan  tabulasi  kuesioner  pengguna = 91,6%
Berdasarkan  hasil  pengolahan  data  yang  telah dilakukan  dari  hasil  kuesioner  ahli  IT,  maka memperoleh  hasil  perhitungan  secara  keseluruhan yaitu 91,6%.
Tabel 13. Kategori Kelayakan Sistem No. Kategori Skor dalam Persentase 1 Sangat Layak 81% - 100% 2 Layak 61% - 80% 3 Cukup Layak 41% - 60% 4 Tidak Layak 21% - 40% 5 Sangat Tidak Layak -21%
(Sumber: Mandala & Dewanto, 2017)
Setelah memperolah hasil dari semua pengujian, tahapan  selanjutnya  adalah  menghitung  kelayakan sistem dengan cara berikut:
Persentase (%) = 𝑛𝑖𝑙𝑎𝑖 𝑦𝑎𝑛𝑔 𝑑𝑖𝑑𝑎𝑝𝑎𝑡 𝑛𝑖𝑙𝑎𝑖 𝑚𝑎𝑘𝑠𝑖𝑚𝑎𝑙 𝑥 100%
Persentase (%) = 70,75 + 91,6 +87,5 300 𝑥 100% Persentase (%) = 249,85
300 𝑥 100%
Persentase (%) = 83,2%
Hasil  presentase  83,2%  tersebut  dikategorikan sebagai sistem yang “Sangat Layak”.

## 5. KESIMPULAN DAN SARAN
Untuk  pengujian  black  box  testing  dari  total  16 pengujian  yang  dilakukan  peneliti  hasil  yang  valid adalah 13 sehingga mendapatkan nilai 70,75%, untuk pengujian  penggunaan  aplikasi  yang  dilakukan  oleh Bpk. Pambudi Prajitno Pribadi mendapatkan nilai 21, dan yang terakhir pengujian ahli IT oleh Mas Ananda Dwi  Oktavianto  dan  Bpk.  Youngky  Takisawa mendapatkan  nilai  22,  hasil  presentase  dari  total keseluruhan  pengujian  yang  dilakukan  mendapatkan nilai  83,2%  dan  dikategorikan  sebagai  sistem  yang “Sangat  Layak”.  Untuk  penelitian  selanjutnya disarankan agar meningkatkan lagi kemampuan dalam menjelajahi framework ataupun bahasa pemrograman yang digunakan dalam penelitian ini.

## DAFTAR PUSTAKA
[1]  J.  M.  Butarbutar,  D.  Darmansah,  and  R.  N.  S. Amriza,  “Perancangan  Sistem  Informasi  E- Catalogue  Berbasis  Website  Menggunakan Metode Waterfall,” J. Sist. Komput. dan Inform. , vol. 3, no. 4, pp. 438–449, 2022.
[2]  D.  Linda,  “Merancang  e-katalog  Berbasis Website  Sebagai  Media  Informasi  pada  Badan Perpustakaan  Arsip  dan  Dokumentasi  Daerah (BPAD)  Lampung,” Explor.  J.  Sist.  Inf.  dan Telemat. , vol. 7, no. 1, p. 331328, 2016.
[3]  H.  Nur,  “Penggunaan  Metode  Waterfall  Dalam Rancang  Bangun  Sistem  Informasi  Penjualan,” Gener. J. , vol. 3, no. 1, pp. 1–10, 2019.
[4]  H.  Riyadli,  A.  Arliyana,  and  F.  E.  Saputra, “Rancang  Bangun  Sistem  Informasi  Keuangan Berbasis  WEB,” J.  Sains  Komput.  Dan  Teknol. Inf. , vol. 3, no. 1, pp. 98–103, 2020.
[5]  A.  Wijaya,  M.  Arifin,  and  T.  Subiyanto, “Rancang Bangun Sistem Informasi Perencanaan Persediaan  Barang,”  Universitas  Dinamika,
2013.
[6]  A.  Yudhana,  I.  Riadi,  and  I.  Zuhriyanto, “Analisis Live  Forensics  Aplikasi Media Sosial Pada  Browser  Menggunakan  Metode  Digital Forensics  Research  Workshop  (DFRWS),”
Techno (Jurnal Fak. Tek. Univ. Muhammadiyah Purwokerto) , vol. 20, no. 2, pp. 125–130, 2019.
[7]  A. Muhajir and U. Chotijah, “Aplikasi Berbasis Web  Browser  Untuk  Mendiagnosa  Kerusakan Laptop  Dengan  Metode  Naive  Baye,” JIPI (Jurnal Ilm. Penelit. dan Pembelajaran Inform. , vol. 5, no. 2, pp. 112–122, 2020.
[8]  Y.  Yudhanto  and  S.  A.  S.  A.  S.  Siwiantoko, “Rancang  Bangun  Aplikasi  E-Klinik  Berbasis Web Menggunakan Framework PHP: Yii2,” IJAI (Indonesian  J.  Appl.  Informatics) ,  vol.  3,  no.  1, pp. 17–25, 2019.
[9]  Y.  Anggraini,  D.  Pasha,  D.  Damayanti,  and others,  “Sistem  Informasi  Penjualan  Sepeda Berbasis Web Menggunakan Framework Codeigniter,” J. Teknol. Dan Sist. Inf. , vol. 1, no. 2, pp. 64–70, 2020.
[10]  D.  Upton,  D.  Allard,  R.  Ellis,  and  others, CodeIgniter for rapid php application development . Packt Publishing, 2007.
[11]  I.  Sofiani  and  A.  I.  Nurhidayat,  “Rancang
Bangun Aplikasi E-Marketplace Hasil Pertanian Berbasis Website Dengan Menggunakan
Framework Codeigniter,” J. Manaj. Inform. , vol.
10, no. 1, pp. 25–32, 2019.
[12]  A. F. H. Putra and H. Utomo, “PEMBUATAN E- CATALOGUE PADA INSTAGRAM MENGGUNAKAN CANVA SEBAGAI MEDIA PROMOSI UNTUK MENINGKATKAN MINAT BELI KONSUMEN  DI  PALM  SNACK  AND
COOKIES MALANG,” J. Apl. Bisnis , vol. 8, no. 1, pp. 49–54, 2022.
[13]  D.  Endianingsih,  “Peran  e-catalogue  dalam proses pengadaan elektronik,” J. Kalibr. , vol. 12, no. 1, 2014.
[14]  A.  Latif,  “IMPLEMENTASI  KRIPTOGRAFI MENGGUNAKAN  METODE  ADVANCED ENCRYPTION  STANDAR  (AES)  UNTUK PENGAMANAN  DATA  TEKS”,” J.  Ilm. Mustek Anim Ha , vol. 4, no. 2, 2015.
[15]  R. Wahyudi, E. Utami, and M. R. Arief, “Sistem pakar  e-tourism  pada  Dinas  Pariwisata  DIY menggunakan metode Forward Chaining,” Data Manaj.  dan  Teknol.  Inf. ,  vol.  17,  no.  2,  pp.  67– 75, 2016.