9/9/2009 TEKNIK ELEKTRONIKA FT UNP PADANG VISUAL JAVA PROGRAMMING Java Education Network Indonesia Basic Visual Java Component Muhammad Adri, S.Pd, MT
MODUL 1. BASIC VISUAL JAVA PROGRAMMING Topik Pembina : Basic Visual Java Component : Muhammad Adri, S.Pd, MT Waktu SKS : 90 Menit : 1 SKS (Praktikum) A. Tujuan : Setelah melaksanakan kegiatan Praktikum ini diharapkan mahasiswa dapat : 1. Memahami konsep pemrograman visual dalam Javaa 2. Menggunakan objek komponen pemrograman visual dalam Java 3. Membangun aplikasi sederhana berbasiss pemrograman visual Java B. Teori Singkat Java adalah bahasa pemrograman ang paling populer dalam kekuatannyaa dalam mendukung pemorgraman berorientasi objek, yang kemudian menjadi referensi utama yang sering digunakan oleh programmer dalam membangun aplikasi berbasis OOP. Untuk lebih mempermudah implementasi pemrograman berorientasi objek tersebut, dalam Java dikembangkan komponen komponen yang memungkinkann untuk membangun aplikasi berbasis pemrograman visual dengan menggunakan objek objek visual dalam Java. Objek objekk visual Java dikenal juga dengan sebutan Java GUI (Graphical User Interface) yang disimpan dalam kelas javax.swing. Dalam kegiatan praktikum ini, mahasiswa diperkenalk kan dengan objek objek visual java sebagai berikut : 1. Objek JFrame, 2. JLabel 3. JButton C. Kegiatan Praktikum 1. Class dengan JFrame Bagian yang paling mendasar dalam pemrograman java adala Class. Class adalah komponen aplikasii yang menangani kode dan data dalam program Java. JFrame adalah salah satu komponen Javaa yang digunakan untuk menbuat aplikasi berbasiss GUI Form dalam Java. Langkah Praktek : Mempersiapkan JFrame Form a. Buatlah sebuah Project baru dan beri nama dengan Praktek1. b. Pilih Java Application, hilangkan centang pilihan pada opsi Create Main Class. c. Klik kanan pada Project Praktek1, kemudian klik kanan, pilih JFrame Form, seperti terlihat pada Gambar 1. 1
Gambar 1. Class JFrame Form d. Kemudian akan tampil wizard New JFrame Form, beri nama JFramePraktek1, seperti terlihat padaa Gambar 2. dengan Gambar 2. Memberi nama Class JFrame e. Kemudian padaa halaman kerja NetBean akan tampil sebuah Form baru, seperti terlihat pada Gambar 3. Gambar 3. Tampilan Class JFrame Form 2
f. Secara otomatis, pada saat ini, NetBeans membuat kode prosedur awal sesuai dengan nama Class dan komponenn yang ada, prosedur ini dinal dengan sebutan Method. Untuk melihat method ini, dalam dilihat dengan mengklik tombol Source Gambar 4. Listing program prosedur g. Kemudian kembali ke Design, pilih sebuah Jlabel untuk memasukkan sebuah Label pada JFrame Form yang telah disediakan. Memasukkan Event : h. Klik Jlabel, kemudian drag ke halaman Form yang ada Gambar 5. Penempatan sebuah JLabel i. Langkah selanjutnya, kita akan memasukkan sebuah event ke halam form yang akan mengekseskusi proses method yang akan dilakukan. Kemudian klik kanan pada area JFrame, lalu pilih Events Window windowactivated. Even ini berarti, bahwa method yang diefinisikan secara otomatis akan dieksekusi pada saat window diaktifkan. Seperti terlihat pada Gambar 5. j. Event adalah suatu kondisi dalam pemrograman ketika perintah akan dieksekusi. 3
k. Padaa saat event windowactivated dipilih, maka secara otomatis padaa jendela Source disiapkan sebuah Method yang akan mengeksekusi event tersebut. Gambar 5. Memilih event pada Form l. Padaa area listing program tersebut, kemudian masukkan proses yang akan dilakukan padaa saat even terjadi. Gambar 6. Penambahann events yang akan dilakukan m. Setelah tampil jendela Source, pada lokasi yang telah ditentukan, kemudian masukkan perintah : jlabel1.settext( Hello World! Ini Program Pertama Saya ); n. Kemudian silahkan dikompilasi programnya, sehingga diperoleh tampilan output sebagai berikut : Gambar 6. Ouput Proram JFrame Form Pertama Latihan : Latihan : Simpan dengan Nama : VisualLatihan1.Java Buatlah sebuah aplikasi sederhana JFrame Form, yang yang terdiri dari 3 buah label, yang menampilkan Nama, No BP dan Program Studi saudara. 4
2. JButton Pada latihan ini, kita mulai memberi action pada object button, silahkan ikuti langkah langkah berikut ini : a. Buka kembali Program pertama yang telah dibuat b. Tambahkan dua buah Button, (JButton), klik dan drag ke area Form, seperti terlihat pada Gamba 7. Gambar 7. Penempatan JButton1 dan JButton2 c. Ubah Properti Text masing masing Button dengan Pindah Ke Atas (JButton1) dan Kembali (JButton2) Gambar 8. Pengubahan Teks label Button d. Padaa saat ini diperoleh dua buah tombol dengann nama yang telah diganti Gambar 9. Hasil Pengubahan Nama Tombol e. Padaa tombol JButton1 tambahkan event MouseClicked, dengan cara klik kanan pada JButton1, pilih Events Mouse mouseclicked, yang artinya bahwa event yang terjadi pada JButton1 akan dieksekusi pada saat mouse di klik. Seperti terlihat pada Gambar 10. 5
Gambar 10. Pemberian event mouse clicke pada JButton1 f. Kemudian pada area event, ketikkan instruksi this.setalawaysontop(true), yang berdungsi untuk menampilkann jendela aplikasi selalu di atas jendela aplikasi lainnya. Lihat Gambar 11. Gambar 11. Penambahann event yang akan dieksekusi g. Lakukan hal yang sama pada JButton2, seperti pada langkah di atas, tetapi kemudaian ketikkan perintan this.setalawaysontop(false) ). Gambar 12. Penambahan even pada JButton2 h. Silahkan eksekusi program anda, sehingga diperoleh hasil sebagai berikut : Gambar 13. Output Program Latihan : Simpan dengan Nama : VisualLatihan2.Java Buatlah sebuah program visual sederhana dengan menggunakan Jform, Jlabel dan JButton, yang akan menampilkan teks Latihan Kedua (JLabel1) pada Form, pada saat tombol JButton1 (ganti dengan nama Tampil) dan akan menyembunyikan teks itu kembali pada saat tombol JButton2 (ganti dengan nama Hilang ). Kemudian Ulangi untuk Latihan 1, sehingga semua teks menjadi muncul dan hilang. 6
Biografi Singkat Penulis Muhammad Adri. Menyelesaikan S1 di Jurusan Teknik Elektronika FPTK IKIP Padang tahun 1999, dan S2 di Jurusan Teknik Elektro Universitas Gadjah Mada Yogyakarta, dengan konsentrasi Sistem Komputer dan Informatika (SKI) tahun 2004. Staf pengajar Teknik Elektronika Fakultas Teknik Universitass Negeri Padang. Kompetensi inti pada bidang Computer Networking and Security, Computer Architecture and Organization, Web-Based Application, Online Learning, Multimedia-Based Instructional Design, dan Knowledge Community. Penulis aktif, sebagai pemakalah dalam berbagai Seminar Nasional, instruktur pada model pembelajara an berbasiss Multimedia dan Komputer., IT-Based Education. Penulis Aktif di Situs IlmuKomputer..com, dengan topik ICT dalam Pendidikan. Memegang Sertifikasi Microsoft, JENI (Java Education Network Indonesia) 1,2,dan 4. Ketertarikan penulis dalam bidang implementasi IT dalam dunia pendidikan, menghantarkan penulis sebagai mahasiswa doktoral Ilmu Pendidikan Pascasarjana Universitas Negeri Padang, terhitung mulai September 2006 7