BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan,...

70
29 BAB III PEMBAHASAN 3.1. Analisis Kebutuhan Analisis kebutuhan merupakan tahapan yang penting dalam membangun sebuah sistem. Dalam tahap ini, dilakukan spesifikasi mengenai semua kebutuhan yang diinginkan oleh pengguna mengenai sistem yang akan dibangun. Hasil dari analisa kebutuhan pengguna ini digunakan sebagai kerangka informasi untuk membangun sebuah sistem yang sesuai dengan harapan pengguna. Berikut kebutuhan pengguna dari sistem informasi simpan pinjam berbasis web: 3.1.1. Analisa Kebutuhan Pengguna Melalui media website Simpan Pinjam dapat memberikan kemudahan bagi penggunanya. Kebutuhan sistem terus berkembang dan sangat perlu dimanfaatkan sebaik-baiknya untuk mendapatkan hasil yang optimal. Berikut kebutuhan pengguna dari sistem informasi simpan pinjam berbasis web. 1. Administrator a. Administrator dapat melakukan login administrator. b. Administrator dapat mengelola identitas koperasi yang meliputi nama koperasi, alamat, kota dan telepon. c. Administrator dapat mengelola tabungan yang meliputi bunga tabungan, pajak bunga dan biaya administrasi tabungan. d. Administrator dapat mengelola besar denda terlambat angsuran dan tenor. e. Administrator dapat mengelola data nasabah seperti input, edit dan hapus.

Transcript of BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan,...

Page 1: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

29

BAB III

PEMBAHASAN

3.1. Analisis Kebutuhan

Analisis kebutuhan merupakan tahapan yang penting dalam membangun

sebuah sistem. Dalam tahap ini, dilakukan spesifikasi mengenai semua kebutuhan

yang diinginkan oleh pengguna mengenai sistem yang akan dibangun. Hasil dari

analisa kebutuhan pengguna ini digunakan sebagai kerangka informasi untuk

membangun sebuah sistem yang sesuai dengan harapan pengguna. Berikut

kebutuhan pengguna dari sistem informasi simpan pinjam berbasis web:

3.1.1. Analisa Kebutuhan Pengguna

Melalui media website Simpan Pinjam dapat memberikan kemudahan bagi

penggunanya. Kebutuhan sistem terus berkembang dan sangat perlu dimanfaatkan

sebaik-baiknya untuk mendapatkan hasil yang optimal. Berikut kebutuhan pengguna

dari sistem informasi simpan pinjam berbasis web.

1. Administrator

a. Administrator dapat melakukan login administrator.

b. Administrator dapat mengelola identitas koperasi yang meliputi nama

koperasi, alamat, kota dan telepon.

c. Administrator dapat mengelola tabungan yang meliputi bunga tabungan,

pajak bunga dan biaya administrasi tabungan.

d. Administrator dapat mengelola besar denda terlambat angsuran dan tenor.

e. Administrator dapat mengelola data nasabah seperti input, edit dan hapus.

Page 2: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

30

f. Administrator dapat mengelola data operator seperti input, edit dan hapus.

g. Administrator dapat merekap data yang berhubungan dengan transaksi

seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan

angsuran jatuh tempo.

2. Operator

a. Operator dapat melakukan login operator.

b. Operator dapat menambahkan tabungan baru

c. Operator dapat menambahkan pinjaman baru

d. Operator dapat mengelola transaksi tabungan yang meliputi mutasi, setoran

dan penarikan.

e. Operator dapat mengelola transaksi pinjaman.

3.1.2. Analisa Kebutuhan Sistem

Website Sistem Informasi Simpan Pinjam memiliki kebutuhan sistem sebagai

berikut:

1. Data

Data merupakan sebuah file yang digunakan untuk mempermudah dalam

pembuatan website. Data-data yang dibutuhkan untuk dapat diolah adalah:

a. Data Koperasi

Data desa berisi tentang informasi koperasi yaitu mengenai nama koperasi,

nama ketua koperasi, alamat koperasi, dan kode wilayah kecamatan,

kabupaten dan provinsi.

b. Data Nasabah

Data nasabah berisi jumlah data nasabah pada Koperasi Simpan Pinjam.

c. Data Pegawai

Data Pegawai berisi jumlah data pegawai pada Koperasi Simpan Pinjam.

Page 3: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

31

d. Data Transaksi Simpan Pinjam

Data Transaksi Simpan Pinjam berisi jenis simpanan, pinjaman, besar

bunga, denda dan biaya administrasi.

e. Data Laporan

Data Pinjaman terdiri dari daftar saldo tabungan, transaksi tabungan,

pinjaman belum lunas dan angsuran jatuh tempo.

2. Hak Akses

Sistem informasi simpan pinjam dibuat untuk dapat diakses pegawai. Pegawai

akan memperoleh menu yang sesuai dengan hak aksesnya. Hak akses tersebut

yaitu:

a. Hak Akses Administrator

Administrator adalah bagian yang bertanggungjawab untuk mengelola

website yang meliputi pengelolaan identitas website, mengelola data

nasabah, data Operator, data koperasi, bunga tabungan dan biaya

admnistrasi.

b. Hak Akses Operator

Operator adalah bagian yang bertanggungjawab untuk mengelola transaksi

yang meliputi tabungan pinjaman dan merekap data .

3. Keamanan

Sistem keamanan dalam website sistem informasi ini bertujuan agar terhindar

dari pihak-pihak yang tidak bertanggungjawab, sistem keamanan yang

dimaksud yaitu :

a. Menggunakan username dan password pada setiap administrator dan

Operator yang akan login.

Page 4: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

32

b. Menggunakan Enkripsi (encryption) untuk setiap password pada proses

login administrator dan Operator. Enkripsi merupakan sebuah proses yang

melakukan perubahan sebuah kode dari yang bisa dimengerti (plaintext)

menjadi sebuah kode yang tidak bisa dimengerti (ciphertext).

c. Sistem Informasi Simpan Pinjam dilakukan pada intranet atau komputer

lokal yang dikoneksi dengan Wifi Koperasi yang dilengkapi kemanan

jaringan menggunakan username dan password yang dienkripsi pada setiap

login Wifi pada Koperasi Simpan Pinjam.

4. Kebutuhan Perangkat Keras (Hardware)

Kebutuhan perangkat keras (hardware) yang dibutuhkan dalam pembuatan

website Sistem Informasi Simpan Pinjam antara lain:

Procesor : Intel ® Celeron ® CPU 1019Y @1.00GHz

RAM : 2,00 GB (1,88 Gb Usable)

Harddisk : Harddisk 500GB

Mouse : Optical Mouse

Keyboard : Standart Keyboard

Monitor : Monitor dengan resolusi layar minimum 10 inch

Printer : Inkjet dan Laser

5. Kebutuhan Perangkat Lunak (Software)

Kebutuhan perangkat lunak (software) yang dibutuhkan dalam pembuatan

website Sistem Informasi Simpan Pinjam antara lain: XAMPP,

Notepadd++,Windows 10, Mozilla Firefox, Chrome dan MySQL.

Page 5: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

33

3.2. Rancangan Dokumen Antar Muka

Berikut adalah rancangan antar muka pada website Sistem Informasi Simpan

Pinjam Berbasis Web pada Koperasi Simpan Pinjam :

1. Halaman Administrator

Halaman ini dikhususkan bagi administrator Koperasi Simpan Pinjam untuk

input, edit dan hapus data yang berhubungan dengan sistem informasi yang

ada. Untuk mengakses halaman ini, diperlukan login administrator. Rancangan

halaman login administrator sebagai berikut:

Gambar III.1. Rancangan Halaman Login Administrator

Halaman login admin terdiri dari:

a. Logo Koperasi

Berisi logo Koperasi

b. User

Masukkan user berfungsi sebagai masukan untuk parameter otentifikasi

user administrator.

c. Password

Masukkan password berfungsi sebagai masukkan kata sandi untuk

parameter otentifikasi password administrator.

Page 6: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

34

d. Tombol login

Tombol login digunakan untuk melanjutkan prosedur otentifikasi oleh

pengguna setelah memasukan user dan password yang valid. Setelah

berhasil login, administrator akan dialihkan ke halaman utama index

administrator. Berikut rancangan halaman utama ruang administrator :

Gambar III.2. Rancangan Halaman Utama Administrator

Rancangan halaman utama administrator terdiri dari 3 bagian, yaitu:

a. Header

Berisi nama koperasi beserta keterangan ruang administrator.

b. Halaman Administrator

Beiris informasi mengenai login administrator. Pada halaman ini terdapat

menu untuk mengubah akun administrator.

Page 7: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

35

Gambar III.3. Rancangan Halaman Ubah Akun Administrator

Pada Menu ubah akun, administrator dapat mengubah nama, password serta

foto identitas.

c. Sidebar

1) Home: halaman depan dari tampilan web yang menampilkan informasi

mengenai login administrator.

Gambar III.4. Rancangan Halaman Home

Page 8: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

36

2) Data Master

Data Master besiri tentang informasi nasabah, operator, serta pengaturan.

a) Nasabah : berisi form pencarian data nasabah, nasabah baru dan

tampilan data nasabah meliputi tabungan, pinjaman, edit dan hapus.

Gambar III.5. Rancangan Halaman Data Nasabah

Nasabah Baru : Untuk menambahakan data nasabah baru.

Gambar III.6. Rancangan Halaman Tambah Nasabah Baru

Page 9: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

37

(1) Tabungan : Berisi Informasi mengenai tabungan nasabah yang

meliputi mutasi tabungan, setoran dan penarikan. Pada menu

tabungan nasabah juga terdapat pilihan untuk menambahkan

tabungan baru.

Gambar III.7. Rancangan Halaman Tabungan Nasabah

Pada halaman tabungan nasabah juga terdapat pilihan untuk

menambahkan tabungan baru. Jika diklik maka akan bertambah

jumlah tabel dibawahnya.

(2) Pinjaman : Berisi mengenai informasi pinjaman nasabah yang

meliputi nomer kontrak, tanggal kontrak, tenor, nominal, status

dan sisa pinjaman.

Page 10: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

38

Gambar III.8. Rancangan Halaman Pinjaman Nasabah

Pada halaman pinjaman nasabah terdapat pilihan pinjaman baru.

Pada halaman ini administrator mengisi nominal pinjaman,tenor

dan bunga. Setelah itu klik tombol simulasi yang akan

menampilkan simulasi angsuran yang akan dibayarkan setiap

bulannya dan isi kolom keterangan, agunan, tanggal kontrak dan

tanggal jatuh tempo.

Gambar III.9. Rancangan Halaman Pinjaman Baru

Page 11: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

39

(3) Edit : Menu untuk mengedit data identitas nasabah.

Gambar III.10. Rancangan Halaman Edit Data Nasabah

(4) Hapus : Menu untuk menghapus data mengenai nasabah, biasanya

untuk nasabah yang sudah tidak menjadi aggota koperasi.

b) Operator : berisi mengenai informasi operator yang meliputi nama,

nip, tipe dan bagian. Pada halaman operator terdapat menu untuk

menambahkan tambah, edit dan hapus.

Gambar III.11. Rancangan Halaman Data Operator

Page 12: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

40

(1) Operator Baru : Untuk menambahkan operator baru meliputi

nama operator, nip, bagian, password, aktif, dan foto.

Gambar III.12. Rancangan Halaman Tambah Operator

(2) Edit : Untuk mengedit data operator yang meliputi nama

operator, nip, bagian, password, aktif dan foto.

Gambar III.13. Rancangan Halaman Edit Operator

(3) Hapus : Untuk menghapus data operator.

Page 13: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

41

c) Pengaturan : Form yang berfungsi untuk mengatur website menjadi

lebih dinamis meliputi nama perusahaan, alamat, kota, telepon, bunga

tabungan per tahun, pajak bunga, biaya administrasi tabungan per

bulan, denda terlambat angsuran, denda terlambat angsuran, tenor.

Gambar III.14. Rancangan Halaman Pengaturan

3) Tabungan

Tabungan berisi tentang informasi tabungan, bunga tabungan dan biaya

administrasi.

a) Tabungan

Pada halaman tabungan, administrator dapat mencari tabungan

nasabah dengan sesuai nama atau nomor nasabah. Selain itu terdapat

juga menu mutasi, setoran dan penarikan.

Page 14: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

42

Gambar III.15. Rancangan Halaman Tabungan

(1) Mutasi

Menu yang berisi mengenai informasi pemasukan dan penarikan

tabungan, administrator dapat mencetak transaksi pemasukan dan

penarikan tabungan.

Gambar III.16. Rancangan Halaman Mutasi Tabungan

(2) Setoran

Setoran berisi informasi mengenai setoran atau pemasukan

tabungan oleh nasabah. Pada halaman ini administrator dapat

Page 15: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

43

memasukan nominal jumlah pemasukan, jenis transaksi, dan

keterangan.

Gambar III.17. Rancangan Pemasukan Tabungan

(3) Penarikan

Penarikan berisi informasi mengenai penarikan tabungan oleh

nasabah. Pada halaman ini administrator dapat memasukkan

nominal jumlah penarikan, jenis transaksi dan keterangan.

Gambar III.18. Rancangan Halaman Pengeluaran Tabungan

Page 16: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

44

b) Bunga Tabungan

Bunga tabungan berisi informasi mengenai bunga yang akan

dikenakan pada tabungan. Proses akan menghitung bunga tabungan

setiap 1 bulan sekali dan setiap bulan bunga bisa saja berubah

nominalnya.

Gambar III.19. Rancangan Halaman Bunga Tabungan

c) Biaya Administrasi

Biaya Administrasi berisi informasi mengenai biaya yang akan

dikenakan pada tabungan. Proses akan menghitung biaya administrasi

setiap 1 bulan sekali dan setiap bulan biayaadmnistrasi bisa saja

berubah nominalnya.

Page 17: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

45

Gambar III.20. Rancangan Halaman Biaya Administrasi

4) Pinjaman

Pinjaman berisi informasi mengenai pinjaman nasabah yang meliputi

nasabah, nomor konrak, nominal dan sisa pinjaman. Pada halaman ini

administrator dapat melihat detail pinjaman nasabah.

Gambar III.21. Rancangan Halaman Pinjaman

Pada halaman ini administrator dapat melihat detail pinjaman. Pada

halaman ini terdapat data nasabah, data pinjaman yang berisi rincian

pinjaman dan data angsuran yang berisi rincian angsuran pembayaran

setiap bulannya.

Page 18: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

46

Gambar III.22. Rancangan Halaman Detail Pinjaman

5) Laporan

Laporan berisi informasi mengenai laporan semua data yang berkaitan

dengan koperasi simpan pinjam meliputi daftar saldo tabungan, laporan

transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo.

a) Daftar Saldo Tabungan : Daftar semua saldo yang terdapat pada

tabungan.

b) Laporan Transaksi Tabungan : Laporan dari berbagai jenis transaksi.

Pada halaman ini administrator dapat melihat laporan transaksi dalam

kurun waktu yang diinginkan.

c) Pinjaman belum lunas : Daftra pinjaman nasabah yang belum dilunasi.

d) Angsuran Jatuh Tempo : Daftar angsuran yang sudah harus

dibayarkan oleh nasabah.

Page 19: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

47

Gambar III.23. Rancangan Halaman Laporan Transaksi Tabungan

6) Logout

Menu logout digunakan untuk mengakhiri prosedur otentifikasi oleh

pengguna.

d. Footer

Pada footer dibagian tengah berisi tulisan “design by Amirah Afrina

Safuan”.

2. Halaman Operator

Halaman ini dikhususkan bagi operator Koperasi Simpan Pinjam untuk input

dan merekap data yang berhubungan dengan sistem informasi yang ada. Untuk

mengakses halaman ini, diperlukan login operator. Rancangan halaman login

operator sebagai berikut:

Page 20: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

48

Gambar III.24. Rancangan Halaman Login Operator

Tampilan login operator sama dengan tampilan administrator. Terdapat logo

koperasi kolom untuk mengisi user dan password. Dan terdapat tombol login

untuk menuju halaman utama web.

Gambar III.25. Rancangan Halaman Utama Operator

Pada halaman utama terdapat 4 bagian yaitu header, menu, halaman operator,

dan footer. operator dapat mengubah akun dengan menekan tombol ubah akun

Pada bagian menu terdiri dari :

a. Home

Tampilan utama dari sebuah website.

Page 21: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

49

b. Data Master

Terdapat sub menu nasabah yang berisi informasi mengenai daftar nasabah

yang ada di Koperasi Simpan Pinjam.

Gambar III.26. Rancangan Halaman Data Nasabah

Pada halaman ini operator dapat mencari nasabah dengan nama atau nomor

nasabah. operator juga dapat menambahkan nasabah baru dengan mengisi

kolom nama nasabah, alamat, kota, telepon, nomor KTP, jenis kelamin,

pekerjaan dan penghasilan.

Gambar III.27. Rancangan Halaman Tambah Nasabah Baru

Page 22: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

50

operator juga dapat megedit data nasabah dengan cara memilih pilihan edit

yang terdapat pada tabel pencarian nasabah yang dimaksud.

Gambar III.28. Rancangan Halaman Edit Data Nasabah

c. Tabungan

Pada menu tabungan terdapat kolom pencarian tabungan nasabah. Pencarian

nasabah bisa dilakukan berdasarkan nomor rekening nasabah atau nama

nasabah. Maka akan muncul daftar nasabah yang dimaksud.

Gambar III.29. Rancangan Halaman Tabungan

Page 23: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

51

Pada hasil pencarian terdapat 3 pilihan yaitu mutasi, setoran dan penarikan.

1) Mutasi

Berisi informasi mengenai mutasi yang terjadi pada tabungan baik itu

setoran maupun penarikan. Pada halaman mutasi terdapat saldo nasabah,

nomor transaksi, kode, keterangan, debet, kredit dan saldo. operator juga

dapat mencetak mutasi tabungan dengan cara menceklis mutasi yang

dimaksud.

Gambar III.30. Rancangan Halaman Mutasi Tabungan

b. Setoran

Berisi informasi mengenai transaksi pemasukan pada tabungan. Pada

halaman setoran terdapat data nasabah dan transaksi penerimaan yang

meliputi jumlah pemasukan, jenis transaksi dan keterangan.

Page 24: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

52

Gambar III.31. Rancangan Halaman Setoran

c. Penarikan

Berisi informasi mengenai transaksi penarikan pada tabungan. Pada

halaman penarikan operator dapat mengisi kolom transaksi penarikan yang

terdiri dari jumlah nominal, jenis transaksi dan keterangan.

Gambar III.32. Rancangan Halaman Penarikan

Page 25: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

53

d. Pinjaman

Pinjaman berisi informasi mengenai pinjaman nasabah. Pada menu

pinjaman terdapat kolom pencarian pinjaman nasabah. Pencarian nasabah

bisa dilakukan berdasarkan nomor kontrak nasabah atau nama nasabah.

Maka akan muncul daftar nasabah yang dimaksud.

Gambar III.33. Rancangan Halaman Pinjaman

Pada halaman pinjaman operator dapat memilih pilihan detail, pada

halaman detail berisi mengenai data pinjaman nasabah yang meliputi nomor

kontrak, tanggal kontrak, tanggal cair, tenor, bunga, nominal pinjaman,

jaminan dan keterangan. Pada halaman detail pinjaman juga berisi data

angsuran yang meliputi angsuran pokok, bunga, jumlah angsuran, sisa,

lambat, denda, jumlah baya dan tanggal bayar. operator dapat mencetak

data pinjaman dengan memilih tombol print.

Page 26: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

54

Gambar III.34. Rancangan Halaman Detail Pinjaman

Jika nasabah belum mencairkan pinjaman, pada halaman detail pinjaman

nasabah terdapat pilihan pencairan. Pada halaman pencairan pinjaman

terdapat data nsabah dan data pinjaman. Dan juga terdapat pilihan nomor

rekening tabungan yang nanti pinjaman tersebut akan dimasukan kedalam

rekening tabungan yang diinginkan.

Gambar III.35. Rancangan Halaman Pencairan Pinjaman

Page 27: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

55

e. Laporan

Berisi mengenai informasi laporan yang berakitan dengan transaksi simpan

pinjam. Pada menu laporan terdapat 4 submenu yaitu :

1) Daftar Saldo Tabungan : Daftar semua saldo yang terdapat pada

tabungan yang meliputi no rekening, nama nasabah, dan saldo.

2) Laporan Transaksi Tabungan : Laporan dari berbagai jenis transaksi.

Pada halaman ini administrator dapat melihat laporan transaksi dalam

kurun waktu yang diinginkan.

3) Pinjaman belum lunas : Daftar pinjaman nasabah yang belum dilunasi

meliputi no kontrak, nasabah, batas dan saldo.

4) Angsuran Jatuh Tempo : Daftar angsuran yang sudah harus dibayarkan

oleh nasabah meliputi nomor angsuran, nomor kontrak, nasabah,

batas,angsuran pokok, angsuran bunga, jumlah, lambat, denda dan

tagihan.

Gambar III.36. Rancangan Halaman Laporan Transaksi Tabungan

f. Logout

Menu logout digunakan untuk mengakhiri prosedur otentifikasi oleh

pengguna.

Page 28: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

56

3.3. Entity Realtionship Diagram (ERD)

Perancangan website simpan pinjam yang terdiri dari atribut, entitas dan relasi

atau hubungan menghasilkan pemetaan tabel-table yang digambarkan dengan Entity

Realtionship Diagram (ERD) dan Logical Record Structure (LRS). Pada data yang

ada digambarkan dengan Entity Relationship Diagram (ERD) dan Logical Record

Structure (LRS) adalah

1. Entity Realtionship Diagram (ERD)

Berikut ini adalah Entity Relationship Diagram (ERD) untuk database website

Sistem Informasi Simpan Pinjam yaitu:

Gambar III.37. Entity Relationship Diagram (ERD)

Page 29: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

57

2. Logical Record Structure (LRS)

Logical Record Structure (LRS) merupakan konversi dari Entitiy Relationship

Diagram (ERD) yang sebelumnya telah dibuat untuk memudahkan dalam

mendefinisikan spesifikasi file. Logical Record Structure untuk basis data

website Sistem Informasi Simpan Pinjam yaitu:

Gambar III.38. Logical Record Strructure (LRS)

Page 30: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

58

3.4. Spesifikasi File

Pada pembuatan website ini menggunakan satu buah database yang digunakan

dengan nama ta_ksp.sql dan menggunakan sembilan tabel, spesifikasi file-file ini

tersimpan didalam databse dengan parameter-parameter sebagai berikut:

1. Spesifikasi File Angsuran

Nama File : ta_ksp.sql

Akronim : Angsuran

Fungsi : Menyimpan data angsuran

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 193 Byte

Kunci Field : noangsuran

Software : Mysql

Tabel III.1.

Spesifikasi File Angsuran

No Elemen Data Akronim Tipe Panjang Keterangan

1 Nomor Angsuran Noangsuran Varchar 16

Primary key

2 Nomor Konrak nokontrak

_nama

Varchar 12 FullText

3 Nomor Nasabah Nonasabah Varchar 12 FullText

4 Nomor Nomor Tinyint 3

5 Tanggal Tempo Tgltempo Date

6 Tanggal Bayar Tglbayar Varchar 10

7 Lambat Membayar

Angsuran

Lambat Int 3

Page 31: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

59

8 Saldo Saldo Int 11

9 Angsuran Pokok Pokok Int 11

10 Bunga Bunga Int 11

11 Jumlah Angsuran Angsuran Int 11

12 Denda Denda Int3 11

13 Jumlah Bayar Jmlbayar Int 11

14 Id Operator Idopr Int 10 FullText

15 Pembayaran Lunas Lunas Tinyint 1

2. Spesifikasi File Jenistrx

Nama File : ta_ksp.sql

Akronim : jenistrx

Fungsi : Menyimpan jenis transaksi

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 22 Byte

Kunci Field : Kodetrx

Software : Mysql

Tabel III.2.

Spesifikasi File Jenistrx

No Elemen Data Akronim Tipe Panjang Keterangan

1 Kode Transaksi Kodetrx Varchar 2

Primary key

2 Jenis Transaksi jenis

_nama

Varchar 1

3 Keterangan Keterangan Varchar 20

Page 32: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

60

3. Spesifikasi File Mutasi

Nama File : ta_ksp.sql

Akronim : mutasi

Fungsi : Menyimpan data mutasi tabungan nasabah

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 135 Byte

Kunci Field : Nomutasi

Software : Mysql

Tabel III.3.

Spesifikasi File Mutasi

No Elemen Data Akronim Tipe Panjang Keterangan

1 Nomor Mutasi Nomutasi Varchar 16

Primary key

2 Nomor Rekening norekening

_nama

Varchar 12 FullText

3 Nomor Nasabah Nonasabah Varchar 12 FullText

4 Jenis Mutasi Jenis Varchar 2

5 Debet Debet Int 11

6 Kredit Kredit Int 11

7 Saldo Saldo Int 11

8 Keterangan keterangan Varchar 50

9 Tanggal Input Tglinput Datetime

10 Id Operator Idopr Int 10 FullText

4. Spesifikasi File Nasabah

Nama File : ta_ksp.sql

Akronim : nasabah

Page 33: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

61

Fungsi : Menyimpan data angsuran pinjaman nasabah

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 283 Byte

Kunci Field : nonasabah

Software : Mysql

Tabel III.4.

Spesifikasi File Nasabah

No Elemen Data Akronim Tipe Panjang Keterangan

1 Nomor Nasabah Nonasabah Varchar 12

Primary key

2 Nama Nasabah namanasabah

_nama

Varchar 40

3 Alamat Alamat Varchar 100

4 Kota Kota Varchar 50

5 Nomor Telepon Teleponnsb Varchar 20

6 Nomor KTP Noktp Varchar 20

7 Jenis Kelamin Jkel Varchar 1

8 Pekerjaan pekerjaan Varchar 30

9 Penghasilan Penghasilan Int 10

5. Spesifikasi File Operator

Nama File : ta_ksp.sql

Akronim : Operator

Fungsi : Menyimpan data operator

Tipe File : File Master

Organisasi File : Index Sequential

Page 34: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

62

Akses File : Random

Media : Hard Disk

Panjang Record : 114 Byte

Kunci Field : idopr

Software : Mysql

Tabel III.5.

Spesifikasi File Operator

No Elemen Data Akronim Tipe Panjang Keterangan

1 Id Operator Idopr Int 10

Primary key

2 NIP nip

_nama

Varchar 10

3 Password Passwd Varchar 50

4 Nama Operator Namaopr Varchar 40

5 Bagian Bagian Varchar 3

6 Aktif Aktif Tinyint 1

6. Spesifikasi File Pengaturan

Nama File : ta_ksp.sql

Akronim : pengaturan

Fungsi : Menyimpan pengaturan

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 259,6 Byte

Kunci Field : id

Software : Mysql

Page 35: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

63

Tabel III.6.

Spesifikasi File Pengaturan

No Elemen Data Akronim Tipe Panjang Keterangan

1 Id Id Tinyint 1

Primary key

2 Nomor KSP namaksp

_nama

Varchar 40

3 Alamat KSP Alamat Varchar 100

4 Kota Kota Varchar 50

5 Telepon Telepon Varchar 20

6 Denda Denda Decimal 5,2

7 Tenor Minimal Tenormin Tinyint 3

8 Bunga Tabungan Bungatab Decimal 5,2

9 Pajak Bunga Pajakbunga Decimal 5,2

10 Biaya Admin

Tabungan Admintab

Int 10

11 Hitung Bunga hitungbunga Varchar 10

12 Hitung Biaya Admin Hitungadm Varchar 10

7. Spesifikasi File Pinjaman

Nama File : ta_ksp.sql

Akronim : pinjaman

Fungsi : Menyimpan data pinjaman

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 198,2 Byte

Kunci Field : nokontrak

Software : Mysql

Page 36: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

64

Tabel III.7.

Spesifikasi File Pinjaman

No Elemen Data Akronim Tipe Panjang Keterangan

1 Nomor Konrak Nokontrak Varchar 12

Primary key

2 Tanggal Konrak tglkontrak

_nama

Date

3 Nomor Nasabah Nonasabah Varchar 12

4 Nominal Nominal Int 10

5 Bunga Bunga Decimal 5,2

6 Tenor Tenor Tinyint 3

7 Tanggal Tempo

Tgltempo

Varchar 2

8 Tanggal Maximal

Lunas

Tglmaxlunas Date

9 Lunas Lunas Tinyint 1

10 Tanggal Lunas Tgllunas Varchar 10

11 Id Operator Idopr Int 10

12 Keterangan Keterangan Varchar 50 FullText

13 Jaminan Jaminan Varchar 50

14 Nomor Tabungan Notabungan Varchar 12

15 Sisa Pokok Sisapokok Int 11

16 Tanggal Cair Tglcair Varchar 10

8. Spesifikasi File Tabungan

Nama File : ta_ksp.sql

Akronim : tabungan

Fungsi : Menyimpan data tabungan nasabah

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 45 Byte

Page 37: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

65

Kunci Field : norekening

Software : Mysql

Tabel III.8.

Spesifikasi File Tabungan

No Elemen Data Akronim Tipe Panjang Keterangan

1 Nomor Rekening Norekening Varchar 12

Primary key

2 Nomor Nasabah nonasabah

_nama

Varchar 12

3 Tanggal Daftar Tgldaftar Date

4 Saldo Saldo Int 11

5 Id Operator Idopr Int 10 FullText

3.5. Pengkodean

Pada website sistem informasi simpan pinjam, penulis menggunakan kode

sebagai identifikasi data, pemanggilan data dan pengisian data maupun kolom untuk

memudahkan pengelolaan data. Kode akan memanggil seluruh field yang

berhubungan dengan kode tersebut secara otomatis dari perintah yang diberikan dari

masing-masing memiliki perbedaan. Berikut penjelasan secara rinci mengenai

pengkodean, yaitu :

1. Nomor Nasabah

Panjang : 12 karakter

Tipe : varchar

Bentuk umum :

Page 38: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

66

Contoh :

Gambar III.39. Struktur Kode Nomor Nasabah

Keterangan :

N : Kode Nasabah

19 : Tahun

07 : Bulan

20 : Tanggal

00001 : Nomor Pendaftaran

2. Nomor Rekening

Panjang : 12 karakter

Tipe : varchar

Bentuk umum :

Contoh :

Gambar III.40. Struktur Kode Nomor Rekening

Page 39: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

67

Keterangan :

T : Kode Rekening

19 : Tahun

07 : Bulan

20 : Tanggal

00009 : Nomor Urut Tabungan

3. Nomor Mutasi

Panjang : 12 karakter

Tipe : varchar

Bentuk umum :

Contoh

Gambar III.41. Struktur Kode Nomor Transaksi Mutasi

Keterangan

M : Kode Transaksi Mutasi

19 : Tahun

07 : Bulan

Page 40: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

68

20 : Tanggal

00001 : Nomor Urut

4. Nomor Kontrak

Panjang : 12 karakter

Tipe : varchar

Bentuk umum :

Contoh :

Gambar III.42. Struktur Kode Nomor Kontrak

Keterangan :

P : Kode Kontrak

19 : Tahun

05 : Bulan

30 : Tanggal

00001 : Nomor Urut Kontrak

5. Nomor Angsuran

Panjang : 16 karakter

Tipe : varchar

Page 41: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

69

Bentuk umum :

Contoh :

Gambar III.43. Struktur Kode Nomor Angsuran

Keterangan :

P : Kode Angsuran

19 : Tahun

05 : Bulan

30 : Tanggal

00001 : Nomor Urut Kontrak

01 : Nomor Urut Angsuran

Page 42: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

70

3.6. Spesifikasi Program

Spesifikasi program yang penulis buat dalam website ini dapat dilihat dari

struktur navigasi di bawah ini :

Struktur navigasi yang digunakan pada website Sistem Informasi Simpan

Pinjam adalah struktur navigasi campuran. Berikut adalah penjelasan mengenai

struktur navigasi dalam website :

1. Struktur Navigasi Halaman Administrator

Gambar III.44. Struktur Navigasi Halaman Administato

Page 43: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

71

a. Login adalah perintah untuk emasuki halaman utama.

b. Home adaah halaman utama website.

c. Data Master adalah halaman yang berisi data nasabah, operator dan

pengaturan.

d. Tabungan adalah halaman untuk melakukan transaksi tabungan.

e. Pinjaman adalah halaman untuk melakukan transaksi pinjaman.

g. Laporan adalah halaman yang berisi data daftar saldo tabungan, transaksi

tabungan, pinjaman belum lunas, dan angsuran jatuh tempo.

h. Logout adalah perintah untuk keluar dari website.

2. Struktur Navigasi Halaman Operator

Gambar III.45. Struktur Navigasi Halaman Operator

Page 44: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

72

a. Login adalah perintah untuk memasuki halaman utama.

b. Home adalah halaman utama website. Berisi tombol untuk mengubah

password.

c. Data Master adalah halaman yang berisi data yang terdapat pilihan untuk

tambah dan edit nasabah.

d. Tabungan adalah halaman untuk melakukan transaksi tabungan yang

berisi mutasi, setoran dan penarikan.

e. Pinjaman adalah halaman untuk melakukan transaksi pinjaman yang

terdapat pilihan detail, bayar angsuran dan pencairan pinjaman.

f. Laporan adalah halaman yang berisi data daftar saldo tabungan, transaksi

tabungan, pinjaman belum lunas, dan angsuran jatuh tempo.

g. Logout adalah perintah untuk keluar dari website.

3.7. Spesifikasi Sistem Komputer

1. Spesifikasi Perangkat Keras (Hardware)

Perangkat keras (hardware) adalah seluruh komponen peralatan yang

berbentuk suatu sistem komputer dan peralatan lainnya yang memungkinkan

komputer melaksanakan tugasnya, termasuk juga mesin-mesin pembantu

penyimpanan data dan juga termasuk alat komunikasi lainnya.

a. Perangkat keras untuk server website:

Procesor : ® Celeron ® CPU 1019Y @1.00GHz

RAM : 2,00 GB (1,88 Gb Usable)

Harddisk : Harddisk 500GB

Mouse : Optical Mouse

Keyboard : Standart Keyboard

Page 45: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

73

Monitor : Monitor dengan resolusi layar minimum 10 inch

Printer : Inkjet dan Laser

2. Spesifikasi Perangkat Lunak (Software)

Komponen dalam data processing system yang berupa program-program dan

teknik lain untuk mengontrol sistem. Fungsi software ini adalah untuk

mengidentifikasi dan menyiapkan aplikasi program sehingga tata kerja seluruh

peralatan komputer dapat terkontrol, serta membuat pekerjaan menjadi lebih

efisien. Pemakaian komputer tidak lepas dari perangkat-perangkat tersebut

yang saling berhubungan dan terkait.

a. Perangkat lunak untuk server website:

Sistem Operasi : Windows

Program Desain : Notepad ++

Web Server : PHPMyAdmin dan XAMPP

Web Browser :Google Chrome, Mozilla Firefox, Opera,

Internet Explore

Bahasa Pemrograman : PHP dan HTML

Database : MySQL

3.8. Implementasi

Rancangan antar muka yang di implementasikan, diantaranya:

1. Halaman Administrator

Halaman ruang administrator hanya dapat dibuka oleh administrator melalui

form login.

Page 46: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

74

Berikut ini adalah implementasi rancangan halaman login ruang administrator:

Gambar III.46. Implementasi Login Administrator

Setelah melalui proses login yang valid, maka browser akan melanjutkan ke

halaman home ruang administrator. Terdapat beberapa menu yang masing-

masing memiliki konten halaman sendiri, diantaranya adalah :

a. Home

Gambar III.47. Implementasi Halaman Home

Page 47: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

75

b. Data Master

1) Nasabah

Gambar III.48. Implementasi Halaman Nasabah

Pada halaman nasabah terdapat beberapa pilihan, diantaranya adalah

a) Nasabah Baru

Gambar III.49. Implementasi Halaman Nasabah Baru

Page 48: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

76

b) Tabungan Nasabah

Gambar III.50. Implementasi Halaman Tabungan Nasabah

c) Pinjaman Nasabah

Gambar III.51. Implementasi Halaman Pinjaman Nasabah

Page 49: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

77

Pada halaman pinjaman nasabah terdapat pilihan pinjaman baru

Gambar III.52. Implementasi Halaman Pinjaman Baru

d) Edit Nasabah

Gambar III.53. Implementasi Halaman Edit Nasabah

Page 50: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

78

2) Operator

Gambar III.54. Implementasi Halaman Operator

Pada halaman operator terdapat bebera pilihan, diantaranya adalah

a) Tambah Operator

Gambar III.55. Implementasi Halaman Tambah Operator

Page 51: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

79

b) Edit Operator

Gambar III.56. Implementasi Halaman Edit Operator

3) Pengaturan

Gambar III.57. Implementasi Halaman Pengaturan

Page 52: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

80

c. Tabungan

1) Tabungan

Gambar III.58. Implementasi Halaman Tabungan

Pada Sub menu tabungan terdapat beberapa pilihan, diantaranya adalah

a) Mutasi

Gambar III.59. Implementasi Halaman Mutasi

Page 53: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

81

b) Setoran

Gambar III.60. Implementasi Halaman Setoran

c) Penarikan

Gambar III.61. Implementasi Halaman Penarikan

Page 54: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

82

2) Bunga Tabungan

Gambar III.62. Implementasi Halaman Bunga Tabungan

3) Biaya Administrasi

Gambar III.63. Implementasi Halaman Biaya Administrasi

Page 55: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

83

d. Pinjaman

Gambar III.64. Implementasi Halaman Pinjaman

Pada menu pinjaman terdapat pilihan detail pinjaman nasabah

Gambar III.65. Implementasi Halaman Detail Pinjaman

Page 56: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

84

e. Laporan

Pada menu laporan terdapat pilihan daftar saldo tabungan, transaksi

tabungan, pinjaman belum lunas dan angsuran jatuh tempo

Gambar III.66. Implementasi Halaman Laporan Transaksi Tabungan

2. Halaman Operator

Halaman ini dikhususkan bagi operator dengan login terlebih dahulu pada

login operator.

Gambar III.67. Implementasi Login Operator

Page 57: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

85

Terdapat beberapa menu yang masing-masing memiliki konten halaman

sendiri, diantaranya adalah :

a. Home

Gambar III.68. Implementasi Halaman Home

b. Data Master

1) Nasabah

Gambar III.69. Implementasi Halaman Nasabah

Page 58: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

86

Pada sub menu nasabah terdapat bebrapa pilihan, diantaranya adalah

a) Tambah Nasabah

Gambar III.70. Implementasi Halaman Tambah Nasabah

b) Edit Nasabah

Gambar III.71. Implementasi Halaman Edit Nasabah

Page 59: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

87

c. Tabungan

Gambar III.72. Implementasi Halaman Tabungan

Pada menu tabungan terdapat beberapa pilihan, diantaranya adalah

1) Mutasi

Gambar III.73. Implementasi Halaman MutasiTabungan

Page 60: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

88

2) Setoran

Gambar III.74. Implementasi Halaman Setoran Tabungan

3) Penarikan

Gambar III.75. Implementasi Halaman Penarikan Tabungan

Page 61: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

89

d. Pinjaman

Gambar III.76. Implementasi Halaman Pinjaman

Pada menu pinjaman terdapat beberapa pilihan, diantaranya adalah

1) Detail Pinjaman

Gambar III.77. Implementasi Halaman Detail Pinjaman

Page 62: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

90

2) Pencairan Pinjaman

Gambar III.78. Implementasi Halaman Pencairan Pinjaman

e. Laporan

Gambar III.79. Implementasi Halaman Laporan Transaksi Tabungan

Page 63: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

91

3.9. Pengujian Unit

Pengujian unit menjelaskan mengenai pengujian sistem yang dibuat

menggunakan black box testing untuk pengujian proses input dan output saja.

Berikut hasil dari pengujian sistem dari beberapa form penting dalam website

ini.

1. Form Login

Tabel III.9.

Hasil Black Box Testing Login

No Skenario Pengujian Test Case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Mengisi username,

password kosong

pada form login

administrator, lalu

langsung mengklik

tombol ‘login’.

Username:

(salah)

Password:

(salah)

Sistem akan

menampilkan

alert “gagal

login”

Sesuai

harapan

Valid

2 Mengisi username,

password dengan

salah pada form

login administrator,

lalu langsung

mengklik tombol

‘login’.

Username:

(salah)

Password:

(salah)

Sistem akan

menampilkan

alert “gagal

login”

Sesuai

harapan

Valid

3 Mengisi username

benar, password

salah pada form

login lalu langsung

mengklik ‘Login’.

Username:

(benar)

Password:

(salah)

Sistem akan

menampilkan

alert

“gagal login”

Sesuai

harapan

Valid

4 Mengisi username

benar, password

kosong pada form

login lalu langsung

mengklik ‘Login’.

Username:

(benar)

Password:

(kosong)

Sistem akan

menampilkan

alert “gagal

login”.

Sesuai

harapan

Valid

5 Mengisi username

salah, password

benar pada form

login lalu mengklik

‘Login’.

Username:

(salah)

Password:

(benar)

Sistem akan

menampilkan

alert “gagal

login”.

Sesuai

harapan

Valid

Page 64: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

92

6 Mengisi username

salah, password

kosong, pada form

login lalu mengklik

‘Login’

Username:

(salah)

Password:

(kosong)

Sistem akan

menampilkan

alert “gagal

login”

Sesuai

harapan

Valid

7 Mengisi username

benar, password

benar pada form

login lalu mengklik

‘Login’

Username:

(benar)

Password:

(benar)

Captcha:

(benar)

Sistem

menerima

akses login

kemudian

masuk ke

halaman

utama

administrator

Sesuai

harapan Valid

2. Form Nasabah Baru

Tabel III.10.

Hasil Black Box Testing Nasabah Baru

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Mengosongkan

semua kolom pada

form nasabah baru,

lalu langsung

mengklik tombol

“simpan”.

Nama:

(kosong)

Alamat:

(kosong)

Kota:

(kosong)

Telepon:

(kosong)

No. KTP:

(kosong)

Pekerjaan:

(kosong)

Penghasilan:

(kosong)

Sistem tidak

akan

memproses

simpan data

nasabah baru

dan muncul

pesan “tidak

boleh

kosong”

pada setiap

kolom

Sesuai

harapan

Valid

2 Mengisi Nama dan

Alamat dengan 2

karakter, dan

mengisi kolom

lainnya dengan

benar pada form

nasabah baru, lalu

langsung mengklik

tombol “simpan”.

Nama :

(salah)

Alamat :

(salah)

Kota : (isi)

Telepon :(isi)

No.KTP :

(isi)

Pekerjaan :

(isi)

Penghasilan :

(isi)

Sistem tidak

akan

memproses

simpan data

nasabah baru

dan muncul

pesan “Harus

antara 3 dan

40 Karakter”

dan “Harus

antara 3 dan

100

Karakter”

Sesuai

harapan

Valid

Page 65: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

93

3 Mengisi Kota

dengan 2 karakter,

Telepon dan KTP

dengan 5 angka dan

mengisi kolom

lainnya dengan

benar pada form

nasabah baru, lalu

langsung mengklik

tombol “simpan”.

Nama: (isi)

Alamat: (isi)

Kota: (isi)

Telepon:(isi)

No.KTP:(isi)

Pekerjaan:

(isi)

Penghasilan:

(isi)

Sistem tidak

akan

memproses

simpan data

nasabah baru

dan muncul

pesan “Harus

antara 3 dan

50 Karakter”

dan “Harus

antara 6 dan

20 Karakter”

Sesuai

harapan

Valid

4 Mengisi semua

kolom form

nasabah baru, lalu

langsung mengklik

tombol “simpan”.

Nama: (isi)

Alamat: (isi)

Kota: (isi)

Telepon:(isi)

No.KTP:(isi)

Pekerjaan:

(isi)

Penghasilan:

(isi)

Sistem akan

memproses

simpan data

nasabah baru

Sesuai

harapan Valid

3. Form Pinjaman Baru

Tabel III.11.

Hasil Black Box Testing Pinjaman Baru

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Mengosongkan

semua kolom pada

form pinjaman

baru, lalu langsung

mengklik tombol

“simulasi”

Nominal:

(kosong)

Tenor:

(kosong)

Bunga:

(kosong)

Sistem akan

menampilkan

alert “tidak

boleh

kosong”

pada setiap

kolom

Sesuai

harapan

Valid

2 Mengisi kolom

nominal, tenor dan

bunga dengan

karakter pada form

pinjaman baru, lalu

langsung mengklik

tombol “simulasi”

Nominal:

(isi)

Tenor:

(isi)

Bunga:

(isi)

Sistem akan

menampilkan

alert

“hanya

gunakan

angka saja”

Sesuai

harapan

Valid

Page 66: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

94

3 Mengisi kolom

nominal kurang

dari 500.000, tenor

kurang dari 3 dan

bunga dengan

benar pada form

pinjaman baru, lalu

langsung mengklik

tombol “simulasi”.

Nominal:

(salah)

Tenor:

(salah)

Bunga:

(isi)

Sistem akan

menampilkan

alert pada

kolom

nominal

“minimal

500000” dan

pada kolom

tenor

“minimal 3”.

Sesuai

harapan

Valid

4 Mengisi kolom

nominal, tenor dan

bunga dengan

benar pada form

pinjaman baru, lalu

langsung mengklik

tombol “simulasi”.

Nominal:

(isi)

Tenor:

(isi)

Bunga:

(isi)

Sistem akan

memproses

simulasi

Sesuai

harapan

Valid

4. Form Tambah Operator

Tabel III.12.

Hasil Black Box Testing Tambah Operator

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Mengosongkan

semua kolom pada

form tambah

operator, lalu

langsung mengklik

tombol “simpan”

Nama :

(kosong)

NIP :

(kosong)

Password :

(kosong)

Sistem tidak

akan

memproses

simpan data

tambah

operator dan

muncul

pesan “tidak

boleh

kosong”

Sesuai

harapan

Valid

2 Mengisi NIP

dengan karakter

dan kolom lainnya

dengan benar lalu

klik tombol

“simpan”

Nama :

(isi)

NIP :

(isi)

Password :

(isi)

Sistem tidak

akan

memproses

simpan data

tambah

operator dan

muncul

pesan “hanya

angka saja”

Sesuai

harapan

Valid

Page 67: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

95

5. Form Pengaturan

Tabel III.13.

Hasil Black Box Testing Pengaturan

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Mengosongkan

semua kolom pada

form pengaturan,

lalu langsung

mengklik “Simpan”

Nama

Perusahaan

: (kosong)

Alamat :

(kosong)

Kota :

(kosong)

Telepon :

(kosong)

Bunga

Tabungan :

(kosong)

Pajak

bunga:

(kosong)

Biaya

administras

i: (kosong)

Denda :

(kosong)

Tenor :

(kosong)

Sistem tidak

akan

memproses

simpan data

pengaturan

dan muncul

pesan “tidak

boleh

kosong”

pada setiap

kolom

Sesuai

harapan

Valid

2 Mengisi kolom

bunga tabungan,

pajak bunga, biaya

administasi, denda,

tenor dengan

karakter dan

mengisi kolom

lainnya dengan

benar lalu langsung

mengklik

“Simpan”

Nama

Perusahaan

: (isi)

Alamat :

(isi)

Kota :

(isi)

Telepon :

(isi)

Bunga

Tabungan :

(alah)

Pajak

bunga:

(salah)

Biaya

administras

i: (salah)

Denda:

(salah)

Sistem tidak

akan

memproses

simpan data

pengaturan

dan muncul

pesan

“masukannil

ai desimal

dengan

menggunaka

n titik” pada

setiap kolom

bunga

tabunga,

pajak bunga,

biaya

administasi,

denda dan

tenor

Sesuai

harapan

Valid

Page 68: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

96

Tenor :

(salah)

3 Mengisi semua

kolom dengan

benar lalu langsung

mengklik

“Simpan”

Nama

Perusahaan

: (isi)

Alamat :

(isi)

Kota :

(isi)

Telepon :

(isi)

Bunga

Tabungan :

(isi)

Pajak

bunga:

(isi)

Biaya

administras

i: (isi)

Denda: (isi)

Tenor : (isi)

Sistem akan

memproses

simpan data

pengaturan

Sesuai

harapan

Valid

6. Form Pemasukan Tabungan

Tabel III.14.

Hasil Black Box Testing Pemasukan Tabungan

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Mengosongkan

semua kolom pada

form pemasukan

tabungan, lalu

langsung mengklik

“Simpan”

Jumlah

Pemasukan

: (kosong)

Jenis

transaksi:

(isi)

Keterangan

: (kosong)

Sistem tidak

akan

memproses

simpan data

pemasukan

tabungan dan

muncul pesan

“tidak boleh

kosong” pada

kolom

jumlah

pemasukan

dan

keterangan

Sesuai

harapan

Valid

2 Mengisi kolom

jumlah pemasukan

kurang dari 10.000

dan mengisi kolom

lainnya dengan

Jumlah

Pemasukan

: (salah)

Jenis

transaksi:

Sistem tidak

akan

memproses

simpan data

pemasukan

Sesuai

harapan

Valid

Page 69: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

97

benar, lalu

mengklik “Simpan”

(isi)

Keterangan

: (isi)

tabungan dan

muncul pesan

“minimal100

00” pada

kolom

jumlah

pemasukan

3 Mengisi semua

kolom pada form

pemasukan

tabungan, lalu

langsung mengklik

“Simpan”

Jumlah

Pemasukan

: (salah)

Jenis

transaksi:

(isi)

Keterangan

: (isi)

Sistem akan

memproses

simpan data

pemasukan

tabungan

Sesuai

harapan

Valid

7. Form Penarikan Tabungan

Tabel III.15.

Hasil Black Box Testing Penarikan Tabungan

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Mengosongkan

semua kolom pada

form penarikan

tabungan, lalu

langsung mengklik

“Simpan”

Jumlah

Penarikan :

(kosong)

Jenis

transaksi :

(isi)

Keterangan

: (kosong)

Sistem tidak

akan

memproses

simpan data

penarikan

tabungan dan

muncul pesan

“tidak boleh

kosong” pada

kolom

jumlah

penarikan

dan

keterangan

Sesuai

harapan

Valid

2 Mengisi kolom

jumlah penarikan

kurang dari 10.000

dan mengisi kolom

lainnya dengan

benar, lalu

mengklik “Simpan”

Jumlah

Penarikan :

(salah)

Jenis

transaksi :

(isi)

Keterangan

: (isi)

Sistem tidak

akan

memproses

simpan data

pemasukan

tabungan dan

muncul pesan

“minimal100

00” pada

kolom

jumlah

penarikan

Sesuai

harapan

Valid

3 Mengisi semua

kolom pada form

pemasukan

tabungan, lalu

Jumlah

Penarikan:

(salah)

Jenis

Sistem akan

memproses

simpan

data

Sesuai

harapan

Valid

Page 70: BAB III PEMBAHASAN - repository.bsi.ac.id · seperti daftar saldo tabungan, transaksi tabungan, pinjaman belum lunas dan angsuran jatuh tempo. 2. Operator a. Operator dapat melakukan

98

langsung mengklik

“Simpan”

transaksi:

(isi)

Keterangan

: (isi)

penarikan

tabungan