Tutorial pembuatan Aplikasi Java Berbasis CRUD klmpk_1 (Aplikasi Zakat)

Tutorial Pembuatan Aplikasi (CRUD)
“Aplikasi Data Zakat”
Kelompok 1 : Ahmad Syauqi
MunawirAdam
NurfitrianiNingsih
Muh. Siddiq Agussalim
Aco Herman Nas
Proyek 1
Mk Sistem Terdistribusi
Kelas E
Angkatan 2016

Bentuk Sistem gambar AplikasiPendataan Zakat :
Form 1 Form 2
Form Utama Aplikasi

Langkah – langkah Pembuatannya:
1. Pertama buatkan duluDatabasenya: Data/Elemen
aplikasinya yangakan di masukkan nanti dalam Aplikasi
form Javanya(JavaFX).
a. MenggunakanXampp mysql (SQLite) +
PhpMyadmin.
Buka AplikasiXamppnya, laluaktifkan Apache dan Mysql, untuk
terhubung ke PhpMyadmin.
Seperti pada gambardibawahini .

2. SelanjutnyaBukaBrowsur,dan Masuk/ketik Url :http://localhost/phpmyadmin/
3. KliknewatauBaru, untukmembuatdatabasenya
4. Isi Nama databasenya,danganti jadi penyortiran

Lalu klikBuat.
5. SelanjutnyatulisnamaTabel,dantentukanjumlahkolomnya,misalnya15 kolom, seperti
aplikasi yangsayatelahbuatdi atas,laluklikKirim
6. Selanjutnya,isisemuakolomsesuai aplikasi yangandabuat

Seperti KolomAplikasiyangsudahsayabuat sebelumnya:
7. Langkah BerikutnyaSetelahDatabasenyasudahkitabuat, yaitulangsungsajabukaAplikasi
Netbeans8.0.2 nya,ok men...

8. Pada tampilanAwal Kitabuatdulufile projectnyayaituformLoginnya,dengancaraklikmenu
File + NewProject,laluakantampil sepertipadagambardi bawah ini. Dantentukankategori
bahasa pemrogramannya,dankami disinimenggunakanbahasaJava, klikjava dan pilihproject
Java Aplication,laluklik Next.
9. Selanjutnyaakantampil NewJavaApplication,da nisi nama projectanda,laluklik Finish

10. gambar projectyang andatelahbuat sudahada.
11. Dan lakukanlangkahsesuai gambardi bawahini.UntukmembuatFormLogin
12.
TulisnamaClassnya
Dan klikFinish..

13. SelanjutnyabuatlahFormLoginSepertibentuktampilannyadi bawahini,danmodifikasi sesuai
dengankeinginananda.
Cara menghilangkantempat tombol navigatornyayaituklikJFrame/Formnyalalulihatdi
properties,seperti berikut: Aktifkanundecorated
Properti yangkami gunakan: Label,Button,Panel,danTextField.
Untuk gambar backgroundnyakami menggunakanlabel untukmenginputgambarnyadari
Computer.
Variabel TextField1: nama, TextField2: password.
Langkah memasukkanVariabelnya,klikkananTextFieldnyadanklik

Source Code
ButtonCancel :
ButtonLogin:
Tombol kali danminimixenyamasukkancodingdengancara,seperti berikut.
Events+ Action+ add
CodingTombol Kali :

Tombol Minimise :
14. Selanjutnya buatFormSelamatDatangnya
Properti yangsaya gunakan: Panel,Label, danButton.

Codingnya:
ButtonKembali :
ButtonKeluar:
ButtonHome(rumah);
15. Saatnyamasuk ke pembuatanForm Utama Yaitu Aplikasi “PembayaranZakat”

Berikut adalah Komponen Pendukung dari Aplikasi ini
 Button
 JOption Button
 Label
 Text field
 Tabel
 Panel
Berikut adalah Formula yang digunakan dalam Aplikasi ini :
 Zakat Fitrah
(Harga beras * 3.5) * (Jumlah jiwa)
 Zakat Profesi
Nishab = (520) * (Harga Beras)
Zakat = (Jumlah Penghasilan) * (2.5) / 100
 Fidyah
(1) * (Jumlah jiwa) * (Harga 1 porsi makan) * (Hari tidak puasa)
Langkah – Langkah Pembuatannya:
1. Open NetBeans pilih Services  Databases  Klik kanan pada
Databases  New Connection

2. Akan muncul New Connection Wizard  Pada Driver pilih My Sql (Connector/ j
drive)  Next
3. Pada kolom Database tuliskan dengan nama Database yang kamu buat di
PhpMyadmin  klik Button Test Connection  lihat hasil Test
Conection  Finish

6. Klik kanan pada Package form_Aplikasizakat  New  Other
7. Akan muncul New File  pada categories pilih Swing GUI Forms  pada File
Types pilih Master/Detail Simple Form  Next

8. Akan muncul New Master/Detail Form  pada Class Name ubah sesuai dengan
keinginan kamu misal, (formzakat1  Next
9. Akan muncul New Master/Detail Form  pada Database Connection pilih sesuai
dengan nama Database yang kamu buat  Finish

10. Dan Finish.
11. JadilahAplikasiPembayaranZakat,Kalaumaudi modifikasi silahkansesuai keinginan
anda.
Codingnya :
- ButtonInfoZakat Profesi :

- ButtonInfoZakat Fitrah:
- ButtonInfoZakat Fidyah:
- Code ProsesZakatFitrah:

- Code ProsesZakatFidyah:
- Code ProsesZakatProfesi :
- Code Button About:

- Code ButtonSave :
- Code Button Refresh:
- Code ButtonDelete :
-

16. InilahProjectAplikasi Zakatyangkami buat,sekiandari kami,TerimaKasih…Wassalamu
Alaikumwarahmatullahi wabarakatuh…
Muda Mudahan Tutorial Ini Bermanfaat Wassalamualaikum warahmatullahi
wabarakatuh…

Tutorial pembuatan Aplikasi Java Berbasis CRUD klmpk_1 (Aplikasi Zakat)

More Related Content

What's hot (20)

Similar to Tutorial pembuatan Aplikasi Java Berbasis CRUD klmpk_1 (Aplikasi Zakat) (20)

Recently uploaded (20)

Tutorial pembuatan Aplikasi Java Berbasis CRUD klmpk_1 (Aplikasi Zakat)