Pada tutorial kedua ini, kita akan membahas mengenai Label, TextField dan Button. Bagi programmer yang berasal dari bahasa pemrogramman selain Java, kita bisa memahami pola pengambilan variabel dan melakukan setting variabel melalui program kecil ini. Sebagai contoh, pada program terapan, kita akan sering berhubungan dengan “Bagaimana cara mengambil isi suatu Text Field” atau “Bagaimana cara mengeset isi suatu TextField”.

Dalam VB 6.0 (yang saya gunakan bertahun-tahun ), perintah mendapatkan isi suatu text menggunakan perintah berikut :

strIsiText = txtTeks1.text

Sedangkan pada Java, hal ini dilakukan dengan memanggil method getText sebagai berikut :

strIsiText = txtTeks1.getText();

Mari kita lihat tutorial selengkapnya :

1. Buatlah sebuah project Java Application pada Netbeans. Silakan merujuk pada artikel terdahulu jika masih belum tahu cara melakukannya
2. Tambahkan sebuah JFrame Form. Beri nama dan judulnya
3. Tambahkan 2 buah Label, 2 buah TextField (beri nama txtID dan txtNama) dan 3 buah Button (btnAdd, btnEdit, btnExit).
4. Setting enabled = false (unchecked) pada properties txtID dan txtNama. Hal ini dilakukan karena pada saat di Load, form isian harus dalam kondisi disabled
5. Setting Mnemonic untuk 3 buah button (A untuk btnAdd, E untuk btnEdit dan x untuk btnExit). Di Visual Basic hal ini dilakukan dengan menulis caption &Add, &Edit dan E&xit, sedangkan di Java, perintah ALT ini disebut Mnemonic. Fungsinya, agar tombol tersebut dapat diakses menggunakan tombol keyboard ALT + Huruf Mnemonic
6. Lihat contoh form sebagai berikut :

   

7. Ketikkan kode berikut pada event actionPerformed pada btnAdd. Jangan lupa lakukan import library yang diperlukan (import javax.swing.JOptionPane;) yang bisa secara otomatis dilakukan dengan melakukan klik pada bola lampu dibaris JOptionPane.

   private void btnAddActionPerformed(java.awt.event.ActionEvent evt) {
           if (btnAdd.getText().equals("Add")){
               //Tambah Data
               btnAdd.setText("Save");
               btnAdd.setMnemonic('S');
               btnEdit.setText("Cancel");
               btnEdit.setMnemonic('C');
               btnExit.setEnabled(false);
   
               txtID.setEnabled(true);
               txtNama.setEnabled(true);
   
               txtID.requestFocus();
   
           } else {
               //Simpan Data
               JOptionPane.showMessageDialog(null, "Menyimpan data ID '"+txtID.getText()+ "' dan Nama : '"+txtNama.getText()+"'") ;
   
               btnAdd.setText("Add");
               btnAdd.setMnemonic('A');
               btnEdit.setText("Edit");
               btnEdit.setMnemonic('E');
               btnExit.setEnabled(true);
   
               txtID.setEnabled(false);
               txtNama.setEnabled(false);
               btnAdd.requestFocus();
           }
       }
   

8. Ketikkan kode berikut pada event actionPerformed pada txtID. Fungsinya adalah memindahkan fokus ke txtNama. Visual Basic biasanya menggunakan perintah .setfocus

   	txtNama.requestFocus();

9. Ketikkan kode berikut pada event actionPerformed pada txtNama

   	btnAdd.requestFocus();

10. Ketikkan kode berikut pada event actionPerformed pada btnExit. Fungsinya adalah menutup form. Pilih salah satu dari 2 kode berikut :

    	dispose(); // digunakan untuk menutup form, sama dengan <strong>unload me </strong>di Visual Basic 

    	System.exit(0);  //digunakan untuk menutup aplikasi, sama dengan <strong>End</strong> di Visual Basic

11. Simpan dan jalankan aplikasi (SHIFT + F6)
12. Jika kita melakukan klik pada tombol Add, text btnAdd berubah dari Add menjadi Save (Edit menjadi Cancel) dan fokus akan berpindah ke teks ID. Setelah ID diisi dan kita tekan ENTER, fokus berpindah ke teks Nama. Setelah mengisi nama dan menekan ENTER, fokus akan pindah ke button Add (yang berubah menjadi Save). Jika kita menekan tombol Add, akan keluar kotak pesan (MessageBox)

    

13. Silakan modifikasi program agar tombol Edit bisa dipergunakan. Jika perlu, lakukan juga penambahan komponen yang terlibat.

Kita akan menggunakan Netbeans IDE untuk melakukan hal ini. Berikut adalah langkah-langkahnya :

1. Install Netbeans
2. Jalankan Netbeans sehingga muncul layar utama IDE



3. Klik menu File | New Project
4. Pilih Java – Java Application



5. Beri nama Project AppHelloWorld dan hilangkan pilihan Create Main Class, karena kita langsung membuat main class pada form Hello World



6. Klik kanan pada Project yang baru dibuat, pilih New | JFrame Form…
7. Beri nama Form yang baru dibuat dengan nama frmHelloWorld. Klik finish. Kita akan diberi satu buah form yang bisa didesain secara leluasa.



8. Jika di IDE Visual Basic kita mengenal Toolbox, di Netbeans kita mendapatkan sesuatu yang mirip dengan nama Pallete



9. Drag dan drop komponen Button dari Pallet ke form yang baru kita buat sehingga muncul 1 buah tombol dengan text jButton1



10. Klik kanan pada tombol tersebut dan pilih Change Variable Name. Ubah nama tombol menjadi btnHello



11. Klik kanan lagi pada tombol dan pilih Edit Text. Ganti text menjadi Hello World
12. Klik kanan lagi juga (hehehe…) pada tombol dan pilih menu Events | Actions | actionPerformed. Event ini bisa diumpamakan sebagai event Command_Click pada Visual Basic



13. Kita akan mendapatkan layar kode. Ketikkan kode berikut :

14. JOptionPane.showMessageDialog(null, "Hello World !");

15. Kita akan melihat bahwa Java sudah pintar dengan langsung membuat tanda kutif tutup pada saat kita hendak mengetik “Hello World !”.
16. Seperti halnya VB, Java juga memiliki feature autocomplete untuk method dan properties. Disini kita juga akan menemukan 1 keunggulan penggunaan IDE dibandingkan mengetik program menggunakan konsole / text editor, yaitu feature Auto Import



17. Lihat pada bagian kiri kode ada semacam bohlam lampu kecil. Ini menandakan “ada sesuatu” dengan kode yang kita ketik. Karena kita menggunakan JOptionPane, kita membutuhkan librarynya agar Java mengenali komponen ini. Klik pada pada bohlam lampu tersebut dan pilih Add Import for javax.swing.JOptionPane



18. Setelah kita pilih, Netbeans secara otomatis akan menambahkan tulisan import javax.swing.JOptionPane; pada bagian atas kode.
    
19. Simpan project
20. Klik kanan pada form yang baru dibuat dan klik Run atau tekan tombol SHIFT + F6
21. Kita akan mendapatkan form dengan 1 buah tombol yang jika diklik akan memunculkan sebuah Message Box “Hello World !”

Selamat, anda sudah membuat 1 buah program aplikasi yang akan menjadi langkah awal kecintaan anda pada Java . Mengapa saya menggunakan JOptionPane dan bukannya Label untuk sekedar menampilkan tulisan Hello World ? Karena JOptionPane ini akan banyak kita gunakan pada tutorial mendatang. Kalau sekedar Label, semestinya tanpa perlu setting macam-macam kita sudah bisa memahaminya

Kita bisa mencobanya dengan melakukan koneksi ke database MySQL melalui Java. Untuk melakukan hal ini, silakan lakukan tutorial sebagai berikut :

1. Instalasi database server MySQL. Untuk melakukan instalasi database MySQL pada OpenSUSE silakan merujuk pada panduan http://www.vavai.com/index.php?/categories/7-Migrasi-Database
2. Jalankan service MySQL melalui YAST | SYSTEM | SYSTEM SERVICE (RUNLEVEl)
3. Download MySQL Connector J melalui alamat http://www.mysql.com/products/connector/j/ . Ambil versi terbaru. Pada saat panduan ini ditulis, versi terbaru adalah mysql-connector-java-5.1.5
4. Ekstrak file yang didownload dan ambil file mysql-connector-java-5.1.5-bin.jar. Sesuaikan dengan versi MySQL Connector yang didownload.
5. Copy file jar tersebut ke lokasi library. Untuk keselarasan dengan panduan saya yang lain, silakan copy ke folder /opt/jdk1.6.0/lib
6. Buka konsole dan ketik perintah

7. export CLASSPATH=.:/opt/jdk1.6.0/lib/mysql-connector-java.jar:

8. Untuk kemudahan, perintah diatas bisa di masukkan kedalam file .bash_profile yang ada di home folder masing-masing
9. Buka teks editor (kate misalnya) dan ketik kode program berikut ini :

10. public class TestMysql {  public static void main(String args[]) {
    try {
    /* Test loading driver */
    String driver = "com.mysql.jdbc.Driver";System.out.println( "=> loading driver:" );
    Class.forName( driver );
    System.out.println( "OK" );/* Test the connection */
    String url = "jdbc:mysql://localhost/test";System.out.println( "=> connecting:" );
    java.sql.DriverManager.getConnection( url, "guest", "" );
    System.out.println( "OK" );
    }
    catch( Exception x ) {
    x.printStackTrace();
    }
    }
    }

11. Simpan dan beri nama TestMysql.java
12. Buka konsole (ALT+F2, konsole)
13. Lakukan kompilasi

javac TestMysql.java

14. Jika tidak ada pesan kesalahan, lanjutkan dengan menjalankan program

java TestMysql

Catatan :

Program diatas menggunakan database MySQL lokal (localhost) dengan database test, user name guest dan password kosong. Setting ini adalah setting default dan selalu ada pada MySQL. Jika ingin memodifikasi, sesuaikan dengan kondisi setting MySQL anda.

Kemungkinan Kesalahan :

1. java: command not found, biasanya setting PATH belum benar. Coba test dengan menjalankan perintah echo $PATH pada konsole dan apakah responnya menunjukkan lokasi JDK yang diinstalasi
2. class TestMysql is public, should be declared in a file named TestMysql.java. Terjadi jika nama file berbeda dengan nama class. Ingat bahwa Java menganut case sensitive, jadi TestMysql berbeda dengan testmysql
3. Cannot resolve symbol

symbol  : class stringlocation: class TestMysqlpublic static void main(string[] args)

^

1 error

Masalah biasanya karena kesalahan ketik

4. Exception in thread “main” java.lang.NoClassDefFoundError: TestMysql, biasanya terjadi karena menjalankan file class dengan ekstension. Semestinya java TestMysql, bukan java TestMysql.java ataupun TestMysql.class

Semakin banyak latihan, kita akan semakin terbiasa dan lebih tahu apa yang dimaksud pada pesan kesalahan yang ada.

Mari kita mulai program Java pertama dengan kode yang paling populer di dunia pemrogramman, yaitu mencetak tulisan Hello World ! Kita melakukan sedikit customize dengan mengganti tulisan World menjadi Java, hehehe…

Mengapa harus Hello World ? Bukankah aplikasi sekarang sudah demikian canggih dan kompleks. Siapa yang mau pakai program under konsole alias under DOS alias program cemen ? Jawabannya simple. Kalau program kecil seperti ini saja anda sudah pusing, apalagi program yang kompleks .

OK, mari kita mulai. Saya asumsikan anda menggunakan Linux OpenSUSE 10.3 (Ada misi promosi OpenSUSE disini ), silakan buka Text Editor favorit. Saya pribadi menggunakan Kate (KDE Advanced Text Editor).

1. Ketikkan kode program sebagai berikut. Ingat, Java menganut sistem case sensitive, jadi perhatikan besar kecilnya huruf.

public class Halo {
public static void main(String[] args)
{
System.out.println("Hello Java");
}
}

2. Simpan dengan nama file Halo.java
3. Buka konsole (ALT + F2, konsole)
4. Lakukan kompilasi program

javac Halo.java

5. Jika ada masalah kompilasi, silakan merefer pada proses Instalasi Java. Kesalahan yang umum terjadi biasanya terkait dengan setting path dan kesalahan penulisan kode program
6. Jalankan program

java Halo

7. Tampilan Program :