Latihan1 VB 2010

Assalamualaikum Wr.Wb..

Pertama kali ngpost di blog ini langsung latihan VB 2010. Langsung aja yuk buka VB 2010nya..

Tampilan awal visual studio 2010 setelah kita membuat project baru adalah seperti pada gambar berikut  

Setelah membuka aplikasi Visual Studio 2010, kita akan mulai mendesign form yang ada.Kita mulai dengan menampilkan Toolbox, caranya klik "View --> Toolbox".

Setelah Toolbox muncul, kita mulai mendesign form, yang pertama adalah memasukkan Label, icon Label dalam Toolbox adalah huruf "A". Agar label bisa dimasukkan kedalam form, cukup klik satu kali pada label, kemudian klik lagi pada form, atau dengan double clik saja pada Label. Label yang sudah dimasukkan seperti gambar dibawah ini

Setelah selesai memasukkan sebuah Label (Label1), masukkan lagi sebuah Label (Label2),, kemudian masukkan sebuah Textbox kedalam form, cara memasukkannya sama seperti Label.. textbox yang telah dimasukkan seperti berikut

Setelah itu masukkan sebuah Button dan sebuah Label lagi (Label3) kedalam form, kemudian susun sesuai keinginan, 

Label (1,2,3), Textbox, dan Button sudah disusun, sekarang masukkan sebuah Groupbox, caranya sama seperti sebelumnya..

Kemudian giliran empat buah Radiobutton yang kita masukkan, posisikan didalam Groupbox, cara memasukkannya juga sama seperti sebelumnya..

Setelah itu, empat buah Checkbox kedalam form, ini juga diposisikan di dalam Groupbox, cara memasukkannya juga sama..

 Jika sudah seperti gambar diatas, maka design awal latihan kita sudah siap.. Saatnya melakukan Coding, untuk masuk kedalam tempat melakukan coding, cukup double clik didalam form, disembarang tempat tapi bukan didalam komponen yang kita masukkan tadi.

Tampilan tempat melakukan Coding adalah seperti dibawah ini..

Yang pertama kali kita lakukan disini adalah mengganti nama form tempat kita bekerja, agar terlihat lebih keren saat di Run, kali ini saya akan mengganti nama form dengan Latihan, perintahnya adalah sebagai berikut:

                                           Me.Text = "Latihan"

 Saat di Run dengan menekan F5, hasilnya akan seperti berikut..

Untuk melanjutkan Coding, kita perlu menghentikan dulu proses Run, bisa dengan mengklik tanda Close ( X ) dipojok kanan atas form yang di run,,

kemudian untuk mengganti nama komponen-komponen yang kita masukkan kedalam form tadi, ketikkan perintah berikut dibawah perintah mengganti nama form tadi..

                                       Label1.Text = "Latihan Visual Basic 2010"

                                       Label2.Text = "Masukkan Kalimat Ke Dalam Textbox Dibawah"

                                       Label3.Text = "---------------------"

                                       Button1.Text = "Proses"

                                       Groupbox1.Text = "Perintah"

                                       RadioButton1.Text = "Merah"                    
                                       RadioButton2.Text = "Biru" 

                                       RadioButton3.Text = "Hijau" 

                                       RadioButton4.Text = "Coklat"

                                       Checkbox1.Text = "Italic" 

                                       Checkbox2.Text = "Underline" 

                                       Checkbox3.Text = "Bold"

                                       Checkbox4.Text = "Strikeout" 

Dan hasilnya saat di run adalah seperti berikut..

Kemudian hentikan proses run, dan lanjutkan coding yang tadi,, ganti warna tulisan pada RadioButton sesuai dengan warna yang tertulis, dan ganti juga model tulisan pada Checkbox sesuai dengan yang tertulis..  perintahnya adalah sebagai berikut..

                                      RadioButton1.Forecolor = Color.Red
                                      RadioButton2.Forecolor = Color.Blue 

                                      RadioButton3.Forecolor = Color.Green

                                      RadioButton4.Forecolor = Color.Brown

                                      Checkbox1.Font = New Font (Font, Fontstyle.Italic)
                                      Checkbox2.Font = New Font (Font, Fontstyle.Underline) 

                                      Checkbox3.Font = New Font (Font, Fontstyle.Bold) 

                                      Checkbox4.Font = New Font (Font, Fontstyle.Strikeout)

Dan hasilnya saat dirun adalah seperti berikut..

Sampai disini coding didalam form sudah selesai, sekarang lakukan coding didalam Button, caranya buka design yang telah kita buat tadi, lalu double clik di Button1, kemudian akan muncul tampilan seperti berikut ini.. 

Coding dalam Button1 atau tombol Proses dilakukan agar apapun yang diketikkan didalam Textbox, bisa ditampilkan di Label3 (----------), saat kita mengklik tombol proses.. berikut adalah codingnya..

                                  Label3.Text = Textbox1.Text

Saat mengetikkan sebuah kata didalam Textbox kemudian mengklik tombol proses, maka kata yang diketik tadi akan muncul di Label3 (-------), seperti gambar berikut..

Setelah ini berhasil, sekarang lakukan Coding didalam RadioButton1 sampai RadioButton4. RadioButton1 terlebih dahulu, cara masuk kedalam tempat coding sama seperti yang tadi, double clik pada RadioButton1 dan akan muncul tampilan seperti berikut..

 

 

Coding dalam RadioButton dilakukan agar bisa merubah warna tulisan yang diproses tadi sesuai dengan warna yang kita klik nanti, codingnya adalah sebagai berikut..

                                      Label3.Forecolor = Color.Red

Saat dirun, tulisan yang diproses tadi bisa berubah menjadi warna merah setelah kita mengklik warna merah, seperti gambar berikut..

Lakukan langkah yang sama pada RadioButton2 sampai RadioButton4, hanya tinggal mengganti kata terakhir yaitu "Red", menjadi Blue, Green, dan Brown (Biru, Hijau, dan Coklat)

Jika sudah selesai dengan coding pada RadioButton, sekarang saatnya melakukan coding didalam Checkbox1 sampai Checkbox4. Checkbox1 terlebih dahulu, caranya sama seperti sebelumnya, double clik pada Checkbox1, kemudian akan muncul tampilan seperti berikut..

Coding didalam Checkbox dilakukan agar model tulisan yang diproses tadi bisa berubah sesuai dengan model tulisan yang kita klik.. codingnya adalah sebagai berikut..

                If Checkbox1.Cheked Then

                                           Label3.Font = New Font (Label3.font, label3.font.style Or Fontstyle.Italic)

                 Else

                                           Label3.Font = New Font (Label3.Font, Label3.font.style And Not fontstyle.italic)

                 end if

Lakukan langkah dan Coding yang sama pada Checkbox2 sampai Checkbox4, hanya tinggal mengganti "If checkbox1.cheked then" menjaid "if checkbox2.cheked then" dan juga ganti "Fontstyle.Italic" menjadi "Fontstyle.Bold" dan seterusnya sampai "Fontstyle.Strikeout"

Berikut codingya dalam gambar..

 

Hasilnya akan seperti pada gambar berikut..

Dengan berkahirnya coding-coding tadi, maka berakhir pula latihan kita pada kesempatan kali ini. Sekian, Wassalamualaikum Wr.Wb...