## SISTEM INFORMASI DATA CUSTOMER PADA GERAI AGEN BRI LINK BERBASIS WEB DI GERAI AGEN BRI LINK
Yoga Dwi Nugraha 1 , Fitria Rachmawati 2
Universitas Ibn Khaldun Bogor 1,2
E-Mail: yogadwi@gmail.com 1

## ABSTRAK
Sistem  komputerisasi  merupakan  salah satu alternatif  yang  paling  banyak  diminati  dan  digunakan oleh organisasi. Dalam sistem data customer. Sistem informasi mampu membantu dan mempermudah dalam  menginput,  memproses,  menghasilkan  bahkan  menyimpan  data.  Sehingga  penelitian  ini bertujuan  untuk  membuat  sistem  informasi  data  customer  pada  gerai  agen  BRILink  berbasis  web. Pada penelititian ini dilakukan dalam 3 tahap terdiri dari tahap analisis sistem, tahap perancanga sistem  dan  database,  dan  yang  terakhir  tahap  implementasi  sistem.  Hasil  dari  penelitian  ini menghasilkan web Agen BRILink untuk pendaftaran customer baru secara online dan halaman control panel admin untuk mengelola customer baru dan lama. Dan system pendaftaran customer baru yang dapat diimplementasikan di Gerai Agen BRILink Dede Udin cabang Ciluar Kata kunci : Sistem, Agen BRILink, customer

## ABSTRACT
Computer systems are one of the alternatives that are most in demand and used by organizations. In the customer data system. Information systems are able to help and simplify input, process, generate and even store data. So this study aims to create a web-based customer data information system at BRILink  agent  outlets.  This  research  was  carried  out  in  3  stages  consisting  of  the  system  analysis stage, the system and database design stage, and the last stage of system implementation. The results of this study produce a BRILink Agent web for online new customer registration and an admin control panel page to manage new and old customers. And a new customer registration system that can be implemented at the BRILink Agent Outlet, Dede Udin, Ciluar branch
Keywords : System, BRILink Agent, customer

## 1. PENDAHULUAN
Perkembangan  teknologi  informasi yang  semakin  maju,  mampu  menunjang berbagai permintaan kebutuhan dan informasi bagi pengguna. Sistem informasi mendukung organisasi
untuk mengoptimalkan aktifitasnya dalam mencapai  tujuan tertentu.  Perkembangan teknologi  informasi  terus  berkembang sesuai  dengan  kebutuhan  dan  kegiatan organisasi  dalam  menghadapi  persaingan yang  begitu  ketat.  Setiap  Gerai  sangat membutuhkan  sistem  informasi  yang akurat, cepat, efisien serta up to date dalam data  dan  informasi  customernya.  Namun dalam  kenyataan  hal  tersebut  tidak  sesuai dengan keinginan dan harapan yang hendak dicapai, dikarenakan kurang atau terbatasnya sistem informasi yang digunakan dari pengaplikasian komputer.
Sistem  komputerisasi  merupakan salah  satu  alternatif  yang  paling  banyak diminati  dan  digunakan  oleh  organisasi. Dalam  sistem  data  customer.  Sistem informasi mampu membantu dan mempermudah dalam menginput, memproses, menghasilkan bahkan menyimpan data.
Pencatatan pendataan customer merupakan salah satu faktor penting dalam pengelolaan data customer. Informasi yang mendalam  dan  terperinci  mengenai  data customer  yang  akan  menjadi  pelanggan pada  Gerai.  Namun  dalam  hal  ini  seiring dengan  berjalannya  sistem  ternyata  masih dapat  kekurangan-kekurangan  terhadap sistem  yang  sedang  berjalan.  Di  dalam pencatatan pendataan customer dalam suatu Gerai, ada beberapa customer yang kurang begitu  lengkap,  tidak  ada  no  listrik,  no rekening, no telpon.
Dengan  adanya  Sistem  Informasi Data  Customer  pada  Gerai  Agen  BRILink Berbasis Web dapat mempermudah proses dalam  pendataan  atau  pencatatan  data customer  yang  sebelumnya  manual  dan kurang  begitu  lengkap.  Menjadi  lebih mudah,  lengkap  dan  tidak  manual  lagi
dengan  adanya  Data  Customer  Berbasis Web ini.

## 2. METODE PENELITIAN
Metode  penelitian  ini  dilakukan dengan  beberapa  tahapan  yaitu:  (1)  tahap analisis sistem, dilakukan secara observasi dan  wawancara  (2)  tahap  perancangan sistem dan database, dilakukan dengan cara membuat diagram dan tabel, dan (3) tahap implementasi sistem.

## 3. HASIL DAN PEMBAHASAN

## Analisis Sistem
Setelah  dilakukan  observasi  dan wawancara  dengan  pihak  instansi  tempat kerja  praktek  maka  didapatkan  informasi yang  berhubungan  dengan  Pendaftaran Customer  yang  akan  dirancang  dan diimplementasikan  secara  online  atau berbasis    web.  Kondisi  pada  saat  penulis melaksanakan kerja praktek, kegiatan kerja praktek  dilakukan  tidak  harus  di  Gerai Agen  BRILink  melainkan  bisa  dilakukan diluar  Gerai  Agen  BRILink.    Gerai  Agen BRILink  Pak  Dede  Udin  cabang  Ciluer selama  ini  masih  menggunakan  pendataan customer secara manual dengan pencatatan dibuku, dan tentunya masih kurang update untuk data tertentu dari salah  satu customer baru atau lama.

## Tahap Perancangan
 Use Case Diagram Use Case Diagram menggambarkan fungsionalitas yang diharapkan dari sebuah sistem.  Use  Case  diagram  menjelaskan manfaat  suatu  sistem  jika dilihat  menurut pandangan  orang  yang  berada  di  luar sistem.  Use  Case  Diagram  dapat  dilihat Pada Gambar 4.1.

## Gambar 4.1 Use Case Diagram
 List Actor
Dibawah  ini  merupakan  list  actor dari  use  case  yang  dapat  dilihat  pada Table 4.1 sebagai berikut.
Tabel 4.1 List Actor
No  Aktor
Deskripsi
1 Customer  Customer untuk
bagian frontend pada website Agen BRILink hanya dapat melihat informasi, daftar, login dan lupa password. 2 Admin Pada  bagian  backend  admin dapat  melakukan  pengelolaan informasi,  tambah  atau  hapus data  customer  yang  nantinya akan  ditampilkan  di  bagian frontend  .  Dan  melihat  list customer yang sudah terdaftar dalam web.
 Activity Diagram Activity  Diagram  menggambarkan alur  aktivitas  dalam  sistem,  bagaimana masing- masing alur berawal, decision yang mungkin  terjadi,  dan  bagimana  mereka berakhir.  Activity  Diagram  juga  dapat menggambarkan  proses paralel yang mungkin  terjadi  pada  beberapa  eksekusi. Activity  Diagram  merupakan  penjabaran dari  aktivitas  yang  berada  pada  use  case diagram.
1. Daftar Customer Activity  Diagram  Daftar  Customer merupakan aktivitas customer baru
dimana  pada  saat  customer  daftar  pada website Gerai Agen BRILink. Untuk lebih jelasnya dapat dilihat pada Gambar 4.2.
Gambar 4.2 Activity Diagram Daftar

## Customer
2. Login Admin
Login  merupakan  aktivitas  yang dilakukan oleh admin kedalam sistem back- end. Untuk lebih jelasnya dapat dilihat pada Gambar 4.3.
Gambar 4.3 Activity Diagram Login Admin

## 3. Login Customer
Login  merupakan  aktivitas  yang dilakukan  oleh  customer.  Untuk  lebih jelasnya dapat dilihat pada Gambar 4.4
.
Gambar 4.4 Activity Diagram Login

## Customer

## 4. Update Data Customer
Update Data Customer  merupakan aktivitas  Admin  ketika  ingin  mengelola update (input,edit,delete) data terbaru dari customer.  Untuk  lebih  jelasnya  dapat dilihat pada Gambar 4.5.
Gambar 4.5 Activity Diagram Update

## Data Customer
5. Detail Data Customer Detail Data Customer pada bagian
frontend  merupakan  aktivitas  customer, ketika ingin melihat informasi detail terkait data  diri  yang  telah  didaftarkan.  Detail aktivitasnya adalah sebagai berikut. Untuk lebih  jelasnya  dapat  dilihat  pada  Gambar 4.6.
Gambar 4.6 Activity Diagram Detail Data
Customer
6. Detail Update Data Customer Detail  Updata  Data  Customer merupakan  aktivitas  admin  ketika  ingin melihat  informasi  detail  terkait  data customer  tertentu.  Detail  aktivitasnya adalah  sebagai  berikut.  Untuk  lebih jelasnya dapat dilihat pada Gambar 4.7.
Gambar 4.7 Activity Diagram Detail

## Update Data Customer

## 7. Lupa Password
Lupa Password merupakan aktivitas  customer  baru  atau  lama  bagi mereka  yang  lupa  dengan  password mereka. Untuk lebih jelasnya dapat dilihat pada Gambar 4.8.

## Gambar 4.8 Activity Diagram Lupa Password
 Class Diagram
Class  diagram  merupakan  sebuah
spesifikasi jika diinstansi akan menghasilkan sebuah objek dan
merupakan  inti  dari  pengembangan  dan desain  berorientasi  objek.  Class  diagram mengGambarkan  atribut  suatu  sistem, sekaligus  menawarkan  layanan  untuk memanipulasi data (metode/fungsi). Untuk detailnya dapat dilihat pada Gambar 4.8.
Gambar 4.9 Class Diagram

## Perancangan Database
 Tabel Admin Tabel  Admin  digunakan  untuk menyimpan  data  users  yang  mengelola sistem. Untuk detailnya dapat dilihat pada Tabel 4.2 Berikut ini. Tabel 4.2 Admin Field Type Null  Default  Keteran gan id_user Int{11) No Null Primary Key Username  varchar( 20) No Null Usernam e user password varchar( 20) No Null Passwor d user Recover varchar( 20) No Null Email user Keteranga n varchar( 20) No Null Ketera ngan user
 Tabel Data_calon
Tabel  Data  calon  digunakan  untuk menyimpan  data  customer  baru.  Untuk detailnya dapat dilihat pada Tabel 4.3

## Tabel 4.3 Data Calon
Field Type Null  Default  Keterang an Id Int(5) No Null Prim ary Key Nama Varchar( 50) No Null Nama user Tempat_la hir Varchar( 100) No Null Tem pat lahir customer Tanggal_l ahir Date No Null Tang gal lahir customer Kelamin Varchar( 2) No Null Kelam in custo mer Agama Varchar( 10) No Null Agam a custo mer Telpon Varchar( 15) No Null No mor telp on customer Listrik Varchar( 50) No Null Nomor listrik untuk dibela nja kan Rekening_ pribadi Varchar(1 00) No Null Rekenin g untuk setor tunai Rekening_ tujuan Varchar(1 00) No Null Rekening untu k trans fer Alamat Varchar(1 00) No Null Alama t custo mer Kecamata n Varchar( 20) No Null Kecamat an customer Desa Varchar( 20) No Null Desa custo mer Kota Varchar( 15) No Null Kota customer Foto Varchar( 50) No Null Foto customer Email Varchar( 30) No Null Email customer Password  Varchar( 20) No Null Password customer Tanggal Date No Null Tanggal daftar Keteranga n Varchar( 20) No Null Keteranga n Status Varchar( 10) No Null Status
 Tabel Setting
Tabel  setting  digunakan  untuk mengatur  informasi  yang  terdapat  di halaman utama web. Untuk detailnya dapat dilihat pada Tabel 4.4.
Tabel 4.4 Setting Field Type Null  Default  Keterang an Id Int(11) N o Null Primary Key Tgl_penda ftaran Date N o Null Tanggal dibuka pendafta ran online Tlp_opera tor Varchar( 50) N o Null Nomo r pelaya nan gerai Tanggal Date N o Null Tanggal

## Implementasi Sistem
 Menu halaman utama
Menu  halaman  utama  pada  bagian frontend  ini  menyajikan  informasi  terkait pendaftaran customer, untuk lebih jelasnya dapat dilihat pada gambar 4.10.
Gambar 4.10 Menu Halaman Utama
 Login admin
Pada  halaman  ini  menampilkan form  login  untuk  masuk  ke  halaman backend.  Untuk  masuk  kedalam  halaman backend perlu adanya login terlebih dahulu dengan mengisikan username dan password.  Untuk  lebih  detailnya  dapat dilihat pada Gambar 4.11.
Gambar 4.11 Login Admin
 Halaman update informasi
Pada  halaman  ini  merupakan halaman untuk mengubah atau mengupdate  tanggal  pendaftaran  dan nomor  telpon  pada  halaman  home  web Agen  BRILink.  Lebih  detailnya  dapat dilihat pada Gambar 4.12.
Gambar 4.12 Halaman Update Informasi
 Halaman form pendaftaran customer Pada  halaman  ini  merupakan
halaman form pendaftaran untuk customer baru  atau  lama  bagi  mereka  yang  belum memiliki  akun  di  web  Agen  BRILink ini, terdapat  kolom  yang  harus  diisi  seperti data  diri,  data  transaksi,  alamat dan foto. Lebih  detailnya  bias  dilihat  pada  Gambar 4.13.
Gambar 4.13 Halaman Form Pendaftaran Customer
 Halaman lupa password
Pada  halaman  ini  merupakan halaman bagi customer yang lupa password mereka, dihalaman ini customer diminta  untuk  masukan  tanggal  lahir  dan email  pada  saat  pertama  daftar  diweb  ini. Lebih detailnya dapat dilihat pada Gambar 4.14.
Gambar 4.14 Halaman Lupa Password
 Halaman list customer back end
Halaman  ini  merupakan  halaman list  customer  backend,  untuk  melihat list customer  yang  terdaftar  di  web.  Untuk
lebih detailnya silahkan lihat pada Gambar 4.15.

## Gambar 4.15 Halaman List Customer Backend
 Halaman data customer front end
Pada  halaman  ini  merupakan halaman  yang  dapat  dilihat  pada  saat customer yang terdaftar login dengan akun mereka pada web Agen BRILink ini. Lebih detailnya dapat dilihat pada Gambar 4.16.
Gambar 4.16 Halaman Data Customer

## 4. KESIMPULAN
Melalui  pembahasan  yang  telah diuraikan dibab sebelumnya, dapat
disimpulkan bahwa :
1. Dihasilkan web Agen BRILink untuk pendaftaran  customer  baru  secara
online  dan  halaman  control  panel
admin untuk mengelola customer baru
dan lama
2. Dihasilkan system pendaftaran customer baru
yang dapat
diimplementasikan  di  Gerai  Agen
BRILink Dede Udin cabang Ciluar.

## DAFTAR PUSTAKA
[1] A. Firman, H. F. Wowor, X. Najoan, J.
Teknik, E. Fakultas, And T. Unsrat,
“Sistem Informasi Perpustakaan
Online Berbasis Web,” E-Journal Tek.
Elektro Dan Komput., Vol. 5, No. 2,
Pp. 29–36, 2016.
[2] Enac, “Perancangan Sistem Informasi Penjualan Online Berbasis Web Pada
Toko Mimiy Online,” Skripsi, 2017.
[3] Enac, “Perancangan Sistem Informasi Penjualan Online Berbasis Web Pada
Toko Mimiy Online,” Skripsi, 2017.
[4] Solichin, Achmad. “Pemprograman Web dengan PHP dan MySQL”
Yogyakarta 2016.
[5] Dian Sano, Albert V. “HTML, JSP dan MySQL” Yogyakarta 2005.