Pertemuan 13

Membuat GUI menggunakan JAVA di Netbeans

Buka Netbeans, buatlah project dengan klik file>>new project

Pilih bahasa java >> java aplication lalu klik next

Masukan nama project dan klik Finish

Klik kanan pada source package, pilih new >> Java package

Silahkan masukan nama package

Pada package latihan 1 klik kanan kemudian new dan pilih Jframe form buat class namenya, masukan class name. Lalu finish

kemudian drag item panel ke lembar designnya

Klik kanan pada panelnya lalu properties, akan muncul seperti gambar di bawah ini. Lalu klik tombol yg di lingkari hijau untuk mengganti background. Pilih warna lalu klik close

Buatlah design seperti pada gambar di bawah ini. Seret label ke tempat yg di tandai seperti pada gambar di bawah ini. Untuk mengubah namanya, klik kanan pada labelnya lalu edit text.

Ikuti seperti gambar masukan text field, text area, button ke panel. Lalu sesuaikan bentuknya

Tambahkan text pane dan table seperti berikut ini. Sesuaikan bentuknya

Pada text field, klik kanan lalu pilih Change variabel name menjadi "Namatextfield" > OK. Lakukan hal yg sama pada textpane yg paling bawah ganti namanya menjadi Cetak_katatextpane. Lalu pada tombol button Klik kanan >events>action>action performed

Masukan source code berikut

String nama = (NamaTextField_arief.getText());

String pesan = (PesanTextArea_arief.getText());

Cetak_KataTextPanearief.setText("Nama Saya "+nama+" dan saya membuat pesan"+pesan);

Klik kanan pada cetak_kata lalu run file 

Masukan nama dan pesannya kurang lebih hasilnya seperti ini

Program 2 Membuat Kalkulator tambah

Klik kanan pada Pacakage Latihan1 >New>Jframe Form. kemudian isi class namenya

Seret panel ganti bacgroundnya, lalu buatlah design seperti pada gambar di bawah ini

Klik kanan pada text pane yg kalian buat Change variabel name> ubah dengan display

Lakukan ini pada setiap button angka Klik kanan >Events>Action>action performed

lalu masukan source code berikut

angka_arief += "1";

display.setText(angka_arief);

sesuaikan angka pada source dengan angka button jika angka button 2 maka ganti angka source code dengan 2

Pada Button tambah Klik kanan >Events>Action>action performed

lalu masukan source code berikut

angka1_arief=Double.parseDouble(angka_arief);

display.setText("+");

angka_arief="";

pilih_arief=1;

Buatlah tombol hasil klik kanan Button Hasil >Events>Action>Action performed

Lalu masukan source code berikut

switch(pilih_arief){

            case 1:

                angka2_arief = Double.parseDouble(angka_arief);

                jumlah_arief = angka1_arief + angka2_arief;

                angka_arief = Double.toString(jumlah_arief);

                display.setText(angka_arief);

                break;

            default :

Kemudian tambahkan ini source code pada Konstruktor

Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();

        Dimension frameSize = getSize();

        setLocation((screenSize.width - frameSize.width) / 3,

        (screenSize.height - frameSize.height) / 4);

tambahkan juga code di bawah pacakage 

import java.awt.*;

Klik kanan pada cetak proses lalu klik Run

Kurang lebih begini hasilnya 

Terima kasih demikian pembuatan program sederhana kotak pesan dan kalkulator tambah