MATERI PJJ

MENGGUNAKAN SWING  DENGAN NETBEANS 6.7.1

Komponen Swing

Ò  Swing   toolkit   menyediakan komponen   untuk  membangun aplikasi GUI desktop. Swing toolkit juga menyediakan class-class   untuk  menangani   interaksi   antara   aplikasi  dan   user  menggunakan   standard   input   seperti   keyboard   dan   mouse.

Ò  Komponen-komponen yang disediakan swing mencakup semua GUI toolkit yang biasa digunakan dalam apilasi desktop, seperti : JTabel, JList,   JTree,   JButton,   JLabel   dan   masih   banyak   komponen - komponen lainnya yang sudah siap pakai.

Bekerja dengan JLabel, JTextField dan Jbutton

Ò  Label, textfield dan tombol adalah komponen-komponen dasar yang selalu ada dalam setiap aplikasi berbasis desktop. Ketiga komponen ini mempunyai fungsi yang sangat sederhana, textfield menyimpan data   berbentuk   text   (string)   yang   relatif   pendek,   label   banyak digunakan   untuk   memberikan   keterangan   penjelas   terhadap komponen lain dan tombol digunakan user untuk menjalankan satu instruksi tertentu

Ò  Berikut   ini   adalah   contoh   aplikasi   sederhana   yang   melakukan penjumlahan dua buah bilangan

PEMBUATAN KALKULATOR SEDERHANA

MENGGUNAKAN NETBEANS 6.7.1

By RAVITA EKA DEWI

Berikut adalah langkah2 untuk membuat program Kalkulator dengan menggunakan editor Netbeans 6.7.1. Apabila dalam penjelasan ada yang tidak jelas, silakan email ke rharaecha@gmail.com

Bagian-1 : User Interface.

1.       Buka NetBeans, buat Project baru(New Project) atau buka Project yang sudah ada.

2.       Buat file JFrame Form baru, beri nama Kalkulator.

3.       Set Layout JFrame : Border Layout

4.       Pasang 2 buah Panel ke JFrame, Panel ke-1(jPanel1) pada posisi North & yg ke-2(jPanel2) pada posisi Center. 
5.       Set Layout jPanel1 & jPanel2 : Grid Layout

6.       Pada Inspector, klik jPanel1. Pada properties-nya, ubah nilai PreferedSize menjadi [xxx,75].

7.       Pada Inspector, klik GridLayout yang berada di bawah jPanel2. Pada properties-nya ubah nilai:

a.       Horizontal Gap : 10

b.      Rows : 4

c.       Vertical Gap : 10

8.       Pasang Text Field ke jPanel1. (jTextField1)

9.       Ubah nama variabel jTextField1 menjadi tfLayar.

10.   Pada properties tfLayar ubah nilai :

a.       Editable : false

b.      Font : sesuai selera (contoh : Courier New 24 Bold)

c.       Horizontal Alignment : Right

d.      Text : 0 (Nol)

e.      Background : [255,255,255]

11.   Pasang Button ke jPanel2. (jButton1) Kemudian sesuaikan jenis & ukuran Font sesuai selera.

12.   Ubah nama variabel jButton1 menjadi btn1.

13.   Pada properties btn1 ubah nilai :

a.       Font : sesuai selera (contoh : Tahoma 24 Bold)

b.      Text : 1

14.   Isi btn1 dengan “1” (Satu).

15.   Klik btn1, kemudian copy (Ctrl + C), Kemudian tanpa meng-klik apapun langsung paste (Ctrl + V), sampai button yang ada di jPanel2 ada sebanyak 20 button. Sehingga menjadi seperti gambar 1.

       Pada properties masing2 Button, Ubah niai Text sehingga menjadi seperti gambar 2.

GAMBAR 1

GAMBAR 2

 Bagian-2 : Modifikasi Source code.

1.       Buat variabel2 baru, letakkan sebelum fungsi public Kalkulator(). Seperti berikut :

private boolean titik = true, angkaBaru = true;

private double tampung = 0;

private int operator = 0;

2.       Buat Fungsi addNumber dan hitung, letakkan setelah fungsi public Kalkulator(). Seperti berikut :

private void addNumber (String Number) {

        String layar = tf_layar.getText();

        double nilai = Double.parseDouble(layar);

        if(angkaBaru) {tf_layar.setText(Number); angkaBaru = false; }

        else tf_layar.setText(layar + Number);

    }

    private void hitung(char oper){

        String layar = tf_layar.getText();

        double nilai = Double.parseDouble(layar);

         if(operator < 1) {

            tampung = nilai;

   }     else if (!angkaBaru) {

            switch(operator){

            case 1: tampung *= nilai; break;

            case 2: tampung /= nilai; break;

            case 3: tampung += nilai; break;

            case 4: tampung -= nilai; break;

            case 5: tampung %= nilai; break;

                            }

                              }

   angkaBaru = true; titik = true;

   String tmp = String.valueOf(tampung);

   if(tmp.endsWith(".0"))

      tmp = tmp.substring(0,tmp.length()-2);

   tf_layar.setText(tmp);

        System.out.println(tampung);

   if(oper=='='){ operator = 0; tampung = 0; return; }

   operator = (oper=='x'?1:oper=='/'?2:oper=='+'?3:oper=='-'?4:5);

3.       Beri Event pada Button yang mempunyai Text “1”, pada contoh nama variabelnya : btn11. Klik kanan, plih Event → Action → actionPerformed.  Atau  dengan  cara  double  klik  pada  tampilan  Buttonnya. Kemudian  ketikkan  perintah berikut :

addNumber(btn11.getText());

4.       Lakukan langkah nomor 3 untuk Button yang mempunyai Text “2” – “9”. Ganti btn11 dengan nama variabel masing2

Button. Misal : “5” (btn7) → addNumber(btn7.getText());

5.       Beri Event pada Button yg mempunyai Text “0” & “00”. Pada contoh nama variabelnya : btn16 & btn18. Kemudian kettikkan perintah berikut :

a.    “0” (btn16)

if(!angkaBaru) addNumber(btn16.getText());

else if(operator < 1) tfLayar.setText("0");

b.    “00” (btn18)

if(!angkaBaru) addNumber(btn18.getText());

else if(operator < 1) tfLayar.setText("0");

6.       Beri Event pada Button yg mempunyai Text “.” (titik). Pada contoh nama variabelnya :  btn17. Kemudian kettikkan perintah berikut :

if(titik){

            titik = false;

        if(Double.parseDouble(tf_layar.getText()) == 0 || !angkaBaru)

            tf_layar.setText(tf_layar.getText()+".");

        else if(angkaBaru) tf_layar.setText("0.");

            angkaBaru = false;

7.       Beri  Event  pada  Button  yg  mempunyai  Text  “<”.  Pada  contoh  nama  variabelnya  :  btn20.  Kemudian  kettikkan perintah berikut :

String layar = tf_layar.getText();

            double nilai = Double.parseDouble(layar);

            if(nilai != 0){

                if(layar.length() == 1) {layar = "0"; angkaBaru = true;}

                else {

                    if(layar.charAt(layar.length() - 1) == '.') titik = true;

                    layar = layar.substring(0, layar.length()-1);

                     }

           } else if(!titik) {

       if(layar.charAt(layar.length() - 1) == '.') {

       titik = true; angkaBaru = true;

       }

   layar = layar.substring(0, layar.length()-1);

}

tf_layar.setText(layar);

8.       Beri Event pada Button yg mempunyai Text “C” dan “AC”. Pada contoh nama vaiabelnya :  btn4 &  btn5. Kemudian

ketikkan perintah berikut :

a.       “C” (btn4) → tfLayar.setText("0"); angkaBaru = true; titik = true;

b.      “AC” (btn5) → btn4ActionPerformed(evt); tampung = 0; operator = 0;

9.       Beri Event pada Button yg mempunyai Text “x”, “/”, “+”, “-” dan “=”. Pada contoh nama vaiabelnya :  btn9, btn10, btn14, btn15 & btn19. Kemudian ketikkan perintah berikut :

hitung('x');

10.   Selesai. Running...