Bissmilah..
Assalamualaikum wr. wb
Sebelumnya saya akan menjelaskan sedikit tentang komponen – komponen yang akan kita gunakan didalam pembuatan aplikasi ini, mulai dari jComboBox, jTable, jRadioButton dan juga Button Group-nya.
- jComboBox, ini adalah komponen yang digunakan untuk mengkombinasikan button/pilihan lebih dari satu, dengan menggunakan fungsi drop-down list.
- jTable, komponen yang fungsinya untuk menampilkan dan mengedit data yang telah kita masukan sebelumnya, berupa data – data dari kolom dan juga baris.
- jRadioButton, komponen ini berfungsi untuk memilih menu yang nantinya akan diberikan isi-isi dari setiap komponen radio button yang dapat dipilih salah satu.
- Button Group, swing ini berfungsi untuk menghubungkan antara item-item jRadioButton yang apabila kita telah memilih salah satu RadioButton lalu kita ingin memilih RadioButton yang lain, pilihan RadioButton yang sebelumnya akan “deselected”.
Udah ahh langsung aja ke TKP....
1. Pertama kita buat dulu Projectnya, Klik File > New Project
Dengan ketentuan:
Categories = Java
Projects = Java Application
Project Name = Penjualan_Bunga (bebas siiih)
Create Main Class = Unchecklist
2. Jika sudah, sekarang kita buat JFrame Form baru dengan cara Klik kanan “Default Package” > New > pilih JFrame Form.
3. Lalu kita beri nama pada Class Name-nya, bebas asal sesuai ketentuan dan kegunaan.
4. Jika sudah, Klik Finish dan akan muncul Form baru yang masih “Polos”
5. Selanjutnya kita buat desain Form-nya, buatlah desain seperti ini :
6. Setelah selesai, kita ganti masing-masing nama Variabel Objectnya dengan cara Klik kanan > Change Variabel Name, lakukan hal yang sama dengan setiap komponen-komponen yang telah kita masukan (gantilah Variabelnya dengan nama yang sesuai dengan yang kita butuhkan, agar mudah diingat nantinya).
Contoh pemberian nama Variabel yang saya telah ganti :
7. Setelah selesai memberi nama Variabel pada semua Object, selanjutnya kita akan memberikan item-item yang akan tampil pada ComboBox-nya dengan cara Klik kanan ComboBox yang ingin kita atur > pilih Properties > dibagian Model klik gambar titik 3 (...) yang ada dipojoknya.
#ubah semua item yang ada menjadi seperti gambar diatas, item tsb yang nantinya akan kita panggil sebagai nama bunga.
8. Jika sudah selesai mengubah nama-nama itemnya, selanjutnya Klik OK.
9. Sekarang kita sudah berhasil memberikan item-item pada nama bunga, selanjutnya kita fokus ke Tabel yang telah kita buat dibawah.
10. Klik kanan tabelnya > pilih Properties > dibagian Model pilih titik 3(...) dipojok > lalu akan tampil menu tabel modelnya.
11. Beri nama Titte dari tiap-tiap Tittle kolomnya, Type biarkan Object, lalu Uncheclist semuanya dibagian Editable.
12. Karena kita membutuhkan 6 Kolom untuk menampilkan tiap-tiap data yang telah kita input jadi dibagian Columns kita beri sebanyak 6, saran saya berikan 0 dibagian Rows. Bikin aja dah mirip kaya “punya saya” :
13. Jika sudah Klik OK, dan kita sudah berhasil memberikan Tittle, Columns, Rows untuk Tabel yang akan kita gunakan.
14. Naahh, sekarang kita fokus ke RadioButton-nya karena kita akan memberika ButtonGroup untuk tiap komponen RadioButton tsb.
15. Pertama kita ambil Button Group dari Palette dan drag ke dalam form kita, bebas taruh dimana ssaja karena itu tidak akan mengganggu posisi-posisi dari Form yang telah kita susun.
16. Jika sudah, akan muncul komponen ButtonGroup di node Other Components yang ada di menu Navigator
17. Selanjutnya pilih semua komponen RadioButton, biar cepet pake CTRL lalu klik masing-masing RadioButton-nya > Klik kanan > pilih Properties
18. Pada menu Properties dibagian ButtonGroup ganti “none” dengan “ButtonGroup1”, seperti yang dijelaskan diatas, ini bertujuan agar tiap-tiap RadioButton saling berhubungan.
Dibagian Enabled, unchecklist bagian tsb
19. Lalu Klik OK, dan anda akan melihat kalau setiap RadioButton sudah saling terhubung, seperti ini:
20. Naaah sekarang kita sudah selesai membuat desain dan juga mengatur semua properties yang dibutuhkan, langkah selanjutnya adalah pemberian Source Code kedalam tiap-tiap komponennya.
21. Langkah pertama penberian deklarasi Variabel data yang dibutuhkan, masuk ke tab Source, letakan pendeklarasian dibawah
public class Form_penjualanBunga extends javax.swing.JFrame {
#kenapa kita letakan disitu?, itu agar nantinya variabel tsb bisa kita panggil dimana-pun diluar public class, ibarat kata nama tsb terkenal :D
22. Selanjutnya, kita kembali ke tab Desain, lalu Klik kanan ComboBox Nama Bunga > pilih Events > Action > actionPerformed (Double Klik aja biar cepet :D)
Lalu masukan kode berikut
#perhatikan Melati, Mawar, Kamboja adalah nama-nama item yang sebelumnya telah kita masukan didalam properties ComboBox.
Untuk NamaBunga kita berikan Nilai String sesuai dengan nama item-item pada ComboBox tadi.
Lalu memberi nilai kepada variabel harga.
Menampilkan harga didalam TextField harga per tangkai.
23. Selanjutnya kembali ke tab Desain, Double klik pada CheckBox Kirim
Isikan code ini didalamnya:
#fungsi kode diatas adalah disaat kita Checklist pada CheckBox maka RadioButton yang sebelumnya kita tidak aktifkan akan menjadi aktif kembali dan kita bisa memilih RadioButton tsb begitu juga sebaliknya.
24. Jika sudah kembali ke tab Desain lagi, lalu kita fokuskan ke RadioButton nya, Klik kanan RadioButton pertama > Events > Action > actionPerformed, lalu masukan kode berikut:
Lakukan hal yang sama untuk RadioButton lainnya :
#Untuk “RB_jarak1, RB_jarak2, RB_jarak3” sesuaikan dengan nama Variabel Object dari RadioButton milik anda.
Untuk biayaKirim itu adalah Variabel yang telah kita deklarasikan di awal, gunanya jika kita memilih salah satu RadioButton berapa biayaKirimnya.
25. Selanjutnya kita masuk ke Button Proses/ jButton1,, klik kanan button tersebut > Events > Action > actionPerformed
Lalu isikan kode berikut:
#jumlah beli di konversi ke type data integer dari hasil inputan di TextField jumlah Beli.
Variabel bayar adalah hasil proses matematika dari harga X dengan jumlah beli.
Jika bayar lebih dari 300.000 maka mendapat diskon 10% (bayar*10/100).
Menampilkan diskon di TextField diskon.
totalBayar adalah hasil proses matematika dari bayar – diskon – biayaKirim.
Menampilkan totalBayar di textField total bayar.
26. Naaahh untuk sementara kita telah berhasil membuat semua proses berjalan jika kita menekan tombol “PROSES”, gapercayaa?? Coba ajaa :D.
27. Langkah selanjutnya adalah memberikan semua nilai-nilai yang ada kedalam Tabel, yaitu dengan cara kembali ke tab Source
Tambahkan kode berikut diatas public class Frame kita:
#berfungsi untuk mengimport library dari table.DefaultTableModel
28. Lalu tambahkan kode berikut dibawah public class Frame kita:
#berfungsi untuk mendeklarasikan variabel tabelModel dengan DefaultTableModel.
29. Lalu tambahkan kode berikut dibawah initComponents():
#berfungsi untuk mendapatkan DefaultTabelModel untuk Tabel yang telah kita buat.
Pada bagian Tabel.getModel(); ganti Tabel dengan nama variabel yang anda berikan pada jTable anda.
30. Selanjutnya masuk lagi ke tab Desain, Double klik pada Button Proses/jButton1, masukan kode didalam kotak merak berikut, taro aja dipaling bawahnya.
31. Naaaahhh, jika sudah berarti anda berhasil menampilkan semua data kedalam Tabel anda, gapercaya??, coba ajaa..usahakan coba dengan segala kemungkinan penginputan, lalu klik PROSES.
32. Selesai dehhh, gampang kan....
Loohh.. loohh... loohh.. ini kok pas mencet hapus gak terjadi apa-apa???
Yaiyalaah kan button hapus belum ada prosesnya :D
33. Sekarang kembali lagi ke Tab Desain, klik kanan button Hapus/jButton2 > Events > Action > actionPerformed
Tambahkan code ini kedalamnya:
Selesai sudah mengisi code ke semua komponen-komponen nya, sekarang tinggal coba satu per satu dengan segala kemungkinan.
Sekian Tutorial dari saya, kurang lebihnya mohon maaf.
Mohon ikuti langkah demi langkah dan juga pahami, jangan asal mengikutinya saja..
#Note! Ada beberapa kesalahan dimanapun, saya harap anda dapat menemukan dan menyelesaikan kesalahain itu :D
