bab iv rancangan sistem dan program usulan · harus bertemu dan bertatap muka untuk memperoleh...

27
28 BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN 4.1. Analisis Kebutuhan Software A. Tahapan Analisis Sistem informasi permohonan kredit pada Bank BRI unit Kolonel Sugiono dibuat agar memudahkan nasabah, kepala unit, dan bagian kredit atau Administrator dalam mengakses informasi yang ada di bank dimana mereka tidak harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi mengenai permohonan kredit dapat diakses menggunakan media web browser. Berikut ini spesifikasi kebutuhan (system requirement) dari sistem informasi permohonan kredit Bank BRI unit Kolonel Sugiono: Halaman Nasabah: A1. Nasabah dapat mendaftar. A2. Nasabah dapat melakukan login. A3. Nasabah dapat melakukan permohonan kredit. A4. Nasabah dapat melihat permohonan kredit. A5. Nasabah dapat mencetak permohonan kredit. A6. Nasabah dapat mengelola akun. A7. Nasabah dapat melakukan logout. Halaman Kepala Unit: B1. Kepala Unit dapat melakukan login. B2. Kepala Unit dapat mengelola permohonan kredit.

Upload: duongtuong

Post on 13-Aug-2019

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

28

BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1. Analisis Kebutuhan Software

A. Tahapan Analisis

Sistem informasi permohonan kredit pada Bank BRI unit Kolonel Sugiono

dibuat agar memudahkan nasabah, kepala unit, dan bagian kredit atau

Administrator dalam mengakses informasi yang ada di bank dimana mereka tidak

harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi

mengenai permohonan kredit dapat diakses menggunakan media web browser.

Berikut ini spesifikasi kebutuhan (system requirement) dari sistem informasi

permohonan kredit Bank BRI unit Kolonel Sugiono:

Halaman Nasabah:

A1. Nasabah dapat mendaftar.

A2. Nasabah dapat melakukan login.

A3. Nasabah dapat melakukan permohonan kredit.

A4. Nasabah dapat melihat permohonan kredit.

A5. Nasabah dapat mencetak permohonan kredit.

A6. Nasabah dapat mengelola akun.

A7. Nasabah dapat melakukan logout.

Halaman Kepala Unit:

B1. Kepala Unit dapat melakukan login.

B2. Kepala Unit dapat mengelola permohonan kredit.

Page 2: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

29

B3. Kepala Unit dapat mengganti password.

B4. Kepala Unit dapat mengelola akun.

B5. Kepala Unit dapat melihat laporan permohonan.

B6. Kepala Unit dapat melakukan logout.

Halaman Administrator:

C1. Administrator dapat melakukan login.

C2. Administrator dapat mengelola data kredit.

C3. Administrator dapat mengelola data nasabah.

C4. Administrator dapat mengelola data Kepala Unit.

C5. Administrator dapat mengelola data permohonan kredit.

C6. Administrator dapat mengelola laporan permohonan kredit.

C7. Administrator dapat melakukan logout.

B. Use Case Diagram

1. Use Case Diagram Halaman Nasabah

uc Usecase Nasabah

Nasabah

Daftar Login

Logout

Melakukan

Permohonan

Kredit

Melihat

Permohonan

Kredit Mencetak

Permohonan

Kredit

Mengelola Akun

«include»

«extend»

«include»

«include»

«include»

«include»

Page 3: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

30

Gambar IV.1Use Case Diagram Halaman Nasabah

Tabel IV.1 Deskripsi Use Case Diagram Halaman Nasabah

Use Case Name Nasabah

Requirement A1,A2,A3,A4,A5,A6,A7

Goal Mencetak permohonan kredit, melihat

permoonan kredit

Pre-Condition Sukses Login

Post-Condition Mencetak dan melihat data

Failed End Condition Gagal mencetak dan melihat data

Primary Actor Nasabah

Main Flow / Basic Path 1. Mengajukan kredit

2. Melihat permohonan kredit

3. Mencetak permohonan kredit

4. Mengelola akun

2. Use Case Diagram Halaman Kepala Unit

Gambar IV.2Use Case Diagram Halaman Kepala Unit

uc Usecase Kepala Unit

Kepala Unit

Login

Logout

Mengelola

Permohonan

Kredit

Mengelola Akun

Ganti

Password

Laporan

Permohonan

Kredit

«include»

«include»

«include»

«include»

«include»

Page 4: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

31

Tabel IV.2 Deskripsi Use Case Diagram Halaman Kepala Unit

Use Case Name Kepala Unit

Requirement B1,B2,B3,B4,B5,B6

Goal Mengelola permohonan kredit, ganti

password, mengelola akun, dan melihat

laporan

Pre-Condition Sukses login

Post-Condition Ganti password dan mengelola data

Failed End Condition Gagal ganti password dan mengelola data

Primary Actor Kepala Unit

Main Flow / Basic Path 1. Mengelola permohonan kredit

2. Mengelola akun

3. Ganti password

4. Melihat Laporan

3. Use Case Diagram Halaman Administrator

Gambar IV.3Use Case Diagram Halaman Administrator

uc Usecas Administrator

Administrator

Login

Logout

Mengelola Data

Kredit

Mengelola Data

Pengguna

Mengelolan Data

Permohonan

Kredit

Mengelola

Laporan

Permohonan

Kredit

Data Nasabah

Data Kepala Unit«include»

«include»

«include»«extend»

«include»

«include»

«extend»

Page 5: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

32

Tabel IV.3Deskripsi Use Case Diagram Halaman Administrator

Use Case Name Administrator

Requirement C1,C2,C3,C4,C5,C6,C7

Goal Mengelola data nasabah, kredit, kepala unit,

data permohonan kredit, dan laporan

permohonan kredit

Pre-Condition Sukses login

Post-Condition Mengelola data

Failed End Condition Gagal mengelola data

Primary Actor Administrator

Main Flow / Basic Path 1. Mengelola data kredit

2. Mengelola data nasabah

3. Mengelola data kepala unit

4. Mengelola data permohonan kredit

5. Mengelola laporan

C. Activity Diagram

1. Activity Diagram Mengajukan Kredit Halaman Nasabah

Terdiri dari 2 aktor yang saling berkaitan yaitu Nasabah dan sistem. Dimulai

dari Nasabah memilih menu ajukan permohonan kredit kemudian sistem

menampilkan form permohonan kredit, selanjutnya Nasabah mengisi form

permohonan kredit dan menentukan jumlah uang. Setelah Nasabah mengisi form,

Sistem akan menyimpan data yang diinput Nasabah, setelah itu sistem

menampilkan data permohonan kredit Nasabah. Untuk lebih jelas lihat gambar

IV.4.

Page 6: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

33

Gambar IV.4 Activity Diagram Mengajukan Kredit Halaman Nasabah

2. Activity Diagram Mengelola Permohonan Kredit Halaman Kepala Unit

Terdiri dari 2 aktor yang saling berkaitan yaitu Kepala Unit dan sistem.

Dimulai dari Kepala Unit memilih data permohonan kredit, kemudian sistem

menampilkan data permohonan kredit. Setelah itu Kepala Unit memilih detail

permohnan kredit, maka sistem akan menampilkan detail dari permohohonan

kredit nasabah. Kepala unit memilih disetujui atau tidak disetujui dan input

alasan, jika di setujui sistem akan mengubah status permohonan kredit nasabah

menjadi disetujui, jika memilih tidak disetujui sistem akanmengubah status

permohonan kredit menjadi tidak disetujui Untuk lebih jelas lihat gambar IV.5.

act ajukan pinjaman nasabah

Nasabah Sistem

Ajukan KreditMenampilka Form

Permohonan Kredit

Mengisi Form dan

Menentukan Jumlah

Pinjaman

Menyimpan Pengajuan

Kredit

Menampilkan Data

Permohoanan Kredit

Page 7: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

34

Gambar IV.5 Activity Diagram Kelola Data Permohonan Kredit Halaman

Kepala Unit

3. Activity Diagram Mencetak Permohonan Kredit Halaman Nasabah

Terdiri dari 2 aktor yang saling berkaitan yaitu Nasabah dan sistem. Dimulai

dari Nasabah memilih menu status pengajuan kemudian sistem menampilkan data

permohonan kredit. Setelah itu nasabah memilih detail lalu sistem menampilkan

detail permohonan kredit setelah itu Nasabahmencetak permohonan kredit. Untuk

lebih jelas lihat gambar IV.6.

act kelola kredit kepunit

Kepala Unit Sistem

Data Permohonan

Kredit

Menampilkan Data

Permohonan Kredit

Detail Permohonan

Kredit

Menampilkan Detail

Permohonan Kredit

Nasabah

Disetujui Tidak Disetujui

Mengubah Satatus

Permohonan Kredit

Page 8: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

35

Gambar IV.6 Activity Diagram Mencetak Permohonan Kredit Halaman

Nasabah

4. Activity Diagram Ganti Password Halaman Kepala Unit

Terdiri dari 2 aktor yang saling berkaitan yaitu Kepala Unit dan sistem.

Dimulai dari Kepala Unit memilih Ganti Password kemudian sistem menampilkan

form ganti password setelah itu Kepala Unit mengisi password lama dan password

baru, kemudian sistem menyimpan password baru jika password lama sesuai.

Untuk lebih jelas lihat gambar IV.7.

act Cetak permohonan kredit

Nasabah Sistem

Data Permohonan

Kredit

Menampilkan Data

Permohonan Kredit

Detail Permohonan

Kredit

Menampilkan Detail

Permohonan Kredit

Cetak Permohonan

Kredit

Menampilkan Hasil

Cetak Permohonan

Kredit

Page 9: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

36

Gambar IV.7 Activity Diagram Ganti Password Halaman Kepala Unit

5. Activity Diagram Mengelola Akun Halaman Nasabah

Terdiri dari 2 aktor yang saling berkaitan yaitu Nasabah dan sistem.

Dimulai dari Nasabah melihat profil saya kemudian sistem menampilkan form

akun nasabah, setelah itu Nasabah mengedit data akun dan melakukan update

data, kemudian sistem mengupdate data. Untuk lebih jelas lihat gambar IV.8.

act Ganti Pass Kepunit

Kepala Unit Sistem

Ganti Password Menampilkan Form

Ganti Password

Mengisi Password

Lama dan Password

Baru

Menyimpan

Password Baru

Password Lama

Salah

Password Lama Benar

Page 10: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

37

Gambar IV.8 Activity Diagram Mengelola Akun Halaman Nasabah

4.2.Desain

Pada tahapan ini akan menjelaskan tentang desain database, desain software

architecture dan desain interface dari system yang sedang dibuat.

act Keloela Akun

Nasabah Sistem

Profil SayaMenampilkan Form

Akun Nasabah

Mengedit Data Menyimpan Update

Akun Nasabah

Page 11: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

38

4.2.1. Database

1. Entity Relationship Diagram

kredit

permohonannasabah

jaminan

melakukandiputuskan

idnasabah

noktp

passwordnm_nasabah

alamat

tempatlahir

agamajeniskelamin

jaminan

taksiran

idkredit

biaya_admin

tipe_kredit

maxbulan

maxpinjam

nopermohonan

bunga

nopermohonan

bunga total

jml_kredit

angsuranjanga_waktu

tgl_kredit

1 1 1tgl_lahir

kep_unit

nip

password

alamat

tempatlahir

jeniskelamin

tgl_lahir

1

detail_permohonan

keperluan_pinjaman

kk

surket_usaha

nopermohonan

ktp

sektor_usaha

surat_nikah

memiliki

fotonotelp

pekerjaan

putusan

idkredit

idnsabah

nip

memiliki memiliki

1

1

1

1

1

m

Gambar IV.9

Entity Relationship Diagram Sistem Informasi Permohonan Kredit

Page 12: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

39

2. Logical Record Structure

nasabah

PK idnasabah

noktp password nm_nasabah alamat tempatlahir tgl_lahir jeniskelamin agama foto notelp pekerjaan

kredit

PK idkredit

tipe_kredit maxpinjam maxbulan bunga biaya_admin

kep_unit

PK nip

password nm_kepunit alamat tempatlahir tgl_lahir jeniskelamin

permohonan

PK nopermohonan

jml_kredit tgl_kredit jangka_waktu bunga total angsuran putusanFK3 idkreditFK1 idnasabahFK2 nip

detail_permohonan

FK1 nopermohonan ktp kk surket_usaha surat_nikah keperluan_pinjaman sektor_usaha

jaminan

FK1 nopermohonan jaminan taksiran

idnasabah

idkredit

nip

nopermohonan

nopermohonan

Gambar IV.10

Logical Record Structure Sistem Informasi Permohonan Kredit

3. Spesifikasi File

Dalam website ini terdapat satu database yaitu “kredit_bri” dan memiliki 17 table

yaitu :

a. Spesifikasi File Tabel Admin

Nama Database : kredit_bri

Nama File : Tabel Admin

Akronim : admin.ibd

Tipe File : File Master

Akses File : Random

Panjang Record : 285 Byte

Page 13: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

40

Kunci Field : idadmin

Tabel IV.4

Spesifikasi File Tabel User

No Elemen Data Nama Field Type Size Keterangan

1 Id Admin Idadmin Int 5 Primary Key

2 Username username Varchar 100

3 Password password Varchar 50

4 Nama Lengkap nama_lengkap Varchar 100

5 Jenis Kelamin jenis_kelamin Varchar 10

b. Spesifikasi File Tabel Nasabah

Nama Database : kredit_bri

Nama File : Tabel Nasabah

Akronim : nasabah.ibd

Tipe File : File Master

Akses File : Random

Panjang Record : 1712Byte

Kunci Field : idnasabah

Tabel IV.5

Spesifikasi File Tabel Nasabah

No Elemen Data Nama Field Type Size Keterangan

1 ID Nasabah idnasabah Int 5 Primary Key

2 Nomor KTP noktp Varchar 16

3 Password password Varchar 30

4 Nama Nasabah nm_nasabah Varchar 120

5 Alamat alamat Text

Page 14: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

41

6 Tempat Lahir tempatlahir Varchar 30

7 Tanggal Lahir tgl_lahir Date

8 Jenis Kelamin jeniskelamin Varchar 20

9 Agama agama Varchar 10

10 Foto foto Texr

11 Telepon notelp Varchar 13

12 Pekerjaan pekerjaan Varchar 50

c. Spesifikasi File Tabel Kredit

Nama Database :kredit_bri

Nama File : Tabel Kredit

Akronim :kredit.ibd

Tipe File :File Master

Akses File :Random

Panjang Record :22Byte

Kunci Field :idkredit

Tabel IV.6

Spesifikasi File Tabel Kredit

No Elemen Data Nama Field Type Size Keterangan

1 Id Kredit idkredit Int 5 Primary Key

2 Tipe Kredit tipe_kredit Varchar 15

3 Max Pinjam maxpinjam Double

4 Max Bulan maxbulan Int 3

5 Bunga Bunga Float

6 Biaya Admin Biaya_admin Double

Page 15: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

42

d. Spesifikasi File Tabel Kepala Unit

Nama Database : kredit_bri

Nama File : Tabel Kepala Unit

Akronim : kep_unit.ibd

Tipe File : File Master

Akses File : Random

Panjang Record : 1715Byte

Kunci Field : nip

Tabel IV.7

Spesifikasi File Tabel Kepala Unit

No Elemen Data Nama Field Type Size Keterangan

1 NIP nip Varchar 30 Primary Key

2 Password password Varchar 255

3 Nama Kepala

Unit nm_kepunit Varchar 120

4 Alamat alamat Varchar 255

5 Tempat Lahir tempatlahir Varchar 50

6 Tanggal Lahir tgl_lahir Varchar 50

7 Jenis Kelamin jeniskelamin Varchar 20

8 Foto Foto Varchar 120

9 Telepon Notelp Varchar 13

10 Agama Agama Varchar 20

e. Spesifikasi File Tabel Permohonan

Nama Database : kredit_bri

Nama File : Tabel Permohonan

Akronim : permohonan.ibd

Tipe File : FileTransaksi

Page 16: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

43

Akses File : Random

Panjang Record : 60 Byte

Kunci Field : nopermohonan

Tabel IV.8

Spesifikasi File Tabel Permohonan

No Elemen Data Nama Field Type Size Keterangan

1 No. Permohonan nopermohonan Int 5 Primary Key

2 Jumlah Kredit jml_kredit Varchar 20

3 Tanggal Kredit tgl_kredit Varchar 10

4 Jangka Waktu jangka_waktu Int 3

5 Jumlah Bunga bunga Int 3

6 Total total Int 3

7 Angsuran Bulanan angsuran Int 3

8 Id Kredit idkredit Int 3

9 Id Nasabah idnasabah Int 3

10 Putusan putusan Varchar 15

f. Spesifikasi File Tabel Detail Permohonan

Nama Database : kredit_bri

Nama File : Tabel Detail Permohonan

Akronim : detail_permohonan.ibd

Tipe File : FileTransaksi

Akses File : Random

Panjang Record : 74Byte

Kunci Field : -

Tabel IV.9

Spesifikasi File Tabel Detail Permohonan

Page 17: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

44

No Elemen Data Nama Field Type Size Keterangan

1 No. Permohonan nopermohonan Int 5 Foregn Key

2 KTP ktp Varchar 20

3 Kartu Keluarga kk Varchar 100

4 Surat Keterangan

Usaha surket_usaha Varchar 100

5 Surat Nikah surat_nikah Varchar 100

6 Keperluan

Pinjaman keperluan_pinjaman Varchar 50

7 Sektor Usaha sektor_usaha Varchar 100

g. Spesifikasi File Tabel Jaminan

Nama Database : kredit_bri

Nama File : Tabel Jaminan

Akronim : jaminan.ibd

Tipe File : FileTransaksi

Akses File : Random

Panjang Record : 74Byte

Kunci Field : -

Tabel IV.10

Spesifikasi File Tabel Jaminan

No Elemen Data Nama Field Type Size Keterangan

1 No. Permohonan nopermohonan Int 5 Foregn Key

2 Jaminan jaminan Varchar 20

3 Taksiran Harga taksiran Varchar 100

Page 18: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

45

4.2.2. Software Architecture

A. Component Diagram

Component diagram menggambarkan struktur dan hubungan antar komponen

piranti lunak, termasuk ketergantungan diantaranya. Component diagram juga

dapat berupa interface yang berupa kumpulan layanan yang disediakan oleh

komponen untuk komponen lainnya.

Gambar IV.11

Component Diagram Sistem Informasi Kredit_bri

B. Deployment Diagram

Menggambarkan tata letak system secara fisik, yang menampakkan bagian-bagian

software yang berjalan pada hardware yang digunakan untuk

mengimplementasikan sebuahsystem dan keterhubungan antara komponen

hardware-hardware tersebut.

cmp comp kredit

Admin Sistem

Informasi

Permohonan

Kredit

User Sistem

Informasi

Permohonan

Kredit

xampp serv er

kredit_bri MYSQL Database

jquery

Style.css

Page 19: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

46

Gambar IV.12

Deployment Diagram Sistem Informasi Permohonan Kredit

4.2.3. User Interface

A. Halaman Utama

Gambar dibawah ini merupakan halaman utama, pengunjung disini dapat

mengakses semua informasi yang disediakan oleh website mulai dari melihat

home page, tentang kami, ajukan pinjaman, keunggulan, kontak dan mendaftar

bagi yang belum meiliki akun dan login bagi yang sudah mendaftar.Untuk lebih

jelas lihat gambar IV.13.

deployment Deploy kredit

Web Serv er

Database Serv er

Client Serv er

Admin Sistem

Informasi

Permohonan Kredit

User Sistem

Informasi

Permohonan Kredit

xampp serv er

jquery

Style.css kredit_briMYSQL

Database

Browser Operating

System

Page 20: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

47

Gambar IV.13

Tampilan Halaman Utama

B. Halaman Login

Gambar dibawah ini merupakan halaman login nasabah. Setelah nomor ktp,

hak akses dan password di isi, sistem akan menampilkan halaman menu utama

nasabah.Untuk lebih jelas lihat gambar IV.14.

Gambar IV.14

Tampilan Halaman Login Nasabah

Page 21: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

48

C. Halaman Nasabah

Gambar dibawah ini merupakan halaman menu utama Nasabah, Nasabah

disini dapat mengakses ajukan kredit, status pengajuan, dokumen, dan mencetak

permohonan kredit.Untuk lebih jelas lihat gambar IV.15.

Gambar IV.15

Tampilan Halaman Nasabah

D. Halaman Kepala Unit

Gambar dibawah ini merupakan halaman menu utama Kepala Unit, Kepala

Unit disini dapat melihat data permohonan kredit, mengelola profil, melihat

laporan permohonan dan mengganti password.Untuk lebih jelas lihat gambar

IV.16.

Page 22: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

49

Gambar IV.16

Tampilan Halaman Kepala Unit

E. Halaman Administrator

Gambar dibawah ini merupakan halaman menu utama Administrator,

Administrator disini dapat mengelola semua data sistem informasi permohonan

kredit. Mulai dari mengelola data pengguna (Nasabah, Kepala Unit), data

kredit,data permohonan kredit dan seluruh konten website Untuk lebih jelas lihat

gambar IV.17.

Gambar IV.17

Tampilan Halaman Administrator

Page 23: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

50

4.3. Code Generation

A. Form Tambah Nasabah

Gambar dibawah ini merupakan halaman Form tambah nasabah, Form

tambah nasabah ini disini dapat menambah data Nasabah permohonan kredit.

Mulai dari mengelola data pengguna (Nasabah, Kepala Unit), data kredit,data

nasabah permohonan kredit dan seluruh konten website Untuk lebih jelas lihat

gambarIV.18.

Gambar IV.18

Tampilan Halaman Tambah Nasabah

4.4. Testing

Pada tahapan ini, dilakukan pengujian dengan menggunakan black box

testing untuk memastikan sistem yang dibuat telah sesuai dengan desainnya dan

semua fungsi dapat dipergunakan dengan baik, berikut hasil pengujian dari

beberapa form yang berhubungan dengan proses bisnis utama:

Page 24: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

51

4.4.1. Black Box

A. Form Login Admin

No

Skenario

Pengujian Test Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1 Username dan

Password

tidak diisi

kemudian klik

ttombol login

Username:(kosong)

Password : (Kosong)

Sistem akan

menolak dan

menampilkan

pesan "User

atau password

yang anda

masukan salah

Sesuai

Harapan

Vaid

Tabel IV.11

Hasil Pengujian Black Box Testing Form Login

B. Form Login Nasabah

No

Skenario

Pengujian Test Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1 No KTP dan

Password

tidak diisi

kemudian klik

tombol login

Username:(kosong)

Password :

(Kosong)

Sistem akan

menolak dan

menampilkan

pesan "No

KTP atau

password

yang anda

masukan

salah

Sesuai

Harapan

Vaid

Tabel IV.12

Hasil Pengujian Black Box Testing Form Login

4.5. Support

Setelah seluruh website dibangun, hal terpenting adalah bagaimana agar

orang dapat mengakses website itu sendiri. Oleh karena itu di butuhkan publikasi

webhosting, di sini website akan di upload ke internet sehingga client dapat

dengan mudah mengakses website ini melalui jaringan internet. Banyak layanan

Page 25: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

52

penyedia server website baik yang bayar maupun yang gratis, disini penulis

membuat domaindan hostingpada website id.000 webhost.com. Untuk estimasi

biaya sendiri, id.000webhost.com menyediakan layanan hosting gratis tanpa

berbayar kita hanya perlu membeli domain jika diinginkan.

Berikut ini merupakan langkah-langkah pubikasi website Bank BRI unit

Kolonel Sugiono:

1. Pembuatan/Registrasi Hosting dan Domain

Diperlukannya pembuatan domain ini adalah untuk mengidentifikasi alamat

server komputer. Pembuatan domain ini diperlukan dalam proses pengalamatan

halaman website.Domain akan memberikan kemudahan pengguna internet untuk

melakukan akses ke server dan memudahkan mengingat server yang dikunjungi

dibandingkan harus mengingat sederetan angka-angka IP Address. Domain yang

diinginkan oleh pihak Bank BRI unit Kolonel Sugiono adalah skripsi-kreditbri.tk,

alasan mengapa penulis tidak membuatnya menjadi domain commercial adalah

untuk menghemat pengeluaran dalam pembuatan skripsi ini.

Cara pembuatan/registrasi hosting dan domain ini dengan mengunjungi

official site id.000webhost.com. Tentunya kita harus login terlebih dahulu

menggunakan email dan password yang sudah kita buat di id.000webhost.com.

Apabila belum mempunyai akun, kita bisa melakukan registrasi terlebih dahulu.

Setelah itu kita dapat masuk pada halaman id.000webhost.com, disitu kita dapat

melakukan order hosting baru pada navigasi menu id.000webhost.com.

Pada halaman setup hosting kita dapat memilih alamat domain agar

nantinya aplikasi yang kita buat bisa diakses secara online, dengan menggunakan

Page 26: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

53

subdomain yang sudah tersedia dari id.000webhost.com atau membeli domain

lain.

2. Konfigurasi Basis Data (Database)

Dalam konfigurasi database untuk website Sistem Informasi Permohonan

KreditBRI unit Kolonel Sugiono<<kredit_bri>> kita dapat setting database

tersebut melalui menu Kelola Database dengan cara upload file database MySQL

yang sebelumnya sudah kita buat di PhpMyAdmin pada menudatabase.

3. Publikasi Website ke Hosting

Untuk publikasi website ke hosting dapat dilakukan pada menu navigasi

yang ada di id.000webhost.com. Pada menu file manajer yang akan digunakan

untuk upload file aplikasi website yang sudah kita buat dalam bentuk .zip. Data

yang nantinya digunakan adalah nama domain. Kita dapat memasukan domainnya

pada ftp-server, setelah itu kita langsung dapat mencoba untuk upload file script

didalam folder public_html.

4.5.1. Spesifikasi Hardware dan Software

Untuk dapat menjalankan sistem usulan, penulis menjelaskan tentang

kebutuhan hardware dan softwarestandard yang dapat digunakan, yaitu :

Tabel IV.13

Spesifikasi Hardware dan Software

Kebutuhan Keterangan

Sistem Operasi Windows 7 Ultimate

Processor Core(TM)i3 2350 CPU

Page 27: BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN · harus bertemu dan bertatap muka untuk memperoleh informasi tersebut. Informasi Informasi mengenai permohonan kredit dapat diakses menggunakan

54

RAM 2.00 GB

Harddisk 500 GB

Monitor 14.1inch

Keyboard 108 Key

Printer Laser Jet (Optional)

Mouse Optic

Browser Google Chrome, Mozilla Firefox

Software Sublime Text Editor, Xampp Server,

Php MyAdmin

4.6. Spesifikasi Dokumen Sistem Usulan

Spesifikasi dokumen sistem usulan merupakan serangkaian dari bentuk

dokumen untuk mendukung terbentuknya file-file yang diusulkan oleh penulis

untuk mendapatkan informasi yang disajikan, maka dibutuhkan masukkan-

masukkan untuk sistem.