Senin, 02 Desember 2019

Kalkulator Sederhana Menggunakan Java NetBeans IDE 8.2

Assalamualaikum...


Hallo....selamat datang dan terimakasih sudah berkunjung ke web ini.  pada kesempatan ini saya akan menjelaskan cara  membuat aplikasi kalkulator sederhana mengunakan Java NetBeans IDE 8.2 sebagai Tugas Pemrograman Berorientasi Objek, kalkulator yang akan saya buat ini sama dengan kalkulator biasa yaitu menghitung penjumlahan , pengurangan , perkalian dan pembagian .

Sebelum ini dimulai saya akan menjelaskan terlebih dahulu apa itu Jframe, dan beberapa beberapa swing dan komponen penting untuk membuat aplikasi kalkulator ini.


  • JFrame adalah jendela utama yang kita gunakan untuk menampilkan komponen yang kita inginkan   pada layar, atau dengan kata lain, JFrame digunakan untuk mendesain model tampilan yang   didalamnya dapat kita tempatkan komponen-komponen lainnya.
  • Panel adalah Merupakan panel yang dapat digunakan sebagai papan dari suatu bidang / layar lain.
  • Label Sebuah kolom/area yang digunakan untuk menampilkan tulisan atau gambar.
  • Text field untuk membuat kolom agar bisa diisi perintah perintah teks atau angka oleh user,misal pada pembuatan aplikasi kalkulator "text field" berfungsi menampilkan hasil dari hitungan kalkulator tersebut.
  • Button adalah kontrol yang tampil pada layar dengan bentuk tertentu yang mirip dengan tombol persegi panjang dengan tulisan di tengahnya.



  Berikut adalah tampilan kalkulator Java Netbeans.




Setelah memahami penjelasan di atas mari kita mulai untuk membuat aplikasi kalkulator sederhana...

Pertama kita buka Netbeans terlebih dahulu, disini saya menggunakan NetBeans 8.2.


Steps Pertama klik New Project lalu klik Java pilih Java Application lalu klik Next



Langkah berikutnya isi Project Name isi sesuai yang kita inginkan , Project Location lalu klik Finish .




Dibawah ini adalah hasil script package yang sudah saya buat





Langkah selanjutnya membuat JFrame Form dengan cara klik Kalkulator Background di sourch package lalu klik kanan klik New lalu pilih JFrame Form.




Isi Class Name "Kalkulator4" lalu klik Finish , maka akan muncul design seperti di bawah ini



 

Untuk memulai membuat design kalkulator permata kita buat background agar tampilan menjadi menarik yaitu dengan cara pilih Label di Swing Container.



Klik kanan di layar Pilih Properties lalu klik Icon,


Kemudian masukan File gambar dengan cara klik File or URL lalu klik OK




Setelah di OK tampilan Background seperti di bawah ini.




Setelah Background terpasang tambahan komponen tools yang di gunakan untuk membuat kalkulator, yaitu :


  1. Menambahkan Label untuk menampilkan tulisan kalkulator, masukan angka pertama, masukan angka kedua dan hasil ,dengan cara klik kanan pilih  Edit text masukan text, klik Properti untuk menyesuaikan Font atau Size.
  2. Menambahkan Text Field untuk memasukan angka dan menampilkan hasil
  3. Menambahkan JButton untuk tombol +, -, x, : , ulang, dan keluar, dengan cara klik kanan edit text ketik text  ,klik Properti untuk menyesuaikan Font atau size.
  4. Setelah itu jangan lupa untuk selalu merubah nama variable dari komponen agar mudah dalam  mengenali, caranya sama seperti merubah text tapi pilih menu change variable name… 
  

Dibawah ini adalah hasih setelah di Edit Text dan di Change Variable Name.


Mendeklarasikan komponen JButton + dengan cara klik 2 kali di Button + , masukan coding seperti di bawah ini.


Mendeklarasikan komponen JButton - dengan cara klik 2 kali di Button - , masukan coding seperti dibawah ini.


Mendeklarasikan komponen JButton x dengan cara klik 2 kali di Button x , masukan coding seperti dibawah ini.


Mendeklarasikan komponen JButton : dengan cara klik 2 kali di Button : , masukan coding seperti dibawah ini.


Mendeklarasikan komponen JButton Ulang dengan cara klik 2 kali di Button Ulang , masukan coding seperti dibawah ini.


Mendeklarasikan komponen JButton Kembali dengan cara klik 2 kali di Button Kembali , masukan coding seperti dibawah ini.



Setelah selesai mendeklarasikan button +, -, x, :, Ulang dan Kembali. Selanjutnya kita coba Run untuk mengetahui hasilnya. dan hasilnya seperti dibawah ini :




Sekian cara  membuat aplikasi kalkulator sederhana, semoga bisa bermanfaat ya, terutama untuk saya yang masih belajar...

Terimakasih


Wassalamualaikum Warahmatullahi Wabarakatuh...