Sabtu, 26 November 2011

Membuat Program Hallo world pada netbeans

Setelah mencoba 2 buah program menggunakan konsole, kita akan mulai bersentuhan dengan aplikasi GUI menggunakan IDE (Integrated Development Environment). Seperti yang saya katakan sebelumnya, aplikasi GUI menggunakan IDE dalam beberapa hal make our life a little bit easier :-) .
Kita akan menggunakan Netbeans IDE untuk melakukan hal ini. Berikut adalah langkah-langkahnya :
  1. Install Netbeans
  2. Jalankan Netbeans sehingga muncul layar utama IDE
  3. Hello World GUI1
  4. Klik menu File | New Project
  5. Pilih Java - Java Application
  6. Hello World GUI2
  7. Beri nama Project AppHelloWorld dan hilangkan pilihan Create Main Class, karena kita langsung membuat main class pada form Hello World
  8. Hello World GUI3
  9. Klik kanan pada Project yang baru dibuat, pilih New | JFrame Form…
  10. Beri nama Form yang baru dibuat dengan nama frmHelloWorld. Klik finish. Kita akan diberi satu buah form yang bisa didesain secara leluasa.
  11. Hello World GUI4
  12. Jika di IDE Visual Basic kita mengenal Toolbox, di Netbeans kita mendapatkan sesuatu yang mirip dengan nama Pallete
  13. Hello World GUI6
  14. Drag dan drop komponen Button dari Pallet ke form yang baru kita buat sehingga muncul 1 buah tombol dengan text jButton1
  15. Hello World GUI7
  16. Klik kanan pada tombol tersebut dan pilih Change Variable Name.Ubah nama tombol menjadi btnHello
  17. Hello World GUI8
  18. Klik kanan lagi pada tombol dan pilih Edit Text. Ganti text menjadiHello World
  19. Klik kanan lagi juga (hehehe…) pada tombol dan pilih menu Events | Actions | actionPerformed. Event ini bisa diumpamakan sebagai event Command_Click pada Visual Basic
  20. Hello World GUI9
  21. Kita akan mendapatkan layar kode. Ketikkan kode berikut :
  22. JOptionPane.showMessageDialog(null, "Hello World !");
  23. Kita akan melihat bahwa Java sudah pintar dengan langsung membuat tanda kutif tutup pada saat kita hendak mengetik “Hello World !”.
  24. Seperti halnya VB, Java juga memiliki feature autocomplete untuk method dan properties. Disini kita juga akan menemukan 1 keunggulan penggunaan IDE dibandingkan mengetik program menggunakan konsole / text editor, yaitu feature Auto Import
  25. Hello World GUI10
  26. Lihat pada bagian kiri kode ada semacam bohlam lampu kecil. Ini menandakan “ada sesuatu” dengan kode yang kita ketik. Karena kita menggunakan JOptionPane, kita membutuhkan librarynya agar Java mengenali komponen ini. Klik pada pada bohlam lampu tersebut dan pilih Add Import for javax.swing.JOptionPane
  27. Hello World GUI11
  28. Setelah kita pilih, Netbeans secara otomatis akan menambahkan tulisan import javax.swing.JOptionPane; pada bagian atas kode.
  29. Simpan project
  30. Klik kanan pada form yang baru dibuat dan klik Run atau tekan tombol SHIFT + F6
  31. Kita akan mendapatkan form dengan 1 buah tombol yang jika diklik akan memunculkan sebuah Message Box “Hello World !”
  32. Hello World GUI12
Selamat, anda sudah membuat 1 buah program aplikasi yang akan menjadi langkah awal kecintaan anda pada Java :-). Mengapa saya menggunakan JOptionPane dan bukannya Label untuk sekedar menampilkan tulisan Hello World ? Karena JOptionPane ini akan banyak kita gunakan pada tutorial mendatang. Kalau sekedar Label, semestinya tanpa perlu setting macam-macam kita sudah bisa memahaminya :-)

Membuat konversi kalkulator sederhana dengan VB.NET

Pada kali ini dibahas membuat konversi kalkulator sederhana, untuk menkonversi satuan panjang meter (m) kesatuan yang lain seperti inci, kaki dst.

1.      Buatlah sebuah form seperti gambar dibawah ini


Tambahkan
Label 4 buah
LABEL
PROPERTIES TEXT
KET
label1
Input
Masukan nilai
label2
Output
Hasil konversi
label3
m
Satuan input (m)
label4
m
Satuan output









Textbox 2 buah

Textbox
PROPERTIES
Ket
TEXT
Textbox 1
0
input
Textbox 2
0
Menampilkan Output

BUtton1 buah

BUtton1
PROPERTIES TEXT
Ket
Button1
inci

Button2
kaki

Button3
yard

Button4
mil intr

Button5
mil laut

Button6
C
clear


2.      Selanjutnya adalah memasukan kode pemprogramannya

Doubel klik pada setiap button harga kemudian ketik code dibawah ini
·         Doubel klik Button1 ketik code dibawah ini

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)Handles Button1.Click
        Dim inch As Double = TextBox1.Text
        TextBox2.Text = inch * 39.370079
        Label4.Text = "in"
    End Sub


·         Doubel klik Button2 ketik code dibawah ini


    Private Sub Button2_Click(ByVal sender As System.Object, ByVal e AsSystem.EventArgs) Handles Button2.Click
        Dim kaki As Double = TextBox1.Text
        TextBox2.Text = kaki * 3.28084
        Label4.Text = "ft"
    End Sub

·         Doubel klik Button3 ketik code dibawah ini


    Private Sub Button3_Click(ByVal sender As System.Object, ByVal e AsSystem.EventArgs) Handles Button3.Click
        Dim yard As Double = TextBox1.Text
        TextBox2.Text = yard * 1.093613
        Label4.Text = "yd"
    End Sub

·         Doubel klik Button4 ketik code dibawah ini

    Private Sub Button4_Click(ByVal sender As System.Object, ByVal e AsSystem.EventArgs) Handles Button4.Click
        Dim mil As Double = TextBox1.Text
        TextBox2.Text = mil * 0.000621
        Label4.Text = "mi"
    End Sub

·         Doubel klik Button5 ketik code dibawah ini

    Private Sub Button5_Click(ByVal sender As System.Object, ByVal e AsSystem.EventArgs) Handles Button5.Click
        Dim mil As Double = TextBox1.Text
        TextBox2.Text = mil * 0.00054
        Label4.Text = "mil"

    End Sub

·         Doubel klik Button6 ketik code dibawah ini

    Private Sub Button6_Click(ByVal sender As System.Object, ByVal e AsSystem.EventArgs) Handles Button6.Click
        TextBox1.Text = 0
        TextBox2.Text = 0
    End Sub

Ket koding :

        Dim inch As Double = TextBox1.Text
        TextBox2.Text = inch * 39.370079
        Label4.Text = "in"
  • untuk mendapatkan hasil konversi adalah dengan dikalikan nilai konversinya misalnya 1 m ke inci =  39.370079 maka  TextBox2.Text = inch * 39.370079 
  • Label4.Text = "in"  untuk menampikan satuan konversi outputnya

  • Untuk button6 untuk clear, maka logikanya adalah supaya input dan output = 0 maka 
        TextBox1.Text = 0
        TextBox2.Text = 0

Selanjutnya tinggal ditambahkan atau dikembangkan sesuai keiginan masing-masing. 


Contoh download aplikasi yang sudah jadi disini konversi kalkulator

Terimakasih semoga bermanfaat
http://tipsh4re.blogspot.com

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by I Gede Putra - Premium Blogger Themes | Bluehost