Bahasa Java bagian 8

Studi Kasus Membangun Aplikasi GUI

Studi Kasus Aplikasi GUI

       1. Aplikasi Konversi Suhu

       2. Operasi Dua Angka

Aplikasi Konversi Suhu

• GUI Component: TextField, Label, Button

• Events: actionPerformed, mouseClicked

Algoritma dalam Event Handling

1. Ambil Isi dari textfield, simpan dalam variabel celcius
2. Konversi celcius ke fahrenheit dengan rumus di bawah, dan simpan hasilnya dalam variabel fahrenheit
   fahrenheit = 1.8 * celcius + 32
3. Tempelkan hasil (fahrenheit) ke label fahrenheit (menimpa isi lama) 

PROGRAM APLIKASI KONVERSI SUHU

Langkah-langkah kerjanya yaitu:

1. Membuat Project Baru

Klik pada menu File,  kemudian pilih New Project

Setelah itu, pada categories klik Java lalu pilih Java application  kemudian klik tombol Next.

2. Memberi Nama Project

• Nama Project  adalah CelciusToFahrenheit1

• Uncheck (hilangkan tanda checklist) pada Create Main Class

 

3.  Menambahkan JFrame Form Pada Project

• Nama Frame adalah  CelciusToFahrenheit1GUI

• Package diberi nama GUI

4. Menempatkan GUI Component ke Design (Frame)

Pada pilihan Swing Controls pilih :

• Text Field

• Button

• Label

• Label

Dan tempatkan seperti gambar di bawah ini!

 

5. Mengubah Text dari GUI Component (Edit Text)

Caranya seperti berikut ini:

• Pada JTextField1 klik kanan, kemudian akan muncul menu seperti gambar di bawah ini. 

    Klik menu Edit Text dan delete huruf yang ada (kosongkan)

    Lakukan hal yang sama pada :

• jLabel1 menjadi Celcius

• jLabel2 menjadi Fahrenheit

• jButton1 menjadi Convert

Maka akan di peroleh hasil seperti berikut

6. Mengubah nama variabel dari setiap GUI Component (Change Variable name)

Caranya seperti berikut ini:

• Pada jTextField1  klik kanan, kemudian akan muncul menu seperti gambar di bawah ini. 

Klik menu Change Variable Name dan ganti dengan nama “celciusTextField”

    Lakukan hal yang sama pada :

• jLabel1 menjadi celciusLabel

• jLabel2 menjadi  fahrenheitLabel

• jButton1 menjadi convertButton

    Maka akan diperoleh hasil seperti berikut

7. Rapikan Tampilan Frame Program Kita (Potong Yang Tidak Perlu)

8. Buat Event untuk Convert Button

• Klik Kanan Pada Convert Button

• Pilih Event

• Kemudian pilih Action, lalu klik ActionPerfomed

  

• Maka akan tampil hasilnya seperti berikut ini

9. Buat Code untuk Event Handling di Convert Button

Codenya:

  double fahrenheit = Double.parseDouble(celciusTextField.getText()) * 1.8 + 32;

   fahrenheitLabel.setText(fahrenheit + " Fahrenheit");

   Masukkan code tersebut seperti dibawah ini

10. Setelah itu kompilasi (Build, F11) Project

11. Kemudian jalankan (Run, F6) Project

Atau bisa juga dengan klik Kanan dan pilih Run pada File Java

Maka akan diperoleh hasil seperti berikut :

12. Tes program

Misalnya kita masukkan angka 20 pada celcius, setelah itu klik Convert,

maka akan diperoleh hasil 68.0 pada Fahrenheit, 

tampilan hasilnya seperti dibawah ini :