Komponen Model

Pada pembahasan kali ini adalah komponen/objek yang menggunakan mode l untuk menampung data. Dalam blog ini hanya akan membahas komponen yang sering digunakan, yaitu ComboBox, List, dan Tabel

gambar 1.1

Ketiga komponen tersebut memiliki kesamaan dalam hal berikut :
1. Menggunakan model untuk menampung data
2. Menampilkan data yang telah ditampung oleh model

Adapun perbedaannya terdapat pada jenis masing- masing komponen :

gambar 1.2

Setiap model membutuhkan kode import yang di tempatkan di kode program paling atas seperti pada gambar 1.3

gambar 1.3

• Combo Box

Berikut beberapa perintah yang sering di pakai pada kode program di Combo Box

1. Deklarasi Model

Deklarasi Model di simpan di bagian akhir kode program sebelelum kurung kurawal akhir

Contoh kode :

mdl adalah nama variabel yang di deklarasikan, Anda bisa merubahnya sesuai dengan kebutuhan.

2. Memuat Model kedalam ComboBox

Contoh kode : 

Kode tersebut akan memuat model mdl beserta data yang dikandungnya ke dalam ComboBox.

Kode tersebut juga digunakan untuk me-refresh muatan item baru ke ComboBox

3. Menambah item baru ke dalam model

Contoh Kode :

Pengisian item model JComboBox bisa dilakukan dengan dua cara :

a. Mengisikan ke Model di Properties pada tahap perancangan

b. Mengisikan ke model lewat kode Event ComponentShown di Jframe (Jframe -> Klik Kanan ->Events -> Component -> componentShown)

4. Menghapus seluruh data pada model

Contoh Kode : 

5. Membaca Kode

Contoh Kode : 

6. Menuliskan Pilihan item ke data Combo Box

Contoh Kode : 

Contoh Aplikas ComboBox (penentuan tarif kamar hotel berdasarkan pilihan kelas)

1. Buatlah desain seperti pada gambar a

gambar a

2. Untuk ComboBox berada di pallate-swing controls

gambar b

3. Pilih Komponen ComboBox, Pada bagian properties pilih model , klik tombol kecil bertitik tiga(…) disebelah kanan dan masukan item yang akan ditampilkan dalam ComboBox pada from yang tersedia, kemudian klik OK.

gambar c

4. Masukan kode program di bawah ini pada ComboBox, dengan klik kanan pada ComboBox-Events-action-actionPerformed

gambar d

5. Running dan ini hasilnya

gambar e

gambar f

• List

Model : DefaultListModel

Import : import javax.swing.DefaultListModel

Deklarasi Model : 

Berikut adalah beberapa perintah yang sering dipakai Jlist :

1. Menambahkan item baru ke dalam model. Contoh kode :

2. Menghapus satu data. Contoh kode :

3. Membaca isi list yang dipilih pengguna. Contoh Kode :

4. Menghapus seluruh data pada model. Contoh Kode :

5. Me-refresh data pada Jlist, memuat kembali model. Contoh Kode :

• Contoh Aplikasi List

1. Buatlah desain seperti gambar di bawah ini

gambar f

2. Untuk JList beerada di swingcontrols

3. Jangan lupa menaruh deklarasi model 'mdl' dan import DefaultListModel

4. Isikan Kode program di bawah ini untuk Event pada listkota (klik kanan list-Event-Mouse-MouseClicked

5. Tulis Kode program pada button "Bersihkan List"

6. Tulis kode program tombol isi List

7. Running dan ini Hasilnya

gambar g

Cara Menggunakan Radio Button, Button Group, dan Chek Box

1. Radio Button

• RadioButton berfungsi untuk menampung pilihan pengguna. 
• Sekumpulan RadioButton (dua atau lebih) harus diikat dengan ButtonGroup agar terkelompok dalam satu grup RadioButton. Dalam satu grup, RadioButton yang terpilih hanya satu. 
• Apabila sekelompok RadioButton tidak diikat dalam ButtonGrup, semua komponen RadioButton itu bisa dipilih.

Method yang sering digunakan adalah sebagai berikut :

1. isSelected() untuk mengecek apakah suatu RadioButton sedang dipilih atau tidak

    contoh pada pemilihan jenis kelamin : if pria.isSelected()

2. setSelected() Untuk memilih suatu RadioButton secara otomatis

    contoh pada pemilihan jenis kelamin : pria.setSelected(true)

2. Button Group

• ButtonGroup merupakan salah satu komponen yang bersifat tidak terlihat(invisible). 
• Setelah dimasukan ke dalam Jframe, ButtonGroup akan terlihat pada jendela inspector di bagian Other Components disebelah kiri.

Langkah-langkah :

1. Buat desain form dengan meletakan komponen Jlabel, JTextField, JButton, dan

JRadioButton

gambar 2.1

2. Letakan komponen ButtonGroup (Palette > Swing Controls) ke dalam Jframe(Form).

gambar 2.2

3. Pilihlah masing-masing RadioButton  dan set pada Properties

agar nilai buttonGroup nya buttonGroup1

gambar 2.3

Langkah diatas membuat RadioButton Pria dan Wanita tergabung dalam

satu grup (diikat oleh buttonGroup1) sehingga jika Pria terpilih (aktif/true),

Wanita tidak. Namun jika RadioButton tidak diikat oleh buttonGroup1, keduanya independen sehingga bisa dipilih atau dinonaktifkan secara bersamaan. 

4. Tulislah program ini dalam button proses

gambar 2.4

5. Running dan ini hasilnya

gambar 2.5

3. Chek Box

• CheckBox adalah objek yang dibutuhkan untuk menampung lebih dari satu jenis pilihan pada form, misalnya pilihan hobi, Pelajaran, dan lain-lain.
• Method yang sering digunakan sama dengan method RadioButton, yaitu isSelected() untuk mengecek apakah suatu CheckBox terpilih, dan setSelected(true) untuk memberi tanda centang pada suatu CheckBox.

Langkah-langkahnya adalah :

1. Buat desain seperti gambar 3.1

gambar 3.1

2. Untuk CheckBox Anda bisa menemukannya di swing controls

gambar 3.2

3. Tulislah kode program di bawah ini pada button proses

gambar 3.3

4. Running dan ini hasilnya

gambar 3.4

Percabangan dan Konversi Tipe Data

A. Percabangan 

1. Percabangan dua kemungkinan
    Sintaknya :

Artinya, jika kondisi terpenuhi, statement-1 yang akan dijalankan, namun bila tidak, statement-2 yang akan dijalankan


Contohnya sebagai berikut:
Buatlah desain dan sesuaikan variable namenya  seperti (gambar 1.1)

gambar 1.1

Buatlah action pada tombol Button proses dengan program di bawah ini (gambar 1.2) :

gambar 1.2

Tampilannya akan seperti ini jika di running (gambar 1.3)

gambar 1.3

2. Percabangan lebih dari dua kemungkinan
    Sintaknya :

Contoh percabangan lebih dari dua kemungkinan

Perhatikan kasus di bawah ini

0-5 tahun termasuk kategori balita,
6-12 tahun termasuk kategori anak-anak,
13-17 tahun termasuk kategori remaja,
18-50 tahun termasuk kategori dewasa

Dengan desain dan nama variable seperti pada gambar ini(gambar 1.4)

gambar 1.4

Berilah program kasus percabangan lebih dari satu pada action di Button proses (gambar 1.5)

gambar 1.5

Maka tampilan program seperti ini (gambar 1.6)

gambar 1.6

B. Konversi Tipe Data

JTextField hanya bisa menampung data bertipe String. Oleh karena itu, jika diperlukan sebuah proses aritmatika seperti penjumlahan, pengurangan, perkalian, atau pembagian yang melibatkan JTextField, harus ada proses konversi tipe data.

Konversi Tipe Data String ke Integer dan sebaliknya
1. String-Integer

2. Integer- String

Contoh :
Buatlah tampilan desain dan nama variable seperti ini (gambar 1.7)

gambar 1.7

Tulis kode program ini pada action Button hitungluas (gambar 1.8)

gambar 1.8

Tampilannya akan seperti ini (gambar 1.9)

gambar 1.9

Konversi Tipe Data Float ke String dan sebaliknya
1. Float-String

2. String-Float

Buatlah tampilan desain dan nama variable seperti ini (gambar 1.10)

gambar 1.10

Tulis kode program ini pada action Button hitungluas (gambar 1.11)

gambar 1.11

Aplikasi sederhana diatas akan dilengkapi dengan mekanisme validasi angka :
1. Jika salah satunya (Bil1 atau Bil2) tidak diisi / kosong, maka akan tampil pesan.
2. Jika Bil2 diisi dengan nilai 0, maka akan ditampilkan pesan, angka yang ada di Bil2 di hapus, dan kursor akan difokuskan ke Bil2 untuk pengisian ulang.


Tampilannya akan seperti ini (gambar 1.12, gambar 1.13, dan gambar 1.4)

gambar 1.12

gambar 1.3

gambar 1.14

Penggunaan JOption Pane

JOptionPane adalah komponen untuk menampilkan pesan. Berikut adalah contoh aplikasi membaca dan menampilkan nama seperti pada contoh sebelumnya, namun hasil tampilan namanya berebtuk JOptionPane.

Pertama kita buat aplikasi seperti pada contoh sebelumnya klik untuk melihat
seperti (gambar 1.1)

gambar 1.1

Cara membuat informasi pesannya yakni seperti program dii bawah ini (gambar 1.2) :

gambar 1.2

Setelah di Running maka program Anda seperti ini (gambar 1.3)

gambar 1.3

Penggunaan Label, TextField, dan Button pada Palette Swing Containers

Jika kita ingin membuat suatu program tentunya kita harus mengetahui dari fungsi - fungsi yang terdapat di dalamnya.

Nah, di netbeans ini terdapat banyak sekali fungsi - fungsi  seperti disisi kanan ada Pallate di sisi kanan yang di dalamnya terdapat beberapa bagian yang salah satunya adalah Swing Controls. (gambar 1)

Nah, Anda langsung bisa mempraktikannya untuk mengetahui fungsi - fungsinya dengan mengikuti langkah - langkah berikut :

Pertama Anda coba drag Label pada Swing Controls (gambar 1.1)

Untuk merubah namanya Anda klik kanan - Edit Text/Klik 2 kali pada Label  dan tulis " Tampilan Pesan"(gambar 1.2).

Langkah kedua, Anda drag Text Field pada Swing Controls dan letakkan disamping label (gambar 1.3)

Seperti biasa, untuk merubah nama Anda tinggal kik kanan - Edit Text dan kosongkan dari tulisan (gambar 1.4).

Lalu Anda perlu mengganti nama variable dari TextField semisal jTampil dengan klik kanan-Change Variable Name(gambar 1.5)

Untuk apa di rubah? yakni untuk memudahkan Anda dalam memahami scriptnya.

Langkah ketiga, Anda drag Button pada Swing Controls dan letakkan di bawah Text Field (gambar 1.6).

Ganti namanya dengan klik kanan-edit text dan tulis tulisan "Tampilkan Pesan" (gambar 1.7).

Nah untuk memberi output pada Text Field, Anda perlu memberi Action pada Button Tampilkan Pesan dengan klik kanan-Event-action-action performed (gambar 1.8)

Kemudian  tulislah script seperti pada (gambar 1.9)

Maksud dari jTampil adalah tempat dimana Anda memberi suatu aksi pada jTampil(Text Field) ketika button di klik, setText berguna untuk menampilkan pesan yang Anda inginkan seperti "Selamat Belajar Java"

Lalu Anda bisa running program tersebut dengan Shift + F6 (gambar 1.10)

Java untuk Pemula

Bagaimana awal mula membuat sebuah project?

Nah, pertama Anda harus membuka Netbeans terlebih dulu.


Di pojok atas kiri ada menu File, lalu klik New Project atau Anda langsung bisa menekan tombol Ctrl+Shift+N (gambar 1.1)

gambar 1.1

Setelah di klik, maka tampil beberapa pilihan menu category dan project, untuk category pilihlah Java dan untuk project pilihlah Java Application , lalu klik next (gambar 1.2)

gambar 1.2

Muncul tampilan Nama Project, Project Location, dan Folder Project yang bisa di sesuaikan sesuai kebutuhan Anda (gambar 1.3)

gambar 1.3

Untuk membuat sebua project baru silahkan Anda klik kanan pada bagian Source Packages – New – JFrame From... (gambar 1.4)

gambar 1.4

Tentukan nama dan lokasi yang Anda inginkan dan klik finish (gambar 1.5)

gambar 1.5

Inilah tampilannya (gambar 1.6)

gambar 1.6

Untuk membuat sebuah program Anda bisa klik disini.