BAB IV PERANCANGAN SISTEM DAN PROGRAM USULAN

(1)

30

BAB IV

PERANCANGAN SISTEM DAN PROGRAM USULAN

4.1. Analisa Kebutuhan Sistem A. Tahapan Analisis

Tahapan analisis pada PT BPR Supra Artapersada ini yaitu dibuatkan suatu sistem usulan pengajuan pinjaman berbasis website yang dapat memudahkan nasabah dalam melakukan pengajuan pinjaman. Berikut merupakan spesifikasi kebutuhan (system requirement) darisistem pengajuan pinjaman pada PT BPR Supra Artapersada:

Halaman Debitur/Nasabah:

A1. Nasabah dapat melakukan Registrasi A2. Nasabah dapat melakukan Login

A3. Nasabah dapat melihat menu prosedur pengajuan A4. Nasabah dapat melakukan simulasi pengajuan A5. Nasabah dapat melakukan pengajuan pinjaman A6. Nasabah dapat melihat riwayat pengajuan A7. Nasabah dapat kelola status pengajuan A8. Nasabah dapat melakukan Logout Halaman Admin/Account Officer: B1. Admin dapat melakukan Login B2. Admin dapat melihat data nasabah B3. Admin dapat melihat data pengajuan B4. Admin dapat mengelola status pengajuan B5. Admin dapat mengelola laporan pengajuan

(2)

B6. Admin dapat melakukan Logout Halaman Komite Kredit

C1. Komite Kredit dapat melakukan Login C2. Komite Kredit dapat melihat data pengajuan

C3. Komite Kredit dapat memverifikasi status pengajuan C4. Komite Kredit dapat mengelola laporan pengajuan C5. Komite Kreditdapat melakukan Logout

B. Usecase Diagram

1. Usecase Diagram Halaman Nasabah

uc Usecase Halaman Nasabah

Nasabah Login Registrasi Melakukan simulasi pengaj uan Melakukan pengaj uan pinj aman

Melihat riw ayat pengaj uan Kelola status pengaj uan Logout Melihat prosedur pengaj uan «include» «include» «include»

Gambar IV.1. Use Case Diagram Halaman Nasabah Tabel IV.1. Use Case Diagram Registrasi

Use Case Name Registrasi

Requirment A1

Goal Nasabah dapat melakukan registrasi dengan

melengkapi form registrasi

(3)

Post-condition Sistem menampilkan halaman login

Failed end condition Nasabah tidak melengkapi form registrasi

Primary Actor Nasabah

Main Flow/Basic Path

1. Nasabah melakukan registrasi dengan melengkapi

form registrasi jika belum memiliki akun untuk

login

2. Nasabah dapat melakukan login dengan username dan password yang telah dibuat saat registrasi

Invariant Nasabah memilih tombol batal

Tabel IV.2. Use Case Diagram Login

Use Case Name Login

Requirment A2

Goal Nasabah dapat melakukan login dengan username

dan password

Pre-condition Nasabah memilihmenu login

Post-condition Sistem menampilkan halaman Beranda

Failed end condition Nasabah tidak mengisi username dan password

Main Flow/Basic Path 1. Nasabah login dengan username dan password 2. Sistem menampilkan halaman Beranda

Invariant -

Tabel IV.3. Use Case Diagram Menu Prosedur Pengajuan

Use Case Name Prosedur Pengajuan

Requirment A3

Goal Nasabah dapat melihat Prosedur Pengajuan

Pre-condition Nasabah memilihmenu Prosedur Pengajuan

Post-condition Sistem menampilkan halaman Prosedur Pengajuan

Failed end condition Nasabah tidak memilih menu Prosedur Pengajuan

Main Flow/Basic Path 1. Nasabah memilih menu Prosedur Pengajuan 2. Sistem menampilkan halaman Prosedur

Pengajuan

Invariant -

Tabel IV.4. Use Case Diagram Simulasi Pengajuan

Use Case Name Simulasi Pengajuan

Requirment A4

Goal Nasabah dapat melakukan Simulasi Pengajuan

(4)

Post-condition Sistem menampilkan halaman Simulasi Pengajuan

Failed end condition Sistemtidak menampilkan halaman

SimulasiPengajuan

Main Flow/Basic Path 1. Nasabah memilih menu Simulasi Pengajuan 2. Sistem menampilkan halaman Simulasi

Pengajuan

Invariant -

Tabel IV.5. Use Case Diagram Pengajuan Pinjaman

Use Case Name Pengajuan Pinjaman

Requirment A5

Goal Nasabah dapat melakukan pengajuan pinjaman

dengan mengisi form pengajuan dan mengunggah berkas sesusai syarat dan ketentuan yang berlaku

Pre-condition Nasabah memilihmenu pengajuan pinjaman

Post-condition Sistem menampilkanform pengajuan pinjaman

Failed end condition Nasabah tidak memilih menu pengajuan pinjaman

Main Flow/Basic Path 1. Nasabah memilih menu pengajuan pinjaman 2. Sistem menampilkan form pengajuan pinjaman 3. Admin melihat data pengajuan pinjaman

Invariant -

Tabel IV.6. Use Case Diagram Riwayat Pengajuan

Use Case Name Riwayat pengajuan

Requirment A6

Goal Nasabah dapat melihat riwayat pengajuan yang

telah dilakukan

Pre-condition Nasabah memilihmenu riwayat pengajuan

Post-condition Sistem menampilkandata riwayat pengajuan

Failed end condition Sistem tidak menampilkandata riwayat pengajuan

Main Flow/Basic Path 1. Nasabah memilih menu riwayat pengajuan 2. Sistem menampilkan data riwayat pengajuan

Invariant Nasabah memilih tombolDetail

Tabel IV.7. Use Case Diagram Status Pengajuan

Use Case Name Status pengajuan

Requirment A7

(5)

dilakukan

Pre-condition Nasabah memilihmenu status pengajuan

Post-condition Sistem menampilkandata status pengajuan

Failed end condition Sistem tidak menampilkandata status pengajuan

Main Flow/Basic Path 1. Nasabah memilih menu status pengajuan 2. Sistem menampilkan data status pengajuan 3. Nasabah menekan tombol cetak

4. Sistem mencetak data status pengajuan

Invariant Nasabah memilih tomboledit dan hapus

Tabel IV.8. Use Case Diagram Logout

Use Case Name Logout

Requirment A8

Goal Nasabah logout dari sistem dengan memilih menu

logout

Pre-condition Nasabah memilihmenu logout

Post-condition Nasabah keluar dari sistem

Failed end condition Nasabah tidak keluar dari sistem

Main Flow/Basic Path 1. Nasabah memilih menu logout 2. Nasabah keluar dari sistem

Invariant Nasabah memilih tombolbatal

2. Usecase Diagram Halaman Admin

uc Usecase Halaman Admin

Admin Login Melihat data nasabah Melihat data pengaj uan Mengelola status pengaj uan Mengelola laporan pengaj uan Logout «include» «include» «include» «include»

(6)

Tabel IV.9. Use Case Diagram Login

Requirment B1

Goal Admin dapat melakukan login dengan username

dan password

Pre-condition Admin masuk ke sistem

Failed end condition Admin tidak mengisi username dan password

Primary Actor Admin

Main Flow/Basic Path 1. Admin login dengan username dan password 2. Sistem menampilkan halaman Beranda

Invariant -

Tabel IV.10. Use Case Diagram Data Nasabah

Use Case Name Data Nasabah

Requirment B2

Goal Admin dapat melihat Data Nasabah yang telah

melakukan registrasi

Pre-condition Admin memilih menu Data Nasabah

Post-condition Sistem menampilkan halaman Data Nasabah

Failed end condition Sistem tidak menampilkan halaman Data Nasabah

Main Flow/Basic Path 1. Nasabah melakukan registrasi 2. Sistem menyimpan data nasabah 3. Admin memilih menu data nasabah

4. Sistem menampilkan halaman data nasabah

Invariant -

Tabel IV.11. Use Case Diagram Data Pinjaman

Use Case Name Data Pengajuan

Requirment B3

Goal Admin dapat melihat Data Pengajuanyang telah

dilakukan oleh nasabah

Pre-condition Admin memilih menu Data Pengajuan

Post-condition Sistem menampilkan halaman Data Pengajuan

Failed end condition Sistem tidak menampilkan halaman Data Pengajuan

Primary Actor Admin

Main Flow/Basic Path 1. Nasabah melakukan Pengajuan Pinjaman 2. Sistem menyimpan data Pengajuan Pinjaman 3. Admin memilih menu Data Pengajuan

4. Sistem menampilkan halaman dataPengajuan

(7)

Use Case Name Status pengajuan

Requirment B4

Goal Admin dapat mengelola status pengajuan yang telah

dilakukan oleh nasabah

Pre-condition Admin memilih menu Status pengajuan

Post-condition Sistem menampilkan halaman status pengajuan

Failed end condition Sistem tidak menampilkan halaman status

pengajuan

Main Flow/Basic Path 1. Admin memilih menu Status pengajuan 2. Sistem menampilkan halamanstatus pengajuan 3. Admin mengelola status pengajuan

Invariant Admin memilih tombolproses

Tabel IV.13. Use Case Diagram Laporan Pengajuan

Use Case Name LaporanPengajuan

Requirment B5

Goal Admin dapat mengelola LaporanPengajuan

Pre-condition Admin memilih menu LaporanPengajuan

Post-condition Sistem menampilkan halaman LaporanPengajuan

Failed end condition Sistem tidak menampilkan halaman

LaporanPengajuan

Main Flow/Basic Path 1. Admin memilih menu Laporan Pengajuan 2. Admin menentukan rentang tanggal yang ingin

ditampilkan

3. Sistem menampilkan Laporan Pengajuan sesuai dengan tanggal yang diinput

Invariant Admin memilih tombolcetak

Requirment B6

Goal Adminlogout dari sistem dengan memilih menu

logout

Pre-condition Admin memilihmenu logout

Post-condition Admin keluar dari sistem

Failed end condition Admin tidak keluar dari sistem

Main Flow/Basic Path 1. Admin memilih menu logout 2. Admin keluar dari sistem

(8)

3. Usecase Diagram Halaman Komite Kredit

uc Use Case Halaman Komite Kredit

Komite Kredit

Login

Melihat data pengaj uan

Memv erifiksi status pengaj uan Mengelola laporan pengaj uan Logout «include» «include» «include»

Gambar IV.3. Use Case Diagram Halaman Komite Kredit Tabel IV.15. Use Case Diagram Login

Requirment C1

Goal Komite Kredit dapat melakukan login dengan

username dan password

Pre-condition Komite Kredit masuk ke sistem

Failed end condition Komite Kredit tidak mengisi username dan

password

Primary Actor Komite Kredit

Main Flow/Basic Path 1. Komite Kredit login dengan username dan

password

2. Sistem menampilkan halaman Beranda

Invariant -

Tabel IV.16. Use Case Diagram Data Pengajuan

Use Case Name Data Pengajuan

Requirment C2

Goal Komite Kredit dapat melihat Data Pinjaman

Pre-condition Komite Kredit memilih menu Data Pengajuan

Post-condition Sistem menampilkan halaman Data Pengajuan

Failed end condition Sistem tidak menampilkan halaman Data Pengajuan

Primary Actor Komite Kredit

(9)

2. Sistem menyimpan data Pengajuan Pinjaman 3. Komite kredit memilih menu DataPengajuan 4. Sistem menampilkan halaman Data Pengajuan

Invariant Komite memilih tombol detail

Use Case Name Status pengajuan

Requirment C3

Goal Komite Kredit dapat mengelola status pengajuan

yang telah dilakukan diverifikasi oleh admin

Pre-condition Komite Kredit memilih menu Status pengajuan

Post-condition Sistem menampilkan halaman status pengajuan

Failed end condition Sistem tidak menampilkan halaman status

pengajuan

Main Flow/Basic Path 1. Komite Kredit memilih menu Status pengajuan 2. Sistem menampilkan halamanstatus pengajuan

yang statusnya telah diverifikasi oleh admin sehingga komite kredit hanya menganalisa kelayakan dan memberikan keputusan

3. Komite Kredit mengelola status pengajuan dengan memilih tombol proses

4. Sistem menampilkan form proses status 5. Komite kredit dapat memilih setuju atau tolak

Invariant -

Tabel IV.18. Use Case Diagram Laporan Pengajuan Pinjaman

Use Case Name LaporanPengajuan

Requirment C4

Goal Komite Kredit dapat mengelola LaporanPengajuan

Pre-condition Komite Kredit memilih menu LaporanPengajuan

Post-condition Sistem menampilkan halaman LaporanPengajuan

Failed end condition Sistem tidak menampilkan halaman

LaporanPengajuan

Main Flow/Basic Path 1. Komite Kredit memilih menu Laporan

Pengajuan

2. Komite Kredit menentukan rentang tanggal yang ingin ditampilkan

3. Sistem menampilkan Laporan Pengajuan sesuai dengan tanggal yang diinput

(10)

Requirment C5

Goal Komite Kreditlogout dari sistem dengan memilih

menu logout

Pre-condition Komite Kredit memilihmenu logout

Post-condition Komite Kredit keluar dari sistem

Failed end condition Komite Kredit tidak keluar dari sistem

Primary Actor Komite Kredit

Main Flow/Basic Path 1. Komite Kredit memilih menu logout 2. Komite Kredit keluar dari sistem

Invariant -

C. Activity Diagram

1. Activity Diagram Halaman Login Nasabah

act Activ iy Diagram Login

Sistem Nasabah

Mul ai

Memilih Menu Login Menampilkan Form Login

Mengisi Email dan Passw ord

Klik Tombol Login Nasabah

Val i dasi Data

Menampilkan Pesan "Selamat datang, anda sudah berhasil login" dan

diarahkan ke halaman pengaj uan pinj aman

Sel esai Ya T i dak

(11)

2. Activity Diagram Halaman Pengajuan Pinjaman act Activ ity Diagram Pengaj uan Pinj aman

Sistem Nasabah

Mulai

Memilih Menu Pengaj uan Pinj aman

Menampilkan Form Pengaj uan Pinj aman

Mengisi Jumlah Pinj aman

Memilih Lama Pinj aman

Memilih Jaminan

Menekan Tombol Simpan Pengaj uan

Validasi Kelengkapan Data

Menampilkan Pesan "Berhasil!" dan diarahkan

ke halaman selanj utnya

Ya Tidak

Selesai

(12)

3. Activity Diagram Halaman Status Pengajuan

act Activ ity Diagram Verifikasi Status Pengaj uan

Sistem Admin

Mulai

Memilih Menu Status Pengaj uan

Menampilkan Halaman Data Pengaj uan

Memilih Data yang akan div erifikasi

Klik Tombol Proses Menampilkan Form _{Proses Status}

Memv erifikasi Status Pengaj uan

Mengisi Catatan

Klik Tombol Simpan

Validasi Kelengkapan Data

Menampilkan Pesan "Berhasil!' dan diarahkan

ke halaman Data Pengaj uan

Selesai

Tidak

Ya

(13)

4. Activity Diagram Halaman Laporan Pengajuan

act Activ ity Diagram Laporan Pengajuan

Sistem Admin

Mulai

Memilih Menu Laporan Pengajuan

Menampilkan Form Laporan Pengajuan

Memilih Tanggal Mulai

Memilih Tanggal Akhir

Klik Tombol Tampilkan

Menampilkan Data Pengajuan sesuai dengan

rentang tanggal yang diinputkan

Selesai

(14)

4.2. Desain 4.2.1. Database

A. Entity Relatinship Diagram

pinjaman miliki Id_pinjaman

email nasabah nama_nasabah jenis_kelamin alamat nik no_hp lakukan nik miliki sertifikat_rumah Jaminan_shm ktp_suami pajak_bumi slip_gaji sppt 1 1 1 1 1 Id_pinjaman password status verifikasi_komite catatan_ao total_pengem balian tgl_pinjaman beban_dana estimasi_ang suran verifikasi_ao lama_pinjam an status_berkas jumlah_pinja man catatan_komit e jaminan ktp_suami Jaminan_bpkb faktur_pembelian kk ktp_istri slip_gaji bpkb ktp_istri rekening_listrik id_pinjaman 1

Gambar IV.8. Entity Relatinship Diagram B. Logical Record Structure

jaminan_bs ** id_pinjaman ktp_suami ktp_istri kk bpkb faktur_pembelian slip_gaji pinjaman * id_pinjaman tgl_pinjaman jumlah_pinjaman lama_pinjaman jaminan catatan_ao catatan_komite estimasi_angsuran beban_dana total_pengembalian status_berkas verifikasi_ao verifikasi_komite status ** nik jaminan_shm ** id_pinjaman ktp_suami ktp_istri sertifikat_rumah pajak_bumi sppT slip_gaji rekening_listrik nasabah * nik nama_nasabah jenis_kelamin no_hp email alamat password 1 1 1 1 1 1 nik id_pinjaman id_pinjaman

(15)

C. Spesifikasi File

1. Spesifikasi File Nasabah

Nama database : pengajuan_pinjaman Nama File : Nasabah

Akronim : nasabah Tipe File : File Master Akses File : Random Panjang Record : 371 karakter Kunci Field : nik

Perangkat Lunak : Mysql

Tabel IV.20. Spesifikasi File Nasabah

No Elemen Data Nama Field Tipe Panjang Keterangan

1 NIK nik Integer 20 Primary Key

2 NamaNasabah nama_nasabah Varchar 35 3 JenisKelamin jenis_kelamin Varchar 1

4 No Telepon no_hp Varchar 15

5 Email email Varchar 100

6 Alamat alamat Varchar 100

7 Password password Text 100

2. Spesifikasi File Jaminan BPKB

Nama database : pengajuan_pinjaman Nama File : Jaminan BPKB Akronim : jaminan_bpkb Tipe File : File Transaksi Akses File : Random Panjang Record : 1.215 karakter

(16)

Kunci Field : - Perangkat Lunak : Mysql

Tabel IV.21. Spesifikasi File Jaminan BPKB

1 ID Pinjaman id_pinjaman Integer 15 Foreign Key

2 KTPSuami ktp_suami Varchar 200

3 KTPIstri ktp_istri Varchar 200

4 Kartu Keluarga kk Varchar 200

5 BPKB bpkb Varchar 200

6 FakturPembelian faktur_pembelian Varchar 200

7 SlipGaji slip_gaji Text 200

3. Spesifikasi File Jaminan SHM

Nama database : pengajuan_pinjaman Nama File : Jaminan SHM Akronim : jaminan_shm Tipe File : File Transaksi Akses File : Random Panjang Record : 1.415 karakter Kunci Field : -

Perangkat Lunak : Mysql

Tabel IV.22. Spesifikasi File Jaminan SHM

1 ID Pinjaman id_pinjaman Integer 15 Foreign Key

2 KTPSuami ktp_suami Varchar 200

3 KTPIstri ktp_istri Varchar 200

4 SertifikatRumah sertifikat_rumah Varchar 200

5 PajakBumi pajak_bumi Varchar 200

(17)

7 SlipGaji slip_gaji Varchar 200 8 RekeningListrik rekening_listrik Varchar 200

4. Spesifikasi File Pinjaman

Nama database : pengajuan_pinjaman Nama File : Pinjaman

Akronim : pinjaman Tipe File : File Transaksi Akses File : Random Panjang Record : 680 karakter Kunci Field : id_pinjaman Perangkat Lunak : Mysql

Tabel IV.23. Spesifikasi File Pinjaman

1 ID Pinjaman id_pinjaman Varchar 15 Primary Key

2 Tanggal Pinjaman tgl_pinjaman Date 10

3 JumlahPinjaman jumlah_pinjaman Double 15

4 LamaPinjaman lama_pinjaman Varchar 20

5 Jaminan jaminan Varchar 20

6 CatatanAO catatan_ao Text 225

7 CatatanKomite catatan_komite Text 225

8 EstimasiAngsuran estimasi_angsuran Double 15

9 BebanDana beban_dana Double 15

10 TotalPengembalian total_pengembalian Double 15 11 StatusBerkas status_berkas Varchar 20 12 VerifikasiAO verifikasi_ao Varchar 20 13 VerifikasiKomite verifikasi_komite Varchar 20

14 Status status Varchar 25

(18)

4.2.2. Software Architecture A. Deployment Diagram

deployment Deployment Diagram

Database Pengaj uan

Pinj aman

Web Serv er

Client Brow ser

Page Request Database Request

Gambar IV.10. Deployment Diagram

B. Component diagram

cmp Component Diagram

Database Pengaj uan Pinj aman

Serv er Pengaj uan Pinj aman

Aplikasi Pengaj uan Pinj aman

«use»

(19)

4.2.3. User Interface A. User Interface Nasabah

1. User Interface Halaman Index

(20)

2. User Interface Halaman Simulasi Pengajuan

Gambar VI.13 User Interface Halaman Simulasi Pengajuan

3. User Interface Halaman Login

(21)

4. User Interface Halaman Pengajuan Pinjaman

Gambar VI.15 User Interface Halaman Pengajuan Pinjaman

5. User Interface Halaman Status Pengajuan

(22)

B. User Interface Admin

1. User Interface Halaman Data Nasabah

Gambar VI.17 User Interface Halaman Data Nasabah

2. User Interface Halaman Data Pengajuan

(23)

3. User Interface Halaman Proses Pengajuan

Gambar VI.19 User Interface Halaman Proses Pengajuan

4. User Interface Halaman Laporan

(24)

4.3. Code Generation

1. Code Halaman

<?php

$now = date("Ymd"); $tanggal = date("Y-m-d");

$id_pinjam = mysql_fetch_array(mysql_query("select max(id_pinjaman) as akhir from pinjaman where id_pinjaman like '$now%'"));

$lastno = $id_pinjam['akhir']; $nextno = substr($lastno, 8, 3)+1;

$nextnopinjaman = $now.sprintf('%03s', $nextno); if (isset($_POST['simpan'])) { $id_pinjaman=$_POST['id_pinjaman']; $tgl_pinjaman=$_POST['tgl_pinjaman']; $jumlah_pinjaman=$_POST['jumlah_pinjaman']; $lama_pinjaman=$_POST['lama_pinjaman']; $jaminan=$_POST['jaminan']; if($lama_pinjaman=="1 Tahun") { $bunga=$jumlah_pinjaman*35/100; $hasil=($jumlah_pinjaman+$bunga)/12; }

elseif ($lama_pinjaman=="1 Tahun 6 Bulan") { $bunga=$jumlah_pinjaman*50/100; $hasil=($jumlah_pinjaman+$bunga)/18; }

elseif ($lama_pinjaman=="2 Tahun") { $bunga=$jumlah_pinjaman*74/100; $hasil=($jumlah_pinjaman+$bunga)/24; }

elseif ($lama_pinjaman=="2 Tahun 6 Bulan") { $bunga=$jumlah_pinjaman*98/100; $hasil=($jumlah_pinjaman+$bunga)/30; }

elseif ($lama_pinjaman=="3 Tahun") { $bunga=$jumlah_pinjaman*118/100; $hasil=($jumlah_pinjaman+$bunga)/36; } else { $bunga=0; $hasil=0; } $total_pengembalian=$jumlah_pinjaman+$bunga; $sql=mysql_query("INSERT into pinjaman

(id_pinjaman,tgl_pinjaman,jumlah_pinjaman,lama_pinjaman,jaminan, estimasi_angsuran, beban_dana, total_pengembalian)

(25)

values('$id_pinjaman','$tgl_pinjaman','$jumlah_pinjaman','$lama_pinjaman','$j aminan','$hasil','$bunga','$total_pengembalian')")or die(mysql_error()); $sql2=mysql_query("SELECT * FROM pinjaman WHERE

id_pinjaman='$id_pinjaman'"); $r=mysql_fetch_array($sql2); if($r['jaminan']=="BPKB") { if($sql) { echo "<script>alert('Berhasil!'); window.location='?view=bpkb&id_pinjaman=$id_pinjaman';</script>"; }else{ echo "<script>alert('Error!'); window.location='?view=pengajuan';</script>";} }else { if($sql) { echo "<script>alert('Berhasil!'); window.location='?view=shm&id_pinjaman=$id_pinjaman';</script>"; }else{ echo "<script>alert('Error!'); window.location='?view=pengajuan';</script>";}}}?> <section id="about" class="section-padding">

<div class="container"> <div class="row">

<div class="col-12 text-center"> <div class="section-title"> <br>

<h3>PENGAJUAN<span> PINJAMAN</span></h3> </div></div></div>

<div class="home-p-form-wrapper"> <div class="home-p-form">

<form action="" method="post" style="font-size: 12px"> <div class="row"><div class="form-group col-lg-6 mb-3"> <input style="font-size: 12px" name="id_pinjaman" value='<?php echo"$nextnopinjaman";?>' class="form-control" readonly="readonly" type="text"></div><div class="form-group col-lg-6 mb-3">

<input style="font-size: 12px" name="tgl_pinjaman" value='<?php echo"$tanggal";?>' class="form-control" readonly="readonly" type="text"></div><div class="form-group col-lg-6 mb-3">

<input style="font-size: 12px" name="jumlah_pinjaman" class="form-control" placeholder="Jumlah Pinjaman" required="required" type="text">

</div><div class="form-group col-lg-6 mb-3">

<select style="font-size: 12px" class="form-control" name="lama_pinjaman"> <option>Lama Pinjaman</option>

<option>1 Tahun</option>

<option>1 Tahun 6 Bulan</option> <option>2 Tahun</option>

<option>2 Tahun 6 Bulan</option> <option>3 Tahun</option>

(26)

<div class="form-group col-lg-12 mb-3">

<select style="font-size: 12px" class="form-control" name="jaminan"> <option>Jaminan</option>

<option>BPKB</option> <option>SHM</option> </select></div>

<div class="form-group col-lg-3 mb-lg-0 mb-md-0 mb-2 pr-0">

<button style="font-size: 12px" type="submit" name="simpan" class="btn-style btn-filled btn-filled-2">Simpan Pengajuan</button></div>

</div></form></div></div></div>section>

4.4. Testing

A. Pengujian Terhadap Form Login Nasabah

Table IV.24. Pengujian Login Nasabah

No Skenario

Pengujian Test Case

Hasil yang diharapkan Hasil Pengujian Kesimpulan 1 Emaildan Password tidak diisi kemudian di klik tombol login Email: (kosong) Password: (Kosong) Sistem akan menolak akses user dan menampilkan “email atau password anda salah” Sesuai Harapan Valid 2 Mengetikkan salah satu dari

email dan password salah kemudian klik tombol login. Email: eza@gmail.c om (Benar) Password:12 34 (Salah) Sistem akan menolak akses user dan menampilkan “email atau password anda salah”. Sesuai Harapan Valid

(27)

Emaildan password dengan data yang benar kemudian klik tombol login. mail.com (Benar) Password: 123 (Benar) menerima akses login dan menampilkan halaman Pengajuan Nasabah Harapan

B. Pengujian Terhadap Form Pengajuan Pinjaman

Table IV.25.Pengujian Form Pengajuan Pinjaman

No Skenario

Hasil yang diharapkan

Hasil

Pengujian Kesimpulan

1 Semua form isian tidak diisi kemudian klik tombol Simpan Pengajuan Jumlah Pinjaman: (kosong) Lama Pinjaman: (Kosong) Jaminan: (Kosong) Sistem akan menolak dan menampilkan simbol warning disetiap isian form yang kosong Sesuai Harapan Valid 2 Sebagianform isian tidak diisi kemudian klik tombol Simpan Pengajuan Jumlah Pinjaman: 2000000 Lama Pinjaman: (Kosong) Jaminan: (Kosong) Sistem akan menolak dan menampilkan simbol warning disetiap isian form yang kosong Sesuai Harapan Valid 3 Semua form isian diisi kemudian klik Jumlah Pinjaman: 2000000 Sistem akan menerima akses Sesuai Harapan Valid

(28)

tombol Simpan Pengajuan Lama Pinjaman:2 Tahun Jaminan:BPK B kemudian menampilkan form untuk melengkapi persyaratan sesuai dengan kategori jaminan

C. Pengujian Terhadap Form Pengajuan Pinjaman BPKB

Table IV.26.Pengujian Form Pengajuan Pinjaman BPKB

No Skenario

Hasil

1 Semua form isian tidak diisi kemudian klik tombol Simpan Pengajuan KTP Suami: (kosong) KTP Istri: (Kosong) Kartu Keluarga: (Kosong) BPKB: (Kosong) Faktur Pembelian: (Kosong) Slip Gaji: (Kosong) Sistem akan menolak dan menampilkan simbol warning disetiap isian form yang kosong Sesuai Harapan Valid 2 Sebagianform isian tidak diisi kemudian klik tombol Simpan KTP Suami: (diisi) KTP Istri: (diisi) Sistem akan menolak dan menampilkan simbol Sesuai Harapan Valid

(29)

Pengajuan Kartu Keluarga:(dii si) BPKB: (Kosong) Faktur Pembelian: (Kosong) Slip Gaji: (Kosong) warning disetiap isian form yang kosong 3 Semua form isian diisi kemudian klik tombol Simpan Pengajuan KTP Suami: (diisi) KTP Istri: (diisi) Kartu Keluarga: (diisi) BPKB: (diisi) Faktur Pembelian: (diisi) Slip Gaji: (diisi) Sistem akan menerima akses kemudian menampilkan halaman Status Pengajuan Sesuai Harapan Valid

D. Pengujian Terhadap Form Laporan Pengajuan

Table IV.27.Pengujian Form Laporan Pengajuan

No Skenario

Hasil

1 Semua form isian tidak diisi kemudian klik Dari Tanggal: (kosong) Sampai Sistem akan menolak dan menampilkan Sesuai Harapan Valid

(30)

tombol Tampilkan Tanggal: (Kosong) simbol warning disetiap isian form yang kosong 2 Sebagianform

isian tidak diisi kemudian klik tombol Tampilkan Dari Tanggal: (2020-06-01) Sampai Tanggal: (Kosong) Sistem akan menolak dan menampilkan simbol warning disetiap isian form yang kosong Sesuai Harapan Valid 3 Semua form isian diisi kemudian klik tombol Tampilkan Dari Tanggal: (2020-06-01) Sampai Tanggal:(202 0-06-30) Sistem akan menerima akses kemudian menampilkan Data Pengajuan sesuai dengan rentang tanggal yang diinputkan Sesuai Harapan Valid 4.5. Support

4.5.1. Spesifikasi Hardware dan Software

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan sistem pengajuan pinjaman pada PT BPR Supra Artapersada:

(31)

1. Spesifikasi Perangkat Keras a. Server

1) Monitor LCD 14 inch 2) Keyboard 83 QUERTY 3) Optikal Mouse/Touch Pad 4) Memory (RAM) 2 GB 5) Hard Disk 500 GB 6) Processor Intel Inside .

7) Monitor dengan resolusi layar minimun 1280 x 600 pixels. 8) Koneksi Internet dengan kecepatan 2 Mbps.

b. Client

1) Monitor LCD 14 inch 2) Keyboard 83 QUERTY 3) Optikal Mouse/Touch Pad 4) Memory (RAM) 2 GB 5) Hard Disk 500 GB 6) Processor Intel Inside .

7) Monitor dengan resolusi layar minimun 1280 x 600 pixels. 8) Koneksi Internet dengan kecepatan 2Mbps.

2. Spesifikasi Perangkat Lunak a. Server

1) Sistem Operasi Microsoft Windows 7 Ultimate Edition. 2) Server building XAMPP meliputi paket:

(32)

b) PHP Versi 5.4.25 c) Mysql Versi 5.5.36 d) phpMyadmin Versi 4.1.6

3) Web browser Google Chrome, Internet Explorer, Opera.

b. Client

1) Sistem Operasi Microsoft Windows 7 Ultimate edition.

2) Web browser Google Chrome, Mozilla FireFox, Internet Exlorer.

4.6. Spesifikasi Dokumen Sistem Usulan A. Spesifikasi Bentuk Dokumen Masukan

Dokumen masukan yang digunakan pada sistem usulan adalah: 1. Nama dokumen : Form Registrasi

Fungsi : Sebagai masukan untuk data nasabah

Sumber : Nasabah

Tujuan : Admin

Media : Form

Frekuensi : Setiap ada nasabah yang melakukan registrasi Bentuk : Lihat Lampiran C.1

2. Nama dokumen : Form Pengajuan Pinjaman

Fungsi : Sebagai masukan untuk data Pengajuan Pinjaman

Sumber : Nasabah

Tujuan : Admin, Komite

Media : Form

(33)

Bentuk : Lihat Lampiran C.2 3. Nama dokumen : Form Proses Pengajuan

Fungsi : Sebagai proses untuk memverifikasi pengajuan

Sumber : Admin

Tujuan : Nasabah

Media : Form

Frekuensi : Setiap ada pengajuan baru Bentuk : Lihat Lampiran C.3

B. Spesifikasi Bentuk Dokumen Keluaran

Dokumen keluaran yang digunakan pada sistem usulan adalah: 1. Nama dokumen : Data Nasabah

Fungsi : Menampilkan Data Nasabah

Sumber : Nasabah

Tujuan : Admin

Media : Data Tabel

Frekuensi : Setiap Ada Nasabah Baru Bentuk : Lihat Lampiran D.1 2. Nama dokumen : Data Pengajuan

Fungsi : Menampilkan Data Pengajuan

Sumber : Nasabah

Tujuan : Admin, Komite

Media : Data Tabel

Frekuensi : Setiap Ada Pengajuan Baru Bentuk : Lihat Lampiran D.2

(34)

3. Nama dokumen : Bukti Terima Pengajuan

Fungsi : Menampilkan Bukti Terima Pengajuan

Sumber : Komite

Tujuan : Nasabah

Media : Kertas Cetak

Frekuensi : Setiap Ada Pengajuan Baru Bentuk : Lihat Lampiran D.3