bab ii rancangan aplikasi · untuk membuat tabel baru pada database ksp klik new di bawah package...

48
BAB II RANCANGAN APLIKASI 2.1. Rancangan Database Untuk membuat rancangan database pada program aplikasi peminjaman koperasi ini, dibutuhkan software atau aplikasi tambahan seperti Xampp Control Panel v3.2.2 yang berfungsi sebagai alat koneksi antara database dengan program yang dibuat. 1.Cara Mendownload dan Menginstall Xampp Sebelum membuat database padaxampp-win32-7.2.3-0-VC15- installerterlebih dahulu download xampp di internet,setelah itu install xampp dengan cara sebagai berikut: Setelah selesai mendownloadaplikasi xampp-win32-7.2.3-0- VC15-installerdan disimpandilocaldisk D atau C,maka buka aplikasi tersebut untuk diinstall dengan cara klik kanan pada file installer kemudian pilih open. Gambar 10. File Xampp Installer Akan keluar notifikasi atau pemberitahuan seperti gambar dibawah ini,klik Yes. Gambar 11. Box Quesion

Upload: others

Post on 27-Oct-2020

7 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

BAB II RANCANGAN APLIKASI

2.1. Rancangan Database

Untuk membuat rancangan database pada program aplikasi

peminjaman koperasi ini, dibutuhkan software atau aplikasi

tambahan seperti Xampp Control Panel v3.2.2 yang berfungsi

sebagai alat koneksi antara database dengan program yang

dibuat.

1.Cara Mendownload dan Menginstall Xampp

Sebelum membuat database padaxampp-win32-7.2.3-0-VC15-

installerterlebih dahulu download xampp di internet,setelah

itu install xampp dengan cara sebagai berikut:

Setelah selesai mendownloadaplikasi xampp-win32-7.2.3-0-VC15-installerdan disimpandilocaldisk D atau C,maka buka aplikasi tersebut untuk diinstall dengan cara klik kanan pada file installer kemudian pilih open.

Gambar 10. File Xampp Installer

Akan keluar notifikasi atau pemberitahuan seperti gambar dibawah ini,klik Yes.

Gambar 11. Box Quesion

Page 2: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Berikut akan keluar menu untuk memulai proses instalasi dari Xampp,klik Next.

Gambar12. Setup Xampp

Pada tahap ini pilih fitur yang ingin diinstal,lalu klik Next. Seperti gambar berikut:

Gambar 13.Select

Pilih tempat penyimpanan aplikasi xampp setelah diinstall ,dengan cara klik select folder plih foledr c, lalu klik Next. Seperti gambar berikut:

Gambar 14. Installer folder

Page 3: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Tahap selanjutnya sama seperti tahap sebelumnya untuk melanjutkan proses instalasi klikNextterus-menerus sampai muncul tampilan seperti gambar dibawah ini dan aplikasi xampp akan terinstal dalam proses beberapa menit,klik finishmaka proses instalasi xampp selesai.

Gambar 15. Instaling

2. Membuat Database

Berikut adalah langkah untuk membuat database di xampp

untuk program sistem informasi peminjaman. Langkahnya

sebagai berikut:

Buka Xampp Control Panel v3.2.2 pada komputer seperti gambar dibawah

Gambar 16. Tampilan Xampp Control Panel v3.2.2

Ketika muncul tampilan pada layar monitor maka klik Start pada Apache dan MySQL di Xampp Control Panel v3.2.2 ,

Page 4: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Lalu klik Admin pada MySQL maka akan muncul tampilan sebagai berikut:

Gambar 17.Tampilan awal server Xampp Control Panel v3.2.2

Setelah berhasil membuka dan masuk pada Xampp

Control Panel v3.2.2, maka tahap selanjutnya adalah

membuat database dengan nama ksp. Pada database yang

dibuat ada beberapa tabel yaitu peminjaman,combo_jenis

combo_bagian dan login Berikut langkah-langkahnya.

Tabel 1 .Tabel Peminjaman

Nama Field Tipe Data

id_pinjam* Integer(30) Sebagai kunci utama

id_kar Integer(20)

nama_kar Varchar(30)

hp_kar Varchar(13)

dept_kar Varchar(20)

pinjam1 Varchar(25)

pinjam2 Varchar(25)

ang_bulan1 Integer(2)

Page 5: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

biaya1 Integer(10)

pinjam_ang1 Integer(20)

ang_bulan2 Integer(2)

biaya2 Integer(10)

pinjam_ang2 Integer(20)

Total Integer(10)

Totalpinjam Integer(25)

status1 Varchar(20)

status2 Varchar(20)

Untuk membuat database pada Xampp, klik Basis Data pada Xampp lalu ketik nama database yaitu ksp sebagai nama database dan buatlah databasenya. Seperti gambar dibawah ini

Gambar 18 .Tampilan pembuatan Basis data

Langkah berikutnya buatlah table ‘peminjaman’ pada database ksp yang sudah dibuat dengan cara klik new dibawah database,beri nama table dengan nama peminjaman,table tersebut dengan field-field sebagai berikut:

Page 6: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Gambar 19.Table Peminjaman

Dari gambar dapat dijelaskan bahwa table peminjaman

memiliki 17 (tujuh belas) record dimana salah satu record yaitu ‘Id’

sebagai Primery key atau kunci utama berfungsi sebagai record

yang akan menghubungkan setiap record berikutnya kepada

program ketika dijalankan atau di running.

Tabel 2. Tabel Login

Nama Field Tipe Data

id_login* Integer(30) Sebagai kunci

utama

Username Varchar(30)

Password Varchar(30)

Fungsi dari tabel login adalah untuk memproses

Admin (user)ketika admin masuk menggunakan username

dan password yang dipanggil berdasarkan id login. Dan

menampilkan tampilan login pada program.

Untuk membuat tabel baru pada database ksp klik new

di bawah package ksp yang ada pada xampp,beri nama table

dengan nama login lalu buat seperti rancangan berikut:

Page 7: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Gambar20.table login

Tabel 3. combo_jenis

Nama Field Tipe Data

id_jenis* Integer(3) Sebagai kunci utama

Nama Varchar(30)

Fungsi dari tabel combo_jenis adalah untuk

mengidentifikasi dan menentukan jenis peminjaman yang

di input oleh admin pada saat program dijalankan. Dan

record yang di panggil berdasarkan field kunci utama yaitu

id_jenis.

Untuk membuat tabel baru pada database ksp klik new

di bawah package ksp yang ada pada xampp,beri nama

table dengan nama combo_jenis lalu buat seperti

rancangan berikut:

Gambar 21. tablecombo_jenis

Page 8: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Tabel 4 . combo_bagian

Nama Field Tipe Data

id_bagian* Integer(3) Sebagai kunci utama

Nama Varchar(30)

Tabel 4. combo_bagian

Fungsi dari tabel combo_bagian adalah untuk

mengidentifikasi dan memilih bagian departemen yang

dimiliki karyawan. Dan record yang di panggil berdasarkan

field kunci utama yaitu id_bagian.

Untuk membuat tabel baru pada database ksp klik new

di bawah package ksp yang ada pada xampp,beri nama

table dengan nama combo_bagian lalu buat seperti

rancangan berikut:

Gambar 22.combo_bagian

2.2. Rancangan Form Master

Rancangan form master bertujuan untuk menampilkan

rancangan program seperti form utama ,form registrasi dan form

login Admin. Ketika membuat rancangannya maka terlebih dahulu

download dan install java Netbeans dengan cara dibwah ini:

Page 9: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

1. Cara Mendownload dan Menginstall Java Netbeans IDE

8.1

Sebelum melakukan instalasi download file java neatbeans IDE

versi 8.1 dan jdk-8u45-windows i586 diinternet,sebagai

Setelah mendownload maka lakukan langkah berkut untuk

menginstall java.

Klik doble pada file jdk 12.0.2-windows-64bit.exe,Lalu akan muncul tampilan setup lau klik Next

Gambar 23.Setup

Setelah klik Next maka akan muncul tampilan Destination folder,klik browser pilih tempat penyimpanan,lalu Next.

Gambar 24.Destination Folder

Tahap selanjutnya adalah Extracing Installer,seteleh Next di klik, maka akan muncul tampilan dibawah ini.

Page 10: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Gambar 25. Extracing Installer

Setelah tahap Extracing selesai maka akan muncul pemberitahuan successfully installed, bahwa jdk berhasil terinstall,dan klik Close.

Gambar 26.Successfully Installed

Ketika jdk 12.0.2-windows-64bit.exe berhasil terinstall

maka tahap selanjutnya adalah menginstallJava Netbeanst

IDE 8.1 dengan cara sebagai berikut:

Klik kanan pada file Java Neatbeans IDE 8.1-installer,lalu Open akan muncul proses configuration installer,seteleah proses loading configuration selesai,klik Next.

Gambar 27. Configuration Installer

Page 11: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Tahap selanjutnya proses intalasi Netbeans,klik Next. Sepeti gambar berikut:

Gambar 28. Proses Instalasi

Tahap selanjutnya proses persetujuan,dengan cara klik kotak yang bertuliskan ‘accept’,lalu klik Next.

Gambar 29. Proses License Agreement

Tahap seanjutnya pilih tempat penyimpanan Java di folder LocalC atau D,dengan cara klik browser pilih tempat penyimpanan,laluNext.

Gambar 30. Folder Penyimpanan

Page 12: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Klik Next terus-menerus sampai Finish,maka proses instalasi Java Netbeans selesai.

Gambar 31. Finish

Java selesai diinstall,Berikut tampilan Java ketika dibuka

Gambar 32.Tampilan Netbeans 8.1

A. Mendesain dan MembuatForm Login

Sebelum membuat Form Master Login buatlah project atau

package pada Netbeans. Ada beberapa langkah untuk membuat

form login pada java netbeans IDE 8.1 berikut langkah-

langkahnya :

Pilih filepada Neatbeans IDE 8.1 pada pojok kiri, klik new project.

Pilih java aplication lalu Next,maka tampilannya seperti berikut.

Page 13: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Gambar 33. Membuat project java

Kemudian beri nama project dengan nama ksp,pilih tempat penyimpanan project pada browser lalu simpan di local C dan klik finish apabila sudah menyimpan file project. Maka tampilannya seperti gambar dibawah ini

Gambar 34. Menyimpan project java

Setelah selesai membuat project name , klik kanan pada source packagesksp. Seperti gambar berikut.

Gambar 35. Source packages

Page 14: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Lalu pilih new->jFrame Form Lalu beri nama pada class name dengan nama

form_loginnlalu klik Finish. Maka tampilannya seperti berikut.

Gambar 36.source packages dan Jframe

Setelah klik Finish,maka akan muncul tampilan Jframe untuk di design. Seperti gambar berikut.

Gambar 37.Design JFrame

Page 15: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Pada saat JFrame design muncul maka tahap berikutnya

adalah memilih komponen palattesesuai kebutuhan. Pada pojok

kanan atas pilih palatte,berikut tabel komponen pada

JFramefrom_loginnyang diperlukan sebagai petunjuk.

Tabel 5. Komponen Palatte Form Login

Komponen Palatte Properti dan

Nama

Variable

-Swing Contianers:JPanel Untuk

membentuk

kotak pada Form

Login

JPanel1

-Swing

Continers:JLayeredPane

Layar

Tampilanuntuk

Form Login

JLayeredPane1

-Swing Control:JLabel Untuk memberi

label “LOGIN”

JLabel2

-Swing Control:JLabel Untuk memberi

label “Username”

JLabel3

-Swing Control:JLabel Untuk memberi

label “Password””

JLabel4

-Swing Control:JtextField Untuk

Mengidentifikasi

teks atau tulisan

pada nama user

txtuser

-Swing

Control:JPasswordField

Untuk

mengidentifikasi

teks dalam

bentuk password

(****)

txtpass

-Swing Control:JButton Button atau

tombol untuk

Login atau Masuk

btnlogin

-Swing Control:JButton Button untuk JButton2

Page 16: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

tombol cancel

Palatte pertama yang dipilih adalah JPanel dari swing containers untuk membuat tampilan dasar pada form login.

Masih dari swing containers yaitu JLayeredPane untuk membuat tampilan layar yang timbul pada tampilan dasar.

Berikutnya adalah palatte dari swing controls yaitu JLabel untuk meberi labeldengan nama login dan username,dan password

Untuk mengidentifikasi teks atau tulisan pada nama user,palatte yang digunakan adalah JTextFiled dari swing controls,agar bisa mengidentifikasi nama user yang diketik.

Untuk mengidentifikasi teks dalam bentuk password palatte yang digunakan adalah JPasswordField.

Untuk membuat tombol login dan cancel gunakan Jbutton pada swing controls.

Apabila komponen sudah ditentukan dan diterapkan maka

tampilannya seperti berikut.

Gambar 38. Design Login

Gambar 39. Tampilan Login

Page 17: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Ketik syntax berikut ini untuk menjalankan form login dengan

cara:

Klik kanan pada button login pilih Event->Action-> ActionPerformed maka berikut tampilan syntaxnya.

B. Mendesain dan Membuat Form Utama

Langkah pertama membuat from baru yaitu form utama

adalah sebagai berikut:

Memilih komponen palatte yang diperlukan untuk membuat form utama atau halaman utama yang berisi form Registrasi,Pembayaran,Laporan,Logout. Lihat tabel berikut

Page 18: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Tabel 6. Komponen Palatte Form Utama

Komponen Palatte Properti dan

Nama

Variable

-Swing

Contianers:JdekstopPane Tampilan

Dekstop pada

form utama.

Dekstop

-Swing Contianers:JPanel Tampilan dasar

form utama.

JPanel1

-Swing Contianers:JPanel Tampilan dasar

form utama yang

diisi oleh button

Registrasi,Pemb

ayaran,Laporan,

Logout.

JPanel2

-Swing Controls:JLabel Untuk memberi

label pada nama

“Koperasi”

JLabel1

-Swing Controls:JLabel Untuk memberi

label nama

‘Pilihan Menu”

JLabel2

-Swing Controls:Jbutton Button

Registrasi

Btnreg

-Swing Controls:Jbutton Button

Pembayaran

Btnpem

-Swing Controls:Jbutton Button Laporan Btnlap

-Swing Controls:Jbutton Button Logout Btnlog

Palatte pertama yang dipilih adalah JDekstopPane dari swing containers untuk membuat tampilan dekstop pada form utama.

Masih dari swing containers yaitu JPanel sebagai tampilan dasar pada form utama sekaligus sebagai tampilan yang berisi button.

Berikutnya adalah palatte dari swing control yaitu JLabel untuk meberi label pada nama Koperasi dan nama Pilihan Menu.

Page 19: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Untuk membuat tombol menu Registrasi,Pembayaran,Laporan, dan Logout gunakan JButton yang ada di swing controls.

Apabila Palatte yang dipilih sudah ditentukan maka langkah

selanjutnya adalah membuat form utama dengan cara sebagai

berikut,untuk tahapannya sama seperti membuat form login.

Kliik kanan pada source pakageksp pilih new->JFrame. Beri nama JFrame tersebut dengan form_utama. Simpan pada folder C sama seperti form login klik Finish.

Maka tampilan nya sebagai berikut.

Gambar 40. Design Form Utama

Gambar 41. Form Utama

C. Mendesain dan Membuat Form Registrasi

Sama seperti membuat form Login dan Form Utama untuk

tahapannya langkah pertamanya adalah sebagai berikut.

Page 20: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Memilih komponen palatte yang diperlukan untuk membuat form Registrasi atau pendaftaran.

Tabel 7 . Komponen Palatte Form Registrasi

Komponen Palatte Properti dan Nama Variable

-Swing

Contianers:Jinter

nalFrame

Tampilan Frame JinternalFrame

-Swing

Contianers:Jlayer

edPane

-kolom identitas

-kolom tabel

peminjaman

-kolom yang berisi

button

-kolom data cicilan

-kolom dasar

-JLayeredPane1

-JLayeredPane2

-JLayeredPane3

-JLayeredPane4

-JLayeredPane5

-Swing

Controls:Jlabel

- Label nama

pegajuan pinjaman

-label nama id

-Tanggal

-No karyawan

-Nama karyawan

-Dertemen

-jenis pinjaman

-Nominal

-cicilan1

-cicilan2

-total cicilan

-total pinjam

-RP

-cari id

-JLabel

Page 21: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

-Swing

Controls:JtexField

-Teks untuk ID

-Teks untuk

Tanggal

-Teks untuk No

karyawan

-Teks untuk Nama

karyawan

-Teks untuk

Departement

-Teks untuk Jenis

peminjaman

-Teks untuk

nominal jenis

pinjaman 1 jenis

pinjaman 2

-Teks untuk

cicilan1cicilan2

-Teks untuk total

cicilandan total

pinjam

-Teks untuk cari id

-txtno

-txtnama

-txthp

-harga1

-harga2

-cicil11

-cicili22

-txttotal

-txttotalpinjam

-txtcari

-Swing

Controls:JButton

-Button untuk save

-Button untuk edit

-Button untuk add

-Button untuk

Delete

-Button untuk

cancel

-JButton

-Swing

Controls:JCheckB

ox

-Check Box1

-Check Box2

-cb1

-cb2

-Swing

Controls:JComboB

ox

-Combobox1

-Combobox2

-cmb1

-cmb2

-Swing

Controls:JTable

-Tabel pinjaman

nasabah

-tb_nasabah

Page 22: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Palatte pertama yang dipilih adalah JInternalFrame dari swing

containers untuk menampung frame dalam frame atau lebih dari

satu frame.

Berikutnya JLayeredPane untuk membuat kotak kolom yang diperlukan pada form Registrasi.

Berikutnya adalah palatte dari swing control yaitu JLabel untuk meberi label pada nama-nama yang diperlukan.

JTextField untuk mendeskripsikan sebuah teks pada from Registrasi.

JButton untuk menambahkan button-button yang dibuat dan di perlukan pada form Registrasi.

JCheckBox untuk menambahkan list box pada jenis peminjaman.

JComboBox untuk menambahkan jenis pilihan pinjaman yang lebih dari satu dalam bentuk box yang akan dipilih pada form Registrasi.

JTable untuk menambahkan tabel seerti tabel peminjaman pada form Registrasi.

Apabila Palatte yang dipilih sudah ditentukan maka

langkah selanjutnya adalah membuat form Registrasi dengan

cara sebagai berikut,untuk tahapannya sama seperti membuat

form login.

Kliik kanan pada source pakage ksp pilih new->JFrame. Beri nama JFrame tersebut dengan form_registrasi. Simpan pada folder C sama seperti form login klik Finish.

Maka tampilan nya sebagai berikut

Gambar 42.Tampilan Form Registrasi

Page 23: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Untuk mengaktifkan form Regstrasi tersebut dengan cara klik

Source disamping Designuntuk mengetik beberapa syntax seperti

berikut:

Proses atau syntax diatas adalah inisialisasi atau Deklarasi yang

berfungsi untuk mendeskripsikan komponen atau variable-variable

dasar,apa saja yang akan dimasukan agar bisa dijalankan pada

program lewat sourcode ini.

Setelah membuat Deklarasi terhadap variable-variable dasar

maka untuk syntax berikutnya adalah mengaktifkan atau

menjalankan variable edittable().

Pada public void ketik variable yang sudah di deklarasikan yaitu variable atas nama edittable() sesuai pada deklarasi yang sudah di tentukan. Berikut syntaxnya.

Page 24: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Fungsi dari syntax yang diatas adalah untuk menampilkan

nama karyawan atau data karyawan yang melakukan

peminjaman,dan hasilnya data akan ditampilkan pada tabel

peminjaman di form Registrasi.

Pada public void ketik variable yang sudah di deklarasikan yaitu variable atas nama oto() sesuai pada deklarasi yang sudah di tentukan. Berikut syntaxnya. Untuk mengaktifkan TexField cicilan dan hargaagar teks tersebut muncul pada saat program running di form Registrasi. Berikut syntaxnya

Pada public void ketik variable yang sudah di deklarasikan yaitu variable atas nama clear() sesuai pada deklarasi yang sudah di tentukan.Untuk menghapus keseluruhan beberapa TexField seperti cicilan dan harga ,CheckBox dan ComboBox yang akan terhapus otomatis agar ketika Admin melakuna Delete atau menmbahkan data baru pada kolom identitas nasabah di from Registrasi. Berikut syntaxnya.

Page 25: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Langkah berikutnya adalah jumlah hitung yang akan di aktifkan pada cicilan,total cicilan dan total pinjam berituk syntaxnya.

Dan syntax berikutnya adalah syntax yang berfungsi untuk mengaktifkan tanggal untuk tanggal peminjaman yang dilakukan atau tanggal pada saat Registrasi yangdi sesuaikan dengan tanggal di Komputer atau Laptop. Berikut syntaxnya.

Page 26: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Syntax untuk mengaktifkan table yang berisi yang data pemijaman

Page 27: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Syntax untk menghubungkan koneksi pada database peminjaman,untuk mencari quer y dari database peminjaman.

Siytax untuk menghubungkan koneksi pada database agar dapat mencari query pada tablepeminjaman berdasarkan id yang dipanggil

Page 28: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Syntax untuk menghubungkan koneksi pada databasecombo_bagian.

Syntax untuk menghubungkan koneksi pada database agar query dapat diambil dari tablecombo_jenis

Untuk mengaktifkan JComboBoxagar bisa menampilkan

beberapa pilihan caranya sebagai berikut:

Page 29: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Klik kanan padacmb1yang ada pada Design pilih ->Event->Action->ActionPerformed

Lalu ketik syntax sebagai berikut.

Page 30: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Tahap selanjutnya adalah megaktifkan button atau JButton pada

Design form Pembayaran,untuk langkahnya sama seperti

mengaktifkan JComboBox. Dengan cara klik kanan pada JButton1

pilih->Event->Action->ActionPerformed. Berikut syntaxnya.

Page 31: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti
Page 32: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Syntax untuk mengaktifkan JComboBox->cmb1untuk menampilkan nominal dari setiap jenis peminjaman

Syntax untuk mengaktifkan JComboBox pada cmb2 int pilih = cmb2.getSelectedIndex();

float hasil, x, y;

String total;

switch(pilih){

case 1:

cicil2.setText("10");

cicil22.setText("601200");

harga2.setText("6012000");

break;

case 2:

cicil2.setText("24");

cicil22.setText("780000");

harga2.setText("18720000");

Page 33: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

break;

case 3:

cicil2.setText("36");

cicil22.setText("760000");

harga2.setText("27360000");break;

case 4:

harga2.setEnabled(true);break;

}

if (cmb1.getSelectedItem() == cmb2.getSelectedItem()){

JOptionPane.showMessageDialog(null, "Peminjaman Tidak Boleh Sama",

"Informasi", JOptionPane.ERROR_MESSAGE);

}

hitung();

hitungpinjaman();

// TODO add your handling code here:

}

Syntax untuk mengaktifkan JCheckBox pada cb2pemilihan kategori jenis peminjaman.

private void cb2ActionPerformed(java.awt.event.ActionEvent evt) {

if (cb2.isSelected()){

cmb2.setEnabled(true);

}else{

cb2.setSelected(false);

cb2.setEnabled(false);

cmb2.setEnabled(false);

cmb2.setSelectedIndex(0);

cmb1.setEnabled(false);

cmb1.setSelectedIndex(0);

clear();

} // TODO add your handling code here:

}

Syntax untuk mengaktifkan dan menampilkan harga pada nominal di jenis peminjaman yang diproses melalui Jtexfield->harga2->KeyReleased.

Page 34: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Syntax untuk mengaktifkan dan menampilkan harga pada nominal di jenis peminjaman yang diproses melalui Jtexfield->harga1->ActionPerformed.

Syntax untuk mengaktifkan texfield dari cari pada txtcari->KeyReleased.

Page 35: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

private void txtcariKeyReleased(java.awt.event.KeyEvent evt) {

if (txtcari.getText().equals("")){

nootomatis();

tabel();

clear();

} else {

DefaultTableModel tb = new DefaultTableModel();

tb_nasabah.setModel(tb);

tb = new DefaultTableModel();

tb.addColumn("Id");

tb.addColumn("Tanggal");

tb.addColumn("No. Peg");

tb.addColumn("Nama");

tb.addColumn("Departemen");

tb.addColumn("No HP");

tb.addColumn("Jenis Pinjam 1");

tb.addColumn("Jenis Pinjam 2");

tb.addColumn("Cicilan 1");

tb.addColumn("Cicilan 2");

tb.addColumn("Total Cicilan");

tb.addColumn("Total Pinjaman");

try{

Connection conn = new koneksi().getConnection();

Statement stat = conn.createStatement();

String sql = "Select * from peminjaman where id like '%" +

txtcari.getText() + "%'" ;

ResultSet rs = stat.executeQuery(sql);

while (rs.next()) {

tb.addRow(new Object[]{

rs.getString(1),

rs.getString(2),

rs.getString(3),

rs.getString(4),

rs.getString(6),

rs.getString(5),

rs.getString(7),

rs.getString(8),

rs.getString(10),

rs.getString(13),

rs.getString(15),

rs.getString(16),

});

lblno.setText(rs.getString(1));

lbltgl.setText(rs.getString(2));

Page 36: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

txtno.setText(rs.getString(3));

txtnama.setText(rs.getString(4));

txthp.setText(rs.getString(5));

cmbdep.setSelectedItem(rs.getString(6));

cmb1.setSelectedItem(rs.getString(7));

cmb2.setSelectedItem(rs.getString(8));

if (cmb1.getSelectedItem().equals("")){

cb1.setSelected(false);

}else{

cb1.setSelected(true);

}

if (cmb2.getSelectedItem().equals("")){

cb2.setSelected(false);

}else{

cb2.setSelected(true);

}

}

tb_nasabah.setModel(tb);

}catch (Exception e){

}

}

Syntax untuk untuk menjalankan atau mengaktifkan Button seperti Jbutton4,6 dan 2

Syntax untuk menjalankan Button pada JButton5

Page 37: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

private void jButton5ActionPerformed(java.awt.event.ActionEvent evt) {

try {

Connection con = new koneksi().getConnection();

con.createStatement().execute("delete from peminjaman where

id='"+txtcari.getText()+"'");

int SelectedOption=JOptionPane.showConfirmDialog (null,"Yakin Akan

Menghapus ?","Confirmation Dialog", JOptionPane.YES_NO_OPTION);

if (SelectedOption==JOptionPane.YES_OPTION){

JOptionPane.showMessageDialog(null,"DATA TERHAPUS

!!","INFORMATION", JOptionPane.INFORMATION_MESSAGE);

clear();

tabel();

nootomatis();

tgl();

}

} catch (SQLException ex) {} // TODO add your handling code here:

}

2.3.Rancangan Form Pembayaran

Rancangan Form Pembayaran bertujuan untuk memproses

atau mendata pembayaran pinjaman yang di input oleh Admin.

Berikut langkah-langkahnya sama seperti form-form sebelumnya.

Memilih komponen palatte yang diperlukan untuk membuat form Pembayaran atau Transaksi.

Tabel 8. Komponen Palatte Form Pembayaran

Komponen Palatte Properti dan Nama Variable

-Swing

Contianers:Jinter

nalFrame

Tampilan Frame JInternalFrame

-Swing

Contianers:Jlayer

edPane

-kolom identitas

nasabah

-detail pembayran

-kolom jenis

pinjam1

-kolom jenis pinjam

2

-JLayeredPane1

-JLayeredPane2

-JLayeredPane3

-JLayeredPane5

Page 38: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

-total cicilandan

sisa

-kolom tabel

pinjaman

-JLayeredPane6

-JLayeredPane7

-Swing

Controls:Jlabel

- Label nama

pegajuan pinjaman

-label nama id

-Tanggal

-No karyawan

-Nama karyawan

-Dertemen

-jenis pinjaman

-Nominal

-cicilan1

-cicilan2

-total cicilan

-total pinjam

-RP

-cari id

-JLabel

-lblstatus1

-lblstatus2

-Swing

Controls:JtexField

-Teks untuk ID

-Teks untuk

Tanggal

-Teks untuk No

karyawan

-Teks untuk Nama

karyawan

-Teks untuk

Departement

-Teks untuk Jenis

peminjaman

-Teks untuk

nominal jenis

pinjaman 1 jenis

pinjaman 2

-txtid

-txttgl

-txtno

-txtnama

-txtdep

-txthp

-txtjenis1

-txtbesar1

-txtsisa1

Page 39: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Palatte pertama yang dipilih adalah JInternalFrame dari swing containers untuk menampung frame dalam frame atau lebih dari satu frame.

Berikutnya JLayeredPane untuk membuat kotak kolom yang diperlukan pada form Pembayaran.

Berikutnya adalah palatte dari swing control yaitu JLabel untuk meberi label pada nama-nama yang diperlukan.

JTextField untuk mendeskripsikan sebuah teks pada from Pembayaran.

JButton untuk menambahkan button-button yang dibuat dan di perlukan pada form Pembayaran.

JTable untuk menambahkan tabel seerti tabel peminjaman pada form Pembayaran.

Apabila Palatte yang dipilih sudah ditentukan maka langkah

selanjutnya adalah membuat form pembayaran dengan cara

sebagai berikut,untuk tahapannya sama seperti membuat form

login.

Kliik kanan pada source pakage ksp pilih new->JFrame. Beri nama JFrame tersebut dengan Pembayaran.

-Teks untuk

cicilan1cicilan2

-Teks untuk total

cicilandan total

pinjam

-Teks untuk cari id

-txtcicil1

-txttotal

-txttotalsisa

-txtjenis2

-txtbesar2

-txtsisa2

-txtcicil2

-txtcari

-Swing

Controls:JButton

-Button untuk edit

-Button untuk cetak

-JButton1

-jButton2

-Swing

Controls:JTable

-Tabel pinjaman

nasabah

-tb_nasabah

Page 40: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Simpan pada folder C sama seperti form login klik Finish. Maka tampilan nya sebagai berikut.

Gambar 43.Form Pembayaran

Untuk mengaktifkan form Pembayaran tersebut dengan cara klik

Source disamping Design untuk mengetik beberapa syntax seperti

berikut:

Dan syntax berikutnya adalah public void untuk edittable() dan namatabel().

Page 41: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Syntax selanjutnya public void clear()

Syntax public void hitung pada form pembayaran

Page 42: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Syntax untuk memproses validasi padajbutton action

if (!txtjenis1.getText().equals("")&&!txtjenis2.getText().equals("") ){

if (!txtcicil1.getText().equals("0")&&!txtcicil2.getText().equals("0")){

sisa_bayar1 = Integer.valueOf(txtsisa1.getText()) -

Integer.valueOf(txtbesar1.getText());

sisa_bayar2 = Integer.valueOf(txtsisa2.getText()) -

Integer.valueOf(txtbesar2.getText());

sisa_cicil1 = Integer.valueOf(txtcicil1.getText()) - 1 ;

sisa_cicil2 = Integer.valueOf(txtcicil2.getText()) - 1 ;

sisa_bayar11 = String.valueOf(sisa_bayar1);

sisa_cicil11 = String.valueOf(sisa_cicil1);

sisa_bayar22 = String.valueOf(sisa_bayar2);

sisa_cicil22 = String.valueOf(sisa_cicil2);

if (sisa_cicil1 == 0){

Page 43: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

lblstatus1.setText("Lunas");

}else{

lblstatus1.setText("Belum Lunas");

}

if (sisa_cicil2 == 0){

lblstatus2.setText("Lunas");

}else{

lblstatus2.setText("Belum Lunas");

}

}else if (!txtcicil1.getText().equals("0")&&txtcicil2.getText().equals("0")){

sisa_bayar1 = Integer.valueOf(txtsisa1.getText()) -

Integer.valueOf(txtbesar1.getText());

sisa_cicil1 = Integer.valueOf(txtcicil1.getText()) - 1 ;

if (sisa_cicil1 == 0){

lblstatus1.setText("Lunas");

}else{

lblstatus1.setText("Belum Lunas");

}

sisa_bayar11 = String.valueOf(sisa_bayar1);

sisa_cicil11 = String.valueOf(sisa_cicil1)

}else if (txtcicil1.getText().equals("0")&&!txtcicil2.getText().equals("0")){

sisa_bayar2 = Integer.valueOf(txtsisa2.getText()) -

Integer.valueOf(txtbesar2.getText());

sisa_cicil2 = Integer.valueOf(txtcicil2.getText()) - 1 ;

if (sisa_cicil2 == 0){

lblstatus2.setText("Lunas");

}else{

Page 44: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

lblstatus2.setText("Belum Lunas");

}

sisa_bayar22 = String.valueOf(sisa_bayar2);

sisa_cicil22 = String.valueOf(sisa_cicil2);

2.4.Rancangan Form Laporan

Rancangan Form Laporan bertujuan untuk memproses atau

mendata pembayaran pinjaman yang di input oleh Admin lalu di

cetak sebagai laporan kepada atasan atau kepala koperasi dan

sebagai bukti peminjaman untuk karyawan Berikut langkah-

langkahnya sama seperti form-form sebelumnya.

Memilih komponen palatte yang diperlukan untuk membuat form Laporan.

Tabel 9. Komponen Palatte Form Laporan

Komponen Palatte Properti dan Nama Variable

-Swing

Contianers:Jinter

nalFrame

Tampilan Frame -JInternalFrame

-Swing

Contianers:Jlayer

edPane

-kolom untuk data

nasabah lunas

-kolom data

nasabah yang

belum lunas

-JLayeredPane1

-JLayeredPane2

-Swing

Controls:Jlabel

- Label nama

Laporan Nasabah

pada form laporan

-JLabel1

-Swing

Controls:Jbutton

-Button untuk cetak -JButton1

Page 45: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Palatte pertama yang dipilih adalah JInternalFrame dari swing

containers untuk menampung frame dalam frame atau lebih dari

satu frame.

Berikutnya JLayeredPane untuk membuat kotak kolom yang diperlukan pada form Laporan.

Berikutnya adalah palatte dari swing control yaitu JLabel untuk memberi label nama Laporan Nasabahpadafrom Laporan.

JButton untuk menambahkan button-button yang dibuat dan di perlukan pada form Laporan.

JTable untuk menambahkan tabel seperti tabel peminjaman cicilan nasabah yang lunas maupun belum lunas pada form Laporan.

Apabila Palatte yang dipilih sudah ditentukan maka langkah

selanjutnya adalah membuat form Laporan dengan cara

sebagai berikut,untuk tahapannya sama seperti membuat form

login.

Kliik kanan pada source pakage ksp pilih new->JFrame. Beri nama JFrame tersebut dengan Laporan. Simpan pada folder C sama seperti form login klik Finish.

Maka tampilan nya sebagai berikut.

Gambar 44. Form Laporan

-JButton2

-Swing

Controls:Jtable

-Tabel belum lunas

-Tabel lunas

-tb_lunas

-tb_belumlunas

Page 46: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Untuk mengaktifkan form Laporan tersebut dengan cara klik

Source disamping Design untuk mengetik beberapa syntax seperti

berikut:

Dan syntax berikutnya adalah public void untuk laporan().

Syntax atau source codeuntuk mengaktifkan button cetak laporan padadata peminjaman yang sudah lunas, untuk variable button nya adalah JButton3,dengan cara klik kanan pada JButton3 pilih Event->Action->ActionPerformed

Page 47: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti
Page 48: BAB II RANCANGAN APLIKASI · Untuk membuat tabel baru pada database ksp klik new di bawah package ksp yang ada pada xampp,beri nama table dengan nama combo_bagian lalu buat seperti

Selajutnya Syntax atau source codeuntuk mengaktifkan button cetak laporan pada data peminjaman yang belum lunas, untuk variable button nya adalah JButton3,dengan cara klik kanan pada JButton3 pilih Event->Action->ActionPerformed