Tutorial membuat Tampilan GUI menggunakan netbeans
Halo temen temen saya disini akan menjelaskan cara membuat Tampilan GUI di NetBeans
Nah disini saya akan membuat 2 menu menu yang pertama yaitu Konversi Bilangan dan Kasir
1. Project dengan nama UAS.
2. Mendesain 3 halaman atau frame diantaranya sebagai berikut :
a. Frame dengan nama Beranda.java
secara default JCombobox berisi data konversibilangan, maka tulis source dibawah dengan cara buka tab source pada class frame KonversiBilangan.java
Halo temen temen saya disini akan menjelaskan cara membuat Tampilan GUI di NetBeans
Nah disini saya akan membuat 2 menu menu yang pertama yaitu Konversi Bilangan dan Kasir
1. Project dengan nama UAS.
2. Mendesain 3 halaman atau frame diantaranya sebagai berikut :
a. Frame dengan nama Beranda.java
Lakukan beberapa perubahan diantaranya :
1)
Ubah nama JMenuItem pada
Konversi Bilangan menjadi MenuKonversiBilangan danJMenuItem pada Kasit menjadi
MenuKasir.
FFrame
dengan nama KonversiBilangan.java
1)
Ubah nama variabel komponen sesuai
Tabel 1.
Tabel 1. Nama Variabel Komponen
|
Field
|
Nama Variabel
|
|
JTextField pada harga
|
THarga
|
|
JTextField pada jumlah
|
TJumlah
|
|
JTextField pada subtotal
|
TSubtotal
|
|
JCombobox pada barang
|
CBarang
|
|
JButton Tambah
|
BTambah
|
|
JTable
|
Tdata
|
|
JTextField pada total
|
TTotal
|
secara default JCombobox berisi data konversibilangan, maka tulis source dibawah dengan cara buka tab source pada class frame KonversiBilangan.java
Buat objek dari DefaultComboboxModel
Atur kolom tabel :
Untuk menghindari kesalahan dalam
program yaitu proses tidak bisa dijalankan ketika data masukan kosong maka
perlu ditambahkan validasi dalam bentuk pop up yaitu menggunakan JOptionePane
dengan menulis source dibawah:
Klik kanan pada Jbutton Jumlah => Events => Action => actionPerformed
[RBNGActionPerformed lalu tulis source dibawah :
Agar
tombol JButton delete dapat dijalankan untuk menghapus salah satu
data yang ada di tabel klik dua kali tombol delete
lalu masukkan source di bawah ini :
Agar
tombol JButton clear All dapat dijalankan untuk menghapus semua data yang ada
di tabel klik dua kali pada tombol clear all lalu masukkan source di bawah ini :
Masukkan perintah pada String
harga sesuai dengan nama konversi yang sudah dideklarasikan pada formComponentShown. Sehingga saat memilih konversi kita dapat langsung mengetahui konversi bilangan tersebut :
Untuk dapat mengeluarkan nilai pada JTextField
harga sesuai barang yang kita inginkan dan melanjutkan perintah sebelumnya,
tulislah source dibawah ini pada CBarang JComboBox
Selanjutnya kita membuat form kasir
1. Buat Frame dengan nama KASIR.java
1)
Ubah nama variabel komponen sesuai
Tabel 1.
Tabel 1. Nama Variabel Komponen
|
Field
|
Nama Variabel
|
|
JTextField pada harga
|
THarga
|
|
JTextField
pada jumlah
|
TJumlah
|
|
JTextField pada subtotal
|
TSubtotal
|
|
JCombobox
pada barang
|
CBarang
|
|
JButton Tambah
|
BTambah
|
|
JTable
|
Tdata
|
|
JTextField pada total
|
TTotal
|
Secara default JCombobox berisi data kasir, maka
tulis source dibawah dengan cara buka tab source pada class frame kasir.java
Buat objek dari DefaultComboboxModel :
Tambahkan source code berikut pada componentShown
untuk menambah data pada JCombobox :
Konfigurasi JTable dengan import DefaultTableModel :
Atur kolom tabel :
Untuk menghindari kesalahan dalam program yaitu
proses tidak bisa dijalankan ketika data masukan kosong maka perlu ditambahkan
validasi dalam bentuk pop up yaitu menggunakan JOptionePane dengan menulis source
dibawah :
klik kanan pada Jbutton
Jumlah => Events => Action => actionPerformed
[RBNGActionPerformed lalu tulis source dibawah :
tombol JButton delete dapat
dijalankan untuk menghapus salah satu data yang ada di tabel klik dua kali
tombol delete lalu masukkan source di bawah ini :
agar
tombol JButton clear All dapat dijalankan untuk menghapus semua data yang ada
di tabel klik dua kali pada tombol clear all lalu masukkan source di bawah ini :
Masukkan perintah pada String
harga sesuai dengan nama barang yang sudah dideklarasikan pada formComponentShown. Sehingga saat memilih barang kita dapat langsung mengetahui harga
barang tersebut
Untuk
dapat mengeluarkan nilai pada JTextField harga sesuai barang yang kita inginkan
dan melanjutkan perintah sebelumnya, tulislah source dibawah ini pada CBarang
JComboBox
SEKIAN DARI SAYA SEMOGA BERMANFAAT












Komentar
Posting Komentar