PEMROGRAMAN LANJUTAN JAVA. Dasar-Dasar Netbeans

Transkripsi

1 PEMROGRAMAN LANJUTAN JAVA Dasar-Dasar Netbeans OLEH ONDRA EKA PUTRA, S.KOM FAKULTAS ILMU KOMPUTER UNIVERSITAS PUTRA INDONESI YPTK PADANG

2 DASAR-DASAR NETBEANS Dalam pembahasan ini akan belajar dasar-dasar pemrograman java dengan memanfaatkan Netbeans. Editor ini luar biasa untuk membuat aplikasi Java, karena didukung dengan fasilitas drag and drop komponen, yaitu dukungan Rapid Aplication Developent (pemrograman berbasis visual dan template). Kemudian Netbeans merupakan produk free, yang dibuat oleh Sun Microsystem. 1. IDE NETBEANS Netbeans memiliki IDE (Integrated Development Environment), ada juga yang bilang Integrated Design Environment dan Intergrated Debugging Envieronmet, yakni sebuah program atau alat bantu yang terdiri atas Editor, Compiler yang terintegrasi dalam satu aplikasi. Intalasi Netbeans Untuk Merancang Aplikasi java dengan netbeans harus ada dua buah aplikasi, yaitu file jdk dan file netbeans seperti terlihat pada gambar dibawah ini: Gambar Aplikasi Netbeans Instalasi Pada Netbeans hampir sama dengan instalasi aplikasi lainnya, namun sedikit berbeda dimana sebelum instalasi netbeans terlebih dahulu harus instalasi Aplikasi Java SE Development Kit (JDK), jika tidak maka pada saat instalasi

3 netbeans akan muncul pesan bahwa jdk tidak ditemukan atau not found seperti yang terlihat pada gambar dibawah ini: Gambar Message Instalan Netbeans Error Maka kita harus keluar terlebih dahulu dengan mengklik tombol Exit Installer untuk keluar dari instalasi netbeans. Langkah-langkah Instalasi Java SE Development Kit (JDK) 1. Klik Dua Kali file jdk maka akan muncul tampilan awal seperti gambar dibawah ini. Gambar Tampilan awal Install file JDK

4 Tunggu saja sampai nanti muncul seperti gambar dibawah ini. 2. Klik tombol Accept 3. Klik Tombol Next --- Next Gambar proses Install

5 4. Klik Finish untuk Selesai Instalasi file JDK

6 Langkah-langkah Instalasi Netbeans 1. Klik Dua Kali file Netbeans Gambar tampilan awal install Netbeans 2. Klik Next 3. Ceklis chek box dan Next Next Install

7 Gambar Proses Install Netbeans 4. Finish Memulai Netbeans Aktifkan Netbeans Star Menu atau Shorcut. Gambar Proses Pengaktifan Netbeans

8 Tool Bar Tampilan Netbeans Aktif 2. Membuat Proyek Baru Berikut Langkah-langakah Pembuatan Project baru dengan editor netbeans: File (pada toolbar) New Project, sehingga muncul jendela New project Pada jendela New project, terdapat dua langkah atau step, yaitu Choose Project (pemilihan jenis proyek) dan Name and Location (penentuan nama dan lokasi file program). Pada langkah Choose project, pilih java pada Kotak pilihan Categories, kemudian pilih Java Application pada kotak pilihan Projects. Gambar Langkah Pertama pada Project Baru

9 Klik Next, untuk melanjutkan proses kelangkah Name And Location (pemberian nama dan lokasi file). Pada isian Project Name ketik Latihan (Sebagai nama Proyek). Gambar Langkah kedua untuk Project Baru Pada isian Project Location terisi secara default direktori kerja sekarang, saudara bisa menggantinya dengan cara menekan tombol Browse di sebelah kanan. Pilihan Create Main Class adalah opsi untuk membuat kelas main atau tidak. Kelas main diperlukan untuk dijadikan sebagai program utama yang pertama kali akan dijalankan oleh mesin Java. Tanpa Kelas main, sebuah kelas tidak akan bisa dijalankan. Pilihan Set as Main Project hanyalah opsi untuk menentukan proyek ini sebagai proyek aktif (yang dijalankan ketika saudara melakun kompilasi). Hal ini terjadi ketika saudara dalam jendela Netbeans membuka beberapa project, sehingga untuk menentukan yang aktif atau yang dijalankan, adalah melalui pemilihan project sebagai Main Project (proyek utama).

10 Klik Finish untuk mengakhiri. Gambar Form yang Terbentuk 3. Menambah Form Dalam Proyek Secara default (pertama kali dibuat), proyek terdiri atas kelas utama saja, belum memiliki form/jendela GUI. Untuk bisa menampilkan form, perlu dilakukan langkah-langkah sebgai berikut: Masih dari Latihan 2 sebelumnya, dari jendela Project pilih package Latihan, klik kanan dan pilih New JFrame Form Gambar Membuat Form Baru

11 Pada jendela New JFrame Form, masukan nama form yang akan menjadi nama kelasnya (pada kotak Class Name), selanjutnya klik tombol Finish Gambar untuk Form Baru Isian location adalah penentuan letak paket, sedangkan isian Package menentukan nama paket yang akan ditempati oleh file dari form baru tersebut, dan isian created file sudah terisi secara otomatis dari konfigurasi atau isian sebelumnya (dari Class Name sampai Package). Gambar Form yang terbentuk

12 Panel-panel pada Netbeans: Panel project Panel Project menampilkan Proyek yang telah dirancang. Gambar Panel project Panel Files Panel Files menampilkan file-file dalam sebuah proyek yang dirancang, baik file java(*.java) atau file bytcode(*.class). melalui panel Projects dan Files, dapat membuka file-fileyang telah dibuat pada area kerja. Gambar Panel Files Panel Pallete Panel Pallete merupakan panel yang menydiakan tool-tool untuk mendesign form berbasis grafis (GUI). Tool ini dibagi menjadi

13 beberapa kategori, dimana setiap kategori menyediakan tool-tool GUI Builder sesuai dengan kategorinya. Untuk menggunakannya, saudara tinggal menyeret tool-tool kedalam ara desain. Gambar Panel Pallete Panel Propertis Panel properties berfungsi untuk menampilkan property komponen yang aktif ntuk mengatur property yang dimiliki oleh suatu komponen. Gambar Panel Properties

14 Panel Inspector Panel inspector akan tampil apabila mengaktifkan dokumen yang mengandung container atau pemrograman grafis (GUI). Pada panel inspector inimenampilkan komponen yang digunakan oleh file yang bersangkutan, seperti container, komponen control, komponen menu, komponen border dan lainnya. Gambar Panel Inspector 4. Mendesign Form Sekarang belajar mengatur tampilan form agar bisa mendapatkan hasil sesuai dengan kebutuhan aplikasi. Berikut ini langkah-langkahnya: Masuk dalam lembar kerja form (design), dengan cara masuk dalam tab Form1.java, kemudian klik Design atau dari menu View Editors Design. Gambar Tampilan Output Pertama Kali

15 Klik kanan pada area form kosong, pilih menu Set Layout AbsoluteLayout untuk kemudahan mendesign. Gambar Pemilihan Layout Manambahkan komponen dalam form yang diambil dari panel Palette. Komponen (Panel Palette) Properties Nilai Jlabel Text Text JText Field Text JButton Text Tampil JLabel Jtext Field JButton Gambar Hasil Design Masuk dalam jendela source program, dengan cara klik tombol Source (pojok kiri atas jendela), atau dengan cara pilih menu View Editors Source, dan

16 tambahkan import untuk kelas JOptionPane, yaitu kelas untuk menampilkan pesan dialogpada bagian atas, tepat dibawah statement Package Latihan. import javax.swing.joptionpane; Tambahkan Event, Klik tombol Tampil dengan cara klik kanan JButton1. Pilih menu Event Action actionperformed. Gambar Event Tampil Kemudian masukan kode berikut. private void jbutton1actionperformed(java.awt.event.actionevent evt) { // TODO add your handling code here: JOptionPane.showMessageDialog(null,""+jTextField1.getText(),"",JOption Pane.INFORMATION_MESSAGE); } Kompilasi program dengan cara Klik Menu Run Clean and Build Main Project.

17 Gambar Kompilasi Program Jalankan Program dengan cara Klik Menu Run Run File, Masukan isian Text sebagai contoh Hello World dan Klik tombol Tampil Output Program Gambar Form Running

18 Latihan 1. Komponen Yang digunakan: Object (Panel Palette) Properties Nilai Jlabel Text Data Mahasiswa Jlabel Text No BP Jlabel Text Data Mahasiswa JButton Text Tampil JButton Text EXIT JText Field Text Variable Name JTextname JText Field Text Variable Name JTextnobp Design Form: Sourcode: Event Pada Button Tampil private void jbutton1actionperformed(java.awt.event.actionevent evt) { // TODO add your handling code here: JOptionPane.showMessageDialog(null,"Selamat Datang Saudara " +jtextnama.gettext()+", No BP Saudara "+jtextnobp.gettext(),"",joptionpane.information_message); }

19 Event Pada Button EXIT (keluar program jika Button ini diklik). private void jbutton2actionperformed(java.awt.event.actionevent evt) { // TODO add your handling code here: this.dispose(); } OutPut: Latihan 2 Designlah Form Seperti Dibawah Ini : Komponen yang digunakan Komponen Properties Nilai Jlabel Text Data Mahasiswa Jlabel Text Nama Lengkap Jlabel Text No Bp Jlabel Text Kelas Jlabel Text Jurusan Jlabel Text Alamat JtextField Text Variable Name Jtextnama JText Field Text

20 Variable Name Jtextnobp JText Field Text Variable Name Jtextkelas JText Field Text Variable Name Jtextjurusan JText Field Text Variable Name Jtextalamat Jbutton Text Tampil Jbutton Text EXIT Design Form Output