LAPORAN PRAKTEK KERJA LAPANGAN

APLIKASI PENCATATAN REGISTER PEMBUKAAN

REKENING DAN KARTU ATM PADA BANK BRI UNIT
TELUK DALAM BANJARMASIN BERBASIS WEB

Oleh :

HANA PERTIWI
NPM : 17.63.0341

PROGRAM STUDI S1 TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS ISLAM KALIMANTAN MUHAMMAD
ARSYAD AL BANJARI BANJARMASIN
2021
 LEMBAR PENGESAHAN

APLIKASI REGISTER PEMBUKAAN REKENING DAN

KARTU ATM PADA BANK BRI UNIT TELUK DALAM
BANJARMASIN BERBASIS WEB

Laporan Praktek Kerja Lapangan ini telah disidangkan pada :

Hari, tanggal : Januari 2020

Tempat : Universitas Islam Kalimantan (UNISKA)

Al-Banjari Banjarmasin

Menyetujui/ Mengesahkan :

Banjarmasin, Januari 2020

Ketua Program Studi Dosen Bimbingan

Dr. Ir. H. M. Muflih, M.Kom Yusri Ikhwani, S.Kom., M.Kom

NIP. 1970 0902 199403 1 006 NIDN. 1124018901

Mengetahui :
Dekan Fakultas Teknologi Informasi
Universitas Islam Kalimantan (UNISKA)

Dr. Silvia Ratna, S.Kom., M.Kom

NIP. 1975 0913 200501 2 001

ii
 HALAMAN PERNYATAAN

Dengan ini saya menyatakan bahwa Praktek Kerja Lapangan dengan judul

“Aplikasi Register Pembukaan Rekening dan Kartu ATM Pada Bank BRI

Unit Teluk Dalam Banjarmasin Berbasis WEB ini beserta seluruh isinya adalah

benar-benar karya saya sendiri, dan saya tidak melakukan penjiplakan atau

pengutipan dengan cara-cara yang tidak sesuai dengan etika keilmuan yang berlaku

dalam masyarakat keilmuan. Atas pernyataan ini, saya siap menanggung

resiko/sanksi yang dijatuhkan kepada saya apabila kemudian ditemukan adanya

pelanggaran terhadap etika keilmuan dalam karya saya ini, atau ada klaim pihak

lain terhadap keaslian karya saya ini.

Banjarmasin, Januari 2020

Yang membuat pernyataan

Hana Pertiwi
Npm 17.63.0341

iii
 KATA PENGANTAR
Segala puji syukur kehadirat Allah SWT yang telah memberikan rahmat

dan karunia-Nya, sehingga saya dapat menyelesaikan kegiatan Praktek Kerja

Lapangan (PKL) dan membuat laporan kegiatan PKL. Laporan PKL Penulis

berjudul “Aplikasi Register Pembukaan Rekening dan Kartu ATM Bank BRI

Unit Teluk Dalam Banjarmasin Berbasis WEB”.

Laporan Praktek Kerja Lapangan ini saya buat sebagai syarat untuk memenuhi

kelulusan dari mata kuliah Praktek Kerja Lapangan pada Perogram S1 Teknik

Informatika di UNISKA Banjarmasin. Selain itu pembuatan laporan Praktek Kerja

Lapangan ini banyak kekurangan baik segi teknis, materi dan penyusunannya, saya

mendapat bantuan dan bimbingan dari beberapa pihak yang terkait. Oleh karena itu

saya sangat mengharapkan kritik dan saran.

Pada kesempatan ini penulis menyampaikan ucapan terima kasih yang

sebesar-besarnya kepada :

1. Allah SWT yang telah memberikan rahmat dan hidayahnya serta kepada

Nabi Muhammad SAW.

2. Kedua orangtua dan adik saya yang memberi dukungan penuh beserta doa

yang baik.

3. Ibu Dr. Silvia Ratna, S.Kom, M.Kom selaku Dekan FTI Universitas

Islam Kalimantan (UNISKA) Banjarmasin.

4. Bapak Dr. Ir. H. M.Muflih, M.Kom selaku Ketua Program Studi

Teknik Informatika Fakultas Teknologi Informasi UNISKA

Banjarmasin.

iv
5. Bapak Yusri Ikhwani, S.Kom, M.Kom selaku Dosen Pembimbing

yang telah memberikan arahan dan bimbingan dalam pembuatan

Laporan Praktek Kerja Lapangan ini.

6. Bapak Edya Rosadi S.Kom, M.Kom salaku dosen yang memberi

masukan ketika saya bertanya apapun mengenai kuliah terutama

tentang PKL.

7. Bapak Muhammad Aini keluarga saya selaku Kepala Unit BRI Teluk

Dalam.

8. Ibu Martha Syahana selaku Supervisor dan juga bimbingan lapangan.

9. Ka Ahmad Baihaqi selaku CS BRI Teluk Dalam.

10. Ka Rifa Selaku CS KUR.

11. Mantri-mantri BRI Unit Teluk Dalam.

12. Serta semua pihak yang membantu dan mendukung saya dalam

pembuatan laporan PKL ini.

Banjarmasin, Januari 2020

Hana Pertiwi
17.63.0341

v
 DAFTAR ISI

Halaman
LAPORAN PRAKTEK KERJA LAPANGAN ................................. i
LEMBAR PENGESAHAN ................................................................ ii
HALAMAN PERNYATAAN............................................................ iii
KATA PENGANTAR ........................................................................ iv
DAFTAR ISI ....................................................................................... vi
DAFTAR GAMBAR .......................................................................... ix
DAFTAR TABEL.............................................................................xiii
BAB I PENDAHULUAN .................................................................... 1
1.1 Latar Belakang ....................................................................................... 1

1.2 Alasan Pemilihan Judul ......................................................................... 2

1.3 Ruang Lingkup ...................................................................................... 2

1.4 Tujuan dan Manfaat ............................................................................... 3

1.5 Sistematika Penulisan ............................................................................ 3

BAB II HASIL PELAKSANAAN PKL ............................................ 6

2.1 Lokasi/ Tempat PKL .............................................................................. 6

2.1.1 Sejarah Berdirinya Bank BRI .......................................................... 7

2.1.2 Produk Bank BRI ............................................................................. 8

2.1.3 Visi dan Misi Bank BRI................................................................... 8

2.1.4 Struktur Organisasi Bank BRI Unit ................................................. 9

2.2 Pengumpulan Data ............................................................................... 10

2.3 Analisis Sistem Prosedur yang Sedang Berjalan ................................ 12

vi
 2.4 Temuan Permasalahan ......................................................................... 13

2.5 Kendala-kendala yang dihadapi selama PKL ...................................... 13

2.6 Solusi Pemecahan Masalah .................................................................. 14

BAB III Analisis dan Pemecahan Masalah .................................... 14

3.1 Usulan Sistem Baru ............................................................................. 14

3.1.1 Gambaran Sistem Usulan ............................................................... 14

3.1.2 Usulan Hardware dan Software ..................................................... 15

3.2 Perancangan Model Sistem.................................................................. 24

3.2.1 Diagram Konteks ........................................................................... 24

3.2.2 Data Flow Diagram (DFD) ............................................................ 25

3.3 Perancangan Database ......................................................................... 26

3.3.1 Rancangan Tabel ............................................................................ 26

3.3.2 Relasi Antar Tabel ......................................................................... 33

3.4 Perancangan Antarmuka Sistem .......................................................... 34

3.4.1 Rancangan Antarmuka Masukan Sistem ....................................... 34

3.4.2 Rancangan Antarmuka Keluaran Sistem ...................................... 51

3.5 Hasil Tampilan Program/Aplikasi ....................................................... 59

3.5.1 Tampilan Antarmuka Masukan Sistem .......................................... 59

3.5.2 Tampilan Antarmuka Keluaran Sistem .......................................... 75

BAB IV PENUTUP ........................................................................... 84

4.1 Kesimpulan .......................................................................................... 84

4.2 Saran .................................................................................................... 84

vii
DAFTAR PUSTAKA ........................................................................ 85

viii
 DAFTAR GAMBAR

Gambar 2. 1 Bank BRI Unit Teluk Dalam Banjarmasin ........................................ 6

Gambar 2. 2 Lokasi/ Tempat PKL .......................................................................... 7

Gambar 2. 3 Struktur Organisasi BRI TD ............................................................... 9

Gambar 2. 4 Metode Waterfall.............................................................................. 11

Gambar 3. 1 Flowmap ........................................................................................... 15

Gambar 3. 2 Diagram Konteks.............................................................................. 25

Gambar 3. 3 DFD Level 1 ..................................................................................... 26

Gambar 3. 4 Relasi Tabel ...................................................................................... 33

Gambar 3. 5 Rancangan Halaman Login .............................................................. 34

Gambar 3. 6 Rancangan Halaman Home CS ........................................................ 35

Gambar 3. 7 Rancangan Halaman Home Ka Unit ................................................ 35

Gambar 3. 8 Rancangan Data Register Pembukaan Rekening Britama ............... 36

Gambar 3. 9 Rancangan Data Register Pembukaan Rekening Simpedas ............. 36

Gambar 3. 10 Rancangan Tambah Data P.Rek Britama ....................................... 37

Gambar 3. 11 Rancangan Tambah Data P.Rek Simpedas .................................... 38

Gambar 3. 12 Rancangan Data Register No Kartu ATM Simpedas ..................... 39

Gambar 3. 13 Rancangan Data Register No Kartu ATM Gold ............................ 39

Gambar 3. 14 Rancanga Data Register No Kartu ATM Black ............................. 40

Gambar 3. 15 Rancangan Tambah Data No Kartu ATM Simpedas ..................... 40

Gambar 3. 16 Rancangan Tambah Data No Kartu ATM Gold............................. 41

Gambar 3. 17 Rancangan Tambah Data No Kartu ATM Black ........................... 41

Gambar 3. 18 Rancangan Edit Data No Kartu ATM Simpedas .......................... 42

ix
Gambar 3. 19 Rancangan Edit Data No Kartu ATM Gold ................................... 43

Gambar 3. 20 Rancangan Edit Data No Kartu ATM Black .................................. 44

Gambar 3. 21 Rancangan Data Register BRIMO ................................................. 45

Gambar 3. 22 Rancangan Tambah Data BRIMO ................................................. 45

Gambar 3. 23 Rancangan Data CS ........................................................................ 46

Gambar 3. 24 Rancangan Tambah Data CS.......................................................... 46

Gambar 3. 25 Rancangan Data User Ka. Unit ...................................................... 47

Gambar 3. 26 Rancangan Halaman New User...................................................... 47

Gambar 3. 27 Rancangan Filter Tanggal Cetak Laporan P.Rek Britama ............. 48

Gambar 3. 28 Rancangan Filter Tanggal Cetak Laporan P.Rek Simpedas .......... 48

Gambar 3. 29 Rancangan Filter Tanggal Cetak Laporan No Kartu ATM Simpedas

............................................................................................................................... 49

Gambar 3. 30 Rancangan Filter Tanggal Cetak Laporan No Kartu ATM Gold .. 49

Gambar 3. 31 Rancangan Filter Tanggal Cetak Laporan No Kartu ATM Black . 50

Gambar 3. 32 Rancangan Filter Tanggal Cetak Laporan Brimo .......................... 50

Gambar 3. 33 Rancangan Cetak Laporan Data Pembukaan Rekening Britama ... 51

Gambar 3. 34 Rancangan Cetak Laporan Data Pembukaan Rekening Simpedas 52

Gambar 3. 35 Rancangan Cetak Laporan No Kartu ATM Simpedas ................... 53

Gambar 3. 36 Rancangan Cetak Laporan No Kartu ATM Gold........................... 54

Gambar 3. 37 Rancangan Cetak Laporan No Kartu ATM Black ......................... 55

Gambar 3. 38 Rancangan Cetak Laporan Brimo .................................................. 56

Gambar 3. 39 Rancangan Cetak Laporan CS........................................................ 57

Gambar 3. 40 Rancangan Cetak Laporan User ..................................................... 58

x
Gambar 3. 41 Halaman Login ............................................................................... 59

Gambar 3. 42 Tampilan Halaman Home CS ........................................................ 60

Gambar 3. 43 Tampilan Home Ka Unit ................................................................ 60

Gambar 3. 44 Tampilan Data Register Pembukaan Rekening Britama ................ 61

Gambar 3. 45 Tampilan Data Pembukaan Rekening Simpedas .......................... 61

Gambar 3. 46 Tampilan Tambah Data P.Rek Britama ......................................... 62

Gambar 3. 47 Tampilan Tambah Data P.Rek Simpedas ....................................... 62

Gambar 3. 48 Tampilan Data Register No Kartu ATM Simpedas ....................... 63

Gambar 3. 49 Tampilan Data Register No Kartu ATM Gold ............................... 63

Gambar 3. 50 Tampilan Data Register No Kartu ATM Black ............................. 64

Gambar 3. 51 Tampilan Tambah Data No Kartu ATM Simpedas ....................... 64

Gambar 3. 52 Tampilan Tambah Data No Kartu ATM Gold ............................... 65

Gambar 3. 53 Tampilan Tambah Data No Kartu ATM Black .............................. 65

Gambar 3. 54 Tampilan Edit Data No Kartu ATM Simpedas .............................. 66

Gambar 3. 55 Tampilan Edit Data No Kartu ATM Gold ..................................... 67

Gambar 3. 56 Tampilam Edit Data No Kartu ATM Black ................................... 68

Gambar 3. 57 Tampilan Data Register Brimo ...................................................... 69

Gambar 3. 58 Tambah Data Register Brimo ......................................................... 69

Gambar 3. 59 Tampilan Data CS .......................................................................... 70

Gambar 3. 60 Tambah Data CS ............................................................................ 70

Gambar 3. 61 Tampilan Data User ....................................................................... 71

Gambar 3. 62 Tampilan New User ....................................................................... 72

Gambar 3. 63 Tampilan Filter Tanggal Cetak Laporan P.Rek Britama................ 72

xi
Gambar 3. 64 Tampilan Filter Tanggal Cetak Laporan P.Rek Simpedas ............. 73

Gambar 3. 65 Tampilan Filter Tanggal Cetak Laporan No Kartu ATM Gold ..... 73

Gambar 3. 66 Tampilan Filter Tanggal Cetak Laporan No Kartu ATM Black .... 74

Gambar 3. 67 Tampilan Filter Tanggal Cetak Laporan Brimo ............................. 75

Gambar 3. 68 Tampilan Cetak Laporan Data Pembukaan Rekening Britama ..... 76

Gambar 3. 69 Tampilan Cetak Laporan Data Pembukaan Rekening Simpedas ... 77

Gambar 3. 70 Tampilan Cetak Laporan No Kartu ATM Simpedas ..................... 78

Gambar 3. 71 Tampilan Cetak Laporan No Kartu ATM Gold ............................. 79

Gambar 3. 72 Tampilan Cetak Laporan No Kartu ATM Black ............................ 80

Gambar 3. 73 Tampilan Cetak Laporan Brimo ..................................................... 81

Gambar 3. 74 Tampilan Cetak Laporan Data Cs .................................................. 82

Gambar 3. 75 Tampilan Cetak Laporan Data User ............................................... 83

xii
 DAFTAR TABEL
Tabel 3. 1 Tabel Britama ....................................................................................... 27

Tabel 3. 2 Tabel Simpedas .................................................................................... 28

Tabel 3. 3 Tabel Simpedas Kartu .......................................................................... 28

Tabel 3. 4 Tabel Gold............................................................................................ 29

Tabel 3. 5 Tabel Black .......................................................................................... 30

Tabel 3. 6 Tabel Brimo ......................................................................................... 30

Tabel 3. 7 Tabel Rekening .................................................................................... 31

Tabel 3. 8 Tabel Kartu .......................................................................................... 31

Tabel 3. 9 Tabel CS............................................................................................... 32

Tabel 3. 10 Tabel User .......................................................................................... 32

xiii
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi saat ini berpengaruh pada penggunaan perangkat

lunak yang selalu berkembang. Hampir setiap instansi, organisasi, perusahaan,

lembaga baik milik pemerintah maupun swasta banyak menerapkan sistem

komputerisasi/ sistem informasi guna mempermudah dan meningkatkan kinerja.

Bukan suatu hal yang baru jika sistem informasi berkembang sedemikian pesatnya

(Jogiyanto, 2005). Namun ternyata pencatatan data register masih dilakukan

dengan cara manual, yaitu dengan mengisikan data kedalam beberapa jenis buku

register.

PT. Bank Rakyat Indonesia (Persero) Tbk merupakan bank pemerintahan

yang beroperasi pertama kali di Indonesia. Dalam perkembangannya BRI sudah

mengalami beberapa kali perubahan nama dan status yang memiliki kaitan erat

dengan sejarah perjuangan bangsa Indonesia. perubahan–perubahan yang

dilakukan BRI tentunya mengandung arti penting bagi perkembangan dan

pertumbuhan BRI. Hal ini sejalan dengan cita-cita dan tujuan BRI yang tertuang

dalam visi dan misi BRI dalam melayani nasabah. Tentunya sistem komputerisasi/

sistem informasi yang dimiliki sudah baik akan tetapi, pencatatan data register

masih manual di Unit BRI Teluk Dalam, seperti pencatatan data Register

Pembukaan Rekening, Register Kartu ATM, dan Register BRIMO.

Customer Service (CS) merupakan suatu bagian dari unit organisasi yang

berada di front office yang berfungsi sebagai sumber informasi dan perantara

1
 2

bagi bank dan nasabah yang ingin mendapatkan jasa-jasa pelayanan maupun

produk produk bank. Selain itu, tugas dari CS setelah melayani nasabah yaitu

meregis data nasabah dengan cara mencatat ke dalam beberapa jenis buku.

Berdasarkan uraian diatas saya tertarik ingin membuat aplikasi berbasis web

untuk mempermudah pekerjaan CS dalam meregis data yaitu, “ Aplikasi Register

Pembukaan Rekening dan Kartu ATM pada PT. Bank BRI Unit Teluk Dalam

Banjarmasin Berbasis Web”.

1.2 Alasan Pemilihan Judul

Setelah mengetahui latar belakang masalah diatas maka, akan membuat

suatu rumusan masalah sebagai berikut : bagamaina membuat suatu aplikasi

berbasis web untuk register data yang berjudul ‘’ APLIKASI REGISTER

PEMBUKAAN REKENING DAN KARTU ATM PADA BANK BRI UNIT

TELUK DALAM BANJARMASIN BERBASIS WEB “.

1.3 Ruang Lingkup

Ruang Lingkup Praktek Kerja Lapangan tentang pembuatan aplikasi

Register Pembukaan Rekening dan Kartu ATM oleh Customer Service pada BRI

Unit Teluk Dalam Banjarmasin Berbasis Web dibatasi pada :

1. PKL dilakukan dibagian Customer Service BRI Unit Teluk Dalam.

2. Aplikasi berbasis web ini dibuat hanya untuk Customer Service BRI

Unit TD dalam melakukan register pembukaan rekening dan kartu

ATM.

3. Sistem dibangun dengan menggunakan PHP dan MYSQL.

 3

1.4 Tujuan dan Manfaat

Adapun Tujuan Praktek Kerjal Lapangan ini adalah :

1. Mendapatkan pengalaman dalam lingkungan kerja nyta

2. Agar mahasiswa mengetahui tata cara kerja ditempat Praktek Kerja

Lapangan (PKL).

3. Memudahkan pencatatan data register pembukaan rekening dan kartu

ATM yang dilakukan oleh Customer Service (CS) BRI Unit Teluk Dalam.

Adapun manfaat Praktek Kerja Lapangan ini adalah :

1. Meningkatkan pengalaman untuk memasuki dunia kerja.

2. Mahasiswa mampu beradaptasi dengan dunia kerja.

3. Mampu meningkatkan pengetahuan mahasiswa dalam membangun

aplikasi berbasis web.

4. Menciptakan aplikasi register pembukaan rekening dan kartu ATM pada

BRI Unit Teluk Dalam berbasis web.

5. Membantu CS dalam meregister data.

1.5 Sistematika Penulisan

Adapun bentuk sistematika penulisan yang penulis gunakan dalam

pembuatan Laporan Praktek Kerja Lapangan (PKL) ini terdiri dari IV bab, yang

masing-masing bab diberi keterangan Laporan Praktek Kerja Lapangan (PKL) agar

dapat mempermudah dalam pemahaman isi dari masing-masing bab. Adapun bab-

bab tersebut anatra lain:

BAB I : PENDAHULUAN
 4

Pada bab ini dibahas tentang lokasi/tempat PKL, pengumpulan data,

analisis sistem / prosedur yang sedang berjalan, temuan permasalahan,

solusi pemecahan masalah.

BAB II : HASIL PELAKSANAAN PKL

Bab ini meliputi, lokasi tempat Praktek Kerja Lapangan (PKL) yang

berisi tentang latar belakang tempat Praktek Kerja Lapangan (PKL) dan

struktus organisasi yang ada pada tempat Praktek Kerja Lapangan

(PKL), pengumpulan data, analisa sistem prosedur yang sedang

berjalan, hasil temuan/permasalahan, kendala-kendala yang dihadapi

selama Praktek Kerja Lapangan (PKL) dan solusi pemecahan masalah.

BAB III : ANALISIS DAN PEMECAHAN MASALAH

Pada bab ini dibahas tentang usulan sistem baru, (gambaran sistem

usulan, usulan hardware dan software), perancangan model sistem (bisa

menggunakan Data Flow Diagram (DFD) atau menggunakan Unified

Modeling Language (UML), perancangan database (terdiri dari atas

tabel-tabel, kamus data, dan tabel relasi) perancangan antarmuka sistem

(terdiri dari rancangan antarmuka masukan sistem dan keluaran sistem)

hasil tampilan program/aplikasi (tampilan antarmuka masukan dan

keluaran sistem)

.BAB IV : PENUTUP

Pada bab ini dibahas Kesimpulan dari laporan yang dibuat serta Saran

untuk pengembangan program selanjutnya.

 BAB II
HASIL PELAKSANAAN PKL

2.1 Lokasi/ Tempat PKL

Praktek Kerja Lapangan (PKL) dilaksanakan di BRI Unit Teluk Dalam

Banjarmasin yang berlokasi di Jl. Mayjen Sutoyo S No.108, Tlk. Dalam, Kec.

Banjarmasin Tengah, Kota Banjarmasin, Kalimantan Selatan 70115 dari tanggal 26

November 2020 s.d 26 Desember 2020 selama 1 bulan kerja. Karena adanya Covid-

19 waktu Praktek Kerja Lapangan (PKL) dimulai pada pukul 09.00 WIB s.d pukul

17.00 WIB.

Berikut ini merupakan tempat lokasi BRI Unit Teluk Dalam Banjarmasin :

Gambar 2. 1 Bank BRI Unit Teluk Dalam Banjarmasin

6
 7

Gambar 2. 2 Lokasi/ Tempat PKL

2.1.1 Sejarah Berdirinya Bank BRI

Bank Rakyat Indonesia (BRI) merupakan salah satu bank tertua di

Indonesia dan telah berjasa dalam membangun Indonesia sejak sebelum

kemerdekaan . BRI didirikan di Purwokerto oleh Raden Bei Aria Wirjaatmadja

dengan nama De Poerwokertosche Hulp en Spaarbank der Inlandsche Hoofden

atau "Bank Bantuan dan Simpanan Milik Kaum Priyayi Purwokerto". Inilah

lembaga keuangan yang melayani orang-orang berkebangsaan Indonesia

(pribumi), dan menjadi cikal bakal BRI. Hari pendirian. Tanggal pendirian bank

tersebut pada 16 Desember 1895, kemudian dijadikan sebagai hari kelahiran BRI.

Kegiatan BRI sempat terhenti pada masa perang mempertahankan

kemerdekaan pada tahun 1948. Operasional BRI baru mulai aktif kembali setelah

perjanjian Renville pada tahun 1949 dengan berubah nama menjadi Bank Rakyat

Indonesia Serikat.
 8

Sejak 1 Agustus 1992 berdasarkan Undang-Undang Perbankan No. 7 tahun

1992 dan Peraturan Pemerintah RI No. 21 tahun 1992 status BRI berubah menjadi

perseroan terbatas. Kepemilikan BRI saat itu masih 100 persen di tangan

Pemerintah Republik Indonesia. Pada tahun 2003, Pemerintah Indonesia

memutuskan untuk menjual 30% saham bank ini, sehingga menjadi perusahaan

publik dengan nama resmi PT. Bank Rakyat Indonesia (Persero) Tbk., yang masih

digunakan sampai dengan saat ini.

2.1.2 Produk Bank BRI

Hingga kini, BRI telah melayani nasabah lewat tidak kurang dari 9.808 unit

kerja. Tak hanya produk tabungan saja, Bank BRI juga memiliki layanan e-banking

mulai dari ATM, SMS Banking, Internet Banking, Mobile Banking, dan masih

banyak lagi kemudahan lainnya bagi nasabah yang ingin melakukan transaksi

transfer maupun pengecekan saldo lewat internet maupun telepon seluler.

Dilansir dari situs resminya, setidaknya ada lebih dari 10 produk tabungan

yang sudah disediakan BRI untuk masyarakat yang ingin menyimpan uang mereka

dan berinvestasi. Masing-masing produk tabungan tentunya menawarkan kelebihan

tersendiri. Seperti tabungan BRI Simpedas dan Tabungan BRI Britama yang

banyak jenisnya sesuai kebutuhan dan keperluan yang diinginkan.

2.1.3 Visi dan Misi Bank BRI

Adapun visi Bank BRI Unit Teluk Dalam Banjarmasin yaitu menjadi bank

koersial terkemuka yang selalu mengutamakan kepuasan nasabah.

 9

Adapun misi Bank BRI Unit Teluk Dalam Banjarmasin adalah sebagai

berikut :

1. Melakukan kegiatan perbankan yang terbaik dan mengutamakan

pelayanan kepada usaha mikro, kecil dan menengah untuk menunjang

peningkatan ekonomi masyarakat.

2. Memberikan pelayanan prima kepada nasabah melalui jaringan kerja

yang tersebar luas dan didukung oleh sumber daya manusia yang

professional dengan melaksanakan praktek good corporate governance.

3. Memberikan keutungan dan manfaat yang optimal kepada pihak-pihak

yang berkepentingan.

2.1.4 Struktur Organisasi Bank BRI Unit

Gambar 2. 3 Struktur Organisasi BRI TD

 10

2.2 Pengumpulan Data

Metode yang digunakan untuk pengumpulan data terdiri dari dua

macam, yaitu:

1. Studi Pustaka

Pengumpulan data melalui hasil dokumentasi, baik bahan

tersebut melalui jurnal, buku ataupun hasil browsing dari internet.

2. Studi Lapangan

Studi ini dilakukan dengan cara meneliti secara langsung

untuk mendapatkan keterangan yang diperlukan untuk

memecahkan masalah yang diteliti. Studi lapangan tersebut

meliputi:

a. Interview, yaitu teknik pengumpulan data yang dilakukan

dengan melakukan wawancara secara langsung kepada pihak

terkait. Dengan metode ini bisa berdialog secara langsung

kepada CS tentang bagaimana cara meregister data nasabah.

b. Observasi, yaitu teknik pengumpulan data yang dilakukan

secara langsung di lapangan. Dengan metode ini bisa langsung

mengamati kegiatan yang sedang berlangsung di Bank BRI

Unit Teluk Dalam bagaimana CS meregister data nasabah.

Kemudian untuk metode pengembangan sistem perangkat lunak mengacu

pada model waterfall adalah salah satu model pengembangan software, dimana

kemajuan suatu proses dipandang sebagai terus mengalir ke bawah seperti air

terjun. Dalam Model Waterfall, setiap tahap harus berurutan, dan tidak dapat
 11

meloncat ketahap berikutnya, harus menyelesaikan tahap pertama baru lanjut ke

tahap ke dua dan seterusnya.

Langkah-langkah model waterfall dapat dilihat pada gambar dibawah ini :

Gambar 2. 4 Metode Waterfall

1. Requirement Gathering and analysis

Tahap requirement atau spesifikasi kebutuhan sistem adalah

Mengumpulkan kebutuhan secara lengkap kemudian kemudian dianalisis

dan didefinisikan kebutuhan yang harus dipenuhi oleh program yang akan

dibangun. Fase ini harus dikerjakan secara lengkap untuk bisa menghasilkan

desain yang lengkap.

2. Sistem Design

Tahap selanjutnya adalah design, desain dikerjakan setelah

kebutuhan selesai dikumpulkan secara lengkap.

3. Implementation
 12

Selanjutnya tahap implementasi, yaitu desain program

diterjemahkan ke dalam kode-kode dengan menggunakan bahasa

pemrograman yang sudah ditentukan. Program yang dibangun langsung

diuji baik secara unit.

4. Integration and Testing

Penyatuan unit-unit program kemudian diuji secara keseluruhan

(sistem testing) .

5. Deployment of Sistem

Mengoperasikan program dilingkungannya dan melakukan

pemeliharaan, seperti penyesuaian atau perubahan karena adaptasi dengan

situasi sebenarnya.

6. Maintenance

Proses pemeliharaan sistem yang sudah dibangun.

2.3 Analisis Sistem Prosedur yang Sedang Berjalan

Analisis sistem yang sedang berjalan pada sistem pencatatan data register di

Bank BRI Unit TD, bertujuan untuk mengetahui lebih jelas bagaimana cara kerja

sistem tersebut dan masalah yang di hadapi sistem tersebut untuk dapat dijadikan

sistem yang baru agar terkomputerisasi, perancangan analisis sistem yang sedang

berjalan yang dilakukan berdasarkan urutan kejadian yang ada, prosedur sistem

pencatatan data register pada Bank BRI Unit TD di deskripsikan sebagai berikut :

1. CS melayani apa yang diingikan nasbah, contohnya pembukaan

rekening, ganti kartu ATM dan pelayanan internet banking (BRIMO).

2. CS memberikan dokumen yang harus diisi nasabah.

 13

3. Lalu CS mengisikan data nasabah yang diperlukan disitus Bank BRI.

4. Dokumen tersebut diprint.

5. Kemudian dokumen tersebut dicatat ke jenis buku register yang

berbeda.

2.4 Temuan Permasalahan

Selama melaksanakan dan melakukan Praktek Kerja Lapangan (PKL) di

Bank BRI Unit TD menemukan suatu permasalahan, adapun yang menjadi

permasalahan antara lain :

1. Proses pencatatan data register masih menggunakan buku yang dicatat

kedalam berbagai jenis buku yang berbeda sehingga memeperlambat

perkerjaan CS dalam meregister data nasabah.

2.5 Kendala-kendala yang dihadapi selama PKL

Adapun kendala-kendala yang dihadapi saat PKL di BRI Unit TD

Banjarmasin adalah sebagai berikut :

1. Kurangnya ruang gerak untuk bersosialisai dengan seluruh karyawam

Bank BRI Unit TD dikarenakan pandemi Covid-19.

2. Berhadapan langsung dengan nasabah untuk membantu CS, tidak jarang

nasabah bertanya tentang produk BRI.

3. Banyaknya data nasabah yang harus di register diberbagai jenis buku

yang berbeda.

4. Harus memahami klasifikasi yang mana harus di catat di buku register.

 14

2.6 Solusi Pemecahan Masalah

Adapun solusi pemecahan masalah tersebut adalah dengan mengusulkan

aplikasi pencatatan data register untuk mempermudah perkerjaan CS dalam

melakukan pencatatan data register agar lebih efektif dan efesian. Tidak harus

membuka satu-persatu buku register yang banyak jenisnya dan dapat

menghasilakan laporan sesuai dan tidak akan memakan waktu yang lama dalam

pembuatannya tersebut dibuatlah sistem yang terkomputerisasi.

 BAB III
Analisis dan Pemecahan Masalah
3.1 Usulan Sistem Baru

Pada pengembangan teknologi saat ini tentunya hampir semua sistem

perbankan menggunakan teknologi komputer begitu juga pada Bank BRI Unit

Teluk Dalam Banjarmasin. Setelah melakukan Praktek Kerja Lapangan (PKL)

maka dibuatlah usulan sistem baru tentang Aplikasi yang mempermudah dalam

pencatatan data register yang berjudul “ Aplikasi Pencatatan Register Pembukaan

Rekening dan Kartu ATM pada Bank BRI Unit Teluk Dalam Banjarmasin.

3.1.1 Gambaran Sistem Usulan

Gambaran sistem usulan yang diusulkan dalam perancangan sistem ini

berbasis website menggunakan Bahasa pemrograman PHP dan menggunakan

database MySQL yang dapat memudahkan pencatatan data register. Berikut

gambaran sistem usulan menggunakan Flowmap.

FlowMap adalah diagram yang menunjukan aliran data berupa formulir-

formulir ataupun keterangan berupa dokumentasi yang mengalir atau beredar dalam

suatu sistem.

14
 15

Gambar 3. 1 Flowmap

3.1.2 Usulan Hardware dan Software

Untuk menunjang suatu sistem yang dinamis dan efisien serta dapat membantu

memperoleh tujuan yang diinginkan maka diusulkan hardware dan software yang akan

menjadi penunjang dalam menjalankan sistem ini. Berikut beberapa usulan hardware

dan software ini :

A. Hardware
 16

Hardware atau perangkat keras komputer adalah semua jenis piranti atau

komponen komputer yang bagian fisiknya dapat dilihat secara kasat mata dan

dirasakan langsung.

Menurut pendapat ahli James O'Brien, pengertian hardware merupakan semua

komponen/peralatan fisik yang digunakan dalam pemrosesan informasi seperti

CPU, RAM, monitor, mouse, keyboard, printer, scanner, dan lain-lain.

Biasanya, hardware terlihat sebagai bentuk output dari setiap proses sistem

operasi komputer. Namun tentu saja, perangkat keras harus dibantu dengan

software pendukung agar perintah yang ada dalam komputer dapat dioperasikan

baik. berikut beberapa komponen penting dalam suatu komputer yang dibutuhkan

dalam menunjang pembuatan sistem aplikasi :

1. Komputer dengan Prosessor kecepatan 2.4 GHz

Processor adalah secara singkat dapat diartikan sebagai otak komputer, processor

pada umumnya sering disebut juga dengan CPU “Central Processing Unit” adalah suatu

chip yang berupa IC “Integrated Circuit” yang mengontrol keseluruhan sistem

komputer khususnya dalam menjalankan intruksi, pengolah dan digunakan sebagai

pusat ataupun otak dari kegiatan komputer dalam melakukan perhitungan serta

menjalankan tugas input dan output.

Processor terletak pada soket yang terdapat di Motherboard, mengelolanya dan

melakukan komunikasi. Oleh karena itu processor ialah alat atau suatu komponen yang

sangat dibutuhkan paling utama tapi kalau tidak ada komponen yang lainnya maka
 17

processor tidak dapat bekerja atau berfungsi dengan sangat baik sebab komponen

komputer itu saling berkaitan satu sama lain dengan komponen yang lainnya.

2. Harddisk dengan kapasitas 160 GB,

Hardisk adalah perangkat keras yang digunakan untuk menyimpan data pada

komputer. Semua data yang ada dalam komputer baik itu dokumen, gambar, data

sistem, OS, aplikasi akan tersimpan dalam perangkat ini.

Hard Disk Drive (HDD) atau biasa kita sebut hardisk menyediakan ruang khusus

untuk menyimpan dan membaca data. Perangkat ini bersifat non-volatile memory yang

berarti data yang kita simpan tidak akan hilang meskipun komputer dimatikan. Ini

berbeda dengan Penyimpanan Ram dalam komputer, dimana semua data yang

tersimpan sementara pada Ram akan hilang ketika komputer dalam kondisi off.

Hardisk pertama kali dikomersilkan pada tahun 1956 oleh Perusahaan IBM dan

langsung diterima masyarakat. Alhasil, hardisk menjadi sebuah media standar

penyimpanan pada komputer. Hingga saat ini, orang-orang menggunakannya di server

maupun PC.

3. Memory (RAM) 4 GB (recommended)

RAM (Random Access Memory) adalah tempat penyimpanan sementara pada

komputer yang isinya dapat diakses dalam waktu yang tetap, tidak memperdulikan

letak data tersebut dalam memori atau acak. jadi Ram ini hanya sebagai penyimpanan

sementara saja saat anda menggunakan komputer atau software tertentu. agar dapat di

proses dengan cepat.

 18

RAM sendiri bersifat Volatile artinya membutuhkan aliran listrik. berbeda dengan

media penyimpanan lainnya seperti flashdisk hardisk atau cd/dvd yang bersifat non-

volatile. jadi Ram Bekerja saat komputer dalam keadaan hidup saja

4. Monitor dengan resolusi minimal 14,0”

Monitor adalah perangkat keras komputer yang berfungsi untuk menampilkan hasil

proses dari komputer dalam bentuk teks, gambar, ataupun video secara visual.

Dalam hal ini, monitor berfungsi sebagai perangkat output penyusun sebuah

komputer dan sebuah komputer takkan bisa digunakan jika monitornya tidak ada.

Karena itu monitor di komputer dianggap sangat penting.

5. Keyboard standard 104 Key

Keyboard adalah sebuah perangkat keras (hardware) pada komputer yang

berfungsi sebagai alat untuk input data yang berupa huruf, angka dan simbol. Atau

definisi keyboard yaitu suatu perangkat keras pada komputer yang berbentuk papan

dan memiliki berbagai macam tombol yang dimana tombol tersebut fungsinya berbeda

tergantung pada penekanannya yang bisa menghasilkan proses yang sesuai dengan

keinginan penggunanya.

Selain sebagai alat untuk men-inputkan data keyboard juga memiliki berbagai

macam fungsi tombol dengan kombinasi yang khusus. Umumnya port keyboard pada

komputer ada 2 macam diantaranya PS2 dan USB akan tetapi seiring berkembangnya

teknologi, sekarang keyboard sudah ada yang memakai wireless atau tanpa

menggunakan kabel. Baca juga tentang: Pengertian Komputer dan sejarah

perkembangan komputer.
 19

6. Mouse standard USB

Mouse adalah salah satu hardware komputer yang menerima input-an berupa

gerakan, tekanan tombol (click), dan penggulungan (scroll) yang dapat digunakan

untuk memilih teks, ikon, file, dan folder. Mouse dalam Bahasa Indonesia

diterjemahkan sebagai “tetikus”. Dikatakan demikian karena memang bentuk device

ini menyerupai tikus yang kecil meruncing di depan dan menggembung besar di bagian

belakang.

7. UPS (Uninterupted Power Supply)

UPS singkatan dari (Uninterruptible Power Supply). UPS memiliki pengertian

yaitu perangkat hardware komputer yang berfungsi untuk memberikan suplai listrik

ketika tegangan utama (PLN) tidak berfungsi atau terjadi pemadaman listrik secara

tiba-tiba. Didalam komponen UPS terdapat baterai yang menjadi sumber listrik

utamanya, ketika listrik mengalir melalui perangkat UPS maka secara otomatis baterai

ini akan terisi penuh.

Perangkat ini memiliki peran yang cukup penting sebagai listrik cadangan

sementara dengan backup time yang sangat cepat, tetapi hanya mampu bertahan dalam

beberapa menit saja. Dalam waktu yang cukup singkat, bisa dimanfaatkan untuk

menyimpan data yang belum sempat tersimpan dan mematikan perangkat-perangkat

elektronik secara normal, contohnya komputer agar tidak merusak pada komponen

hardwarenya.

8. Printer Canon MP 287

Printer adalah peranti yang menampilkan data dalam bentuk cetakan, baik berupa

teks maupun gambar/grafik, di atas kertas. Pencetak biasanya terbagi atas beberapa
 20

bagian, yaitu penggetil (picker) sebagai alat mengambil kertas dari baki (tray). Baki

ialah tempat menaruh kertas. Tinta atau tinta bubuk (toner) adalah alat pencetak

sesungguhnya, karena ada sesuatu yang disebut tinta atau tinta bubuk yang digunakan

untuk menulis/mencetak pada kertas. Perbedaan tinta bubuk dan tinta ialah perbedaan

sistem; tinta bubuk atau laser butuh pemanasan, sedangkan tinta atau sembur tinta tak

butuh pemanasan, hanya pembersihan pada hulu pencetak (print-head) tersebut.

mencetak di atas kertas, mencetak di kain, kaca, film putih, ebonit, dll. Ada pula kabel

lentur untuk pengiriman sinyal dari pengolah pencetak ke tinta atau tinta bubuk. Kabel

ini tipis dan lentur, tetapi kuat. Pada bagian belakang pencetak biasanya ada colokan

sejajar atau USB untuk penghubung ke komputer.

B. Software

Software disebut juga dengan perangkat lunak, merupakan kumpulan beberapa

perintah yang dieksekusi oleh mesin komputer dalam menjalankan pekerjaannya.

perangkat lunak ini merupakan catatan bagi mesin komputer untuk menyimpan

perintah, maupun dokumen serta arsip lainnya.

Software merupakan data elektronik yang disimpan sedemikian rupa oleh

komputer itu sendiri, data yang disimpan ini dapat berupa program atau instruksi yang

akan dijalankan oleh perintah, maupun catatan-catatan yang diperlukan oleh komputer

untuk menjalankan perintah yang dijalankannya. Untuk mencapai keinginannya

tersebut dirancanglah suatu susunan logika, logika yang disusun ini diolah melalui

perangkat lunak, yang disebut juga dengan program beserta data-data yang diolahnya.

Pengeloahan pada software ini melibatkan beberapa hal, diantaranya adalah sistem
 21

operasi, program, dan data. Software ini mengatur sedemikian rupa sehingga logika

yang ada dapat dimengerti oleh mesin computer.

Analisis perangkat lunak bertujuan untuk mengetahui secara tepat perangkat lunak

apa saja yang dibutuhkan untuk menjalankan suatu sistem informasi khususnya dalam

membangun Aplikasi Pencatatan Data Register ini. Beberapa perangkat lunak yang

digunakan penulis untuk membangun dan menjalankan sistem Aplikasi Arsip Data ini

yaitu Sistem Operasi Windows 10, Adobe Dreamweaver CC dan Xampp untuk

membuat databasenya.

1. Sistem Operasi Windows 10

Windows 10 merupakan sistem operasi komputer pribadi yang dikembangkan oleh

Microsoft sebagai bagian dari keluarga sistem operasi Windows NT. Diperkenalkan

pada tanggal 30 September 2014,[3] dirilis pada 29 Juli 2015 dan pada November 2015,

Threshold 2 dari Windows 10 (v10.0.10586) dirilis kepada publik.

Pertama diperkenalkan pada bulan April 2014 pada Konferensi Build, Windows 10

bertujuan untuk mengatasi kekurangan dalam antarmuka pengguna pertama kali

diperkenalkan oleh Windows 8 dengan menambahkan mekanik tambahan yang

dirancang untuk meningkatkan pengalaman pengguna untuk perangkat yang tidak ada

layar sentuh (seperti komputer meja dan laptop), termasuk kebangkitan menu Mulai

yang terlihat di Windows 7, sistem desktop maya, dan kemampuan untuk menjalankan

aplikasi Bursa Windows dalam jendela pada desktop daripada modus layar penuh.

2. Adobe Dreamweaver CC

Adobe Dreamweaver merupakan program penyunting halaman web keluaran

Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver keluaran

 22

Macromedia. Program ini banyak digunakan oleh pengembang web karena fitur-

fiturnya yang menarik dan kemudahan penggunaannya. Versi terakhir Macromedia

Dreamweaver sebelum Macromedia dibeli oleh Adobe Systems yaitu versi 8. Versi

terakhir Dreamweaver keluaran Adobe Systems adalah versi 12 yang ada dalam Adobe

Creative Cloud (sering disingkat Adobe Cc).

Adobe Dreamweaver adalah aplikasi desain dan pengembangan web yang

menyediakan editor WYSIWYG visual (bahasa sehari-hari yang disebut sebagai

Design view) dan kode editor dengan fitur standar seperti syntax highlighting, code

completion, dan code collapsing serta fitur lebih canggih seperti real-time syntax

checking dan code introspection untuk menghasilkan petunjuk kode untuk membantu

pengguna dalam menulis kode. Tata letak tampilan Design memfasilitasi desain cepat

dan pembuatan kode seperti memungkinkan pengguna dengan cepat membuat tata

letak dan manipulasi elemen HTML. Dreamweaver memiliki fitur browser yang

terintegrasi untuk melihat halaman web yang dikembangkan di jendela pratinjau

program sendiri agar konten memungkinkan untuk terbuka di web browser yang telah

terinstall. Aplikasi ini menyediakan transfer dan fitur sinkronisasi, kemampuan untuk

mencari dan mengganti baris teks atau kode untuk mencari kata atau kalimat biasa di

seluruh situs, dan templating feature yang memungkinkan untuk berbagi satu sumber

kode atau memperbarui tata letak di seluruh situs tanpa server side includes atau

scripting. Behavior Panel juga memungkinkan penggunaan JavaScript dasar tanpa

pengetahuan coding, dan integrasi dengan Adobe Spry Ajax framework menawarkan

akses mudah ke konten yang dibuat secara dinamis dan interface.

3. Server dan pembuat Database (Xampp)

 23

XAMPP adalah perangkat lunak (free software) bebas, yang mendukung untuk

banyak sistem operasi, yang merupakan kompilasi dari beberapa program. Fungsi

XAMPP sendiri adalah sebagai server yang berdiri sendiri (localhost), yang terdiri

beberapa program antara lain : Apache HTTP Server, MySQL database, dan

penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.

Program ini tersedia dalam GNU General Public License dan bebas, merupakan

web server yang mudah untuk digunakan yang dapat menampilkan halaman web yang

dinamis. Untuk mendapatkanya XAMPP anda dapat mendownload langsung dari web

resminya. Dan berikut beberapa definisi program lainnya yang terdapat dalam

XAMPP.

Nama XAMPP sendiri merupakan singkatan dari X (empat sistem operasi apapun),

Apache, MySQL, PHP dan Perl. Masing-masing huruf yang ada di dalam nama

XAMPP memiliki arti sebagai berikut ini:

X = Cross Platform

Merupakan kode penanda untuk software cross platform atau yang bisa berjalan

di banyak sistem operasi.

A = Apache

Apache adalah aplikasi web server yang bersifat gratis dan bisa dikembangkan

oleh banyak orang (open source).

M = MySQL / MariaDB
 24

MySQL atau MariaDB merupakan aplikasi database server yang

dikembangkan oleh orang yang sama. MySQL berperan dalam mengolah, mengedit,

dan menghapus daftar melalui database.

P = PHP

Huruf “P” yang pertama dari akronim kata XAMPP adalah inisial untuk

menunjukkan eksistensi bahasa pemrograman PHP. Bahasa pemrograman ini biasanya

digunakan untuk membuat website dinamis, contohnya dalam website berbasis CMS

WordPress.

P = Perl

3.2 Perancangan Model Sistem

3.2.1 Diagram Konteks

Diagram konteks adalah diagram yang terdiri dari suatu proses dan

menggambarkan ruang lingkup suatu sistem. Diagram konteks merupakan level

tertinggi dari DFD yang menggambarkan seluruh input ke sistem atau output dari

sistem. Ia akan memberi gambaran tentang keseluruan sistem.

 25

Gambar 3. 2 Diagram Konteks

3.2.2 Data Flow Diagram (DFD)

DFD (Data Flow Diagram) adalah suatu langkah atau metode untuk

membuat sebuah perancangan sistem yang mana berorientasi pada alur data yang

bergerak kesebuah sistem lainnya.

Dalam membuat Sistem Informasi ini, DFD sering dipakai. DFD dibuat oleh

para analis untuk membuat sebuah sistem dengan baik. Dimana DFD ini nantinya

diberikan kepada para programmer untuk memulai proses coding. Yang mana para

programmer ini melakukan sebuah coding sesuai dengan DFD yang dibuat oleh

para analis sebelumnya.

 26

Gambar 3. 3 DFD Level 1

3.3 Perancangan Database

Database atau basis data adalah kumpulan informadi yang disimpan di

dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu

program komputer untuk memperoleh informasi dari basis data tersebut. Kegunaan

utama sistem basis data adalah agar pemakai mampu menyusun suatu pandangan

(view) abstraksi data.

3.3.1 Rancangan Tabel

Sebuah tabel merupakan kumpulan data (nilai) yang diorganisasikan ke

dalam baris (record) dan kolom (field). Masing-masing kolom memiliki nama yang
 27

spesifik dan unik. Berikut rancangan tabel basis data yang dibuat untuk aplikasi

pencatatan register Bank BRI Unit Teluk Dalam Banjarmasin, yaitu

1. Table Britama

Table britama digunakan untuk menampung data nasabah yang

melakukan pembukaan rekening britama. Berikut spesifikasi field yang

dibutuhkan.

Tabel 3. 1 Tabel Britama

No Field Tipe Panjang Keterangan

1 Id_britama Int 100 Primary Key

2 No_rek Varchar 19

3 Chif Varchar 7

4 Id_rek Int 50 Foreign key

5 Nama Varchar 50

6 Alamat Varchar 100

7 No_telp Varchar 100

8 Id_cs Int 10 Foreign key

9 tanggal Date -

2. Tabel Simpedas

Table simpedas digunakan untuk menampung data nasabah yang

melakukan pembukaan rekening simpedas. Berikut spesifikasi field yang

dibutuhkan.
 28

Tabel 3. 2 Tabel Simpedas

No Field Tipe Panjang Keterangan

1 Id_simpedas Int 100 Primary Key

2 No_rek Varchar 19

3 Chif Varchar 7

4 Id_rek Int 50 Foreign key

5 Nama Varchar 50

6 Alamat Varchar 100

7 No_telp Varchar 100

8 Id_cs Int 10 Foreign key

9 tanggal Date -

3. Tabel Simpedas Kartu

Table simpedas_kartu digunakan menampung data nasabah untuk

kartu ATM simpedas. Berikut spesifikasi field yang dibutuhkan.

Tabel 3. 3 Tabel Simpedas Kartu

No Field Tipe Panjang Keterangan

1 Id_simpedas_kartu Int 100 Primary Key

2 No_kartu Varchar 16

3 No_rek Varchar 19

4 Id_kartu Int 50 Foreign key

5 Nama Varchar 50
 29

6 Alamat Varchar 100

7 No_telp Varchar 100

8 Id_cs Int 10 Foreign key

9 tanggal Date -

4. Tabel Gold

Table gold digunakan menampung data nasabah untuk kartu ATM

gold. Berikut spesifikasi field yang dibutuhkan.

Tabel 3. 4 Tabel Gold

No Field Tipe Panjang Keterangan

1 Id_gold Int 100 Primary Key

2 No_kartu Varchar 16

3 No_rek Varchar 19

4 Id_kartu Int 50 Foreign key

5 Nama Varchar 50

6 Alamat Varchar 100

7 No_telp Varchar 100

8 Id_cs Int 10 Foreign key

9 tanggal Date -

5. Tabel Black
 30

Table black digunakan menampung data nasabah untuk kartu ATM

black. Berikut spesifikasi field yang dibutuhkan.

Tabel 3. 5 Tabel Black

No Field Tipe Panjang Keterangan

1 Id_black Int 100 Primary Key

2 No_kartu Varchar 16

3 No_rek Varchar 19

4 Id_kartu Int 50 Foreign key

5 Nama Varchar 50

6 Alamat Varchar 100

7 No_telp Varchar 100

8 Id_cs Int 10 Foreign key

9 tanggal Date -

6. Tabel Brimo

Table brimo digunakan untuk menampung data nasabah dalam

mendaftar internet banking dengan aplikasi brimo. Berikut spesifikasi field

yang dibutuhkan.

Tabel 3. 6 Tabel Brimo

No Field Tipe Panjang Keterangan

1 Id_brimo Int 100 Primary Key

3 No_rek Varchar 19
 31

5 Nama Varchar 50

6 Alamat Varchar 100

8 Id_cs Int 10 Foreign key

9 tanggal Date -

7. Tabel rekening

Tabel rek yang didalamnya terdapat jenis rekening yang terdiri dari

rekening britama dan simpedas. Id_rek berelasi dengan tabel britama dan

simpedas. Berikut spesifikasi field yang dibutuhkan.

Tabel 3. 7 Tabel Rekening

No Field Tipe Panjang Keterangan

1 Id_rek Int 100 Primary Key

2 Jenis_rekening Varchar 10

8. Tabel Kartu

Tabel kartu yang didalamnya terdapat jenis kartu yang terdiri dari kartu

simpedas, gold dan dan black. Id_kartu berelasi dengan tabel simpedas_kartu,

gold dan black. Berikut spesifikasi field yang dibutuhkan.

Tabel 3. 8 Tabel Kartu

No Field Tipe Panjang Keterangan

1 Id_kartu Int 100 Primary Key

2 Jenis_kartu Varchar 10
 32

9. Tabel Customer Service (CS)

Tabel CS digunakan untuk menampung data cs Bank BRI TD. Berikut

spesifikasi field yang dibutuhkan.

Tabel 3. 9 Tabel CS

No Field Tipe Panjang Keterangan

1 Id_cs Int 100 Primary Key

2 Nm_cs Varchar 100

3 Tgl_lahir Date -

4 Jk Varchar 30

5 Alamat_cs Varchar 100

6 No_telp_cs Varchar 20

10. Tabel User

Tabel user digunakan untuk menampung data user. Level dari data user

ini ada dua yaitu untuk CS dan Ka. Unit. Berikut spesifikasi field yang

dibutuhkan.

Tabel 3. 10 Tabel User

No Field Tipe Panjang Keterangan

1 Id_user Int 11 Primary Key

2 Nm_user Varchar 50
 33

3 Username Varchar 50

4 Password Varchar 50

5 Level Varchar 50

3.3.2 Relasi Antar Tabel

Relasi adalah hubungan antara tabel yang mempresentasikan hubungan

antar objek di dunia nyata. Relasi merupakan hubungan yang terjadi pada suatu

tabel dengan lainnya yang mempresentasikan hubungan antar objek di dunia nyata

dan berfungsi untuk mengatur mengatur operasi suatu database.

Gambar 3. 4 Relasi Tabel

 34

3.4 Perancangan Antarmuka Sistem

Perancangan antarmuka sistem merupakan salah satu bentuk kegiatan

dalam perancangan fisik sistem yang menghasilkan dokumen output sistem yang

akan dibuat dan diusulkan dengan tujuan untuk menentukan bentuk atau format

serta media yang akan digunakan pada sistem baru yang dapat disetujui oleh

pemakai sistem.

3.4.1 Rancangan Antarmuka Masukan Sistem

Berikut rancangan tampilan antarmuka masukan pada Aplikasi Pencatatan

Register Pembukaan Rekening dan Kartu ATM pada Bank BRI Unit Teluk Dalam

Banjarmasin Berbasis Web.

1. Rancangan Halaman Login

Gambar 3. 5 Rancangan Halaman Login

 35

2. Rancangan Halaman Home CS

Gambar 3. 6 Rancangan Halaman Home CS

3. Rancangan Halaman Home Ka Unit

Gambar 3. 7 Rancangan Halaman Home Ka Unit

 36

4. Rancangan Halaman Data Register Pembukaan Rekening Britama

Gambar 3. 8 Rancangan Data Register Pembukaan Rekening Britama

5. Rancangan Halaman Data Register Pembukaan Rekening Simpedas

Gambar 3. 9 Rancangan Data Register Pembukaan Rekening Simpedas

 37

6. Rancangan Halaman Tambah Data Pembukaan Rekening Britama

Gambar 3. 10 Rancangan Tambah Data P.Rek Britama

 38

7. Rancangan Halaman Tambah Data Pembukaan Rekening Simpedas

Gambar 3. 11 Rancangan Tambah Data P.Rek Simpedas

 39

8. Rancangan Halaman Data Register No Kartu ATM Simpedas

Gambar 3. 12 Rancangan Data Register No Kartu ATM Simpedas

9. Rancangan Halaman Data Register No Kartu ATM Gold

Gambar 3. 13 Rancangan Data Register No Kartu ATM Gold

 40

10. Rancanga Halaman Data Register No Kartu ATM Black

Gambar 3. 14 Rancanga Data Register No Kartu ATM Black

11. Rancangan Halaman Tambah Data No Kartu ATM Simpedas

Gambar 3. 15 Rancangan Tambah Data No Kartu ATM Simpedas

 41

12. Rancangan Halaman Tambah Data No Kartu ATM Gold

Gambar 3. 16 Rancangan Tambah Data No Kartu ATM Gold

13. Rancangan Halaman Tambah Data No Kartu ATM Black

Gambar 3. 17 Rancangan Tambah Data No Kartu ATM Black

 42

14. Rancangan Halaman Edit Data Register No Kartu ATM Simpedas

Gambar 3. 18 Rancangan Edit Data No Kartu ATM Simpedas

 43

15. Rancangan Halaman Edit Data No Kartu ATM Gold

Gambar 3. 19 Rancangan Edit Data No Kartu ATM Gold

 44

16. Rancangan Halaman Edit Data No Kartu ATM Black

Gambar 3. 20 Rancangan Edit Data No Kartu ATM Black

 45

17. Rancangan Halaman Data Register BRIMO

Gambar 3. 21 Rancangan Data Register BRIMO

18. Rancangan Halaman Tambah Data BRIMO

Gambar 3. 22 Rancangan Tambah Data BRIMO

 46

19. Rancangan Halaman Data CS

Gambar 3. 23 Rancangan Data CS

20. Rancangan Halaman Tambah Data CS

Gambar 3. 24 Rancangan Tambah Data CS

 47

21. Rancangan Data User Ka. Unit

Gambar 3. 25 Rancangan Data User Ka. Unit

22. Rancangan Halaman New User

Gambar 3. 26 Rancangan Halaman New User

 48

23. Rancangan Halaman Filter Tanggal Cetak Laporan P.Rek Britama

Gambar 3. 27 Rancangan Filter Tanggal Cetak Laporan P.Rek Britama

24. Rancangan Halaman Filter Tanggal Cetak Laporan P.Rek Simpedas

Gambar 3. 28 Rancangan Filter Tanggal Cetak Laporan P.Rek Simpedas

 49

25. Rancangan Halaman Filter Tanggal Cetak Laporan No Kartu ATM

Simpedas

Gambar 3. 29 Rancangan Filter Tanggal Cetak Laporan No Kartu ATM Simpedas

26. Rancangan Halaman Filter Tanggal Cetak Laporan No Kartu ATM Gold

Gambar 3. 30 Rancangan Filter Tanggal Cetak Laporan No Kartu ATM Gold

 50

27. Rancangan Halaman Filter Tanggal Cetak Laporan No Kartu ATM Black

Gambar 3. 31 Rancangan Filter Tanggal Cetak Laporan No Kartu ATM Black

28. Rancangan Halaman Filter Tanggal Cetak Laporan Brimo

Gambar 3. 32 Rancangan Filter Tanggal Cetak Laporan Brimo

 51

3.4.2 Rancangan Antarmuka Keluaran Sistem

Berikut rancangan tampilan antarmuka keluaran pada Aplikasi Pencatatan

Register Pembukaan Rekening dan Kartu ATM pada Bank BRI Unit Teluk Dalam

Banjarmasin Berbasis Web.

1. Rancangan Cetak Laporan Data Register Pembukaan Rekening Britama

Gambar 3. 33 Rancangan Cetak Laporan Data Pembukaan Rekening Britama

 52

2. Rancangan Cetak Laporan Data Register Pembukaan Rekening Simpedas

Gambar 3. 34 Rancangan Cetak Laporan Data Pembukaan Rekening Simpedas

 53

3. Rancangan Cetak Laporan No Kartu ATM Simpedas

Gambar 3. 35 Rancangan Cetak Laporan No Kartu ATM Simpedas

 54

4. Rancangan Cetak Laporan No Kartu ATM Gold

Gambar 3. 36 Rancangan Cetak Laporan No Kartu ATM Gold

 55

5. Rancangan Cetak Laporan No Kartu ATM Black

Gambar 3. 37 Rancangan Cetak Laporan No Kartu ATM Black

 56

6. Rancangan Cetak Laporan Brimo

Gambar 3. 38 Rancangan Cetak Laporan Brimo

 57

7. Rancangan Cetak Laporan CS

Gambar 3. 39 Rancangan Cetak Laporan CS

 58

8. Rancangan Cetak Laporan User

Gambar 3. 40 Rancangan Cetak Laporan User

 59

3.5 Hasil Tampilan Program/Aplikasi

Berikut hasil tampilan Aplikasi Pencatatan Register Pembukaan Rekening

dan Kartu ATM Pada Bank BRI Unit Teluk Dalam Banjarmasin.

3.5.1 Tampilan Antarmuka Masukan Sistem

1. Tampilan Halaman Login

Form login ini bisa diakses oleh Kepala Unit dan CS BRI Unit Teluk Dalam

Banjarmasin.

Gambar 3. 41 Halaman Login

2. Tampilan Halaman Home CS

Setelah login menggunakan username dan password CS maka akan masuk

ke halaman home CS.

 60

Gambar 3. 42 Tampilan Halaman Home CS

3. Tampilan Halaman Home Ka Unit

Setelah login menggunakan username dan password Ka. Unit maka akan

masuk ke halaman home Ka. Unit.

Gambar 3. 43 Tampilan Home Ka Unit

 61

4. Tampilan Halaman Data Register Pembukaan Rekening Britama

Merupakan form yang memuat data register pembukaan rekening britama.

Gambar 3. 44 Tampilan Data Register Pembukaan Rekening Britama

5. Tampilan Halaman Data Register Pembukaan Rekening Simpedas

Merupakan form yang memuat data register pembukaan rekening simpedas.

Gambar 3. 45 Tampilan Data Pembukaan Rekening Simpedas

 62

6. Tampilan Halaman Tambah Data P.Rek Britama

Merupakan form untuk menambahkan data register pembukaan rekening

britama.

Gambar 3. 46 Tampilan Tambah Data P.Rek Britama

7. Tampilan Halaman Tambah Data P.Rek Simpedas

Merupakan form untuk menambahkan data register pembukaan rekening

simpedas.

Gambar 3. 47 Tampilan Tambah Data P.Rek Simpedas

 63

8. Tampilan Halaman Data Register No Kartu ATM Simpedas

Merupakan form yang memuat data register no kartu ATM simpedas.

Gambar 3. 48 Tampilan Data Register No Kartu ATM Simpedas

9. Tampilan Halaman Data Register No Kartu ATM Gold

Merupakan yang memuat data register no kartu ATM gold

Gambar 3. 49 Tampilan Data Register No Kartu ATM Gold

 64

10. Tampilan Halaman Data Register No Kartu ATM Black

Merupakan form yang memuat data register no kartu ATM black.

Gambar 3. 50 Tampilan Data Register No Kartu ATM Black

11. Tampilan Halaman Tambah Data No Kartu ATM Simpedas

Merupakan form untuk menambahkan data register no katu ATM simpedas.

Gambar 3. 51 Tampilan Tambah Data No Kartu ATM Simpedas

 65

12. Tampilan Halaman Tambah Data No Kartu ATM Gold

Merupakan form untuk menambahkan data register no kartu ATM gold.

Gambar 3. 52 Tampilan Tambah Data No Kartu ATM Gold

13. Tampilan Halaman Tambah Data No Kartu ATM Black

Merupakan form untuk menambahkan data register no kartu ATM black.

Gambar 3. 53 Tampilan Tambah Data No Kartu ATM Black

 66

14. Tampilan Halaman Edit Data No Kartu ATM Simpedas

Merupakan form untuk mengedit data register no kartu ATM simpedas atau

form untuk memasukan data nasabah sesudah menambahkan no register kartu

ATM simpedas.

Gambar 3. 54 Tampilan Edit Data No Kartu ATM Simpedas

15. Tampilan Halaman Edit Data No Kartu ATM Gold

Merupakan form untuk mengedit data register no kartu ATM gold atau

form untuk memasukan data nasabah sesudah menambahkan no register kartu

ATM gold.
 67

Gambar 3. 55 Tampilan Edit Data No Kartu ATM Gold

16. Tampilan Halaman Edit Data No Kartu ATM Black

Merupakan form untuk mengedit data register no kartu ATM black atau form

untuk memasukan data nasabah sesudah menambahkan no register kartu ATM

black.
 68

Gambar 3. 56 Tampilam Edit Data No Kartu ATM Black

17. Tampilan Halaman Data Register Brimo

Merupakan form untuk menambahkan data register brimo. Brimo atau BRI

Mobile adalah aplikasi mobile yang digunakan nasabah untuk bertransaksi secara

online. Data dari nasabah yang mendaftar internet bangking ataupun brimo di BRI

TD diregister dan dimasukan kedalam data register brimo.

 69

Gambar 3. 57 Tampilan Data Register Brimo

18. Tampilan Halaman Tambah Data Register Brimo

Merupakan form untuk menambahkan data register brimo.

Gambar 3. 58 Tambah Data Register Brimo

 70

19. Tampilan Halaman Data CS

Merupakan form yang memuat data CS BRI Unit Teluk Dalam.

Gambar 3. 59 Tampilan Data CS

20. Tampilan Halaman Tambah Data CS

Merupakan form untuk menambahkan data CS BRI TD Banjarmasin.

Gambar 3. 60 Tambah Data CS

 71

21. Tampilan Halama Data User

Merupakan form yang memuat data user BRI Unit TD. Menu data user

terdapat di halaman Home Ka. Unit dan hanya dapat dilihat oleh kepala unit BRI

Unit TD.

Gambar 3. 61 Tampilan Data User

22. Tampilan Halaman New User

Merupakan form untuk menambahkan user baru. Menu ini terdapat di halaman

CS dan Ka. Unit.

 72

Gambar 3. 62 Tampilan New User

23. Tampilan Halaman Filter Tanggal Cetak Laporan P.Rek Britama

Merupakan halaman untuk mencetak laporan pembukaan rekening britama

sesuai filter tanggal yang diinginkan .

Gambar 3. 63 Tampilan Filter Tanggal Cetak Laporan P.Rek Britama

 73

24. Tampilan Halaman Filter Tanggal Cetak Laporan P.Rek Simpedas

Merupakan halaman untuk mencetak laporan pembukaan rekening simpedas

sesuai filter tanggal yang diinginkan .

Gambar 3. 64 Tampilan Filter Tanggal Cetak Laporan P.Rek Simpedas

25. Tampilan Halaman Filter Tanggal Cetak Laporan No Kartu ATM Gold

Merupakan halaman untuk mencetak laporan no kartu ATM gold sesuai filter

tanggal yang diinginkan .

Gambar 3. 65 Tampilan Filter Tanggal Cetak Laporan No Kartu ATM Gold

 74

26. Tampilan Halaman Filter Tanggal Cetak Laporan No Kartu ATM Black

Merupakan halaman untuk mencetak laporan no kartu ATM black sesuai

filter tanggal yang diinginkan .

Gambar 3. 66 Tampilan Filter Tanggal Cetak Laporan No Kartu ATM Black

27. Tampilan Halaman Filter Tanggal Cetak Laporan Brimo

Merupakan halaman untuk mencetak laporan register brimo sesuai filter

tanggal yang diinginkan .

 75

Gambar 3. 67 Tampilan Filter Tanggal Cetak Laporan Brimo

3.5.2 Tampilan Antarmuka Keluaran Sistem

Berikut tampilan antarmuka keluaran pada Aplikasi Pencatatan Register

Pembukaan Rekening dan Kartu ATM pada Bank BRI Unit Teluk Dalam

Banjarmasin Berbasis Web.

 76

1. Tampilan Cetak Laporan Data Pembukaan Rekening Britama

Setelah difilter sesuai tanggal yang diingikaan maka inilah hasil laporan data

register pembukaan rekening britama.

Gambar 3. 68 Tampilan Cetak Laporan Data Pembukaan Rekening Britama

 77

2. Tampilan Cetak Laporan Data Pembukaan Rekening Simpedas

Setelah difilter sesuai tanggal yang diingikaan maka inilah hasil laporan data

register pembukaan rekening simpedas.

Gambar 3. 69 Tampilan Cetak Laporan Data Pembukaan Rekening Simpedas

 78

3. Tampilan Cetak Laporan No Kartu ATM Simpedas

Setelah difilter sesuai tanggal yang diingikaan maka inilah hasil laporan data

register pembukaan rekening simpedas.

Gambar 3. 70 Tampilan Cetak Laporan No Kartu ATM Simpedas

 79

4. Tampilan Cetak Laporan No Kartu ATM Gold

Setelah difilter sesuai tanggal yang diingikaan maka inilah hasil laporan data

register no kartu ATM gold.

Gambar 3. 71 Tampilan Cetak Laporan No Kartu ATM Gold

 80

5. Tampilan Cetak Laporan No Kartu ATM Black

Setelah difilter sesuai tanggal yang diingikaan maka inilah hasil laporan data

register no kartu ATM black.

Gambar 3. 72 Tampilan Cetak Laporan No Kartu ATM Black

 81

6. Tampilan Cetak Laporan Brimo

Setelah difilter sesuai tanggal yang diingikaan maka inilah hasil laporan data

register brimo.

Gambar 3. 73 Tampilan Cetak Laporan Brimo

 82

7. Tampilan Cetak Laporan Data Cs

Merupakan hasil cetak laporan data CS BRI Unit TD.

Gambar 3. 74 Tampilan Cetak Laporan Data Cs

 83

8. Tampilan Cetak Laporan Data User

Merupakan hasil cetak laporan data user BRI Unit TD.

Gambar 3. 75 Tampilan Cetak Laporan Data User

 BAB IV
PENUTUP
4.1 Kesimpulan

Aplikasi pencatatan data register dapat digunakan untuk memudahkan CS

mencatat data-data nasabah ke dalam jenis register yang berbeda, di Bank BRI Unit

Teluk Dalam Banjarmasin. Sesuai dengan uraian sebelumnya, maka dapat diambil

kesimpulan sebagai berikut :

1. Dengan adanya aplikasi ini dapat CS dalam mencatata data register.

2. Memudahkan CS mengelola data register.

3. Memudahkan CS dalam pembuatan laporan data register.

4.2 Saran

Agar aplikasi ini berjalanan dengan baik dalam penggunaanya serta

pengembangannya, maka penulis berkeinginan memberikan saran-saran yanag

mungkin dapat digunakan sebagai bahan pertimbangan bagi para pembaca, yaitu :

1. Diharapkan kedepannya aplikasi tidak hanya untuk data register Pembukaan

Rekening dan Kartu ATM saja, tetapi juga semua pencatatan data register

yang ada di Bank BRI Unit Teluk Dalam.

2. Perlu adanya pengembangan fitur-fitur karena aplikasi ini hanya sebatas

pencatatan data register.

3. Diharapkan sudah bisa online sehingga CS mudah melakukan pencatatan

data register.

84
 DAFTAR PUSTAKA
A, N. (2020, Desember 7). Tutorial Dreamweaver Lengkap. Retrieved from
www.hostinger.co.id: https://www.hostinger.co.id/tutorial/tutorial-
dreamweaver/#:~:text=Adobe%20Dreamweaver%20CC%20merupakan%
20software,lainnya%20untuk%20meningkatkan%20produktivitas%20And
a.

Andy. (qword, September 19). Pengertian XAMPP Lengkap dengan Fungsi dan
Cara Instalasi. Retrieved from https://qwords.com/blog/pengertian-xampp/

Ansori. (2020, Maret 28). Pengertian DFD (Data Flow Diagram) : Fungsi, Simbol,
dan Contohnya. Retrieved from AnsoriWeb:
https://www.ansoriweb.com/2020/03/pengertian-dfd

BRI. (2021). Informasin Perusahaan. Retrieved from bri.co.id:

https://bri.co.id/info-perusahaan

Mardinata, E. (November, 2017). MEMBANGUN SISTEM INFORMASI

PENGELOLAHAN DATA NASABAH BERBASIS WEB DI BANK.
JURNAL MATRIK VOL.17 .NO. 1 e-ISSN : 2476 - 9843, 27-35.

Panca, A. (2020, Agustus 27). Update Terkini Biaya Administrasi Potongan ATM
BRI per Bulan. Retrieved from harga.web.id:
https://harga.web.id/potongan-biaya-per-bulan-untuk-pengguna-kartu-atm-
bri.info

Swara, G. Y. (Vol. 4 No. 2 Oktober 2016 ISSN: 2338-2724). REKAYASA

PERANGKAT LUNAK PEMESANAN TIKET BIOSKOP. TEKNOIF, 27-
39.

Tekno, B. (2021, Januari). Pengertian Hardware: Fungsi, Jenis, dan Contoh

Hardware yang Umum. Retrieved from nkriku.com:
https://nkriku.com/pengertian-hardware-fungsi-jenis-dan-contoh-
hardware-yang-umum/

Widjaya, L. (2017). PENGERTIAN DAN JENIS-JENIS REGISTRASI. Retrieved

from SlidePlayer: https://slideplayer.info/slide/12306869/

85