File 11 Bab III Pembahasan

76
22 BAB III PEMBAHASAN 3.1. Tinjauan Perusahaan Penjelasan mengenai analisis kebutuhan, desain dan implementasi untuk aplikasi simpan pinjam yang akan dibuat akan dijelaskan pada halaman pembahasan ini. Sebelum membahas tentang aplikasi simpan pinjam yang dibuat untuk KSU Dana Kapuas Unit Pelayanan III Pontianak, terlebih dahulu akan menggambarkan sedikit tentang sejarah dan struktur organisasi perusahaan tersebut. 3.1.1. Sejarah Perusahaan Koperasi Dana Kapuas berdiri pada juli tahun 2008 yang didirikan oleh MARULI TUA SIAHAAN Yang beralamat di Jl. Panglima A’IM Pontianak, Kalimantan barat. dengan badan hukum No.27/BH/PAD/XV11.10/TAHUN 2008. Ketua SUBANDI mengatakan didirikannya Koperasi KSU Dana Kapuas awalnya dilandasi pemikiran bersama, sekelompok kecil yang bertujuan ingin meningkatkan taraf hidup masyarakat menjadi lebih kesejahtera. Sebagai koperasi pelayananan masyarakat dalam simpan pinjam. Koperasi Dana Kapuas adalah koperasi yang sistem kerjanya memberikan pinjaman. Koperasi Dana Kapuas bergerak dibidang perdagangan dan pengelolaan keuangan yang bertujuan untuk menciptakan kesejahteraan bagi seluruh anggota. Koperasi Dana Kapuas diresmikan pada tanggal 01 desember 2008. Mempunyai 6 anggota karyawan yang bekerja dibidangnya masing-masing. Jumlah nasabah koperasi sebanyak 150 orang, Koperasi Dana Kapuas bekerja semaksimal

Transcript of File 11 Bab III Pembahasan

Page 1: File 11 Bab III Pembahasan

22

BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

Penjelasan mengenai analisis kebutuhan, desain dan implementasi untuk

aplikasi simpan pinjam yang akan dibuat akan dijelaskan pada halaman

pembahasan ini. Sebelum membahas tentang aplikasi simpan pinjam yang dibuat

untuk KSU Dana Kapuas Unit Pelayanan III Pontianak, terlebih dahulu akan

menggambarkan sedikit tentang sejarah dan struktur organisasi perusahaan

tersebut.

3.1.1. Sejarah Perusahaan

Koperasi Dana Kapuas berdiri pada juli tahun 2008 yang didirikan oleh

MARULI TUA SIAHAAN Yang beralamat di Jl. Panglima A’IM Pontianak,

Kalimantan barat. dengan badan hukum No.27/BH/PAD/XV11.10/TAHUN 2008.

Ketua SUBANDI mengatakan didirikannya Koperasi KSU Dana Kapuas awalnya

dilandasi pemikiran bersama, sekelompok kecil yang bertujuan ingin meningkatkan

taraf hidup masyarakat menjadi lebih kesejahtera. Sebagai koperasi pelayananan

masyarakat dalam simpan pinjam. Koperasi Dana Kapuas adalah koperasi yang

sistem kerjanya memberikan pinjaman. Koperasi Dana Kapuas bergerak dibidang

perdagangan dan pengelolaan keuangan yang bertujuan untuk menciptakan

kesejahteraan bagi seluruh anggota.

Koperasi Dana Kapuas diresmikan pada tanggal 01 desember 2008.

Mempunyai 6 anggota karyawan yang bekerja dibidangnya masing-masing. Jumlah

nasabah koperasi sebanyak 150 orang, Koperasi Dana Kapuas bekerja semaksimal

Page 2: File 11 Bab III Pembahasan

23

mungkin untuk mensejahterakan anggota. Dalam mencapai tujuan tersebut,

Koperasi Dana Kapuas menjalankan jasa simpan pinjam bagi masyarakat umum.

Adapun visi dan misinya adalah sebagai berikut:

1. Visi

Meningkatkan kesejahteraan anggota dan Menjadi Koperasi yang unggul dan

terkemuka dalam pelayanan kinerja serta berkarakter, bermoral dan beretika.

2. Misi

a. Memberikan pelayanan yang terbaik bagi seluruh anggota.

b. Mendidik dan melatih anggota koperasi agar dapat memiliki keahlian yang

bernilai ekonomi dan berbudi pekerti.

c. Meningkatkan peran serta anggota dalam ekonomi kerakyatan dan berbakti

kepada nusa dan bangsa.

d. Ingin berkembang.

3.1.2. Struktur Organisasi dan Fungsi

Untuk mengelola perusahaan dengan baik dan optimal, terutama terhadap

sumber daya manusia, perusahaan menerapkan manajemen yang dituangkan dalam

bentuk struktur organisasi yang merupakan sarana penting untuk menjalankan

fungsinya. Adapun struktur organisasi ini sendiri dapat dikatakan sebagai suatu

kerangka yang mewujudkan suatu pola tetapi dari hubungan antara kedudukan dan

peranan dalam suatu kerja sama. Bentuk struktur organisasi yang dimiliki oleh KSU

Dana Kapuas Unit Pelayanan III Pontianak dapat dilihat pada gambar berikut ini.

Page 3: File 11 Bab III Pembahasan

24

Sumber: KSU Dana Kapuas Unit Pelayanan III Pontianak (2018)

Gambar III.1. Struktur Organisasi KSU Dana Kapuas

Adapun fungsi dari tiap-tiap bagian yang ada di dalam struktur organisasi

diuraikan sebagai berikut:

1. Pimpinan Harian

a. Bertanggung jawab atas jalannya perusahaan

b. Membuat rencana kerja bagi perusahaan sebagai dasar kebijaksanaan dalam

mengkoordinasikan jalannya perusahaan

c. Bertanggung jawab atas segala aktifitas yag terjadi, baik didalam maupun

diluar lapangan.

d. Aktifitas berhubungan dengan nasabahah dan pihak ketiga berhubungan

dengan kegiatan keuangan.

2. Kasir

Bertanggung jawab untuk segala macam administrasi di perusahaan dan

pendokumentasian sebagai dasar pembuatan laporan Membantu dan mengelola

laporan keuangan.

Page 4: File 11 Bab III Pembahasan

25

3. Mantri

Penagih lapangan, mencari anggota baru dan memberikan pinjaman kepada

anggota baru.

3.2. Analisa Kebutuhan

Aplikasi sistem pinjam pada KSU Dana Kapuas Unit Pelayanan III

Pontianak yang akan dibuat ini merupakan perkembangan dari sistem yang berjalan

di perusahaan. Analisa kebutuhan ini menguraikan tentang tahapan analisis yang

menjelaskan tentang kebutuhan pengguna dan kebutuhan sistem, kemudian

dimodelkan menggunakan use case diagram dan activity diagram.

3.2.1. Tahapan Analisis

Analisis kebutuhan merupakan tahapan dasar dalam merancang sebuah

sistem. Analisis kebutuhan ini membahas tentang kebutuhan pengguna dan

kebutuhan sistem dari aplikasi simpan pinjam yang akan dibuat untuk KSU Dana

Kapuas Unit Pelayanan III Pontianak.

A. Kebutuhan Pengguna

Aplikasi simpan pinjam untuk KSU Dana Kapuas Unit Pelayanan III

Pontianak menyesuaikan dengan kebutuhan penggunanya. Kebutuhan atau feature

yang diperlukan oleh pengguna menguraikan fungsi-fungsi dari aplikasi.

A1 Skenario Kebutuhan Bagian Kasir

a) Mengelola data resort

b) Mengelola data pegawai

c) Mengelola data nasabah

d) Mengelola data pinjaman nasabah

Page 5: File 11 Bab III Pembahasan

26

e) Mengelola angsuran nasabah

f) Mengelola tambah simpanan

g) Mengelola ambil simpan

h) Mengakses laporan pinjaman keseluruhan

i) Mengakses laporan pinjaman nasabah

j) Mengakses laporan simpanan keseluruhan

k) Mengakses laporan simpanan per nasabah

l) Mengakses laporan angsuran keseluruhan

m) Mengakses laporan angsuran per nasabah

n) Mengakses laporan keuangan

o) Mengelola data pengguna

B. Kebutuhan Sistem

1) Pengguna harus melakukan login terlebih dahulu untuk dapat mengakses

aplikasi ini dengan memasukkan username dan password.

2) Pengguna harus melakukan logout setelah selesai menggunakan aplikasi.

3) Sistem dapat melakukan kalkulasi untuk angsuran pinjaman.

4) Pencarian laporan dapat dicari berdasarkan rentang waktu sesuai tanggal

pencarian dan juga sesuai nama resort.

3.2.2. Use Case Diagram

Kebutuhan pengguna dari aplikasi simpan pinjam untuk KSU Dana Kapuas

Unit Pelayanan III Pontianak akan dimodelkan ke dalam bentuk use case diagram.

Pemodelan sistem menggunakan use case diagram ini bertujuan untuk menjelaskan

interaksi yang terjadi antara aktor atau pelaku dengan perilaku sistem itu sendiri.

Page 6: File 11 Bab III Pembahasan

27

Sumber: Hasil Penelitian (2018)

Gambar III.2. Use Case Diagram

Page 7: File 11 Bab III Pembahasan

28

Tabel III.1. Deskripsi Use Case Aplikasi Simpan Pinjam

Use Case Narative Aplikasi Simpan Pinjam Tujuan Kasir dapat mengolah data yang ada di dalam

aplikasi simpan pinjam. Deskripsi Sistem ini memberikan fasilitas kepada Kasir

untuk mengolah data resort, data pegawai, data nasabah, pinjaman nasabah, angsuran nasabah, tambah simpanan, ambil simpanan, mengakses laporan pinjaman keseluruhan, laporan pinjaman nasabah, laporan simpanan keseluruhan, laporan simpanan per nasabah, laporan angsuran keseluruhan, laporan angsuran per nasabah, laporan keuangan dan mengelola data pengguna.

Skenario Utama Aktor Kasir Kondisi Awal Kasir mengakses halaman login, kemudian

mengisi username dan password. Aksi Aktor Reaksi Sistem

1. Kasir memilih menu data resort

2. Kasir memilih menu data pegawai

3. Kasir memilih menu data nasabah

4. Kasir memilih menu pinjaman nasabah

5. Kasir memilih menu angsuran nasabah

6. Kasir memilih menu tambah simpanan

7. Kasir memilih menu ambil simpanan

8. Kasir memilih menu laporan pinjaman keseluruhan

9. Kasir memilih menu laporan pinjaman nasabah

10. Kasir memilih menu laporan simpanan keseluruhan

11. Kasir memilih menu laporan simpanan per nasabah

12. Kasir memilih menu laporan angsuran keseluruhan

13. Kasir memilih menu laporan angsuran per nasabah

14. Kasir memilih menu laporan keuangan

Sistem menampilkan halaman data resort Sistem menampilkan halaman data pegawai Sistem menampilkan halaman data nasabah Sistem menampilkan halaman pinjaman nasabah Sistem menampilkan halaman angsuran nasabah Sistem menampilkan halaman tambah simpanan Sistem menampilkan halaman ambil simpanan Sistem menampilkan halaman laporan pinjaman keseluruhan Sistem menampilkan halaman laporan pinjaman nasabah Sistem menampilkan halaman laporan simpanan keseluruhan Sistem menampilkan halaman laporan simpanan per nasabah Sistem menampilkan halaman laporan angsuran keseluruhan Sistem menampilkan halaman laporan angsuran per nasabah Sistem menampilkan halaman halaman laporan keuangan

Page 8: File 11 Bab III Pembahasan

29

15. Kasir memilih menu pengguna

16. Kasir memilih menu keluar

Sistem menampilkan halaman pengguna Sistem menutup aplikasi dan kembali menampilkan halaman login

Kondisi Akhir Jika sesuai perintah maka sistem akan menampilkan apa yang dinginkan

Sumber: Hasil Penelitian (2018)

3.2.3. Activity Diagram

Activity diagram menggambarkan proses bisnis dan urutan aktivitas dalam

sebuah proses agar lebih mudah dipahami. Activity diagram juga digunakan untuk

menunjukkan aliran pesan dari satu aktivitas ke aktivitas lainnya. Hasil pemodelan

activity diagram untuk aplikasi simpan pinjam untuk KSU Dana Kapuas Unit

Pelayanan III Pontianak digambarkan sesuai dengan use case pada use case

diagram yang dapat dilihat pada halaman berikut ini.

1. Activity diagram login

Sumber: Hasil Penelitian (2018)

Gambar III.3. Activity Diagram Login

Page 9: File 11 Bab III Pembahasan

30

2. Activity diagram data resort

Sumber: Hasil Penelitian (2018)

Gambar III.4. Activity Diagram Data Resort

Page 10: File 11 Bab III Pembahasan

31

3. Activity diagram data pegawai

Sumber: Hasil Penelitian (2018)

Gambar III.5. Activity Diagram Data Pegawai

Page 11: File 11 Bab III Pembahasan

32

4. Activity diagram data nasabah

Sumber: Hasil Penelitian (2018)

Gambar III.6. Activity Diagram Data Nasabah

Page 12: File 11 Bab III Pembahasan

33

5. Activity diagram pinjaman nasabah

Sumber: Hasil Penelitian (2018)

Gambar III.7. Activity Diagram Pinjaman Nasabah

Page 13: File 11 Bab III Pembahasan

34

6. Activity diagram angsuran nasabah

Sumber: Hasil Penelitian (2018)

Gambar III.8. Activity Diagram Angsuran Nasabah

Page 14: File 11 Bab III Pembahasan

35

7. Activity diagram tambah simpanan

Sumber: Hasil Penelitian (2018)

Gambar III.9. Activity Diagram Tambah Simpanan

Page 15: File 11 Bab III Pembahasan

36

8. Activity diagram ambil simpanan

Sumber: Hasil Penelitian (2018)

Gambar III.10. Activity Diagram Ambil Simpanan

Page 16: File 11 Bab III Pembahasan

37

9. Activity diagram laporan pinjaman keseluruhan

Sumber: Hasil Penelitian (2018)

Gambar III.11. Activity Diagram Laporan Pinjaman Keseluruhan

Page 17: File 11 Bab III Pembahasan

38

10. Activity diagram laporan pinjaman nasabah

Sumber: Hasil Penelitian (2018)

Gambar III.12. Activity Diagram Laporan Pinjaman Nasabah

Page 18: File 11 Bab III Pembahasan

39

11. Activity diagram laporan simpanan keseluruhan

Sumber: Hasil Penelitian (2018)

Gambar III.13. Activity Diagram Laporan Simpanan Keseluruhan

Page 19: File 11 Bab III Pembahasan

40

12. Activity diagram laporan simpanan per nasabah

Sumber: Hasil Penelitian (2018)

Gambar III.14. Activity Diagram Laporan Simpanan Per Nasabah

Page 20: File 11 Bab III Pembahasan

41

13. Activity diagram laporan angsuran keseluruhan

Sumber: Hasil Penelitian (2018)

Gambar III.15. Activity Diagram Laporan Angsuran Keseluruhan

Page 21: File 11 Bab III Pembahasan

42

14. Activity diagram laporan angsuran per nasabah

Sumber: Hasil Penelitian (2018)

Gambar III.16. Activity Diagram Laporan Angsuran Per Nasabah

Page 22: File 11 Bab III Pembahasan

43

15. Activity diagram laporan keuangan

Sumber: Hasil Penelitian (2018)

Gambar III.17. Activity Diagram Laporan Keuangan

Page 23: File 11 Bab III Pembahasan

44

16. Activity diagram pengguna

Sumber: Hasil Penelitian (2018)

Gambar III.18. Activity Diagram Pengguna

Page 24: File 11 Bab III Pembahasan

45

17. Activity diagram logout

Sumber: Hasil Penelitian (2018)

Gambar III.19. Activity Diagram Logout

3.3. Rancangan Dokumen

Rancangan dokumen menjelaskan tentang spsefikasi dari dokumen yang

dihasilkan pada aplikasi simpan pinjam yang dibuat untuk KSU Dana Kapuas Unit

Pelayanan III Pontianak. Dokumen sistem usulan ini terdiri dari bentuk dokumen

masukan dan bentuk dokumen keluaran.

3.3.1. Rancangan Dokumen Masukan

Rancangan dokumen masukan merupakan bentuk dari dokumen-dokumen

yang masuk atau diterima untuk melakukan proses. Di bawah ini adalah uraian

bentuk dokumen masukan yang diperlukan aplikasi simpan pinjam yang dibuat

untuk KSU Dana Kapuas Unit Pelayanan III Pontianak.

Page 25: File 11 Bab III Pembahasan

46

1. Nama dokumen : Data Nasabah

Fungsi : Sebagai identitas atau biodata nasabah

Sumber : Nasabah

Tujuan : Kasir

Jumlah : 1 data nasabah untuk 1 nasabah

Frekuensi : Setiap pengolahan data nasabah

Bentuk : A-1

2. Nama dokumen : Data Peminjaman

Fungsi : Sebagai rincian data peminjaman nasabah

Sumber : Kasir

Tujuan : Basis Data

Jumlah : 1 data peminjaman untuk 1 nasabah

Frekuensi : Setiap pengolahan peminjaman

Bentuk : A-2

3. Nama dokumen : Data Angsuran

Fungsi : Sebagai rincian data angsuran dari nasabah

Sumber : Kasir

Tujuan : Basis Data

Jumlah : 1 data angsuran untuk 1 pembayaran angsuran

Frekuensi : Setiap pengolahan data angsuran

Bentuk : A-3

3.3.2. Rancangan Dokumen Keluaran

Rancangan bentuk dokumen keluaran merupakan bentuk dari dokumen-

dokumen keluaran yang dihasilkan oleh sistem. Di bawah ini adalah uraian bentuk

Page 26: File 11 Bab III Pembahasan

47

dokumen keluaran yang dihasilkan oleh aplikasi simpan pinjam yang dibuat untuk

KSU Dana Kapuas Unit Pelayanan III Pontianak.

1. Nama dokumen : Laporan Peminjaman Keseluruhan

Fungsi : Sebagai sebagai rekapitulasi peminjaman nasabah

secara keseluruhan

Sumber : Basis Data

Tujuan : Kasir

Jumlah : Sesuai kebutuhan

Frekuensi : Setiap mengakses laporan peminjaman keseluruhan

Bentuk : B-1

2. Nama dokumen : Laporan Peminjaman Nasabah

Fungsi : Sebagai sebagai rekapitulasi peminjaman per

nasabah

Sumber : Basis Data

Tujuan : Kasir

Jumlah : Sesuai kebutuhan

Frekuensi : Setiap mengakses laporan peminjaman nasabah

Bentuk : B-2

3. Nama dokumen : Laporan Simpanan Keseluruhan

Fungsi : Sebagai sebagai rekapitulasi simpanan nasabah

secara keseluruhan

Sumber : Basis Data

Tujuan : Kasir

Jumlah : Sesuai kebutuhan

Page 27: File 11 Bab III Pembahasan

48

Frekuensi : Setiap mengakses laporan simpanan keseluruhan

Bentuk : B-3

4. Nama dokumen : Laporan Simpanan per Nasabah

Fungsi : Sebagai sebagai rekapitulasi simpanan per nasabah

Sumber : Basis Data

Tujuan : Kasir

Jumlah : Sesuai kebutuhan

Frekuensi : Setiap mengakses laporan simpanan per nasabah

Bentuk : B-4

5. Nama dokumen : Laporan Angsuran Keseluruhan

Fungsi : Sebagai sebagai rekapitulasi angsuran nasabah

secara keseluruhan

Sumber : Basis Data

Tujuan : Kasir

Jumlah : Sesuai kebutuhan

Frekuensi : Setiap mengakses laporan angsuran keseluruhan

Bentuk : B-5

6. Nama dokumen : Laporan Angsuran per Nasabah

Fungsi : Sebagai sebagai rekapitulasi angsuran per nasabah

Sumber : Basis Data

Tujuan : Kasir

Jumlah : Sesuai kebutuhan

Frekuensi : Setiap mengakses laporan angsuran per nasabah

Bentuk : B-6

Page 28: File 11 Bab III Pembahasan

49

7. Nama dokumen : Laporan Keuangan

Fungsi : Sebagai sebagai rekapitulasi keuangan koperasi

Sumber : Basis Data

Tujuan : Kasir

Jumlah : Sesuai kebutuhan

Frekuensi : Setiap mengakses laporan keuangan

Bentuk : B-7

3.4. Desain

Desain atau perancangan perangkat lunak untuk aplikasi simpan pinjam

pada KSU Dana Kapuas Unit Pelayanan III Pontianak dimulai dari perancangan

basis data yang menggunakan teknik pemodelan entity relationship diagram (ERD)

dan logical record structure (LRS), spesifikasi file dari setiap entitas dan user

interface atau tampilan antar muka.

3.4.1. Entity Relationship Diagram (ERD)

Entity relationship diagram (ERD) digunakan sebagai teknik pemodelan

rancangan basis data untuk menjelaskan hubungan antar entitas di dalam basis data

berdasarkan objek-objek yang mempunyai hubungan antar relasi. Berikut ini adalah

bentuk dari entity relationship diagram (ERD) untuk rancangan basis data dari

aplikasi simpan pinjam pada KSU Dana Kapuas Unit Pelayanan III Pontianak.

Page 29: File 11 Bab III Pembahasan

50

Sumber: Hasil Penelitian (2018)

Gambar III.20. Entity Relationship Diagram (ERD)

3.4.2. Logical Record Structure (LRS)

Entity relationship diagram (ERD) yang telah dirancang kemudian konversi

ke dalam bentuk logical record structure (LRS) agar memberikan gambaran lebih

jelas tentang rancangan basis data yang diusulkan. Adapun rancangan logical

record structure (LRS) untuk aplikasi simpan pinjam pada KSU Dana Kapuas Unit

Pelayanan III Pontianak dapat dilihat pada halaman berikut ini.

Page 30: File 11 Bab III Pembahasan

51

Sumber: Hasil Penelitian (2018)

Gambar III.21. Logical Record Structure (LRS)

3.4.3. Spesifikasi File

Spesifikasi file menguraikan keterangan atribut-atribut untuk setiap entitas

dalam basis data yang telah digambarkan menggunakan pemodelan entity

relationship diagram (ERD) dan logical record structure (LRS). Berikut ini adalah

spesifikasi dari entitas yang telah dirancang.

Page 31: File 11 Bab III Pembahasan

52

1. Spesifikasi file login

Nama File : login

Akronim : login.sql

Fungsi : untuk menyimpan data pengguna

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 75

Kunci Field : id_login

Software : MySQL

Tabel III.2. Spesifikasi File Login

No Nama Field Tipe Data Panjang Keteterangan 1 id_login varchar 25 Primary Key 2 Pasww varchar 25 3 id_pegawai varchar 25 Foreign Key

Sumber: Hasil Penelitian (2018)

2. Spesifikasi file pegawai

Nama File : pegawai

Akronim : pegawai.sql

Fungsi : untuk menyimpan data pegawai

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 95

Page 32: File 11 Bab III Pembahasan

53

Kunci Field : id_pegawai

Software : MySQL

Tabel III.3. Spesifikasi File Pegawai

No Nama Field Tipe Data Panjang Keteterangan 1 id_pegawai varchar 25 Primary Key 2 nm_pegawai varchar 30 3 almt_pegawai text 4 Jabatan varchar 30 5 id_resort char 10 Foreign Key

Sumber: Hasil Penelitian (2018)

3. Spesifikasi file resort

Nama File : resort

Akronim : resort.sql

Fungsi : untuk menyimpan data resort

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 60

Kunci Field : id_resort

Software : MySQL

Tabel III.4. Spesifikasi File Resort

No Nama Field Tipe Data Panjang Keteterangan 1 id_resort char 10 Primary Key 2 nm_resort varchar 50

Sumber: Hasil Penelitian (2018)

4. Spesifikasi file nasabah

Nama File : nasabah

Akronim : nasabah.sql

Page 33: File 11 Bab III Pembahasan

54

Fungsi : untuk menyimpan data nasabah

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 140

Kunci Field : id_nasabah

Software : MySQL

Tabel III.5. Spesifikasi File Nasabah

No Nama Field Tipe Data Panjang Keteterangan 1 id_nasabah varchar 25 Primary Key 2 nm_nasabah varchar 30 3 almt_nasabah text 4 no_telp varchar 15 5 jns_usaha varchar 30 6 Kelurahan varchar 30 7 id_resort varchar 10 Foreign Key

Sumber: Hasil Penelitian (2018)

5. Spesifikasi file simpanan

Nama File : simpanan

Akronim : simpanan.sql

Fungsi : untuk menyimpan data simpanan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 71

Kunci Field : id_simpanan

Page 34: File 11 Bab III Pembahasan

55

Software : MySQL

Tabel III.6. Spesifikasi File Simpanan

No Nama Field Tipe Data Panjang Keteterangan 1 id_simpanan int 11 Primary Key 2 tgl_simpanan date 3 id_pinjaman char 15 Foreign Key 4 id_nasabah varchar 25 Foreign Key 5 Debet decimal 10 6 Kredit decimal 10

Sumber: Hasil Penelitian (2018)

6. Spesifikasi file pinjaman

Nama File : pinjaman

Akronim : pinjaman.sql

Fungsi : untuk menyimpan data pinjaman

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 125

Kunci Field : id_pinjaman

Software : MySQL

Tabel III.7. Spesifikasi File Pinjaman

No Nama Field Tipe Data Panjang Keteterangan 1 id_pinjaman char 15 Primary Key 2 tgl_pinjaman date 3 id_nasabah varchar 25 Foreign Key 4 jns_pinjaman char 1 5 lama_pinjaman int 11 6 jumlah_pinjaman decimal 10 7 jumlah_tabungan decimal 10 8 jumlah_administrasi decimal 10 9 jumlah_jasa decimal 10

Page 35: File 11 Bab III Pembahasan

56

10 pinjaman_ke int 11 11 status_aktif char 1 12 jlh_ygsudahdiangsur decimal 10 13 persen_tabungan int 11

Sumber: Hasil Penelitian (2018)

7. Spesifikasi file angsuran

Nama File : angsuran

Akronim : angsuran.sql

Fungsi : untuk menyimpan data angsuran

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 75

Kunci Field : id_angsuran

Software : MySQL

Tabel III.8. Spesifikasi File Angsuran

No Nama Field Tipe Data Panjang Keteterangan 1 id_angsuran int 15 Primary Key 2 tgl_angsuran date 3 id_pinjaman char 15 Foreign Key 4 jlh_angsuran decimal 10 5 id_pegawai varchar 25 6 sisa_pinjaman decimal 10

Sumber: Hasil Penelitian (2018)

3.4.4. User Interface

Aplikasi simpan pinjam pada KSU Dana Kapuas Unit Pelayanan III

Pontianak akan disajikan sesuai dengan feature atau fungsinya. Setiap feature atau

fungsi ini memiliki tampilan antar muka atau user interface.

Page 36: File 11 Bab III Pembahasan

57

1. Tampilan login

Sumber: Hasil Penelitian (2018)

Gambar III.22. Tampilan Login

2. Tampilan dashboard

Sumber: Hasil Penelitian (2018)

Gambar III.23. Tampilan Dashboard

Page 37: File 11 Bab III Pembahasan

58

3. Tampilan data resort

Sumber: Hasil Penelitian (2018)

Gambar III.24. Tampilan Data Resort

4. Tampilan tambah data resort

Sumber: Hasil Penelitian (2018)

Gambar III.25. Tampilan Tambah Data Resort

Page 38: File 11 Bab III Pembahasan

59

5. Tampilan data pegawai

Sumber: Hasil Penelitian (2018)

Gambar III.26. Tampilan Data Pegawai

6. Tampilan tambah data pegawai

Sumber: Hasil Penelitian (2018)

Gambar III.27. Tampilan Tambah Data Pegawai

Page 39: File 11 Bab III Pembahasan

60

7. Tampilan data nasabah

Sumber: Hasil Penelitian (2018)

Gambar III.28. Tampilan Data Nasabah

8. Tampilan tambah data nasabah

Sumber: Hasil Penelitian (2018)

Gambar III.29. Tampilan Tambah Data Nasabah

Page 40: File 11 Bab III Pembahasan

61

9. Tampilan pinjaman nasabah

Sumber: Hasil Penelitian (2018)

Gambar III.30. Tampilan Pinjaman Nasabah

10. Tampilan tambah pinjaman nasabah

Sumber: Hasil Penelitian (2018)

Gambar III.31. Tampilan Tambah Pinjaman Nasabah

Page 41: File 11 Bab III Pembahasan

62

11. Tampilan angsuran nasabah

Sumber: Hasil Penelitian (2018)

Gambar III.32. Tampilan Angsuran Nasabah

12. Tampilan tambah angsuran nasabah

Sumber: Hasil Penelitian (2018)

Gambar III.33. Tampilan Tambah Angsuran Nasabah

Page 42: File 11 Bab III Pembahasan

63

13. Tampilan simpanan nasabah

Sumber: Hasil Penelitian (2018)

Gambar III.34. Tampilan Simpanan Nasabah

14. Tampilan tambah simpanan

Sumber: Hasil Penelitian (2018)

Gambar III.35. Tampilan Tambah Simpanan Nasabah

Page 43: File 11 Bab III Pembahasan

64

15. Tampilan pengambilan simpanan

Sumber: Hasil Penelitian (2018)

Gambar III.36. Tampilan Pengambilan Simpanan

16. Tampilan tambah pengambilan simpanan

Sumber: Hasil Penelitian (2018)

Gambar III.37. Tampilan Tambah Pengambilan Simpanan

Page 44: File 11 Bab III Pembahasan

65

17. Tampilan laporan pinjaman keseluruhan

Sumber: Hasil Penelitian (2018)

Gambar III.38. Tampilan Laporan Pinjaman Keseluruhan

18. Tampilan laporan pinjaman per nasabah

Sumber: Hasil Penelitian (2018)

Gambar III.39. Tampilan Laporan Pinjaman Per Nasabah

Page 45: File 11 Bab III Pembahasan

66

19. Tampilan laporan simpanan keseluruhan

Sumber: Hasil Penelitian (2018)

Gambar III.40. Tampilan Laporan Simpanan Keseluruhan

20. Tampilan laporan simpanan per nasabah

Sumber: Hasil Penelitian (2018)

Gambar III.41. Tampilan Laporan Simpanan Per Nasabah

Page 46: File 11 Bab III Pembahasan

67

21. Tampilan laporan angsuran keseluruhan

Sumber: Hasil Penelitian (2018)

Gambar III.42. Tampilan Laporan Angsuran Keseluruhan

22. Tampilan laporan angsuraan per nasabah

Sumber: Hasil Penelitian (2018)

Gambar III.43. Tampilan Laporan Angsuran Per Nasabah

Page 47: File 11 Bab III Pembahasan

68

23. Tampilan laporan keuangan

Sumber: Hasil Penelitian (2018)

Gambar III.44. Tampilan Laporan Keuangan

24. Tampilan data pengguna

Sumber: Hasil Penelitian (2018)

Gambar III.45. Tampilan Data Pengguna

Page 48: File 11 Bab III Pembahasan

69

25. Tampilan tambah data pengguna

Sumber: Hasil Penelitian (2018)

Gambar III.46. Tampilan Tambah Data Pengguna

3.5. Struktur Navigasi

Struktur navigasi berfungsi sebagai petunjuk arah dalam penggunaan

aplikasi simpan pinjam pada KSU Dana Kapuas Unit Pelayanan III Pontianak.

Struktur navigasi akan digambarkan pada halaman berikut ini.

Sumber: Hasil Penelitian (2018)

Gambar III.47. Struktur Navigasi

Page 49: File 11 Bab III Pembahasan

70

3.6. Implementasi

Implementasi merupakan tahapan perealisasian dari aplikasi simpan pinjam

pada KSU Dana Kapuas Unit Pelayanan III Pontianak yang terdiri dari code

generation khsusus transaksi bisnis, pengujian menggunakan black box testing,

spesifikasi hardware dan software.

3.6.1. Code Generation

Transaksi bisnis pada aplikasi simpan pinjam pada aplikasi simpan pinjam

pada KSU Dana Kapuas Unit Pelayanan III Pontianak seperti peminjaman nasabah,

angsuran nasabah, penambahan simpanan dan pengambilan simpanan akan

diuraikan lebih lanjut menggunakan code generation. Berikut ini adalah hasil code

generation untuk halaman peminjaman nasabah, angsuran nasabah, penambahan

simpanan dan pengambilan simpanan.

A. Code Generation Tambah Peminjaman Nasabah

<?php $this->load->view('header');; ?> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <section class="content-header"> <h1> DATA PINJAMAN </h1> <ol class="breadcrumb"> <li> <?php echo anchor('Dashboard', '<i class="fa fa-dashboard"></i> Home'); ?> </li> <li> <?php echo anchor('Pinjaman', '<i class="fa fa-link"></i> Data Pinjaman'); ?> </li> <li class="active"> Tambah Data Pinjaman </li> </ol> </section>

Page 50: File 11 Bab III Pembahasan

71

<!-- Main content --> <section class="content"> <div class="row"> <div class="col-xs-12"> <div class="box box-warning"> <div class="box-header with-border"> <h3 class="box-title">Tambah Data Pinjaman </h3> <span class='pull-right'> <?php echo anchor('Pinjaman', '<i class="fa fa-angle-double-left"></i> Kembali', array('class'=>'btn btn-warning btn-sm')); ?> </span> <div class='clearfix'></div> </div> <!-- /.box-header --> <div class="box-body"> <?php echo form_open('Pinjaman/simpan'); ?> <div class="row"> <div class="col-md-3 col-lg-3"> <div class="form-group"> <label for="" class="pull-right">Nama Nasabah</label> </div> </div> <div class="col-md-9 col-lg-9"> <div class="form-group"> <select name="id_nasabah" id="id_tipo_equipo" class="form-control chosen" required> <option value=""> --- PILIH NASABAH ---</option> <?php if ($data_nasabah->num_rows() > 0) { foreach ($data_nasabah->result() as $d_barang) { ?> <option value="<?php echo $d_barang->id_nasabah ?>"><?php echo $d_barang->nm_nasabah; ?></option> <?php } }else{ ?> <option value="">Data Peralatan Tidak Ada . . .</option> <?php } ?> </select> </div> </div> <div class="clearfix"></div> <div class="col-md-3 col-lg-3"> <div class="form-group"> <label for="" class="pull-right">Tanggal Pinjaman</label>

Page 51: File 11 Bab III Pembahasan

72

</div> </div> <div class="col-md-9 col-lg-9"> <div class="form-group"> <input type="date" style="width: 40%;" name="tgl_pinjaman" class="form-control" id="" placeholder="Tanggal" required=""> </div> </div> <div class="clearfix"></div> <div class="col-md-3 col-lg-3"> <div class="form-group"> <label for="" class="pull-right">Jenis Pinjaman</label> </div> </div> <div class="col-md-9 col-lg-9"> <div class="form-group"> <select name="jns_pinjaman" class="form-control" id=""> <option value=""> ---Pilih Jenis Pinjaman----</option> <option value="1">Harian</option> <option value="2">Mingguan</option> <option value="3">Bulanan</option> </select> </div> </div> <div class="clearfix"></div> <div class="col-md-3 col-lg-3"> <div class="form-group"> <label for="" class="pull-right">Lama Pinjaman</label> </div> </div> <div class="col-md-9 col-lg-9"> <div class="form-group"> <input type="number" style="width: 20%" name="lama_pinjaman" class="form-control" id="exampleInputAmount" placeholder="0" required=""> </div> </div> <div class="clearfix"></div> <div class="col-md-3 col-lg-3"> <div class="form-group"> <label for="" class="pull-right">Persen Tabungan</label> </div> </div> <div class="col-md-9 col-lg-9"> <div class="form-group"> <div class="input-group"> <div class="input-group-addon">%</div>

Page 52: File 11 Bab III Pembahasan

73

<input type="number" style="width: 10%" name="persen_tabungan" class="form-control" id="exampleInputAmount" placeholder="0" required=""> </div> </div> </div> <div class="clearfix"></div> <div class="col-md-3 col-lg-3"> <div class="form-group"> <label for="" class="pull-right">Jumlah Pinjaman</label> </div> </div> <div class="col-md-9 col-lg-9"> <div class="form-group"> <div class="input-group"> <div class="input-group-addon">Rp</div> <input type="number" style="width: 40%" name="jumlah_pinjaman" class="form-control" id="" placeholder="Contoh 5000000" required=""> </div> </div> </div> </div> <button type="submit" class="btn btn-warning pull-right">Simpan</button> <?php echo anchor('Pinjaman', 'Batal', array('class'=>'btn btn-default pull-right', 'style'=>'margin-right:5px;')); ?> <?php echo form_close(); ?> </div> <!-- /.box-body --> </div> <!-- /.box --> </div> <!-- /.col --> </div> <!-- /.row --> </section> <!-- /.content --> </div> <?php $this->load->view('footer');; ?> <!-- Control Sidebar --> </div>

Page 53: File 11 Bab III Pembahasan

74

<!-- ./wrapper --> <link rel="stylesheet" href="plugin2/easyautocomplete/easy-autocomplete.min.css"> <script type="text/javascript" src="plugin2/easyautocomplete/jquery.easy-autocomplete.min"></script> <!-- DataTables --> <script src="<?php echo base_url('plugins/datatables/jquery.dataTables.min.js'); ?>"></script> <script src="<?php echo base_url('plugins/datatables/dataTables.bootstrap.min.js'); ?>"></script> <!-- SlimScroll --> <script src="<?php echo base_url('plugins/slimScroll/jquery.slimscroll.min.js'); ?>"></script> <!-- FastClick --> <script src="<?php echo base_url('plugins/fastclick/fastclick.js'); ?>"></script> <!-- AdminLTE App --> <script src="<?php echo base_url('dist/js/app.min.js'); ?>"></script> <!-- AdminLTE for demo purposes --> <script src="<?php echo base_url('dist/js/demo.js') ?>"></script> <!-- page script --> <!-- <script src="<?php echo base_url('plugin2/jquery-ui/jquery-ui.css') ?>"></script> --> <!-- <script type="text/javascript"> $(document).ready(function(){ $( "#id_nasabah" ).autocomplete({ source: "<?php echo site_url('Pinjaman/get_autocomplete/?');?>" }); }); </script> --> <script> $("#id_table").DataTable({ iDisplayLength: 50, responsive: true, "info": true, "ordering": true, columnDefs: [ { orderable: false, targets: -2 }, { orderable: false, targets: -1 } ] }); $(document).on("click", "#hapus", function(e) { var link = $(this).attr("href"); e.preventDefault(); bootbox.confirm("Anda yakin ingin menghapus data ini ?", function(result) { if (result) { document.location.href = link; }

Page 54: File 11 Bab III Pembahasan

75

}); }); </script> </body> </html>

B. Code Generation Tambah Angsuran Nasabah

<?php $this->load->view('header');; ?> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <section class="content-header"> <h1> DATA ANGSURAN </h1> <ol class="breadcrumb"> <li> <?php echo anchor('Dashboard', '<i class="fa fa-dashboard"></i> Home'); ?> </li> <li> <?php echo anchor('Angsuran', '<i class="fa fa-link"></i> Data Angsuran'); ?> </li> <li class="active"> Tambah Data Angsuran </li> </ol> </section> <!-- Main content --> <section class="content"> <div class="row"> <div class="col-xs-12"> <div class="box box-warning"> <div class="box-header with-border"> <h3 class="box-title">Tambah Data Angsuran </h3> <span class='pull-right'> <?php echo anchor('Angsuran', '<i class="fa fa-angle-double-left"></i> Kembali', array('class'=>'btn btn-warning btn-sm')); ?> </span> <div class='clearfix'></div> </div> <!-- /.box-header --> <div class="box-body"> <?php echo form_open('Angsuran/simpan'); ?>

Page 55: File 11 Bab III Pembahasan

76

<div class="row"> <div class="col-md-6 col-lg-6"> <div class="form-group"> <label for="">Nama Nasabah</label> <!-- <select name="id_pinjaman" id="id_tipo_equipo" class="form-control chosen" data-placeholder="Pilih Nasabah" required> <option value="">--- Pilih Nasabah --- </option> <?php if ($data_pinjaman->num_rows() > 0) { foreach ($data_pinjaman->result() as $row) { ?> <option value="<?php echo $row->id_pinjaman ?>"><?php echo $row->id_pinjaman." ".$row->nm_nasabah; ?></option> <?php } }else{ ?> <option value="">Data id pinjaman tidak ada . . .</option> <?php } ?> </select> --> <input type="text" class="form-control" id="nm_nasabah"> <input type="hidden" name="id_pinjaman" id="id_pinjaman"> </div> </div> <div class="clearfix"></div> <div class="col-md-6 col-lg-6"> <div class="form-group"> <label for="">Tanggal Angsur</label> <input type="date" style="width: 40%;" name="tgl_angsuran" class="form-control" id="tgl_angsuran" value="<?php echo date('m-d-Y');?>" required=""> </div> </div> <div class="clearfix"></div> <div class="col-md-6 col-lg-6"> <div class="form-group"> <label for="">Jumlah Angsuran</label> <div class="input-group"> <div class="input-group-addon">Rp</div> <input type="number" style="width: 40%" name="jumlah_angsuran" class="form-control" id="" placeholder="Contoh 5000000" required=""> </div> </div> </div> <div class="clearfix"></div> <div class="col-md-6 col-lg-6">

Page 56: File 11 Bab III Pembahasan

77

<div class="form-group"> <label for="">Nama Kolektor</label> <!-- <select name="id_pegawai" id="id_tipo_equipo" class="form-control chosen" data-placeholder="Pilih Nasabah" required> <option value="">--- Pilih Kolektor --- </option> <?php if ($data_pegawai->num_rows() > 0) { foreach ($data_pegawai->result() as $row) { ?> <option value="<?php echo $row->id_pegawai ?>"><?php echo $row->id_pegawai." ".$row->nm_pegawai; ?></option> <?php } }else{ ?> <option value="">Data Pegawai tidak ada . . .</option> <?php } ?> </select> --> <input type="text" class="form-control" id="nm_pegawai"> <input type="hidden" name="id_pegawai" id="id_pegawai"> </div> </div> </div> <button type="submit" class="btn btn-warning pull-right">Simpan</button> <?php echo anchor('Angsuran', 'Batal', array('class'=>'btn btn-default pull-right', 'style'=>'margin-right:5px;')); ?> <?php echo form_close(); ?> </div> <!-- /.box-body --> </div> <!-- /.box --> </div> <!-- /.col --> </div> <!-- /.row --> </section> <!-- /.content --> </div> <?php $this->load->view('footer');; ?>

Page 57: File 11 Bab III Pembahasan

78

<!-- Control Sidebar --> </div> <!-- ./wrapper --> <!-- DataTables --> <script src="<?php echo base_url('plugins/datatables/jquery.dataTables.min.js'); ?>"></script> <script src="<?php echo base_url('plugins/datatables/dataTables.bootstrap.min.js'); ?>"></script> <!-- SlimScroll --> <script src="<?php echo base_url('plugins/slimScroll/jquery.slimscroll.min.js'); ?>"></script> <!-- FastClick --> <script src="<?php echo base_url('plugins/fastclick/fastclick.js'); ?>"></script> <!-- AdminLTE App --> <script src="<?php echo base_url('dist/js/app.min.js'); ?>"></script> <!-- AdminLTE for demo purposes --> <script src="<?php echo base_url('dist/js/demo.js') ?>"></script> <!-- page script --> <script> document.getElementById('tgl_angsuran').valueAsDate = new Date(); $("#id_table").DataTable({ iDisplayLength: 50, responsive: true, "info": true, "ordering": true, columnDefs: [ { orderable: false, targets: -2 }, { orderable: false, targets: -1 } ] }); $(document).on("click", "#hapus", function(e) { var link = $(this).attr("href"); e.preventDefault(); bootbox.confirm("Anda yakin ingin menghapus data ini ?", function(result) { if (result) { document.location.href = link; } }); }); </script> <link rel="stylesheet" href="<?php echo base_url('plugin2/easyautocomplete/easy-autocomplete.min.css'); ?>"> <script type="text/javascript" src="<?php echo base_url('plugin2/easyautocomplete/jquery.easy-autocomplete.min.js'); ?>"></script> <script type="text/javascript"> var options4 = { url: "<?php echo site_url('/Angsuran/autocomplete_pegawai'); ?>",

Page 58: File 11 Bab III Pembahasan

79

getValue: "nm_pegawai", list: { match: { enabled: true }, onChooseEvent: function() { var selectedItemValue = $("#nm_pegawai").getSelectedItemData().id_pegawai; $("#nama_produk").getSelectedItemData().harga_produk; $("#nama_produk").getSelectedItemData().id_produk; $("#nama_pesanan").getSelectedItemData().harga_makanan2; $("#id_pegawai").val(selectedItemValue).trigger("change"); } } }; $("#nm_pegawai").easyAutocomplete(options4); var options3 = { url: "<?php echo site_url('/Angsuran/autocomplete'); ?>", getValue: "nm_nasabah", list: { match: { enabled: true }, onChooseEvent: function() { var selectedItemValue = $("#nm_nasabah").getSelectedItemData().id_pinjaman; $("#nama_produk").getSelectedItemData().harga_produk; $("#nama_produk").getSelectedItemData().id_produk; $("#nama_pesanan").getSelectedItemData().harga_makanan2; $("#id_pinjaman").val(selectedItemValue).trigger("change"); } } }; $("#nm_nasabah").easyAutocomplete(options3); </script> </body> </html>

C. Code Generation Penambahan Simpanan

<?php $this->load->view('header');; ?> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <section class="content-header"> <h1> DATA TAMBAH SIMPANAN </h1>

Page 59: File 11 Bab III Pembahasan

80

<ol class="breadcrumb"> <li> <?php echo anchor('Dashboard', '<i class="fa fa-dashboard"></i> Home'); ?> </li> <li> <?php echo anchor('Tambahtabungan', '<i class="fa fa-link"></i> Data Simpanan'); ?> </li> <li class="active"> Tambah Data Simpanan </li> </ol> </section> <!-- Main content --> <section class="content"> <div class="row"> <div class="col-xs-12"> <div class="box box-warning"> <div class="box-header with-border"> <h3 class="box-title">Tambah Data Simpanan </h3> <span class='pull-right'> <?php echo anchor('Tambahtabungan', '<i class="fa fa-angle-double-left"></i> Kembali', array('class'=>'btn btn-warning btn-sm')); ?> </span> <div class='clearfix'></div> </div> <!-- /.box-header --> <div class="box-body"> <?php echo form_open('Tambahtabungan/simpan'); ?> <div class="row"> <div class="col-md-3 col-lg-3"> <div class="form-group"> <label for="" class="pull-right">Nama Nasabah</label> </div> </div> <div class="col-md-9 col-lg-9"> <div class="form-group"> <input type="text" name="nm_nasabah" id="nm_nasabah" class="form-control" required=""> <input type="hidden" name="id_nasabah" id="id_nasabah"> </div> </div> <div class="clearfix"></div> <div class="col-md-3 col-lg-3"> <div class="form-group">

Page 60: File 11 Bab III Pembahasan

81

<label for="" class="pull-right">Tanggal Simpanan</label> </div> </div> <div class="col-md-9 col-lg-9"> <div class="form-group"> <input type="date" style="width: 40%;" name="tgl_simpanan" class="form-control" id="" placeholder="Tanggal" required=""> </div> </div> <div class="clearfix"></div> <div class="col-md-3 col-lg-3"> <div class="form-group"> <label for="" class="pull-right">Jumlah Simpanan</label> </div> </div> <div class="col-md-9 col-lg-9"> <div class="form-group"> <div class="input-group"> <div class="input-group-addon">Rp</div> <input type="number" style="width: 40%" name="kredit" class="form-control" id="" placeholder="Contoh 5000000" required=""> </div> </div> </div> </div> <button type="submit" class="btn btn-warning pull-right">Simpan</button> <?php echo anchor('Tambahtabungan', 'Batal', array('class'=>'btn btn-default pull-right', 'style'=>'margin-right:5px;')); ?> <?php echo form_close(); ?> </div> <!-- /.box-body --> </div> <!-- /.box --> </div> <!-- /.col --> </div> <!-- /.row --> </section> <!-- /.content --> </div> <?php $this->load->view('footer');; ?>

Page 61: File 11 Bab III Pembahasan

82

<!-- Control Sidebar --> </div> <!-- ./wrapper --> <link rel="stylesheet" href="plugin2/easyautocomplete/easy-autocomplete.min.css"> <script type="text/javascript" src="plugin2/easyautocomplete/jquery.easy-autocomplete.min"></script> <!-- DataTables --> <script src="<?php echo base_url('plugins/datatables/jquery.dataTables.min.js'); ?>"></script> <script src="<?php echo base_url('plugins/datatables/dataTables.bootstrap.min.js'); ?>"></script> <!-- SlimScroll --> <script src="<?php echo base_url('plugins/slimScroll/jquery.slimscroll.min.js'); ?>"></script> <!-- FastClick --> <script src="<?php echo base_url('plugins/fastclick/fastclick.js'); ?>"></script> <!-- AdminLTE App --> <script src="<?php echo base_url('dist/js/app.min.js'); ?>"></script> <!-- AdminLTE for demo purposes --> <script src="<?php echo base_url('dist/js/demo.js') ?>"></script> <!-- page script --> <!-- <script src="<?php echo base_url('plugin2/jquery-ui/jquery-ui.css') ?>"></script> --> <!-- <script type="text/javascript"> $(document).ready(function(){ $( "#id_nasabah" ).autocomplete({ source: "<?php echo site_url('Tambahtabungan/get_autocomplete/?');?>" }); }); </script> --> <script> $("#id_table").DataTable({ iDisplayLength: 50, responsive: true, "info": true, "ordering": true, columnDefs: [ { orderable: false, targets: -2 }, { orderable: false, targets: -1 } ] }); $(document).on("click", "#hapus", function(e) { var link = $(this).attr("href"); e.preventDefault(); bootbox.confirm("Anda yakin ingin menghapus data ini ?", function(result) { if (result) {

Page 62: File 11 Bab III Pembahasan

83

document.location.href = link; } }); }); </script> <link rel="stylesheet" href="<?php echo base_url('plugin2/easyautocomplete/easy-autocomplete.min.css'); ?>"> <script type="text/javascript" src="<?php echo base_url('plugin2/easyautocomplete/jquery.easy-autocomplete.min.js'); ?>"></script> <script type="text/javascript"> var options3 = { url: "<?php echo site_url('/Tambahtabungan/autocomplete'); ?>", getValue: "nm_nasabah", list: { match: { enabled: true }, onChooseEvent: function() { var selectedItemValue = $("#nm_nasabah").getSelectedItemData().id_nasabah; $("#id_nasabah").val(selectedItemValue).trigger("change"); } } }; $("#nm_nasabah").easyAutocomplete(options3); </script> </body> </html>

D. Code Generation Pengambilan Simpanan

<?php $this->load->view('header');; ?> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <section class="content-header"> <h1> DATA AMBIL SIMPANAN </h1> <ol class="breadcrumb"> <li> <?php echo anchor('Dashboard', '<i class="fa fa-dashboard"></i> Home'); ?> </li> <li> <?php echo anchor('Ambilsimpanan', '<i class="fa fa-link"></i> Data Simpanan'); ?>

Page 63: File 11 Bab III Pembahasan

84

</li> <li class="active"> Data Simpanan </li> </ol> </section> <!-- Main content --> <section class="content"> <div class="row"> <div class="col-xs-12"> <div class="box box-warning"> <div class="box-header with-border"> <h3 class="box-title">Ambil Data Simpanan </h3> <span class='pull-right'> <?php echo anchor('Ambilsimpanan', '<i class="fa fa-angle-double-left"></i> Kembali', array('class'=>'btn btn-warning btn-sm')); ?> </span> <div class='clearfix'></div> </div> <!-- /.box-header --> <div class="box-body"> <?php echo form_open('Ambilsimpanan/simpan'); ?> <div class="row"> <div class="col-md-3 col-lg-3"> <div class="form-group"> <label for="" class="pull-right">Nama Nasabah</label> </div> </div> <div class="col-md-9 col-lg-9"> <div class="form-group"> <input type="text" name="nm_nasabah" id="nm_nasabah" class="form-control" required=""> <input type="hidden" name="id_nasabah" id="id_nasabah"> </div> </div> <div class="clearfix"></div> <div class="col-md-3 col-lg-3"> <div class="form-group"> <label for="" class="pull-right">Tanggal Simpanan</label> </div> </div> <div class="col-md-9 col-lg-9"> <div class="form-group"> <input type="date" style="width: 40%;" name="tgl_simpanan" class="form-control" id="" placeholder="Tanggal" required=""> </div>

Page 64: File 11 Bab III Pembahasan

85

</div> <div class="clearfix"></div> <div class="col-md-3 col-lg-3"> <div class="form-group"> <label for="" class="pull-right">Jumlah Simpanan</label> </div> </div> <div class="col-md-9 col-lg-9"> <div class="form-group"> <div class="input-group"> <div class="input-group-addon">Rp</div> <input type="number" style="width: 40%" name="debet" class="form-control" id="" placeholder="Contoh 5000000" required=""> </div> </div> </div> </div> <button type="submit" class="btn btn-warning pull-right">Simpan</button> <?php echo anchor('Ambilsimpanan', 'Batal', array('class'=>'btn btn-default pull-right', 'style'=>'margin-right:5px;')); ?> <?php echo form_close();?> </div> <!-- /.box-body --> </div> <!-- /.box --> </div> <!-- /.col --> </div> <!-- /.row --> </section> <!-- /.content --> </div> <?php $this->load->view('footer');; ?> <!-- Control Sidebar --> </div> <!-- ./wrapper --> <link rel="stylesheet" href="plugin2/easyautocomplete/easy-autocomplete.min.css"> <script type="text/javascript" src="plugin2/easyautocomplete/jquery.easy-autocomplete.min"></script> <!-- DataTables -->

Page 65: File 11 Bab III Pembahasan

86

<script src="<?php echo base_url('plugins/datatables/jquery.dataTables.min.js'); ?>"></script> <script src="<?php echo base_url('plugins/datatables/dataTables.bootstrap.min.js'); ?>"></script> <!-- SlimScroll --> <script src="<?php echo base_url('plugins/slimScroll/jquery.slimscroll.min.js'); ?>"></script> <!-- FastClick --> <script src="<?php echo base_url('plugins/fastclick/fastclick.js'); ?>"></script> <!-- AdminLTE App --> <script src="<?php echo base_url('dist/js/app.min.js'); ?>"></script> <!-- AdminLTE for demo purposes --> <script src="<?php echo base_url('dist/js/demo.js') ?>"></script> <!-- page script --> <!-- <script src="<?php echo base_url('plugin2/jquery-ui/jquery-ui.css') ?>"></script> --> <!-- <script type="text/javascript"> $(document).ready(function(){ $( "#id_nasabah" ).autocomplete({ source: "<?php echo site_url('Ambilsimpanan/get_autocomplete/?');?>" }); }); </script> --> <script> $("#id_table").DataTable({ iDisplayLength: 50, responsive: true, "info": true, "ordering": true, columnDefs: [ { orderable: false, targets: -2 }, { orderable: false, targets: -1 } ] }); $(document).on("click", "#hapus", function(e) { var link = $(this).attr("href"); e.preventDefault(); bootbox.confirm("Anda yakin ingin menghapus data ini ?", function(result) { if (result) { document.location.href = link; } }); }); </script> <link rel="stylesheet" href="<?php echo base_url('plugin2/easyautocomplete/easy-autocomplete.min.css'); ?>">

Page 66: File 11 Bab III Pembahasan

87

<script type="text/javascript" src="<?php echo base_url('plugin2/easyautocomplete/jquery.easy-autocomplete.min.js'); ?>"></script> <script type="text/javascript"> var options3 = { url: "<?php echo site_url('/Ambilsimpanan/autocomplete'); ?>", getValue: "nm_nasabah", list: { match: { enabled: true }, onChooseEvent: function() { var selectedItemValue = $("#nm_nasabah").getSelectedItemData().id_nasabah; $("#id_nasabah").val(selectedItemValue).trigger("change"); } } }; $("#nm_nasabah").easyAutocomplete(options3); </script> </body> </html>

3.6.2. Black Box Testing

Pengujian dilakukan untuk menguji kelayakan aplikasi simpan pinjam pada

KSU Dana Kapuas Unit Pelayanan III Pontianak. Teknik yang digunakan untuk

pengujian ini adalah menggunakan tekniks black box testing. Pengujian yang

dilakukan hanya mengamati hasil eksekusi melalui data uji dan memeriksa

kelayakan fungsional dari dari aplikasi simpan pinjam pada KSU Dana Kapuas Unit

Pelayanan III Pontianak yang telah dibuat.

Page 67: File 11 Bab III Pembahasan

88

1. Pengujian browser

Tabel III.9. Black Box Testing Browser

No. Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan

1. Buka dengan

Google Chrome

Google Chrome (terbuka)

Aplikasi dapat diakses dan

tampilan sesuai

Sesuai harapan

Valid

2. Buka dengan

Mozila Firefox

Mozila Firefox

(terbuka)

Aplikasi dapat diakses dan

tampilan sesuai

Sesuai harapan

Valid

Sumber: Hasil Penelitian (2018)

2. Pengujian login

Tabel III.10. Black Box Testing Halaman Login

No. Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan

1. Jika salah

satu kolom dikosongkan

username: (kosong)

aplikasi menolak akses dan

menampilkan pesan “username

atau password anda salah,

silahkan coba lagi”

Sesuai harapan

Valid

3.

Kolom terisi namun tidak

sesuai (username, password dan level

akses tidak sesuai)

username: (aaaaaa)

password: (aaaaa)

aplikasi menolak akses dan

menampilkan pesan “username

atau password anda salah,

silahkan coba lagi”

Tidak Sesuai Harapn

Invalid

4

Kolom terisi dan sesuai (username

dan password sesuai)

username: (kasir)

password: (kasir)

Aplikasi menerima akses

dan mengantarkan pengguna ke

halaman dashboard.

Sesuai Harapan

Valid

Sumber: Hasil Penelitian (2018)

Page 68: File 11 Bab III Pembahasan

89

3. Pengujian edit data resort

Tabel III.11. Black Box Testing Halaman Edit Data Resort

No. Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan

1. Jika salah

satu kolom dikosongkan

nama resort:

(kosong)

aplikasi menolak akses dan

menampilkan pesan “please fill

out this field”

Sesuai harapan

Valid

2 Jika semua kolom terisi

Kolom: Berisi

Aplikasi menerima akses dan menyimpan

data tersebut

Sesuai Harapan

Valid

Sumber: Hasil Penelitian (2018)

4. Pengujian tambah data pegawai

Tabel III.12. Black Box Testing Halaman Tambah Data Pegawai

No. Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan

1. Jika salah

satu kolom dikosongkan

NIP / no KTP:

(kosong) kolom lain:

(terisi)

aplikasi menolak akses dan

menampilkan pesan “please fill

out this field”

Sesuai harapan

Valid

2 Jika semua kolom terisi

Kolom: Terisi

Aplikasi menerima akses dan menyimpan

data tersebut

Sesuai Harapan

Valid

Sumber: Hasil Penelitian (2018)

Page 69: File 11 Bab III Pembahasan

90

5. Pengujian tambah data nasabah

Tabel III.13. Black Box Testing Halaman Tambah Data Nasabah

No. Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan

1. Jika salah

satu kolom dikosongkan

nama nasabah: (kosong)

kolom lain: (terisi)

aplikasi menolak akses dan

menampilkan pesan “please fill

out this field”

Sesuai harapan

Valid

2 Jika semua kolom terisi

Kolom: Terisi

Aplikasi menerima akses dan menyimpan

data tersebut

Sesuai Harapan

Valid

Sumber: Hasil Penelitian (2018)

6. Pengujian tambah pinjaman nasabah

Tabel III.14. Black Box Testing Halaman Tambah Pinjaman Nasabah

No. Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan

1. Jika salah

satu kolom dikosongkan

tanggal pinjaman: (kosong)

kolom lain: (terisi)

aplikasi menolak akses dan

menampilkan pesan “please fill

out this field”

Sesuai harapan

Valid

2 Jika semua kolom terisi

Kolom: Terisi

Aplikasi menerima akses dan menyimpan

data tersebut

Sesuai Harapan

Valid

Sumber: Hasil Penelitian (2018)

Page 70: File 11 Bab III Pembahasan

91

7. Pengujian tambah angsuran nasabah

Tabel III.15. Black Box Testing Halaman Tambah Angsuran Nasabah

No. Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan

1. Jika salah

satu kolom dikosongkan

tanggal angsur:

(kosong) kolom lain:

(terisi)

aplikasi menolak akses dan

menampilkan pesan “please fill

out this field”

Sesuai harapan

Valid

2 Jika semua kolom terisi

Kolom: Terisi

Aplikasi menerima akses dan menyimpan

data tersebut

Sesuai Harapan

Valid

Sumber: Hasil Penelitian (2018)

8. Pengujian tambah simpanan

Tabel III.16. Black Box Testing Halaman Tambah Simpanan

No. Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan

1. Jika salah

satu kolom dikosongkan

jumlah simpanan: (kosong)

kolom lain: (terisi)

aplikasi menolak akses dan

menampilkan pesan “please fill

out this field”

Sesuai harapan

Valid

2 Jika semua kolom terisi

Kolom: Terisi

Aplikasi menerima akses dan menyimpan

data tersebut

Sesuai Harapan

Valid

Sumber: Hasil Penelitian (2018)

Page 71: File 11 Bab III Pembahasan

92

9. Pengujian tambah pengambilan simpanan

Tabel III.17. Black Box Testing Halaman Tambah Pengambilan Simpanan

No. Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan

1. Jika salah

satu kolom dikosongkan

nama nasabah: (kosong)

kolom lain: (terisi)

aplikasi menolak akses dan

menampilkan pesan “please fill

out this field”

Sesuai harapan

Valid

2 Jika semua kolom terisi

Kolom: Terisi

Aplikasi menerima akses dan menyimpan

data tersebut

Sesuai Harapan

Valid

Sumber: Hasil Penelitian (2018)

10. Pengujian laporan pinjaman keseluruhan

Tabel III.18. Black Box Testing Halaman Laporan Pinjaman Keseluruhan

No. Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan

1. Jika kolom pencarian

dikosongkan

kolom: (kosong)

aplikasi menampilkan

laporan pinjaman nasabah secara

keseluruhan

Sesuai harapan

Valid

2 Jika kolom pencarian

terisi

tanggal awal

pencarian: (terisi) tanggal akhir

pencarian: (terisi) pilih

resort: (terisi)

Aplikasi menerima akses,

kemudian mencari dan

menampilkan laporan pinjaman

nasabah sesuai dengan rentang tanggal awal,

tanggal akhir dan resort

Sesuai Harapan

Valid

Sumber: Hasil Penelitian (2018)

Page 72: File 11 Bab III Pembahasan

93

11. Pengujian laporan pinjaman per nasabah

Tabel III.19. Black Box Testing Halaman Laporan Pinjaman Per Nasabah

No. Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan

1. Jika kolom pencarian

dikosongkan

kolom: (kosong)

aplikasi menampilkan

laporan pinjaman nasabah secara

keseluruhan

Sesuai harapan

Valid

2 Jika kolom pencarian

terisi

nama nasabah: (terisi) tanggal

awal pencarian:

(terisi) tanggal akhir

pencarian: (terisi)

Aplikasi menerima akses,

kemudian mencari dan

menampilkan laporan pinjaman

per nasabah sesuai dengan nama nasabah, rentang tanggal

awal dan tanggal akhir

Sesuai Harapan

Valid

Sumber: Hasil Penelitian (2018)

12. Pengujian laporan simpanan keseluruhan

Tabel III.20. Black Box Testing Halaman Laporan Simpanan Keseluruhan

No. Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan

1. Jika kolom pencarian

dikosongkan

kolom: (kosong)

aplikasi menampilkan

laporan simpanan

nasabah secara keseluruhan

Sesuai harapan

Valid

2 Jika kolom pencarian

terisi

pilih resort: (terisi)

Aplikasi menerima akses,

kemudian mencari dan

menampilkan laporan

simpanan nasabah sesuai dengan nama

resort

Sesuai Harapan

Valid

Sumber: Hasil Penelitian (2018)

Page 73: File 11 Bab III Pembahasan

94

13. Pengujian laporan simpanan per nasabah

Tabel III.21. Black Box Testing Halaman Laporan Simpanan Per Nasabah

No. Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan

1. Jika kolom pencarian

dikosongkan

kolom: (kosong)

aplikasi menampilkan

laporan simpanan

nasabah secara keseluruhan

Sesuai harapan

Valid

2 Jika kolom pencarian

terisi

nama nasabah: (terisi)

Aplikasi menerima akses,

kemudian mencari dan

menampilkan laporan

simpanan nasabah sesuai dengan nama

nasabah

Sesuai Harapan

Valid

Sumber: Hasil Penelitian (2018)

14. Pengujian laporan angsuran keseluruhan

Tabel III.22. Black Box Testing Halaman Laporan Angsuran Keseluruhan

No. Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan

1. Jika kolom pencarian

dikosongkan

kolom: (kosong)

aplikasi menampilkan

laporan angsuran nasabah secara

keseluruhan

Sesuai harapan

Valid

2 Jika kolom pencarian

terisi

tanggal awal

pencarian: (terisi) tanggal akhir

pencarian: (terisi) pilih

resort: (terisi)

Aplikasi menerima akses,

kemudian mencari dan

menampilkan laporan angsuran nasabah sesuai dengan rentang tanggal awal,

tanggal akhir dan nama resort

Sesuai Harapan

Valid

Sumber: Hasil Penelitian (2018)

Page 74: File 11 Bab III Pembahasan

95

15. Pengujian laporan angsuran per nasabah

Tabel III.23. Black Box Testing Halaman Laporan Angsuran Per Nasabah

No. Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan

1. Jika kolom pencarian

dikosongkan

kolom: (kosong)

aplikasi menampilkan

laporan angsuran nasabah secara

keseluruhan

Sesuai harapan

Valid

2 Jika kolom pencarian

terisi

nama nasabah: (terisi) tanggal

awal pencarian:

(terisi) tanggal akhir

pencarian: (terisi)

Aplikasi menerima akses,

kemudian mencari dan

menampilkan laporan angsuran nasabah sesuai dengan nama

nasabah, rentang tanggal awal dan

tanggal akhir

Sesuai Harapan

Valid

Sumber: Hasil Penelitian (2018)

16. Pengujian laporan keuangan

Tabel III.24. Black Box Testing Halaman Laporan Keuangan

No. Skenario pengujian

Test case Hasil yang diharapkan

Hasil pengujian

Kesimpulan

1. Jika kolom pencarian

dikosongkan

kolom: (kosong)

aplikasi menampilkan

laporan keuangan secara

keseluruhan

Sesuai harapan

Valid

2 Jika kolom pencarian

terisi

pilih bulan: (terisi)

Aplikasi menerima akses,

kemudian mencari dan

menampilkan laporan

keuangan sesuai dengan nama

bulan yang telah dipilih

Sesuai Harapan

Valid

Sumber: Hasil Penelitian (2018)

Page 75: File 11 Bab III Pembahasan

96

3.6.3. Spesifikasi Hardware dan Software

Perangkat komputer yang dibutuhkan untuk mengoperasikan aplikasi

simpan pinjam pada KSU Dana Kapuas Unit Pelayanan III Pontianak ini diuraikan

lebih lanjut dengan spesifikasi perangkat keras (hardware) dan spesifikasi

perangkat lunak (software). Berikut ini adalah uraian dari kebutuhan perangkat

keras (hardware) dan kebutuhan perangkat lunak (software).

A. Spesifikasi Perangkat Keras (Hardware)

Perangkat keras (hardware) yang diperlukan untuk mengoperasikan

aplikasi simpan pinjam pada KSU Dana Kapuas Unit Pelayanan III Pontianak,

yaitu:

1. Central Processing Unit (CPU)

a. Processor : 2.0 GHz

b. Memory (RAM) : 2 GB

c. Hard disk : 320 GB

2. Monitor : Resolusi Layar (1366 x 768)

3. Keyboard : QWERTY (86 keys)

4. Mouse : Optical

5. Printer : Ink Jet

B. Spesifikasi Perangkat Lunak (Software)

Perangkat lunak (software) yang diperlukan untuk mengoperasikan aplikasi

simpan pinjam pada KSU Dana Kapuas Unit Pelayanan III Pontianak, yaitu:

1. Sistem Operasi Windows 7.

2. Xampp Server, yang terdiri dari beberapa komponen diantaranya:

a. Aplikasi Xampp Server, Versi Xampp Control Panel v.3.2.2

Page 76: File 11 Bab III Pembahasan

97

b. Apache Server versi 2.4.3.

c. Aplikasi MySQL Server Versi 5.1.36

d. Aplikasi PHP Versi 5.3.0

3. Bahasa pemograman yang digunakan yaitu: PHP, MySQL, HTML, CSS, CSS

Bootstraps, jQuery dan javascript dengan Sublime Text 3 sebagai web editor.

4. Aplikasi web browser yang dapat digunakan yaitu Google Chrome dan Mozilla

Firefox.