Pada episode kali ini yang akan kita bahas ialah mengenal komponen atau bagian-bagian dari VB .Net . Oke saya rasa jika teman-teman ingin mempelajari lebih dalam mengenai pemrograman Visual Basic .Net saya sarankan untuk mengikuti episode pada part 1 dan part 2 sebelum kalian mengikuti part 3 ini, tujuan nya ialah agar kita dapat memahami dan mengerti dengan baik.
Komponen Dasar Bagian Visual Basic .Net
Baiklah langsung saja teman-teman untuk meneruskan pembelajaran pada episode lalu, saya akan bahas nya di bawah ini, silahkan di simak dan perhatikan dengan seksama gambar dari tampilan halaman visual studio untuk membuat sebuah project VB .Net berikut ini :
Gambar 2 : Mengenal komponen - komponenen VB .Net
Dari gambar yang tersedia di atas komponen dasar / bagian-bagian visual basic .net sudah saya tandai dengan nomor, berikut keterangan dari masing-masing nomor :
Title Bar → berfungsi untuk menampilkan judul atau nama dari project yang sedang kita buat.
Menu Bar → adalah pilihan berupa menu yang terjulur kebawah / strip yang berfungsi untuk melakukan perintah-perintah untuk mengatur IDE, mengembangkan, memelihara dan mengeksekusi program. Perintah-perintah yang ada pada menu bar dikelompokkan ke dalam beberapa bagian sesuai jenis perintah tersebut.
Tool Bar → berfungsi sebagai shortcut / pintasaan bagi fungsi-fungsi yang sering di akses pada menu bar berupa menu yang terjulur kebawah / strip, Toolbar adalah urutan tombol tombol dengan icon berupa gambar.
Form Designer → berfungsi untuk membuat tampilan (user interface) untuk program aplikasi. Pada form, disini kita dapat meletakkan atau menambahkan objek kontrol maupun komponen.
Code Editor → berfungsi untuk menuliskan kode program, cara menampilkan code editor bisa tekan F7 atau double click pada form designer.
Toolbox → bagian yang berguna sebagai tempat meletakan objek-objek yang menjadi alat mendesain program. Dalam istilah pemrograman yang termasuk alat tersebut adalah sebua class.
Error List → berfungsi untuk menampilkan kesalahan kode program yang kita buat.
Sulotion Explorer → berfungsi untuk melihat item-item penyusun sebuah proyek yang sedang di kerjakan.
Properties → berfungsi untuk melihat atau menubah nilai properti atau karakterisik dari sebuah Objek /class.
Pengenalan aplikasi Hello Word!
Seperti biasa di dalam mempelajari pemrograman hal yang tidak boleh di lewatkan ialah menampilkan tulisan "Hello Word!" begitu juga dengan tutorial yang saya buat kali ini tentang pemrograman Visual Basic .Net, sebagai intro dan awalan dari aplikasi pertama yang akan kita buat saya akan tunjukan bagaimana cara membuat aplikasi sederhana untuk menampilkan tulisan "Hello Word!" di VB .Net, silahkan teman-teman ikuti langkahnya :
1. Silahkan teman-teman buka aplikasi Visual Studio yang sudah teman-teman install di komputer / PC kalian.
Gambar 3 : Aplikasi Visual Basic Net 2012
2. Jika sudah terbuka visual studio nya, buat lah lembar kerja baru dengan cara klik file dan pilih new project.
Gambar 4 : Menu file
3. Setelah itu temen-teman akan menemui tampilan jendela New Project seperti tampak pada gambar berikut.
Gambar 5 : Jendela New Project
Karena disini kita ingin membuat aplikasi Visual Basic Net maka pilih Visual Basic → Windows → Windows Form Aplication → pada field Name isikan HelloWord → dan atur di mana kalian ingin menyimpan project pada field Location → pilih OK.
4. Jika langkah 3 sudah dilakukan, maka kalian akan di alihkan ke sebuah lembar kerja baru.
Gambar 6 : Lembar kerja baru
5. Selanjutnya ambil/drag komponen Button dari jendela Toolbox → lepaskan/drop pada lembar kerja.
Gambar 7 : Komponen Button
6. Pada jendela Properties, ubah properti Text menjadi Klik Disini! , untuk lebih jelas dapat dilihat pada gambar berikut.
Gambar 8 : Jendela Properties
7. Selanjutnya pada form Design akan tampak tampilan seperti gambar berikut.
Gambar 9 : Tampilan Form Design
8. Langkah selanjutnya ambil komponen Label dari Toolbox, untuk lebih jelas lihat gambar berikut.
Gambar 10 : Jendela Toolbox
9. Pada jendela properties, klik pada Font, lihat gambar berikut.
Gambar 11 : Jendela Properties
10. Setelah itu akan muncul jendela Font dan atur font komponen Label menjadi seperti tampak pada gambar berikut.
Gambar 12 : Jendela Font
11. Langkah selanjutnya pada properti Text, ubah menjadi "Lihat Saya"
Gambar 13 : Mengubah Properti Text
12. Sehingga jika dilihat, maka tampilan form design akan seperti berikut
Gambar 14 : Tampilan Form Desainer
13. Double klik pada komponen button Klik Disini! sehingga menampilkan jendela kode editor, seperti gambar berikut.
Gambar 15 : Jendela Kode Editor
14. Tuliskan kode program berikut.
Public Class Form1
Private Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
Label1.Text = "Hello Word!"
End Sub
End Class
15. Langkah selanjutnya jalankan kode tersebut, dengan cara klik tombol Start.
Gambar 16 : Button Start
16. Selanjutnya akan di tampilkan jendela Running Program.
Gambar 17 : Jendela Running Program
17. Klik pada button Klik Disini! . Maka akan ditampilkan teks Hello Word! pada komponen Label, seperti pada gambar berikut.
Gambar 18 : Tulisan Hello Word!
Demikan yang dapat saya sampaikan pada minggu ini, semoga dapat menambah wawasan kita semua dalam dunia pemrogramman, jangan lupa terus berlatih dan manfaatkan sumber daya yang ada di internet untuk terus belajar. Akhir kata saya ucapkan banyak terimkasih sudah berkunjung, jangan lupa bagikan pada teman-teman yang lain serta berikan komentar jika yang saya tulis ini bermanfaat bagi teman-teman sekalian. Sampai jumpa di episode pemrogramman visual basic .net berikutnya.
Incoming search terms :
Fungsi dari komponen-komponen dalam Visual Basic .Net, fungsi komponen toolbox pada visual basic 2012, komponen visual studio 2012, visual basic menu, project explorer visual basic, kumpulan perintah visual basic, fungsi button pada visual basic, fungsi properties pada visual basic, mengenal visual basic, menu visual basic, cara menampilkan toolbox di visual basic, toolbox visual basic dan fungsinya, pengertian visual basic, menu run pada visual basic, fungsi dari masing-masing object pada visual basic, Tahap Awal Belajar Visual Basic .NET, Bagian-Bagian pada Visual Basic .net dan fungsinya, rio ananda putra.
Sebenarnya saya cari kesan seni belum dapat yg mengajarkan coding dengan detail sampai menjadi satu buah sistem,semoga saja di sini admin bisa memberi sebuah tips belajar lebih jauh dari coding ini hingga kami orang awam bisa belajar autodidak dan bisa membuat sebuah sistem atau software yang bermanfaat nantiknya. Good luck
Wah mantap gan artikelnya semua tentang coding. Bagus2 dan sangat bermanfaat Gan. Terima kasih
ReplyDeleteMonggo singgah di www.abdulmajid.id
wah sangat membantu
ReplyDeleteSebenarnya saya cari kesan seni belum dapat yg mengajarkan coding dengan detail sampai menjadi satu buah sistem,semoga saja di sini admin bisa memberi sebuah tips belajar lebih jauh dari coding ini hingga kami orang awam bisa belajar autodidak dan bisa membuat sebuah sistem atau software yang bermanfaat nantiknya.
ReplyDeleteGood luck