Home » » Kalkulator Sederhana

Kalkulator Sederhana

Salam Informatika...
Dalam kesmpatan kali ini saya akan berbagi sedikit info mengenai, CARA MEMBUAT KALKULATOR SEDERHANA , Jgn lama2 Langsung aja buka NetBeans nya masing2 , di sini saya menggunakan NetBeans IDE 8.0.2 . Kalau belum punya, jangan cemas,jangan bingung,kami menyediakan link nya,, tingal agan klik menu Download yang ada di blog kami, tinggal klik NetBeans 8.0.2, lalu download. seteah itu instal dan selesai instal langsung dibuka.



Setelah NetBeans agan2 terbuka, langkah selanjutnya adalah membuat project baru. Untuk membuat project baru bisa dilakukan dengan mengklik menu file dan pilih New Project seperti gambar berikut:
 
 

Setelah itu akan tampil jendela New Project seperti gambar berikut ini
:
Karena kita mau membuat aplikasi java, maka klik java dan pilih Java Application seperti gambar diatas, kemudian klik next.
Maka akan tampil jendela berikutnya seperti gambar berikut ini:


Nah, pada gambar diatas, silahkan ketikan nama project yang ingin dibuat, disini Saya membuat nama projectny adalah Kalkulator_1 seperti gambar diatas, terus kalau agan2 mau ganti tempat penyimpanan nya, silahkan klik Browse, lalu cari tempat penyimpanan yang menurut agan2 mudah untuk mencari nya ketika program nya sudah selesai. Disini saya tidak mengganti tempat penyimpanan nya,
C:\Users\deny\Documents\NetBeansProjects ,Kemudian kalau sudah selesai klik finish, sampai disini pembuatan project nya sudah selesai.

Sekarang membuat aplikasinya,
Silahkan ikuti Step by Step berikut ini:
1 ) klik kanan pada projectnya => New => Jframe Form seperti gambar berikut:



 2 ) setelah itu maka akan tampil jendela seperti berikut ini: 



3 ) ketikan nama kelasnya dan klik finish.
Disini penulis membuat nama kelasnya adalah kalkulator sesuai dengan topic pembahasan kita kali ini.
Setelah itu, maka akan tampil jendela seperti gambar dibawah ini:



Nah, yang terletak ditengah2 adalah form yang telah kita buat, sedangkan disebelah kanan ada Pallete yang berisi komponen2 yang akan kita gunkan untuk mendesain form, dan ada juga Properties yang berguna untuk mengatur setiap komponen yang kita gunakan untuk mendesain form. 

4 ) Mendesain form.
Sebelum mendesain form ada baiknya kita set dulu layoutnya untuk memudahkan kita dalam mendesain form. Disini penulis menggunakan layoutnya adalah Absolute Layout. Nah, untuk menset layout caranya klik kanan pada formnya pilih Set Layout lalu klik Absolute Layout, seperti gambar berikut:



5 ) Setelah men-set layout barulah kita lanjut ketahap desain form nya,, kurang lebih seperti dibawah membuat form nya, jika agan” mau membuat lebih bagus lagi juga bisa,



6 ) Setelah agan” selesai membuat Form nya, sekarang yang harus agan2 lakukan adalah mengganti Variable Name nya, tujuannya supaya kita mudah dalam pengetikan coding nantinya. Caranya sangat mudah, klik kanan pada Text Field yang ada di Label Bil_1 yang ingin diganti Variable Name nya, lalu pilih Change Variable Name seperti gambar berikut:  



7 ) Setelah mengklik change variable name maka kita akan diarahkan ke jendela Rename seperti gambar berikut:



8 ) Silahkan ganti JtextField1 menjadi Angka_1 seperti gambar diatas dan klik Ok. Ingat..! pemberian variable name tidak boleh menggunakan spasi. Nah, sekarang ganti juga variable name untuk JtextField2 menjadi Angka_2 dan JtextField3 menjadi Hasil dan juga mengganti variable button nya, misalnya Button Tambah di ganti denan Tambah , cara nya sama juga untuk button kurang, kali, dan bagi.

9 ) Setelah desain form selesai, sekarang saatnya untuk pengetikan coding program supaya aplikasi yang kita buat bisa dieksekusi. Pertama – tama buat deklarasi variable nya, cara nya Tulis coding ini

Double  bil1,bil2,hasil_1;
String hasil;

Di bawah coding ini ,

public Kalkulator() {
        initComponents();
       
    }

Seperti gambar di bawah :



10 ) Selanjutnya coding Button tambah, Caranya Klik kanan di button tambah =>  Events => Action =>actionPerformed. Seperti digambar.


11 ) Tulis coding nya tambah nya seperti berikut :


Nah, jika sudah selesai mengetikan coding diatas silahkan Running programnya seperti gambar berikut:

12 ) Setelah mengklik Run File maka akan tampil aplikasi yang kita buat.
Nah, sekarang silahkan masukan angka pada Bil_1 dan Bil_2 lalu klik tombolTambah, maka akan terlihat hasilnya seperti gambar berikut: 


Mudah  bukan..?
13 ) Sekarang waktunya kita membuat coding untuk tombol kurang, untuk membuat coding pada tombol kurang silahkan tutup dulu aplikasi yang sedang Running dan kembali lagi ke desain Form seperti sebelumnya.
Sebenarnya coding tombol Tambah dan tombol Kurang tidak jauh berbeda, hanya yang membedakan hanyalah operatornya saja.
Setelah kembali ke desain form, klik 2x pada tombol Kurang maka akan tampil jendela coding untuk tombol kurang dan copy coding yang ada pada tombol Tambah, lalu paste kan pada tombol kurang dan ganti operator (+) menjadi (-) seperti gambar berikut:

14 ) Nah, pada coding tombol kurang kita tidak perlu lagi mendeklarasikan variable karena sudah kita deklarasikan sebelumnya.
Sekarang silahkan Running aplikasinya dengan cara yang sama seperti sebelumnya dan isikan angka pada value pertama dan value kedua lalu klik tombol Kurang, maka akan terlihat hasilnya seperti gambar berikut: 


Nah, untuk coding tombol kali dan bagi sama seperti coding tombol Kurang dan tombol Tambah, teman2 tinggal copy-paste aja dan ganti operatornya. Untuk tombol Kali operatornya adalah bintang (*) dan tombol bagi adalah slash (/).

Mudah kan..?
Ok guys, sekian dulu tutorial kali ini, Author  berharap semoga tutorial yang singkat ini bermanfaat, dan agan2 semua bisa mengembangkannya. Kalau agan mau download Project nya caranya sama dengan download aplikasi NetBeans tadi, tinggal klik Project Kalkulator Sederhana. 
Ok.Trim'Ss ,,, Jangan Lupa Komentar nya.. HehE :)

1 komentar:

  1. makasih udah share ilmunya semoga bermanfaat
    by mahasiswa baru belajar

    BalasHapus

Before commenting , please to understand as much as possible beforehand.