Membuat Kalkulator Sederhana dengan NetBeans

Membuat kalkulator sederhana dengan Netbeans
Ammar Shadiq – ammar.shadiq@gmail.com – http://ammarshadiq.web.id

Buat sebuah proyek dengan nama Kalkulator Sederhana
pilih File → New Projects
dalam Kategori Java pilih Java Desktop Application

isi project name : KalkulatorSederhana

click finish.

Tambahkan komponen jFormattedTextField dari tab pallet (drag and drop)

Modul pelatihan java #2. Ammar Shadiq. ILKOM UPI (2010). Page 1

Tambahkan tombol-tombol jButton

Ulangi sebanyak 15 kali untuk tombol-tombol lainnya, lakukan sampai
terlihat seperti gambar berikut.


Ubah text pada tombol dengan meng-click kanan pada tombol dan
kemudian pilih edit text.
Edit seluruh tombol sampai terlihat seperti pada gambar berikut.

Sesuaikan ukuran tombol dengan meng-
click salah satu tombol, lalu menarik lebar
tombol (lakukan hal ini untuk salah satu
tombol saja).
Lalu block seluruh tombol kemudian click
kanan dan pilih Same size → Same
Width. Sehingga akan terlihat seperti
berikut -->

Ubah nama variabel dari tiap tombol agar nanti mudah saat kita beralih ke
kode program.
Klick kanan pada salah satu tombol, lalu pilih change variable name,
untuk tiap tombol berikan nama variabel berikut:

Tombol 1 : satu Tombol 5 : lima Tombol 9 : sembilan Tombol + : tambah
Tombol 2 : dua Tombol 6 : enam Tombol 0 : nol Tombol - : kurang
Tombol 3 : tiga Tombol 7 : tujuh Tombol = : samaDengan Tombol * : kali
Tombol 4 : emapt Tombol 8 : delapan Tombol . : koma Tombol / : bagi

Sebelum beralih ke kode program, lakukan perubahan pada JformattedTextField dengan


Mengubah nama komponen menjadi layar dan kemudian ubah pengaturan pada
fomatterFactory dengan memilih category : number dan format : default

Langkah-langkah untuk mengubah formatterFactory
1. Pilih komponen layar
2. Beralih pada tab properties, kategori Properties
3. Cari entry formatterFactory
4. Klick pada tombol disamping nilai formatterFactory

5. pada pengaturan formatterFactory pilih category : “number” dan format :
“default”

6. click OK


Sesuaikan tampilan program anda dengan mengubah ukuran-ukuran
komponen yang terlalu lebar.
Setelah anda selesai menyesuaikan tampilan program anda, anda dapat mecoba untuk
melihat hasil design anda dengan meng-click tombol Priview Design


Sesuaikan lagi tampilan program anda jika ada yang tidak sesuai dengan
kehendak anda.

Setelah anda selesai menyesuaikan tampilan program anda, sekarang kita akan membuat
fungsi dari masing-masing tombol diatas, kita mulai dulu dari tombol angka.

Klick kanan pada salah satu tombol, lalu pilih Event → Mouse → mouseClicked

Lalu anda akan di lemparkan pada layar source code dari program anda.
Ubah baris
// TODO add your handling code here:
dengan
[untuk angka nol]
layar.setText(layar.getText().concat(“0”));


Pindah lagi ke layar design

Lalu lakukan hal yang sama untuk tiap tombol lainnya sampai seluruh
tombol angka selesai di ubah

lakukan hal yang sama juga untuk tombol koma, tetapi, walaupun nama tombolnya adalah
koma, untuk nilai desimal, bahasa pemrograman java menggunakan karakter titik. Jadi
tuliskan titik sebagai pada source code program anda dengan menuliskan

layar.setText(layar.getText().concat(“.”));


Sampai disini anda dapat mencoba menjalankan program anda dengan
cara memilih Project KalkulatorSederhana anda pada jendela
Projects di sebelah kiri, lalu click kanan dan pilih Run

Anda dapat mencoba meng-click tombol-tombol yang telah anda ubah source codenya dan
lihat hasilnya pada layar program kalkulator.

Sampai disini program anda hanya dapat menampilkan angka-angka, tetapi belum bisa
melakukan operasi apapun. Kita harus membuat methode-methode untuk melakukan operasi
pada angka-angka pada layar tersebut.

Namun sebelum itu kita akan membuat sebuah variabel penampung untuk menyimpan nilai
sebelumnya dari layar sebelum dilakukan operasi aritmetis.

Pindah ke layar source code
pada bagian paling bawah, deklarasikan sebuah variabel bernama temp dengan tipe data
double
private double temp;

Selain variabel penampung, kita juga membutuhkan variabel untuk menentukan operasi
aritmetis apa yang akan dilakukan oleh program saat user menekan tombol sama dengan.
Tuliskan kode-kode berikut pada source code anda (ditempat yang sama dengan varieble
temp)
private byte operasi; // untuk menentukan operasi apa yang dilakukan
private final byte OPERASI_PENAMBAHAN = 1; // untuk operasi penambahan

private final byte OPERASI_PENGURANGAN = 2; // untuk operasi pengurangan
private final byte OPERASI_PERKALIAN = 3; // untuk operasi perkalian
private final byte OPERASI_PEMBAGIAN = 4; // untuk operasi pembagian

Setelah itu baru kita dapat mulai membuat metode-metode untuk tombol aritmetik

Kita akan mulai dengan tombol +
seperti diatas, pilih tombol tambah, click kanan, pilih Events → Mouse → mouseClicked

Lalu pada source code
Ubah baris
// TODO add your handling code here:
dengan
temp = Double.parseDouble(layar.getText());
operasi = OPERASI_PENAMBAHAN;
layar.setText(null);

Lakukan hal yang sama untuk operasi pengurangan, perkalian dan pembagian.
setelah itu untuk menampilkan hasil perhitungan pada layar kalkulator dengan menekan
tombol =, anda harus menuliskan kode untuk melakukan tiap operasi aritmetik.
seperti diatas, pilih tombol samaDengan, click kanan, pilih Events → Mouse → mouseClicked
Tuliskan kode dibawah ini :

switch(operasi) {
case OPERASI_PENAMBAHAN : layar.setText(
String.valueOf(temp + Double.parseDouble(layar.getText())));
break;
case OPERASI_PENGURANGAN : layar.setText(
String.valueOf(temp - Double.parseDouble(layar.getText())));
break;
case OPERASI_PERKALIAN : layar.setText(
String.valueOf(temp * Double.parseDouble(layar.getText())));
break;
case OPERASI_PEMBAGIAN : layar.setText(
String.valueOf(temp / Double.parseDouble(layar.getText())));
break;

Sampai disini anda dapat mencoba menjalankan program anda dengan cara memilih Project
KalkulatorSederhana anda pada jendela Projects di sebelah kiri, lalu click kanan dan pilih run.


Membuat Kalkulator Sederhana dengan NetBeans

Recommended

Recommended

More Related Content

More from Ammar Shadiq

More from Ammar Shadiq (6)

Membuat Kalkulator Sederhana dengan NetBeans