Vol. 6, No. 1, Juni 2021

## PERANCANGAN APLIKASI E-CATALOG PENJUALAN FIF GROUP CABANG LUBUKLINGGAU

## Zulfauzi
Program Studi Informatika, Universitas Bina Insan, Lubuklinggau e-mail: zulfauzi@univbinainsan.ac.id

## Abstrak
Informasi  penjualan  cash  ataupun  kredit  dari  setiap  produk  (motor)    masih  menggunakan selembaran  brosur.  Selembaran  brosur  tersebut  akan  diberikan  kepada  pelanggan  yang  ingin memilih  produk  (motor)  yang  mereka  inginkan,  dengan  proses  tersebut  pelanggan  tidak  dapat mengetahui  detail  jelas  tentang  produk  (motor)  yang  mereka  inginkan.  Terkadang  detail keseluruhan  yang  dipaparkan  pada  brosur  tersebut  tidak  sama  dengan  pada  produk  (motor) aslinya.  Serta  dengan  keterbatasan  halaman  pada  brosur  tersebut  membuat  FIF  group  cabang Lubuklinggau  tidak  dapat  menampilkan  keseluruhan  detail  tentang  produk  yang  mereka  jual. Penelitian ini menggunakan metode pengumpulan data dengan cara melakukan observasi ke FIF Group  Cabang  Lubuklinggau,  wawancara  kepada  sumber-sumber  yang  berhubungan  dengan penelitian  di  FIF  Group  Cabang  Lubuklinggau  dan  dokumentasi  dengan  cara  membaca  buku- buku  komputer  atau  dokumen-dokumen  yang  penelitian  ini.  Hasil  Penelitian  yaitu  Aplikasi E- Catalog Penjualan  FIF  Group  Cabang  Lubuklinggau  Berbasis  Web Mobile ,  aplikasi  dibangun dengan bahasa pemrograman PHP dengan MySQL sebagai database aplikasi, interface aplikasi dibangun  berbasis  Web Mobile .  Dapat  disimpulkan  bahwa  aplikasi  dapat  mempermudahkan pelanggan  untuk  mengetahui  jelas  tentang  produk    (motor)  seperti  informasi  biaya  cash  atau kredit,  spesifikasi  motor  serta  fitur  motor  dan  dapat  memberikan  informasi  yang  sama  dengan produk (motor) yang aslinya.
Kata kunci :  Aplikasi; E-Catalog ; Penjualan

## Abstract
Information on cash or credit sales of each product (motorbike) still uses brochure leaflets. The leaflet  will be given to customers  who  want to choose the product (motorbike) they want, with this  process  the  customer  cannot  know  the  clear  details  about  the  product  (motorbike)  they want. Sometimes the overall details presented in the brochure are not the same as the original product (motor). As well as the limited pages in the brochure, the Lubuklinggau branch of FIF group cannot display all the details about the products they sell. This study uses data collection methods  by  making  observations  to  the  Lubuklinggau  Branch  FIF  Group,  interviews  with sources  related  to  research  at  the  Lubuklinggau  Branch  FIF  Group  and  documentation  by reading  computer  books  or  documents  that  this  research.  The  results  of  the  research  are  the FIF  Group  Application  of  FIF  Group  in  the  Lubuklinggau  Branch  of  Mobile  Web-Based,  the application  is  built  with  the  PHP  programming  language  with  MySQL  as  the  application database, the application interface is built on the Web-based Mobile. It can be concluded that the application can make it easier for customers to know clearly about the product (motor) such as cash or credit cost information, motor specifications and motor features and can provide the same information as the original product.
Keywords : Application; E-Catalog; Sales
Vol. 6, No. 1, Juni 2021
I. PENDAHULUAN
Persaingan disuatu perusahaan membuat  perusahaan  harus  memikirkan keputusan tertentu dengan membuat sebuah inovasi  yang  baru  untuk  memajukan perusahaannya. Penerapan teknologi informasi  akan  memberikan  dampak  yang positif bagi kemajuan perusahaan.
Teknologi  informasi  dapat  digunakan sebagai  alat  bantu  bagi  perusahaan  untuk menciptakan  inovasi  dari  proses  kegiatan yang selama ini dianggap berjalan ditempat. E-catalog yang didefinisikan sebagai presentasi online dan  informasi  mengenai produk dan jasa yang ditawarkan dan dijual sebuah  organisasi  [1]. E-catalog menjadi salah  satu  manfaat  penerapan  teknologi informasi  yang  menjelaskan  informasi elektronik  yang  memuat  daftar,  jenis, spesifikasi  teknis  dan  harga  Motor  tertentu berbagai penyedia Motor [2].
Penelitian  sebelumnya  akan  penulis uraikan,  untuk  mengetahui  penelitian  yang pernah dilakukan  sebelumnya dengan  judul yang relevan dengan penulis yaiu Perancangan  Aplikasi  E-Catalog  Penjualan :
Penelitian  pada  Jurnal  Kalibrasi, Oleh  Dian  Endianingsi  pada  tahun    2015 dengan  judul  penelitian  Peran E-Catalogue Dalam Proses Pengadaan Elektronik, permasalahan  penelitian    yaitu  pengadaan Motor  dan  jasa  dilakukan  dengan  langsung mempertemukan  pihak-pihak  yang  terkait seperti  penyedia  Motor  dan  jasa  hasil penelitian  yaitu  Membangun  sistem  e- Catalogue  yang  dapat  digunakan  sebagai dasar dalam menampilkan detail komporasi spesifikasi Motor.
Penelitian lainnya pada Jurnal Prosiding  Konser  Karya  Ilmiah,  Oleh Suprihadi,  Radius  Tanone  dan  Suharyadi, pada  tahun  2016  dengan  judul  penelitian Proses  Bisnis  E-Catalogue  Baru  Sebagai Kerangka Kebutuhan Informasi Pengolahan Produksi  Komoditi  Kebutuhan  Informasi
Pengolahan Produksi Komoditi.
Permasalahan  penelitan  yaitu  Informasi tentang  proses  bisnis  dan  infrastruktur budidaya  memberikan  peranan  penting untuk  dapat  meningkatkan  kepercayaan publik dan menjaga keberlangsungan
perusahaan,  sehingga  membutuhkan  sistem yang  dapat  mempermudah  proses  bisnis tersebut. Hasil penelitian . Penelitian lainnya pada Jurnal
Teknologi  Informasi,  oleh  Budi  Chandra Dkaralos,  Khakum  Ghozali,  Mudjahidin, dan  Nasfu  Asrul  Sani,  pada  2012  dengan judul  penelitian  Rancang  Bangun  Sistem Informasi  E-Katalog  Pengadaan  Mobil
Instansi Pemerintahan. Permasalahan penelitan  yaitu  Sistem  Pengadaan  Secara Elektronik (SPSE) hanya berjalan berdasarkan prinsip lelang, beberapa Motor yang    dilakukan  dengan  metode  pembelian langsung akan lebih cepat dan lebih efektif.
Hasil penelitian membangun sistem
e-catalogue yang  dapat  digunakan  sebagai dasar dalam menampilkan detail komporasi spesifikasi Motor.
Berdasarkan  penelitian  sebelumnya maka  penulis  menyimpulkan  bahwa  E-
Catalogue dapat
mempermudahkan pelanggan  untuk  mengetahui  jelas  tentang produk yang akan dibeli.
FIF  group  cabang  Lubuklinggau yang  beralamatkan  di  Jl.  Yos  Sudarso  Kel. Cereme  Taba  Kec.  Lubuklinggau  Timur  II Kota  Lubuklinggau  merupakan  cabang  FIF Group yang ada di Kota Lubuklinggau. Saat ini  informasi penjualan cash ataupun  kredit dari  setiap  produk  (motor)    masih menggunakan selembaran
brosur.
Selembaran  brosur  tersebut  akan  diberikan kepada  pelanggan  yang  ingin  memilih produk  (motor)  yang  mereka  inginkan, dengan  proses  tersebut  pelanggan  tidak dapat  mengetahui  detail  jelas  tentang produk  (motor)  yang  mereka  inginkan. Terkadang detail keseluruhan yang dipaparkan pada brosur tersebut tidak sama dengan  pada  produk  (motor)  aslinya.  Serta dengan  keterbatasan  halaman  pada  brosur tersebut  membuat  FIF  group  cabang Lubuklinggau  tidak  dapat  menampilkan keseluruhan  detail  tentang  produk  yang mereka jual.
Untuk  mengatasi  permasalahan  yang ada  di  FIF  group  cabang  Lubuklinggau perlu  memanfaatkan  teknologi  informasi yang  dapat  memberikan  detail  dari  setiap produk  FIF  group  cabang  Lubuklinggau kepada
pelanggan. E-catalog akan  bermanfaat  bagi  FIF  group
Vol. 6, No. 1, Juni 2021
cabang Lubuklinggau, karena dengan adanya sistem E-catalog penjelasan tentang informasi produk yang dijual dapat seluruhnya  diberikan  kepada  pelanggan. Mulai  dari  biaya  yang  angsuran  ataupun cash  setiap  produk,  detail  spesifikasi  dari setiap  produk  serta  fasilitas  tambahan  yang didapat pelanggan jika mereka menginginkan  produk  tersebut.  Sistem e-catalog akan  dibangun  dengan interface sistem  berbasis  web mobile dengan menggunakan  bahasa  pemrograman PHP dan  sebagai  databasenya  menggunakan MySql.

## II. KAJIAN PUSTAKA
2.1 Prediksi Perancangan atau desain didefinisikan sebagai proses aplikasi berbagai  teknik  dan  prinsip  bagi  tujuan pendefinisian  suatu  perangkat,  suatu  proses atau  sistem  dalam  detail  yang  memadai untuk memungkinkan realisasi fisiknya [3].
Definisi  lain,  Perancangan  atau desain  sistem  secara  umum  adalah  untuk memberikan gambaran secara umum kepada user tentang sistem yang baru [4].
Dari  kutipan  diatas  maka  dapat dikatakan  bahawa  perancangan  merupakan gambaran  dari  beberapa  elemen  yang terpisah  akan  diatur  menjadi  satu  kesatuan yang utuh untuk memperoleh suatu fungsi.

## 2.2 Aplikasi
Aplikasi berasal dari kata application yang artinya penerapan/ penggunaan. Secara  istilah  aplikasi  adalah  program  siap pakai untuk melaksanakan suatu fungsi bagi pengguna  dan  dapat  digunakan  untuk mencapai sasaran yang dituju. Aplikasi juga dapat  didefinisikan  sebagai  suatu  program yang  dibuat  untuk  membantu  manusia dalam melaksanakan tugas tertentu [5].
Definisi  lain  Aplikasi  adalah  alat terapan yang difungsikan secara khusus dan terpadu sesuai kemampuan yang dimilikinya [6].
Dari pengertian diatas, dapat disimpulkan  penjelasan  aplikasi  adalah program  siap  pakai  untuk  melaksanakan
suatu fungsi bagi pengguna yang
difungsikan  secara  khusus  dan  terpadu sesuai kemampuan yang dimilikinya.
2.3 E-Catalog
E-Catalog merupakan  salah  satu manfaat  penerapan  teknologi  informasi yang  menjelaskan  informasi  elektronik yang  memuat  daftar,  jenis,  spesifikasi teknis  dan  harga  Motor  tertentu  dari berbagai  penyedia  Motor  [2].  Definisi  lain menjelasakan e- catalog merupakan presentasi online dan informasi produk dan jasa  yang  ditawarkan  dan  dijual  sebuah organisasi[1]. Terdapat beberapa keuntungan menggunakan E-Catalog diantaranya adalah sebagai berikut  [1]:
1) Mengurangi  biaya  pemasaran  tanpa biaya penetakan katalog tradisional.
2) Tidak  Perlu  khawatir  tentang  pemisah akurasi  warna,  ketebalan  kertas  atau kualitas cetak.
3) Menjangkau pasar tanpa biaya distribusi. 4) Meningkatkan  pasar  tingkat  pelayanan pelanggan  dengan  cepat,  ketersediaan informasi  produk  dan  pembaharuan katalog.
5) Mengurangi  waktu  dan  biaya  dalam pemeliharaan  katalog  yang  selalu diperbaharuui dan akurat.
6) Memungkinkan  pelanggan  mencari katalog  dengan  cepat  untuk  informasi produk tertentu. 2.4 Mobile Web Web Mobile merupakan  platform yang  paling  mudah  untuk  dipelajari,  paling murah  untuk  diproduksi,  terstandarisasi, yang  paling  tersedia  dan  paling  mudah untuk didistribusikan; sesuai dengan prinsip Ubiquity.  Mobile  Web juga  satu-satunya platform yang tersedia dan mampu berjalan pada semua perangkat
mobile , menggunakan satu set  standar dan protokol yang  sama  dengan  desktop  web.  Untuk dapat mendesain aplikasi web untuk mobile harus diperhatikan betul bahwa
karakteristik  web  untuk  web mobile berbeda  dengan  desktop  [7].  Beberapa karakteristik yang harus diperhatikan adalah [7]:
Vol. 6, No. 1, Juni 2021
a. Keterbatasan Fisik, meliputi bentuknya yang  kecil  dan  ukuran  layar  yang sempit dan input yang terbatas.
b. Keterbatasan  Teknis,  meliputia  akses data  yang  masih  mahal,  tingkat keamanan  yang  terbatas,  factor  fisik yang  bervariasi  (ukuran  layar  dari
128x160  sampai  dengan  480x640 pixel; input yang bevariasi : touchscreen, numeric keypad, QUERTY keypad ; akses data bervariasi : akses cepat/3G dan akses lambat, web browser yang terbatas dengan kemampuan  yang  berbeda-beda  dan standar  penyesuaian  tampilan  yang berbeda.

## III. METODOLOGI PENELITIAN
3.1 Metode Analisis Dan Desain Sistem 1. Analisis Sistem Dalam analisis ini, penulis
mengumpulkan  data-data  yang  diperlukan dalam  penyusunan  skripsi  ini,  seperti peninjauan  langsung  ke  FIF  group  cabang Lubuklinggau,  wawancara  dengan  divisi marketing FIF group cabang Lubuklinggau, serta studi pustaka dengan pengambilan dan pengumpulan  data  yang  berasal  dari  FIF group  cabang  Lubuklinggau  maupun  dari buku-buku  yang  berasal  dari  berbagai sumber yang relevan dengan judul penulis. 1) Identify (identifikasi masalah) FIF  group  cabang  Lubuklinggau melakukan  proses  kegiatan  penjualan cash  ataupun  kredit  dari  setiap  produk masih  menggunakan  selembaran  brosur.
Selembaran brosur tersebut akan diberikan  kepada  pelanggan  yang  ingin memilih  produk  yang  mereka  inginkan, dengan  proses  tersebut  pelanggan  tidak dapat  mengetahui  detail  jelas  tentang produk yang mereka inginkan.
Terkadang  detail  keseluruhan  yang dipaparkan  pada  brosur  tersebut  tidak sama dengan pada produk aslinya. Serta dengan  keterbatasan  halaman  pada brosur  tersebut  membuat  FIF  group cabang Lubuklinggau tidak dapat menampilkan  keseluruhan detail tentang produk yang mereka jual. 2) Alternatif Pemecahan Masalah Untuk mengatasi permasalahan yang  ada  di  FIF  group  cabang Lubuklinggau perlu memanfaatkan teknologi informasi yang dapat memberikan  detail  dari  setiap  produk FIF  group  cabang  Lubuklinggau  kepada pelanggan. E-catalog akan  bermanfaat bagi  FIF  group  cabang  Lubuklinggau, karena  dengan  adanya  sistem  tersebut penjelasan  detail  tentang  produk  yang mereka  jual  dapat  seluruhnya  diberikan kepada  pelanggan.  Mulai  dari  biaya yang  angsuran  ataupun  cash  setiap produk,  detail  spesifikasi  dari  setiap produk. Sistem e-catalog akan dibangun dengan interface sistem  berbasis  web mobile dengan  menggunakan  bahasa pemrograman PHP dan sebagai databasenya menggunakan MySql .

## 2. Desain Sistem
Desain  aplikasi  e-catalog  penjualan FIF  group  cabang  Lubuklinggau,  Penulis akan  menggunakan  alat  bantu UML ( Unified  Modeling  Language )  berupa use case  diagram,  activity  diagram,  class diagram  dan  sequence  diagram dan melakukan representasi untuk desain
interface I/O sistem  dengan  merancang input /output yang dapat menjadikan sistem lebih  terarah  sesuai  yang  diharapkan  oleh penulis.

## a Use Case Diagram
Use  case  diagram  diagram  akan menggambarkan  hubungan  antara  aktor yang terdiri dari dua aktor yaitu admin serta pelanggan dengan sistem E-catalog. Berikut ini Use case diagram :
admin Mengelola data spesifikasi motor delete input lihat LOGOUT LOGIN << include >> Mengelola data detail warna motor input update delete update lihat pelanggan << include >> << include >> << include >> Mengelola data fitur motor delete input lihat Mengelola data jenis motor input update delete lihat delete Mengelola data skema kredit delete input lihat delete Mengelola data motor delete input lihat edit fitur motor spesifikasi motor Detail warna motor skema kredit < < e x te n d > > << extend >> << extend >> << extend >> << include >> << include >> << include >> data motor << extend >>
Gambar 1. Use Case Diagram
Sumber : Hasil Penelitian
b Activity Diagram
Diagram  yang  dapat  memodelkan proses dari aktifitas admin yang terjadi pada E-catalog. Berikut ini Activity Diagram admin : Login sistem Cek data login Sistem Admin Menampilkan menu sistem Memilih menu sistem Halaman sistem dipilih Logout sistem
Gambar 2. Activity Diagram Admin
Sumber : Hasil Penelitian
Diagram  yang  dapat  memodelkan proses  dari  aktifitas  pelanggan  yang  terjadi pada E-catalog. Berikut ini Activity
Diagram pelanggan : Sistem Pelanggan menampilkan menu sistem memilih menu sistem warna motor Spesifikasi Motor Fitur Motor skema kredit motor data Motor
Gambar 3. Activity Diagram Pelanggan
Sumber : Hasil Penelitian
Diagram  yang  dapat  memodelkan proses  dari  aktifitas  input  data  motor  yang terjadi  pada E-catalog. Berikut ini Activity
Diagram input data motor :
Klik memilih menu data motor menampilakan halaman data motor Data motor berhasil disimpan Gagal simpan data motor Sistem Admin cek data motor klik pilih input data motor memasukkan data motor dan klik simpan data login Sistem cek data login menampilkan menu Sistem
Gambar 4. Activity Diagram Input Data Motor
Sumber : Hasil Penelitian
Diagram  yang  dapat  memodelkan proses dari aktifitas update data motor yang terjadi  pada E-catalog. Berikut ini Activity Diagram update data motor :
Klik memilih menu data motor menampilkan halaman motor Data motor berhasil diupdate Gagal Update data motor Sistem Admin cek data pembaharuan motor Pilih data Motor yang akan diedit pembaharuan data motor dan klik update data login Sistem menampilakan halaman aplikasi edit data motor cek data login menampilkan menu sistem
Gambar 5. Activity Diagram Update Data Motor Sumber : Hasil Penelitian
Diagram  yang  dapat  memodelkan proses dari aktifitas delete data motor yang terjadi  pada  E-catalog.  Berikut  ini  Activity Diagram delete data motor :
Klik menu data motor Menampilkan halaman data motor Hapus data motor cancel Sistem Admin Memilih data motor yang akan dihapus Menampilkan opsi  hapus data motor klik hapus Data motor berhasil dihapus Login sistem cek data login Menampilkan menu sistem
Gambar 6. Activity Diagram Delete Data
Motor Sumber : Hasil Penelitian

## c Class Diagram
Terdapat  beberapa  tabel  database dalam penelitian ini yaiut tabel motor, jenis motor,  warna  motor,  admin,  spesifikasi motor,  fitur  motor  serta  skema  kredit, dimana  pada  setiap  tabel  mempunyai  field- field  yang  saling  terhubung  satu  sama  lain dengan antar muka E-catalog .  Berikut  ini  class  diagram  pada
sistem E-catalog :
+formMotor() +formJenisMotor() +formWarnaMotor() +formSpesifikasiMotor() +formFiturMotor() +formSkemaKredit() +formLogin() +tampilMotor() +tampilJenisMotor() +tampilWarnaMotor() +tampilSpesifikasiMotor() +tampilFiturMotor() +tampilSkemaKredit() +tampilLogin() antarmuka +main() main +InputData() +UpdateData() +DeleteData() +LihatData() MengelolaMotor +setData() +getData() +queryInputMotor() +queryUpdateMotor() +queryDeleteMotor() +queryLihatMotor() Id_motor : int (11) Id_jns : int (11) Nama_motor : varchar (50) vendor : varchar (50) harga_cash : (40) Motor +Login() +Logout() +Cek_login() validasi +open() +getCube() +getResult() +close HostName DatabaseName Username Password KoneksiDatabase +InputData() +UpdateData() +DeleteData() +LihatData() MengelolaJenisMotor +InputData() +UpdateData() +DeleteData() +LihatData() MengelolaWarnaMotor +InputData() +UpdateData() +DeleteData() +LihatData() MengelolaSpesifikasiMotor +setData() +getData() +queryInputSpesifikasiMotor() +queryUpdateSpesifikasiMotor() +queryDeleteSpesifikasiMotor() +queryLihatSpesifikasiMotor() Id_spek : int (11) Id_motor : int (11) Spek : text ket : text SpesifikasiMotor +setData() +getData() +queryInputJenisMotor() +queryUpdateJenisMotor() +queryDeleteJenisMotor() +queryLihatJenisMotor() Id_jns : int (11) jenis : varchar (30) ket : text JenisMotor +getId_admin() +setId_admin() +getNama_admin() +setNama_admin() +getEmail() +setEmail() +getUsername() +setUsername() +getPassword() +setPassword() +getLevel() +setLevel() id_admin nama_admin email username Password Level Admin +setData() +getData() +queryInputWarnaMotor() +queryUpdateWarnaMotor() +queryDeleteWarnaMotor() +queryLihatWarnaMotor() Id_wrn : int (11) Id_motor : int (11) warna : varchar (30) gambar_motor : varchar (100) Detail_warna: varchar (50) WarnaMotor +InputData() +UpdateData() +DeleteData() +LihatData() MengelolaFiturMotor +setData() +getData() +queryInputFiturMotor() +queryUpdateFiturMotor() +queryDeleteFiturMotor() +queryLihatFiturMotor() Id_fitur : int (11) Id_motor : int (11) Fitur_motor : text Detail_fitur : text Gambar_fitur : varchar (100) FiturMotor +InputData() +UpdateData() +DeleteData() +LihatData() MengelolaSkemaKredit +setData() +getData() +queryInputSkemaKredit() +queryUpdateSkemaKredit() +queryDeleteSkemaKredit() +queryLihatSkemaKredit() Id_skema : int (11) Id_motor : int (11) Uang_muka : varchar (40) Potongan_promo : varchar (40) 11_bulan : varchar (40) 17_bulan : varchar (40) 23_bulan : varchar (40) 29_bulan : varchar (40) 35_bulan : varchar (40) 47_bulan : varchar (40) SkemaKredit
Gambar 7. Class Diagram
Sumber : Hasil Penelitian
d Diagram Sekuen Berikut  ini  Menggambarkan  Diagram
Sekuen  login  sistem  yang  menunjukan sejumlah  aktivitas  antar  object  proses  login sistem :
m : Main In : Interface v : Validasi k : KoneksiDatabase 1 : main() 2 : form login() 3 : Login sistem username dan password 4 : login() 5 <<create>> Login admin 6 <<create>> 7 : open() 8 : queryCekStatusLoginAplikasi() 9 : execute() 10 : getResult() 11 : username dan password Users 12 : close() 13 <<destroy>> 14 <<destroy>> Admin
Gambar 8. Sequence Diagram Login
Admin Sumber : Hasil Penelitian Berikut ini Menggambarkan Diagram  Sekuen logout  sistem  yang
menunjukan  sejumlah  aktivitas  antar  object proses logout sistem E-catalog :
m : Main In : Interface v : Validasi 1 : main() 2 : tampilMenu sistem() 3 : klik menu logout sistem 4 : logout() admin
Gambar 9. Sequence Diagram Logout Admin
Sumber : Hasil Penelitian
Berikut ini Menggambarkan Diagram Sekuen  input  data  motor  yang  menunjukan sejumlah  aktivitas  antar  object  proses  input data motor E-catalog :
m : Main In : Interface v : Validasi k : KoneksiDatabase 1 : main() 2 : formDataMotor() 3 : HalamanDataMotor Data Motor Mm : MengelolaMobil 4 : InputDataMotor() 5 : cekStatusLoginSistem() 6 : Valid/InvalidLoginSistem() 7 <<create>> 8 <<create>> 9 : setId_motor 10 : setId_jns 14 : open() 15: queryInputMotor() 16 : execute() 17 : close() 18 <<destroy>> 19 <<destroy>> Admin 11 : setNama_motor 12 : setVendor 13 : setHarga_cash
Gambar 10. Sequence Diagram Input Data Motor Sumber : Hasil Penelitian Berikut ini Menggambarkan Diagram  Sekuen  update  data  motor  yang menunjukan sejumlah aktivitas antar object proses update data motor E-catalog :
m : Main In : Interface v : Validasi k : KoneksiDatabase 1 : main() 2 : HalamanDataMotor Data Motor Mm : MengelolaMotor 3 : PilihDataMotor() 4 : cekStatusLoginSistem() 5 : Valid/InvalidLoginSistem() 6 <<create>> 7 <<create>> 16 : queryUpdateMotor() 17 : execute() 18 : close() 19 <<destroy>> 20 <<destroy>> 8 : open() 9 : klik Edit data Motor 10 : MemperbaharuiDataMotor Admin 11 : setId_motor 12 : setId_jns 13 : setNama_motor 14 : setVendor 15 : setHarga_cash
Gambar 11. Sequence Diagram Update Data Motor
Sumber : Hasil Penelitian
Berikut ini Menggambarkan Diagram
Sekuen delete data motor yang menunjukan sejumlah aktivitas antar object proses delete data motor E-catalog :
m : Main In : Interface v : Validasi k : KoneksiDatabase 1 : main() 2 : HalamanDataMotor Data Motor Mm : MengelolaMotor 3 : KlikPilihDataMotor() 4 : cekStatusLoginUser() 5 : Valid/InvalidLogin() 6 <<create>> 7 <<create>> 15 : close() 16 <<destroy>> 17 <<destroy>> 8 : open() 12 : Delete Motor 13 : queryDeleteMotor() 14 : execute() 9 : klik hapus data Motor 11 : setuju/tidak setuju menghapus data Motor 10 : konfirmasi hapus data Motor Admin
Gambar 12. Sequence Diagram Delete Data
Motor
Sumber : Hasil Penelitian

## 3. Perancangan Desain Tabel
Adapun  perancangan  table-tabel  yang akan dibutuhkan untuk membangun
aplikasi e-catalog penjualan  FIF  group
cabang Lubuklinggau adalah sebagai berikut : 1) Tabel Admin Nama Tabel : admin Primary key : id_admin Tabel  1. Desain Tabel User Nama Field Type id_admin Int nama_ admin Varchar email Varchar username Varchar password Varchar Sumber : Hasil Penelitian 2) Tabel Motor Nama Tabel : Motor Primary key : Id_motor Tabel  2. Desain Tabel Motor Nama Field Type id_motor Int id_jns Int nama_motor Varchar
vendor Varchar harga_cash Varchar Sumber : Hasil Penelitian 3) Tabel Jenis Motor Nama Tabel : jenis_motor Primary key : id_jns Tabel  3. Desain Tabel Jenis Motor Nama Field Type id_jns Int jenis Varchar ket Text Sumber : Hasil Penelitian 4) Tabel Warna Motor Nama Tabel : warna_motor Primary key : id_ wrn Tabel  4. Desain Tabel Warna Motor Nama Field Type id_wrn Int id_motor Int warna Varchar gambar_motor Varchar Sumber : Hasil Penelitian 5) Tabel Spesifikasi Motor Nama Tabel : spesifikasi_motor Primary key : id_ spek Tabel  5. Desain  Tabel  Spesifikasi Motor Nama Field Type id_spek Int id_motor Int spek text ket text Sumber : Hasil Penelitian 6) Tabel Fitur Motor Nama Tabel : fitur_motor Primary key : id_ fitur Tabel  6. Desain Tabel Fitur Motor Nama Field Type id_fitur Int id_motor Int fitur_motor text detail_fitur text gambar_fitur Varchar Sumber : Hasil Penelitian
Vol. 6, No. 1, Juni 2021

## IV. HASIL DAN PEMBAHASAN
4.1 Hasil Penelitian
Pada  bab  ini  akan  dibahas  hasil implementasi  dari  perancangan  yang  telah dibuat dan dijelaskan pada bab sebelumnya.
Aplikasi  yang  telah  dibuat  pada  penelitian ini merupakan Aplikasi
E-Catalog
Penjualan FIF Group Cabang Lubuklinggau
Berbasis Web Mobile.
1) Tampilan Halaman Awal Sistem
Halaman  Awal  akan  tampil  setelah pengunjung/  pelanggan  melakukan  akses awal pada sistem. Adapun gambar halaman Awal  dapat  dilihat  pada  gambar  sebagai berikut:
Gambar 13. Tampilan Halaman Awal
Sistem Sumber : Hasil Penelitian 2) Tampilan Halaman Profil FIF Lubuklinggau Halaman  Profil  FIF  Lubuklinggau akan  tampil  setelah  pengunjung/  pelanggan memilih  menu  Profil  FIF  Lubuklinggau. Adapun  gambar  halaman  Profil  FIF Lubuklinggau  dapat  dilihat  pada  gambar sebagai berikut:
Gambar 14. Tampilan Halaman Profil FIF Lubuklinggau Sumber : Hasil Penelitian 3) Tampilan Halaman E-Catalog Halaman E-Catalog akan  tampil  setelah pengunjung/  pelanggan  memlilih  menu E-Catalog .  Adapun  gambar  halaman E- Catalog dapat  dilihat  pada  gambar sebagai berikut:
Gambar 15. Tampilan Halaman Data Jenis Produk Sumber : Hasil Penelitian Gambar 16. Tampilan Halaman E- Catalog (Pilih Data Motor) Sumber : Hasil Penelitian
Gambar 17. Tampilan Halaman E-
Catalog (Tampilan Detail Data Motor)
Sumber : Hasil Penelitian

## 4.2 Pembahasan
Aplikasi  E-Catalog  Penjualan  FIF Group  Cabang  Lubuklinggaudi  bangun  ini mengunakan  bahasa  pemograman php dan database mysql dengan interface aplikasi berbasis  web mobile sedangkan  proses desain  perancancangan  sistem  dibangun secara  terstruktur  yang  dengan  melakukan perancangan  sitem  dengan  menggunakan alat  bantu  diagram  UML  yaitu  usercase diagram, activity diagram , squensial diagram dan class diagram . Aplikasi e-catalog dapat
menampilkan  keseluruhan  tentang  produk yang  dijual  yang  dapat  mempermudahkan pelanggan  untuk  mengetahui  jelas  tentang produk    (motor)  seperti  informasi  biaya cash  atau  kredit,  spesifikasi  motor  serta fitur motor serta dapat melakukan
pengolahan data keseluruhan produk
(motor)  sehingga  memberikan  informasi yang  sama  dengan  produk  (motor)  yang aslinya
V. KESIMPULAN
Dari  hasil  dan  pembahasan  pada  bab sebelumnya maka dapat disimpulkan sebagai berikut: 1. Sistem  dapat  menyajikan  informasi keseluruhan  data  motor  pada  menu e-catalog di awal sistem. 2. Pelanggan dapat menampilkan keseluruhan  detail  data  motor  dengan memilih  data  motor  pada  menu e- catalog .
3. Aplikasi  dapat  melakukan  pengelolaan data  motor,  jenis  motor,  skema  motor, detail  warna  motor,  fitur  motor,  serta spesifikasi motor.
VI. SARAN
Berdasarkan dari hasil dan pembahasan  Aplikasi  E-Catalog  Penjualan FIF  Group  Cabang  Lubuklinggau,  maka dibuat saran sebagai berikut:
1. Mengembangkan  tampilan  sistem  agar lebih menarik.
2. Mengembangkan  tampilan  data  motor sehingga dapat menampilkan opsi gambar yang lebih bayak.
3. Mengembangkan  sistem  agar  dapat memproses pembelian/ kredit dari pelanggan secara langsung

## VII. DAFTAR PUSTAKA
[1]  Suprihadi,  Radius  Tanone,  “Proses Bisnis  E-catalogue  Baru  Sebagai Kerangka Kebutuhan Informasi Pengolahan Produksi Komoditi,” Proses Bisnis E-catalogue Baru Sebagai  Kerangka  Kebutuhan  Inf. Pengolah.  Produksi  Komoditi ,  vol.
2015, pp. 243–254, 2015. [2]  D. Endianingsih, “PERAN e-
Catalogue  Dalam  Proses  Pengadaan Elektronik,” vol. Vol. 13, no. 1, pp. 1–
7, 2015.
[3]  Nathanael, No  Title3D  Studio  MAX
2012 Dasar dan Aplikasi . 2011.
[4]  W. Komputer, Membangun Web
Interaktif dengan Adobe Dreamweaver
CS5,  PHP  dan  MySQL .  Yogyakarta:
Andi, 2014.
[5]  S.  Janner, Rekayasa  Perangkat  Lunak . Yogyakarta: Andi, 2011.
[6]  Tata Sutabri, Analisis Sistem
Informasi . Yogyakarta: Andi, 2012.
[7]  Alexander Wijaya, “Digital Dashboard Sebagai  Solusi  Business  Intelligence Pada  PT.Telkom.”  Universitas  Bina
Nusantara, Jakarta, 2014.
[8]  Khafidli, Trik  Menguasai  HTML5 CSS3  PHP  Aplikatif .  Yogyakarta:
Lokomedia, 2011.
[9]  Betha  Sidik, Pemrograman  Dengan Web  PHP  7 .  Bandung:  Informatika,
2017.
[10] Eko  Priyo  Utomo, Mobile  Web Programming HTML  5,  CSS3,  JQuery
Mobile . Yogyakarta: Andi, 2013.
[11] Meiska  Firstiara  Maudi,  “Desain Aplikasi  Sistem  Informasi  Pelanggan PDAM WebGIS,” J. Geod. Undip , vol.
3, no. 3, pp. 2337–845, 2014.
[12] Adi  Chandra  Setiawan, Dahsyatkan Aplikasi PHP dengan Sentuhan
Javascript .  Yogyakarta:  Lokomedia,
2015.
[13] M. Sadeli, Aplikasi Bisnis dengan PHP dan  MySQL .  Palembang:  Maxikom,
2014.
[14] Rosa  and  Shalahuddin, Rekayasa
Perangkat  Lunak  Terstruktur  dan Berorientasi Objek Edisi Revisi .
Bandung: Informatika, 2018.