Instalasi NetBeans

Download NetBeans
https://netbeans.org/downloads/8.2/rc/

Klik tombol Download yang paling kiri (bundle Java SE).

Jalankan file hasil download, ikuti saja langkah-langkah yang diminta.
Menciptakan Project dengan NetBeans

1. Buka NetBeans, Tutup jendela Start Page

2. Menciptakan project baru, klik menu File > New Project

3. Muncul dialog New Project, pilih Categories: Java, Project: Java Application. Klik
tombol Next.
4. Muncul dialog New Java Application, isi:
 Project Name: Latihan
 Project Location: klik tombol Browse, pilih folder yang anda inginkan
 Pastikan pilihan Create Main Class TIDAK tercentang

Klik tombol Finish.

5. Klik kanan node Source Packages > New > Jframe Form...
6. Akan muncul dialog New Jframe Form. Isi field Class Name: Utama. Klik tombol
Finish.

7. Project telah dibuat, akan muncul tampilan seperti berikut.

8. Klik kanan node project Latihan, pilih menu Properties
9. Akan muncul dialog Project Properties – Latihan. Pilih Categories: Run. Klik
tombol Browse, pilih Main Class: Utama. Klik tombol Select Main Class.

10. Klik tombol OK.

11. Sampai saat ini project sudah diset, untuk menjalankan klik tombol Run Project

(segitiga hijau).
Hasil aplikasi Anda berada di pojok kiri atas. Langkah selanjutnya adalah melakukan
desain user interface.

Membuat User Interface

Langkah dalam membuat aplikasi:
 Membuat user interface
 Menambahkan kode
User interface yang dapat dirancang kedalam form berupa komponen Swing yang
terdiri atas banyak komponen, misalnya Button, Text Field, Label, Radio Button,
Check Box, dan lain-lain.
Komponen Swing dalam NetBeans terletak pada panel Pallette, yang terletak di
sebelah kanan tampilan IDE.

Kita tinggal melakukan drag and drop (seret dan jatuhkan) komponen Swing ke
dalam form.

1. Lakukan drag and drop komponen Label kedalam form.

2. Klik kanan pada objek Label, pilih menu Edit Text.

3. Kita bisa mengubah teks pada label. Ubah teks jLabel menjadi Nilai.

4. Mengganti ukuran font dilakukan lewat panel Properties (yang terletak di

sebelah kanan bawah tampilan IDE). Pilih objek label dalam form. Pilih properti
font dalam panel Properties. Klik tombol kecil di sebelah kanan.

Ganti size menjadi 14, klik tombol OK.

5. Lakukan drag and drop komponen TextField kedalam form, tempatkan di
sebelah kanan objek Label.

6. Klik kanan pada objek TextField1, pilih menu Edit Text.

7. Hapus teks jTextField1

Jika kemudian ukuran objek TextField mengecil, anda dapat ‘menariknya’

kembali ke ukuran yang anda inginkan.

8. Objek TextField dapat diganti nama variabelnya seperti variabel dalam Java
pada umumnya. Klik kanan objek TextField, pilih menu Change Variable Name...

Gantilah menjadi: tfNilai

9. Ukuran font untuk TextField dapat diganti lewat panel Properties, seperti halnya
mengganti ukuran font Label pada Langkah 4. Gantilah ukuran font menjadi 18.

10. Tambahkan komponen Button kedalam form, dan taruh di bawah objek label
‘Nilai’.
11. Mengganti teks pada objek button dapat dilakukan dengan cara: klik kanan pada
objek button, pilih menu Edit Text (seperti langkah 6). Ganti teks menjadi
menjadi Proses.

12. Ganti ukuran font button Proses menjadi 18.

13. Ganti nama variabel button Proses dengan klik kanan pada objek button, pilih
menu Change Variable name...

Ubah menjadi btnProses

14. Tambahkan komponen Label kedalam form, dan taruh di bawah objek button
‘Proses’.

15. Dengan cara yang sama pada langkah sebelumnya, ganti properti berikut:
text: Nilai Anda adalah
font size: 18
variable name: labelNilai
Dan ubah juga lebar objek menjadi lebih lebar, sehingga bentuk label menjadi
seperti berikut.
Menambahkan kode
Agar form ini dapat menanggapi apa yang diinginkan user, misalnya user melakukan
klik terhadap button Proses, maka perlu ditambahkan event (kejadian) terhadap
button. Pemrgraman seperti disebut dengan Event Driven Programming.

16. Event terhadap button saat diklik disebut dengan ActionPerformed. Untuk
menambahkan event ini, klik kanan button Proses, pilih menu Events, geser
mouse ke kanan ke ActionPerformed, klik pada ActionPerformd.

Selanjutnya jendala mode Design akan berganti menjadi mode Source. Anda
akan melihat kode berikut. Ini adalah metode btnProsesActionPerformed.
Metode ini akan dijalankan jika user meng-klik button Proses.

17. Tambahkan satu baris kode berikut kedalam metode ini. Kode ini bertujuan
untuk menulis “Halo” pada labelNilai pada saat user meng-klik button Proses.
18. Simpan project, (dengan klik ikon di bagian shortcut). Jalankan aplikasi

dengan klik tombol Run Project (segitiga hijau), lihat yang tertampil. Klik
button Proses, perhatikan apa yang terjadi.

Kita dapat mengambil data dari TextField, mengolah dan menampilkan hasil olahan.
Untuk kasus ini, kita ambil data dari text filed tfNilai, yang berupa nilai bilangan 0 –
100. Kemudian data nilai ini dikonversi menjadi nilai huruf untuk ditampilkan ke
labelNilai.

19. Ubah metode btnProsesActionPerformed dengan kode berikut.

private void btnProsesActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
// deklarasi varibel
String nh;

// mengambil data dari tfNilai, dikonversi ke int)

int nilai = Integer.parseInt(tfNilai.getText());

// konversi nilai bilangan menjadi nilai huruf, dlm nh

if(nilai >= 85)
nh = "A";
else if(nilai >= 70)
nh = "B";
else if(nilai >= 55)
nh = "C";
else if(nilai >= 40)
nh = "D";
else
nh = "E";

// tampilkan hasil konversi (nh) ke labelNilai

labelNilai.setText("Nilai Anda adalah " + nh);
}

20. Simpan project, jalankan aplikasi. Isilah pada tfNilai bilangan antara 0 – 100
(misalnya: 86). Klik button Proses, perhatikan apa yang terjadi.
21. Ganti data isian dengan bilangan lain, kemudian klik tombol Proses. Perhatikan
hasilnya.

Kode-kode pada metode btnProsesActionPerformed dapat dikumpulkan dalam

sebuah metode. Kemudianmetode btnProsesActionPerformed tinggal memanggil
metode itu. Dengan begitu progam akan terlihat lebih terstruktur.

22. Buatlah metode baru dengan nama konversiNilai(). Metode ini dapat Anda
letakkan tepat sebelum metode btnProsesActionPerformed. Sebagian besar
Anda hanya akan memindahkan kode pada metode btnProsesActionPerformed.
// melakukan konversi nilai bilangan ke nilai huruf
private String konversiNilai(int nilai) {
// deklarasi varibel
String nh;

// konversi nilai bilangan menjadi nilai huruf, simpan dlm 'nh'

if(nilai >= 85)
nh = "A";
else if(nilai >= 70)
nh = "B";
else if(nilai >= 55)
nh = "C";
else if(nilai >= 40)
nh = "D";
else
nh = "E";
 // hasil konversi menjadi return value (nilai balik)
return nh;
} // akhir metode konversiNilai

private void btnProsesActionPerformed(java.awt.event.ActionEvent evt) {

// TODO add your handling code here:
...
...

23. Ubah isi metode btnProsesActionPerformed menjadi seperti berikut.

private void btnProsesActionPerformed(java.awt.event.ActionEvent evt) {
// TODO add your handling code here:
// mengambil data dari tfNilai, dikonversi ke int
int nilai = Integer.parseInt(tfNilai.getText());

// panggil metode konversiNilai

String nh = konversiNilai(nilai);

//tampilkan hasil konversi (nh) ke labelNilai

labelNilai.setText("Nilai Anda adalah " + nh);
}

Perubahan ini tidak mempengaruhi hasil eksekusi aplikasi. Ini hanya untuk
membuat program menjadi leih terstruktur.

24. Agar tampilan enak dilihat, kita set agar form berada di tengah layar. Buka file
Utama.java dengan mode Source.
25. Tambahkan kode berikut (yang diberi background kuning)
import java.awt.Dimension;
import java.awt.Toolkit;

/*
* To change this license header, choose License Headers in Project
Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/

/**
*
* @author Windows
*/
public class Utama extends javax.swing.JFrame {

/**
* Creates new form Utama
*/
public Utama() {
initComponents();
setPosisiTengah();
}

// set posisi tengah layar

public void setPosisiTengah(){
Toolkit tk = Toolkit.getDefaultToolkit();
Dimension screenSize = tk.getScreenSize();
int screenHeight = screenSize.height;
int screenWidth = screenSize.width;
int width = getWidth();
int height = getHeight();
int w2 = (screenWidth - width ) /2;
int h2 = (screenHeight - height) / 2;
setLocation(w2, h2);
}

12. Jalankan aplikasi dengan klik tombol Run Project (segitiga hijau).
Perhatikan form yang ditampilkan, sekarang seharusnya sudah di tengah layar.