Sunday, September 26, 2021

Membuat Kalkulator dengan java di Netbeans

 

Membuat Kalkulator dengan Netbeans

Pada kesempatan ini kita akan mencoba belajar cara membuat kalkulator menggunakan java netbeans, membuat kalkulator ini sangat cukup mudah dan simpel, Pilih menu File -> kemudian pilih New Project -> lalu isikan name project.
 
Langkah 1. Buka Netbeans.
Langkah 2. Pilih menu File -> New Project -> isi name project
Langkah 3. Buat desain form seperti berikut.

netbeans, belajar netbeans, kalkulator, java, tutorial netbeans


Langkah 4. Ganti nama variable dengan ketentuan sebagai berikut.
  • JTextField ganti variable name menjadi layar.
  • JButton0 ganti variable name menjadi btnangka0.
  • JButton1 ganti variable name menjadi btnangka1, dan seterusnya sampai JButton 9.
  • JButtonbagi ganti variable name menjadi btnbagi. 
  • JButtonhapus ganti variable name menjadi btnhapus.
  • JButtonkali ganti variable name menjadi btnkali.
  • JButtonkoma ganti variable name menjadi btnkoma.
  • JButtonkurang ganti variable name menjadi btnkurang.
  • JButtonsamadengan ganti variable name menjadi btnsamadengan.
  • JButtontambah ganti variable name menjadi btntambah.
Langkah 5. Selanjutnya kita masuk tahap penulisan source code, pertama - pertama kita mendefinisikan tipe data, klik tab Source di Form Design, masukan source code seperti gambar di bawah ini.

netbeans, belajar netbeans, kalkulator, java, tutorial netbeans

Langkah 6. Selanjutnya kita membuat source code untuk masing - masing tombol, untuk menulisnya kita hanya perlu klik 2 kali pada tombol yang ingin diberi source code, untuk tombol 0 sampai 9 masukan source code berikut.

angka += "x";
layar.setText(angka);

Nilai x ganti sesuai dengan angka pada tombol (jButton) yang akan ditampilkan di layar (jTextField). Maksud dari source code diatas adalah jika kita klik tombol angka misalkan 0 maka akan menampilkan angka 0 di layar(jTextField). Contoh penempatan source code seperti gambar berikut.

netbeans, belajar netbeans, kalkulator, java, tutorial netbeans

untuk tombol (,), masukan source code berikut.

angka += ",";
layar.setText(angka);

Menambahkan simbol koma/point.

untuk tombol C (Clear), masukan source code berikut.

layar.setText("");
bilangan1=0.0;
bilangan2=0.0;
jumlah=0.0;
angka="";

Memastikan semua komponen dan variable bernilai nol/null.

untuk tombol (+), masukan source code berikut.

bilangan1=Double.parseDouble(angka);
layar.setText("+");
angka="";
pilih=1;

Variable "bilangan1" merupakan penampung angka yang nantinya akan dioperasikan dengan variable "bilangan2", karena variable "bilangan1" kita deklarasikan bertipe data Double, maka variable "angka" yang bertipe data String harus dikonversikan dulu ke Double.
Mengubah tesk pada layar menjadi simbol "+".
Variable "angka" akan dikosongkan kembali untuk menampung String "angka" yang nantinya akan diberikan ke variable "bilangan2".
"pilih=1" adalah integer yang berfungsi untuk pengalihan aksi pada switch case.

untuk tombol (-), masukan source code berikut.

bilangan1=Double.parseDouble(angka);
layar.setText("-");
angka="";
pilih=2;

untuk tombol (x), masukan source code berikut.

bilangan1=Double.parseDouble(angka);
layar.setText("*");
angka="";
pilih=3;

untuk tombol (/), masukan source code berikut.

bilangan1=Double.parseDouble(angka);
layar.setText("/");
angka="";
pilih=4;

untuk tombol (=), masukan source code berikut.

switch (pilih) {
  case 1:
      bilangan2 = Double.parseDouble(angka);
      jumlah = bilangan1 + bilangan2;
      angka = Double.toString(jumlah);
      layar.setText(angka);
      break;
  case 2:
      bilangan2 = Double.parseDouble(angka);
      jumlah = bilangan1 - bilangan2;
      angka = Double.toString(jumlah);
      layar.setText(angka);
      break;
   case 3:
      bilangan2 = Double.parseDouble(angka);
      jumlah = bilangan1 * bilangan2;
      angka = Double.toString(jumlah);
      layar.setText(angka);
      break;
   case 4:
      bilangan2 = Double.parseDouble(angka);
      jumlah = bilangan1 / bilangan2;
      angka = Double.toString(jumlah);
      layar.setText(angka);
      break;
      default:
      break;
 }
 
Sebelum operasi bilangan dilakukan, variable "bilangan2" harus dikonversikan terlebih dahulu ke tipe data Double.

Variable angka mengkonversi variable "jumlah" yang bertipe data Double menjadi String agar bisa ditampilkan di layar.



Untuk penempatan source codenya di tiap - tiap tombol seperti gambar 
berikut. Apabila kalian setelah copy source code di atas dan paste di 
netbeans berantakan kalian hanya perlu merapikannya dengan menekan Alt +
 Shift + F pada keyboard.



netbeans, belajar netbeans, kalkulator, java, tutorial netbeans

netbeans, belajar netbeans, kalkulator, java, tutorial netbeans

netbeans, belajar netbeans, kalkulator, java, tutorial netbeans

Mengubah Tampilan.
Setelah kita selesai menulis source code, perlu ditambahkan beberapa aturan yang harus kita tetapkan di interface supaya program yang kita buat lebih teratur dan tidak terjadi kesalahan program yang diakibatkan oleh user/atau pemakai program.

Pengaturan Properti jFrame.
Langkah 1. Klik kanan di jFrame lalu pilih properties.
Langkah 2. Isi title jFrame dengan di sini saya mengisinya dengan "Kalkulator Sederhana" karena saya membuat projectnya dengan nama KalkulatorSederhana.
Langkah 3. Scroll ke bawah dan hilangkan tanda centang di resizable, ini bermaksud agar pada saat program dijalankan si user/pemakai tidak bisa mengubah panjang atau lebar windows. Biar lebih jelas langkahnya perhatikan gambar berikut.

netbeans, belajar netbeans, kalkulator, java, tutorial netbeans

Pengaturan Properti jTextField (layar).
Langkah 1. Klik kanan di komponen jTextField lalu pilih properties.
Langkah 2. Hilangkan centang pada editable, fungsinya agar si user/pemakai tidak dapat memasukan karakter langsung dari keyboard. Hal ini untuk menghindari karakter yang tidak diinginkan masuk ke layar.
Langkah 3. Selanjutnya pilih Horizontal Aligment ubah menjadi Right, hal ini dimaksudkan agar posisi angka menjadi rata kanan seperti kalkulator pada umumnya, lebih jelasnya perhatikan gambar berikut.

netbeans, belajar netbeans, kalkulator, java, tutorial netbeans

Menjalankan Program.
Langkah yang terakhir apabila tidak ada error di dalam penulisan source code maka program siap untuk dijalankan dengan cara klik Run atau shift + f6 pada keyboard, maka tampilannya akan seperti gambar berikut.

netbeans, belajar netbeans, kalkulator, java, tutorial netbeans

Sunday, September 19, 2021

Penjelasan dan langkah-langkah membuat kalkulator dengan netbeans

Hari ini saya akan share cara membuat kalkulator sederhana dengan java complier netbeans.

Berikut ini tahapannya:
1. Buat project baru. (pilih java pada catagories dan pilih java aplication pada project).

2. Nanti akan muncul name and location dimana akan disuruh memasukkan nama project dan tempat penyimpanan project.
(Pada project name isi dengan nama kalkulator dan centang pada Create main class dan juga set as main project). Setelah itu klik finish.

3. Setelah itu buat Tampilan GUInya pada proect kita dengan cara klik kanan pada nama project>>new>>JFrame Form.

4. Maka akan muncul Dialog Box (membuat nama class)  Name and Location.(pada class name isi dengan calc dan package isi dengan kalkulator). Selanjutnya klik finish

5. Setelah semua selesai maka akan seperti ini.

6. Langkah selanjutnya kita desain Formnya seperti gambar berikut:

Ket:
– 3 buah JButton dengan nama Variabel masing”:  btnClear, btnExit, btnHitung.
– 5 buah J label sesuaikan namanya dengan form diatas.
– 1 buah JComboBox dengan nama Variabel: cbOperator.
– 3 buah TextField dengan nama Variabel Masing”: tfBil1, tfBil2, tfHasil.

dan berikut scriptnya:
* pada btnHitung isi dengan:
int bil1 = Integer.parseInt(tfBil1.getText());
int bil2 = Integer.parseInt(tfBil2.getText());
double hasil=0;
int op = cbOperator.getSelectedIndex();
switch(op){
case 0 : hasil = bil1 + bil2 ;
break ;
case 1 : hasil = bil1 – bil2 ;
break ;
case 2 : hasil = bil1 * bil2 ;
break ;
case 3 : hasil = bil1 / bil2 ;
break ; }
tfHasil.setText(String.valueOf(hasil));

* pada btnClear isi dengan:
tfBil1.setText(“”);
tfBil2.setText(“”);
tfHasil.setText(“”);

tfBil1.requestFocus();

* pada btnExit isi dengan:
System.exit(0);

catatan: pada cbOpertor atur propertisnya disebelah kanan form dan cari yang namanya Model isi dengan karakter berikut: +, -, *, /

dan berikut hasilnya setelah di RUN.