9/9/2009
TEKNIK ELEKTRONIKA FT UNP P ADANG
VISUAL JAVA PROGRAMMING
Java Education Network Indonesia
Basic Visual Java Component | Muhammad Adri, S.Pd, MT
TEEKNIK EELEKTRONIKA A FT UNP PADA ANG M MODUL P PRAKTIK KUM PEM MROGRA AMAN JA AVA Jl. Prof. Dr. Hamkka Kampus Pusaat UNP Padang, http://elektronika.unp.ac.id, elearning ://eleearning‐elka.un np.ac.id
M MODUL L 1. BA ASIC VISSUAL JAVA P PROGRA AMMING Top pik : Basic Visu ual Java Com mponent Waktu : 90 Menit Pem mbina : Muhamm mad Adri, S.P Pd, MT SKS : 1 SSKS (Praktikkum) A. Tujuan : T S Setelah me laksanakan kegiatan Praktikum in ni diharapkaan mahasisw wa dapat : 1 Memah 1. hami konsep pemrograaman visuall dalam Javaa 2 Menggunakan objek kompon 2. nen pemroggraman visual dalam Java 3 Membaangun aplikkasi sederhaana berbasiss pemrograman visual Java 3. T at B. Teori Singk J Java adalah h bahasa pemrogram p an ang paling populeer dalam kkekuatannyaa dalam m mendukung g pemorgraaman bero orientasi ob bjek, yang kemudian menjadi referensi r u utama yang g sering diggunakan oleeh programmer dalam membangu un aplikasi berbasis O OOP. U Untuk lebih h memperm mudah impleementasi pe emrogramaan berorienttasi objek tersebut, d dalam Javva dikembaangkan ko omponen‐ko omponen yang mem mungkinkan n untuk m membangu n aplikasi b berbasis pem mrograman visual denggan menggu unakan obje ek‐objek v visual dalam m Java. O Objek‐objek k visual Jaava dikenal juga denggan sebutaan Java GU UI (Graphiccal User I Interface) y yang disimpan dalam keelas javax.swing. D Dalam kegiatan praktiikum ini, mahasiswa m diperkenalk d kan dengan objek‐obje ek visual j java sebaga ai berikut : 1 Objek JFFrame, 1. 2 JLabel 2. 3 JButton 3. C. Kegiatan Pr K raktikum 1 Class de 1. engan JFram me Bagian yyang paling mendasar dalam pem mrograman jjava adala C Class. Class aadalah kompon nen aplikasii yang menaangani kode e dan data d dalam progrram Java. JFrame adalah salaah satu kom mponen Javaa yang digun nakan untuk menbuat aplikasi berbasiss GUI Form dalam Javaa. Langkah h Praktek : Mempe ersiapkan JFFrame Form m a. Buattlah sebuah h Project baaru dan berii nama denggan Praktekk1. b. Pilih h Java Appliccation, hilangkan centaang pilihan pada opsi C Create Main n Class. c. Klik kanan pad da Project Praktek1, P kemudian k k kanan, pilih JFram klik me Form, sepeerti terlihat pada Gamb bar 1.
Creeated by : M Muhammad A Adri, S.Pd, M MT 1
TEEKNIK EELEKTRONIKA A FT UNP PADA ANG M MODUL P PRAKTIK KUM PEM MROGRA AMAN JA AVA Jl. Prof. Dr. Hamkka Kampus Pusaat UNP Padang, http://elektronika.unp.ac.id, elearning ://eleearning‐elka.un np.ac.id
Gambar 1. Cllass JFramee Form
d. Kem mudian akaan tampil wizard Neew JFramee Form, b beri nama dengan JFraamePraktekk1, seperti terlihat padaa Gambar 2 2.
Gambaar 2. Memberi nama Cllass JFrame e. Kem mudian padaa halaman kkerja NetBe ean akan tam mpil sebuah h Form baru u, sepeerti terlihat pada Gamb bar 3.
Gambaar 3. Tampillan Class JFrrame Form
Creeated by : M Muhammad A Adri, S.Pd, M MT 2
TEEKNIK EELEKTRONIKA A FT UNP PADA ANG M MODUL P PRAKTIK KUM PEM MROGRA AMAN JA AVA Jl. Prof. Dr. Hamkka Kampus Pusaat UNP Padang, http://elektronika.unp.ac.id, elearning ://eleearning‐elka.un np.ac.id
f. Secaara otomatiis, pada saaat ini, NetBe eans membuat kode prrosedur awaal sesuai dengan nama Class dan komponen n yang adaa, prosedur ini dinal dengan sebu utan Metho od. Untuk melihat m me ethod ini, dalam dilihaat dengan mengklik m tom mbol Source
Gambar 4. Listin ng program prosedur g. Kem mudian kem mbali ke Dessign, pilih sebuah Jlabel untuk memasukkan n sebuah Labeel pada JFraame Form yyang telah disediakan. Mem masukkan EEvent : h. Klik Jlabel, kem mudian drag ke halaman n Form yangg ada
i.
j.
Gamb bar 5. Penem mpatan sebuah JLabel Langgkah selanjjutnya, kitaa akan mem masukkan sebuah s eveent ke halaam form yangg akan men ngekseskusi proses me ethod yang akan dilaku ukan. Kemudian klik kanaan pada areea JFrame, lalu pilih EvventsÆWindowÆwind dowActivate ed. Even ini berarti, bah b hwa method d yang dieffinisikan seccara otomaatis akan die eksekusi pada saat wind dow diaktifkkan. Seperti terlihat pad da Gambar 5. nt adalah suatu kon ndisi dalam m pemrogrraman ketiika perintaah akan Even diekksekusi.
Creeated by : M Muhammad A Adri, S.Pd, M MT 3
TEEKNIK EELEKTRONIKA A FT UNP PADA ANG M MODUL P PRAKTIK KUM PEM MROGRA AMAN JA AVA Jl. Prof. Dr. Hamkka Kampus Pusaat UNP Padang, http://elektronika.unp.ac.id, elearning ://eleearning‐elka.un np.ac.id
k. Padaa saat even nt windowA Activated dipilih, maka secara oto omatis padaa jendela Source disiapkaan sebuah M Method yan ng akan men ngeksekusi event terse ebut.
l.
Gamb bar 5. Memilih event p pada Form Padaa area listing program m tersebut, kemudian masukkan n proses yang akan dilakkukan padaa saat even tterjadi.
Gaambar 6. Peenambahan n events yan ng akan dilaakukan
m. Seteelah tampil jendela So ource, pada lokasi yang telah diteentukan, ke emudian massukkan periintah : jLab bel1.setTexxt(“Hello World…! W Ini Program Pertama P Sayaa”); n. Kem mudian silahkan dikom mpilasi pro ogramnya, sehingga d diperoleh tampilan t outp put sebagai berikut :
Gambar 6. Ouput Prorram JFramee Form Pertaama Latihan : Latihaan : Simpan n dengan Naama : VisuaalLatihan1.JJava Buattlah sebuah h aplikasi seederhana JFFrame Form m, yang yangg terdiri darri 3 buah labeel, yang men nampilkan N Nama, No B BP dan Proggram Studi ssaudara. Creeated by : M Muhammad A Adri, S.Pd, M MT 4
TEEKNIK EELEKTRONIKA A FT UNP PADA ANG M MODUL P PRAKTIK KUM PEM MROGRA AMAN JA AVA Jl. Prof. Dr. Hamkka Kampus Pusaat UNP Padang, http://elektronika.unp.ac.id, elearning ://eleearning‐elka.un np.ac.id
2 JButton 2. n Pada lattihan ini, kitta mulai meemberi actio on pada objject button,, silahkan ikkuti langkah h‐langkah beerikut ini : a. Bukaa kembali P Program perrtama yang telah dibuaat b. Tam mbahkan dua buah Buttton, (JButto on), klik dan n drag ke areea Form, se eperti terliihat pada Gamba 7.
Gambar 7.. Penempatan JButton1 1 dan JButto on2 c. Ubaah Properti TText masingg‐masing Bu utton dengaan Pindah K Ke Atas (JBu utton1) dan Kembali (JButton2)
n Gambarr 8. Pengubahan Teks llabel Button d. Padaa saat ini diperoleh dua buah tom mbol dengan n nama yangg telah digaanti
ngubahan N Nama Tombol Gambar 9. Hasil Pen e. Padaa tombol JButton1 J taambahkan event MouseClicked,, dengan cara c klik kanaan pada JB Button1, pillih Events ÆMouse ÆmouseCli Æ icked, yangg artinya bahw wa event yyang terjadi pada JButtton1 akan d dieksekusi p pada saat m mouse di klik. Seperti terrlihat pada G Gambar 10..
Creeated by : M Muhammad A Adri, S.Pd, M MT 5
TEEKNIK EELEKTRONIKA A FT UNP PADA ANG M MODUL P PRAKTIK KUM PEM MROGRA AMAN JA AVA Jl. Prof. Dr. Hamkka Kampus Pusaat UNP Padang, http://elektronika.unp.ac.id, elearning ://eleearning‐elka.un np.ac.id
Gambar 10. Pem mberian eve ent mouse cclicke pada JButton1 f. Kem mudian pada area eveent, ketikkaan instruksi this.setAlaawaysOnTo op(true), yangg berdungssi untuk menampilkan n jendela aplikasi a selaalu di atas jendela aplikkasi lainnyaa. Lihat Gam mbar 11.
Gaambar 11. P Penambahan n event yan ng akan diekksekusi g. Laku ukan hal yan ng sama pada JButton2 2, seperti pada langkah h di atas, te etapi kem mudaian ketikkan perintan this.settAlawaysOn nTop(False)).
Gambar 1 12. Penambaahan even p pada JButto on2 h. Silah hkan eksekkusi program m anda, seh hingga diperroleh hasil ssebagai berikut :
Gambar 13. Output Pro G ogram Latihan : Simpaan dengan N Nama : Visu ualLatihan2 2.Java Buattlah sebuah h program vvisual sederrhana dengan menggunakan Jform m, Jlabel dan JButton, yang y akan menampilkkan teks Laatihan Ked dua (JLabel1) pada Form m, pada saaat tombol JButton1 (ganti dengan nama Tampil) daan akan men nyembunyikkan teks itu u kembali pada saat to ombol JButton2 (ganti dengan nam ma Hilang ). Kemudiaan Ulangi untuk u Latih han 1, seh hingga sem mua teks men njadi muncu ul dan hilang. Creeated by : M Muhammad A Adri, S.Pd, M MT 6
TEEKNIK EELEKTRONIKA A FT UNP PADA ANG M MODUL P PRAKTIK KUM PEM MROGRA AMAN JA AVA Jl. Prof. Dr. Hamkka Kampus Pusaat UNP Padang, http://elektronika.unp.ac.id, elearning ://eleearning‐elka.un np.ac.id
Biog grafi Sing gkat Penu ulis
Muhamma ad Adri. Menyelesaiikan S1 d di Jurusan Teknik Elektronika a FPTK IKIP P Padang tahun 1999,, dan S2 di Jurusan Teknik Ele ektro Universitas Gadja ah Mada Y Yogyakarta, dengan konsentrassi Sistem Komputer dan Inform matika (SKI) tahun 2004. Sta af pengajar Teknik Elektronika a Fakultas Teknik Universitass Negeri Padang. P K Kompetensi inti pada bidang Computer Networking and Seccurity, Com mputer Arch hitecture nization, Web-Based W Application n, Online Learning, L and Organ Multimedia a-Based In nstructionall Design, dan Knowledge Community ty. Penulis aktif, a sebag gai pemakallah dalam berbagai b Seminar Nasio onal, instru uktur pada model pembelajara p an berbasiss Multimed dia dan Komputer., IT-B Based Educcation. Penulis Aktif di Situs Ilmu uKomputer..com, dengan topik ndidikan. Me emegang Sertifikasi S Microsoft, M JE ENI (Java Education Network ICT dalam Pen nesia) 1,2,d dan 4. Ketertarikan penulis dala am bidang implementa asi IT dalam dunia Indon pend didikan, me enghantarkan penuliss sebagai mahasisw wa doktorall Ilmu Pendidikan Pasccasarjana Universitas U N Negeri Pada ang, terhitung mulai Se eptember 2006
Creeated by : M Muhammad A Adri, S.Pd, M MT 7