Anda di halaman 1dari 7

MODUL 4 JTextArea, DialogBox. JSpinner

A. TUJUAN Maksud :

- Mahasiswa mampu menggunakan komponen jTextArea untuk membuat resume.

- Mahasiswa mampu menggunakan komponen DialogBox untuk membuat dialog. Tujuan :

- Menjelaskan dan membuat jTextArea sebagai resume masukkan data

- Menjelaskan dan membuat jDialog untuk dialog.

B. DASAR TEORI TextArea berfungsi untuk menuliskan masukkan teks yang disebut jTextArea. jTextArea merupakan komponen yang mirip dengan jtextField tetapi dapat menampung lebih dari satu baris. Class jTextArea merupakan komponen yang menyediakan area untuk menampilkan banyak baris teks. Sebagaimana class jTextField, class jTextArea adalah juga turunan dari class jTextComponent. Beberapa metoda penting yang diwarisi dari class jTextComponent sebagai parent class adalah metoda isEditable, setEditable, setText, getText, getSelectedText dan getToolTipText. class jTextArea tidak mendukung scrolling. Dibatasi hanya sampai pada superclass jComponent, hirarkhi turunan class jTextArea adalah sebagai berikut:

, hirarkhi turunan class jTextArea adalah sebagai berikut: Dialog diimplementasikan dengan class jDialog adalah

Dialog diimplementasikan dengan class jDialog adalah sebuah Container untuk membentuk form dialog. Untuk menampilkan dialog-dialog sederhana (dialog-dialog standart) bisa menggunakan jOptionPane. Perlu diketahui bahwa dialog yang dibuat dengan menggunakan komponen jOptionPane bersifat modal, artinya tidak dapat membuka sebuah frame apabila dialog yang sedang dibuka belum ditutup.

C.

PRAKTEK

1. Jalankan NetBeans

2. Buat project baru bernama pmodul4

3. Pada pmodul4 klik kanan New - Form (JFrame Form), beri nama fmodul4

4. Kemudian buatlah desain form berikut ini :

(JFrame Form) , beri nama fmodul4 4. Kemudian buatlah desain form berikut ini : PRAKTIKUM PEMROGRAMAN
(JFrame Form) , beri nama fmodul4 4. Kemudian buatlah desain form berikut ini : PRAKTIKUM PEMROGRAMAN
1 2 3 4 6 5 7 9 8 11 10
1
2
3
4
6
5
7
9
8
11
10

5. Keterangan komponen

1

Class

: jLabel

Text

: Identitas Anggota

2

Class

: jLabel

Text

: NIM

 

Class Variabel Name

: jTextField1

3

: false

4

Class

: jLabel

Text

: Nama

 

Class Variabel Name

: jTextField2

5

: false

 

Class Variabel Name

: JTextField2

6

: false

 

Class Variable Name

: jRadioButton

: jRadioButton

7

Text actionCommand selected

: Laki Laki / Perempuan

: Laki Laki / Perempuan

: true / false

8

Class

: jLabel

Text

: Hobby

 

Class

: jCheckBox1

9

Text Variable Name

: Olah Raga

: JCheckBox1

 

Class Variable Name

: jTextArea

10

: jTextArea

: JCheckBox1   Class Variable Name : jTextArea 10 : jTextArea PRAKTIKUM PEMROGRAMAN DESKTOP Page 2
: JCheckBox1   Class Variable Name : jTextArea 10 : jTextArea PRAKTIKUM PEMROGRAMAN DESKTOP Page 2
 

Editable

: false

 

Class

: jButton1

11

Variable Name Text

: jButton1

: Baca

6. Lakukan hal yang sama untuk CheckBox berikutnya.

7. Skenario : Mahasiswa diminta untuk memasukkan data yang dapat menginformasikan identitas dan kegiatan yang menjadi kegemarannya, hasil dari masukkan akan di- resume pada TextArea. Berikutnya tambahkan tombol Hapusuntuk menghapus isi dari TextArea yang sebelumnya berisi hasil resume.

8. Berikut ini kode untuk tombol Baca

jTextArea1.append("Nama : " +jTextField1.getText()+"\n"); jTextArea1.append("Alamat : "+jTextField2.getText()+"\n");

String jk;

if(jRadioButton1.isSelected())jk="Laki-laki";

else jk="Perempuan"; jTextArea1.append("Jenis Kelamin : " +jk+"\n"); String Hobby=""; if(jCheckBox1.isSelected()) Hobby="Olah Raga"; if(jCheckBox2.isSelected()) Hobby+="Memabaca"; if(jCheckBox3.isSelected()) Hobby+="Travelling"; if(jCheckBox4.isSelected()) Hobby+="Memasak"; if(jCheckBox5.isSelected()) Hobby+="Menonton"; jTextArea1.append("Hobby : " +Hobby+"\n");

}

9. Kemudian tambahkan sebuah Button untuk membersihkan TextArea, menjadi desain form berikut ini :

12
12
Button untuk membersihkan TextArea , menjadi desain form berikut ini : 12 PRAKTIKUM PEMROGRAMAN DESKTOP Page
Button untuk membersihkan TextArea , menjadi desain form berikut ini : 12 PRAKTIKUM PEMROGRAMAN DESKTOP Page
 

Class

: JButton2

12

Variable Name

: JButton2

Text

: Hapus

int Pilih = JOptionPane.showConfirmDialog(null,"Apakah Ingin Menghapus?","Pertanyaan",JOptionPane.YES_NO_CANCEL_OPTION); if (Pilih ==JOptionPane.OK_OPTION){ JOptionPane.showMessageDialog(null,"Bener Anda Setuju");

jTextArea1.setText("");}

else if(Pilih == JOptionPane.NO_OPTION) JOptionPane.showMessageDialog(null,"Yakin Tidak Setuju?"); else if (Pilih == JOptionPane.CANCEL_OPTION) JOptionPane.showMessageDialog(null,"Sepertinya Anda Ragu");

10. Saat dijalankan (tekan F6) maka akan menghasilkan tampilan sebagai berikut :

F6) maka akan menghasilkan tampilan sebagai berikut : 11. Berikut ini setelah data dimasukan pada form

11. Berikut ini setelah data dimasukan pada form dan setelah Button Baca” ditekan hasil masukan akan ditampilkan pada TextArea.

Button “ Baca ” ditekan hasil masukan akan ditampilkan pada TextArea . PRAKTIKUM PEMROGRAMAN DESKTOP Page
Button “ Baca ” ditekan hasil masukan akan ditampilkan pada TextArea . PRAKTIKUM PEMROGRAMAN DESKTOP Page
Button “ Baca ” ditekan hasil masukan akan ditampilkan pada TextArea . PRAKTIKUM PEMROGRAMAN DESKTOP Page

12. Berikut ini ketika Button Hapusditekan maka akan menampilkan dialog yang membutuhkan jawaban dari pengguna.

menampilkan dialog yang membutuhkan jawaban dari pengguna. Spinner 13. Buatlah desain form seperti berikut ini :

Spinner

13. Buatlah desain form seperti berikut ini :

1 2 3
1
2
3
4 5
4
5

14. Keterangan komponen

1 Class

: jSpinner1

Variabel Name

: jSpineer1

2 Class

: jSpinner2

Variabel Name

: jSpineer2

3 Class

: jSpinner3

Variabel Name

: jSpineer3

Name : jSpineer2 3 Class : jSpinner3 Variabel Name : jSpineer3 PRAKTIKUM PEMROGRAMAN DESKTOP Page 5
Name : jSpineer2 3 Class : jSpinner3 Variabel Name : jSpineer3 PRAKTIKUM PEMROGRAMAN DESKTOP Page 5

4 Class

: jPanel1

Variabel Name

: jPanel1

5 Class

: jButton1

Variabel Name

: jButton1

15. Tambahkan paket awt: import java.awt.*;

16. Ketikkan kode berikut,

public class fspiner extends javax.swing.JFrame { int red, green, blue; SpinnerNumberModel modelRed, modelGreen, modelBlue;

public fspiner() { initComponents(); Integer value = 255; Integer min = 0; Integer max = 255; Integer step = 1;

modelRed = new SpinnerNumberModel(value, min, max, step); modelGreen = new SpinnerNumberModel(value, min, max, step); modelBlue = new SpinnerNumberModel(value, min, max, step);

jSpinner1.setModel(modelRed);

jSpinner2.setModel(modelGreen);

jSpinner3.setModel(modelBlue);

red = green = blue =255; changePanelColor();

}

private void changePanelColor(){ Color clr = new Color(red, green, blue);

jPanel1.setBackground(clr);

}

17. Untuk masing masing jSpinner diset, Events Change - StateChange

18. Pada masing masing jSpinner ketikkan kode berikut ini :

red = modelRed.getNumber().intValue();

19. Kemudian jalankan (tekan F6) maka akan menghasilkan tampilan sebagai berikut,

Kemudian jalankan (tekan F6) maka akan menghasilkan tampilan sebagai berikut, PRAKTIKUM PEMROGRAMAN DESKTOP Page 6
Kemudian jalankan (tekan F6) maka akan menghasilkan tampilan sebagai berikut, PRAKTIKUM PEMROGRAMAN DESKTOP Page 6
Kemudian jalankan (tekan F6) maka akan menghasilkan tampilan sebagai berikut, PRAKTIKUM PEMROGRAMAN DESKTOP Page 6

19. Isikan nilai Spinner untuk melihat warna yang ditampilkan pada Panel. Setelah nilai Spinner diisikan, maka akan menghasilkan seperti gambar berikut,

diisikan, maka akan menghasilkan seperti gambar berikut, D. LATIHAN Tambahkan informasi anggota lainnya yang

D. LATIHAN Tambahkan informasi anggota lainnya yang memanfaatkan dropdown, kemudian tampilkan resume pada TextArea.

E. TUGAS Diberikan oleh dosen pengampu.

tampilkan resume pada TextArea . E. TUGAS Diberikan oleh dosen pengampu. PRAKTIKUM PEMROGRAMAN DESKTOP Page 7
tampilkan resume pada TextArea . E. TUGAS Diberikan oleh dosen pengampu. PRAKTIKUM PEMROGRAMAN DESKTOP Page 7