File 11 Bab III Pembahasan
Transcript of 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
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.
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.
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
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.
27
Sumber: Hasil Penelitian (2018)
Gambar III.2. Use Case Diagram
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
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
30
2. Activity diagram data resort
Sumber: Hasil Penelitian (2018)
Gambar III.4. Activity Diagram Data Resort
31
3. Activity diagram data pegawai
Sumber: Hasil Penelitian (2018)
Gambar III.5. Activity Diagram Data Pegawai
32
4. Activity diagram data nasabah
Sumber: Hasil Penelitian (2018)
Gambar III.6. Activity Diagram Data Nasabah
33
5. Activity diagram pinjaman nasabah
Sumber: Hasil Penelitian (2018)
Gambar III.7. Activity Diagram Pinjaman Nasabah
34
6. Activity diagram angsuran nasabah
Sumber: Hasil Penelitian (2018)
Gambar III.8. Activity Diagram Angsuran Nasabah
35
7. Activity diagram tambah simpanan
Sumber: Hasil Penelitian (2018)
Gambar III.9. Activity Diagram Tambah Simpanan
36
8. Activity diagram ambil simpanan
Sumber: Hasil Penelitian (2018)
Gambar III.10. Activity Diagram Ambil Simpanan
37
9. Activity diagram laporan pinjaman keseluruhan
Sumber: Hasil Penelitian (2018)
Gambar III.11. Activity Diagram Laporan Pinjaman Keseluruhan
38
10. Activity diagram laporan pinjaman nasabah
Sumber: Hasil Penelitian (2018)
Gambar III.12. Activity Diagram Laporan Pinjaman Nasabah
39
11. Activity diagram laporan simpanan keseluruhan
Sumber: Hasil Penelitian (2018)
Gambar III.13. Activity Diagram Laporan Simpanan Keseluruhan
40
12. Activity diagram laporan simpanan per nasabah
Sumber: Hasil Penelitian (2018)
Gambar III.14. Activity Diagram Laporan Simpanan Per Nasabah
41
13. Activity diagram laporan angsuran keseluruhan
Sumber: Hasil Penelitian (2018)
Gambar III.15. Activity Diagram Laporan Angsuran Keseluruhan
42
14. Activity diagram laporan angsuran per nasabah
Sumber: Hasil Penelitian (2018)
Gambar III.16. Activity Diagram Laporan Angsuran Per Nasabah
43
15. Activity diagram laporan keuangan
Sumber: Hasil Penelitian (2018)
Gambar III.17. Activity Diagram Laporan Keuangan
44
16. Activity diagram pengguna
Sumber: Hasil Penelitian (2018)
Gambar III.18. Activity Diagram Pengguna
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.
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
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
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
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.
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.
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.
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
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
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
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
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.
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
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
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
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
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
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
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
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
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
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
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
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
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
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>
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>
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>
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>
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; }
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'); ?>
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">
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');; ?>
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'); ?>",
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>
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">
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');; ?>
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) {
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'); ?>
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>
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 -->
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'); ?>">
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.
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)
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)
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)
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)
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)
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)
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)
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)
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
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.