cara membuat program dengan program visual basic | lengkap

Langkah 1: Membuat proyek dalam Visual Basic

108 dari 181 dinilai ini bermanfaat - Tingkat topik ini

Untuk pertama Program Visual Basic, Anda akan membuat aplikasi browsing Web yang membuka halaman Web. Langkah pertama Anda dalam menciptakan program Visual Basic adalah dengan membuka Visual Studio dan membuat sebuah proyek. Anda akan melakukan hal ini ketika Anda membuat program Visual Basic.

Untuk membuat sebuah proyek untuk program Anda

1. Dari menu Start Windows, klik Visual Basic 2008 Express Edition.
   "Welcome to Visual Basic Express" muncul layar. Ini adalah antarmuka untuk Visual Basic 2008 Express Edition, juga dikenal sebagai lingkungan pengembangan terintegrasi atau IDE.
2. Pada menu File, klik New Project.
   Kotak dialog New Project terbuka.
3. Pilih Windows Forms Application dan klik OK.
   Sebuah bentuk baru menampilkan dalam IDE, dan file yang diperlukan untuk proyek Anda ditambahkan ke jendela Solution Explorer. Jika ini adalah pertama proyek Windows Forms Application yang telah Anda buat, ia dinamai "WindowsApplication1".

Closer Look

Anda baru saja membuat sebuah proyek untuk program Web-browsing. Sebuah proyek di Visual Basic adalah tempat untuk menyimpan potongan-potongan program Anda dan menjaga potongan-potongan terorganisir.
Ketika Anda pertama kali membuat proyek baru, ia hanya ada dalam memori. Jika Anda menutup Visual Basic IDE, Anda akan diminta untuk menyimpan atau membuang proyek. Bila Anda menyimpannya, Anda dapat memberikan nama yang lebih bermakna.
Bila Anda membuka kotak dialog New Project, ada beberapa jenis proyek untuk memilih dari. Program-browsing Web adalah aplikasi berbasis Windows reguler, yaitu, sebuah program yang dapat dijalankan dari menu Start Anda.
Ketika Anda membuat proyek, bentuk (juga dikenal sebagai desainer bentuk) yang ditampilkan dalam IDE. Formulir ini merupakan jendela yang akan ditampilkan bila program dijalankan. Banyak program menampilkan lebih dari satu jendela, sehingga proyek dapat berisi beberapa bentuk.

Langkah Berikutnya

Dalam pelajaran berikutnya, Anda akan belajar bagaimana menambahkan kontrol ke form untuk membangun aplikasi Web-browsing.

Langkah 2: Buat User Interface

Sekarang saatnya untuk mulai membangun browser Web. Anda akan menggunakan Visual Basic Express untuk membangun user interface (bagian terlihat bahwa pengguna berinteraksi dengan) dengan menambahkan kontrol dari Toolbox ke bentuk.
Toolbox adalah di sisi kiri dari Visual Studio dan terdiri dari beberapa tab seperti Data, Komponen, dan All Windows Forms. Di dalam masing-masing tab adalah seperangkat entri yang mewakili kontrol atau komponen yang dapat ditambahkan ke aplikasi Anda. Sebagai contoh, All Windows Forms tab memiliki entri bernama TextBox, Button, dan kotak centang yang mewakili kontrol yang dapat Anda tambahkan ke aplikasi Anda dengan menyeret mereka ke bentuk. Jangan khawatir terlalu banyak tentang ukuran kontrol; Anda akan belajar bagaimana untuk menyesuaikan tampilan dari aplikasi Anda dalam pelajaran berikutnya.
.

Untuk menambahkan kontrol untuk aplikasi Anda

1. Klik panel Toolbox.
   Toolbox terbuka.
   

   Catatan:
   Toolbox ini lebih mudah digunakan jika Anda menjaga jendela terbuka. Anda dapat melakukan ini dengan mengklik ikon Auto Hide, yang terlihat seperti push pin.

2. Klik All Windows Forms tab Toolbox, dan kemudian tarik kontrol Panel ke sudut kiri atas formulir.
   

   Catatan:
   Jika Anda memiliki kesulitan menemukan kontrol yang benar, klik kanan Toolbox dan kemudian pilih Sort Items abjad.

3. Dari tab yang sama, tarik kontrol TextBox dan posisi itu di atas Panel.
   

   Catatan:
   Anda dapat memposisikan kontrol dengan menggunakan operasi drag-and-drop. Anda juga dapat mengubah ukuran kontrol dengan mengklik dan menyeret tepi atau sudut kontrol.

4. Dari tab yang sama, tarik kontrol Button dan posisi itu di atas Panel, di sebelah kanan kontrol TextBox.
5. Akhirnya, dari All Windows Forms tab, pilih kontrol WebBrowser dan posisi di bawah Panel.
   

   Catatan:
   Jika kontrol WebBrowser tidak cocok pada form, Anda dapat mengubah ukuran bentuk dengan menyeret tepi atau sudut bentuk.

   Catatan:
   Jika Anda terus jendela Toolbox terbuka, Anda mungkin ingin menutup sekarang untuk memberikan diri Anda lebih banyak ruang untuk bekerja. Anda dapat melakukannya dengan mengklik ikon Auto Hide lagi.

Closer Look

Anda baru saja menambahkan empat kontrol ke form. Kontrol berisi kode yang mendefinisikan apa kontrol terlihat seperti dan apa tugas-tugas yang bisa mereka lakukan.
Ambil, misalnya, kontrol yang paling Tombol program memiliki tombol "OK" atau "Keluar" tombol. Meskipun Anda bisa menulis kode Anda sendiri untuk menggambar sebuah tombol pada layar, mengubah penampilan ketika ditekan, dan melakukan beberapa tugas ketika diklik, melakukan ini untuk setiap program akan cepat menjadi membosankan. Tombol kontrol yang sudah berisi kode yang diperlukan untuk melakukan hal-hal tersebut. Ini menghemat banyak pekerjaan yang tidak perlu.
Seperti yang Anda lihat, Toolbox berisi banyak kontrol, dan kontrol masing-masing memiliki tujuan yang unik. Kontrol Panel dapat digunakan untuk memegang kontrol lain, seperti orang-orang yang baru saja ditambahkan. Tombol kontrol biasanya digunakan untuk melakukan tugas-tugas ketika pengguna mengklik mereka, misalnya, menutup program. kontrol TextBox digunakan untuk memasukkan teks pada layar melalui keyboard. Sebuah kontrol WebBrowser menyediakan built-in kemampuan browsing Web mirip dengan Internet Explorer-Anda pasti tidak ingin menulis semua kode untuk itu!
Dalam pelajaran mendatang Anda akan belajar bagaimana untuk menyesuaikan tampilan ini dan banyak kontrol lain, dan bagaimana untuk menulis kode yang mendefinisikan perilaku mereka. Selain menggunakan kontrol Toolbox, Anda juga dapat membuat kontrol Anda sendiri yang dikenal sebagai pengguna kontrol-ini juga dibahas dalam pelajaran mendatang.

Langkah Berikutnya

Anda hanya menambahkan semua kontrol yang diperlukan untuk aplikasi Anda. Mungkin tampak kasar dan belum selesai-karena! Dalam pelajaran berikutnya, Anda akan menggunakan jendela Properties untuk mengatur properti yang akan mengontrol tampilan dan perilaku aplikasi Anda.

Langkah 3: Sesuaikan Looks dan Perilaku

Visual Studio 2008

Versi lain

Dalam pelajaran sebelumnya, Anda membuat antarmuka pengguna dengan menambahkan kontrol untuk aplikasi Anda. Namun, pada titik ini tidak terlihat seperti tidak berfungsi sebagai aplikasi selesai. Dalam pelajaran ini, Anda akan mengatur properti untuk mengontrol tampilan dari kontrol Anda dengan menggunakan jendela Properties.
 .

Untuk mengatur properti kontrol Anda

1. Dalam Form Designer, pilih kontrol Panel.
   Jendela Properties di sudut kanan bawah IDE menampilkan semua properti untuk kontrol Panel bernama Panel1.
2. Pada jendela Properties, pilih properti Dock, dan kemudian klik tanda panah ke kanan. Sebuah jendela properti-pilihan kecil dengan beberapa kotak ditampilkan.
   

   Tip:
   Properti Dock ditemukan di bawah kategori Layout. Anda dapat mengurutkan sifat abjad dengan mengklik tombol AZ pada jendela Properties.

3. Klik kotak top di jendela properti-seleksi untuk mengatur properti Dock ke atas. Kontrol Panel mengembang untuk mengisi bagian atas formulir.
4. Pada jendela Properties, klik tanda plus (+) di sebelah properti Ukuran untuk memperluas itu.
   Lebar dan tinggi sifat menjadi terlihat di jendela Properties.
5. Pada jendela Properties, perhatikan bahwa properti Ketinggian kontrol Panel diatur ke 100. Mengubah nilai properti ini ke 50.
6. Dalam Form Designer, pilih kontrol WebBrowser. Pada jendela Properties, mengatur properti Dock untuk mengisi dengan memilih properti Dock, klik panah ke kanan, dan memilih kotak pusat di jendela properti-seleksi.
7. Dalam Form Designer, pilih Tombol kontrol.
8. Pada jendela Properties, pilih properti Text dari kontrol Button. Di kolom kanan, menghapus Button1 dan menggantinya dengan Go!.
9. Mengubah ukuran atau memindahkan salah satu dari kontrol, dan mengubah ukuran bentuk sesuai selera Anda. Sebagai contoh, Anda mungkin ingin meningkatkan panjang kontrol TextBox sehingga cukup lama untuk menampilkan URL yang valid. Ilustrasi berikut menunjukkan contoh dari apa aplikasi Web Browser mungkin terlihat seperti.
   
   Aplikasi Web Browser
   
   

   Catatan:
   The TextBox dan Button kontrol harus tetap di atas Panel, atau Anda tidak akan dapat melihat mereka ketika Anda menjalankan aplikasi.

Closer Look

Dalam pelajaran ini, Anda menetapkan beberapa properti yang mengubah penampilan kontrol untuk aplikasi Anda. Properti di Visual Basic merupakan atribut dari obyek-dalam hal ini, kontrol. Sebagai contoh, salah satu atribut Tombol kontrol adalah teks itu menampilkan. Dalam hal ini, Anda menetapkan properti Text untuk menampilkan "Go!". Untuk mempelajari lebih lanjut tentang properti, lihat Closer Look: Memahami Properties, Metode, dan Events .
Properti dapat mengambil berbagai jenis nilai selain teks. Sebagai contoh, properti Dock menggunakan jendela properti-seleksi untuk menunjukkan pilihan yang tersedia. Nilai properti lain mungkin angka, sebuah opsi yang Anda pilih dari daftar, atau pilihan yang benar atau salah.
Jika Anda diubah ukurannya atau direlokasi kontrol, Anda juga mengatur properti. Ukuran dan lokasi properti menentukan ukuran kontrol dan lokasi pada formulir. Untuk melihat ini dalam tindakan, pilih Size properti di jendela Properties dan menggunakan mouse untuk mengubah ukuran kontrol. Ketika Anda melepaskan mouse, nilai Ukuran baru ditampilkan dalam jendela Properties. Untuk mempelajari lebih lanjut tentang tata letak kontrol, lihat Closer Look: Memahami Pengendalian Tata Letak .
Selain menetapkan properti di jendela Properties, kebanyakan properti dapat diatur dengan menulis kode. Anda akan mempelajari lebih lanjut tentang bagaimana untuk menulis kode untuk mengatur properti dalam pelajaran berikut.

Langkah Berikutnya

Antarmuka pengguna Anda sekarang lengkap! Yang harus Anda lakukan adalah menambahkan instruksi (juga disebut kode) untuk bagaimana Anda ingin program Anda untuk bekerja. Dalam pelajaran berikutnya, Anda akan menambahkan baris kode untuk program anda.

Langkah 4: Tambahkan Visual Basic Kode

Dalam pelajaran sebelumnya, Anda menggunakan jendela Properties untuk mengkonfigurasi properti dari kontrol pada formulir. Dalam pelajaran ini, Anda akan menambahkan kode yang akan mengontrol fungsi program anda.

Untuk menambahkan kode dan fungsionalitas untuk program anda

1. Dalam Form Designer, klik dua kali Tombol kontrol.
   Sebuah jendela baru yang disebut Kode Editor akan terbuka. Ini adalah di mana Anda menambahkan semua kode untuk program anda.
2. Dalam Kode Editor, ketik berikut ini.
   
   VB

    WebBrowser1.Navigate (TextBox1.Text)
   

   Kode ini akan berjalan bila pengguna mengklik tombol.
   

   Tip:
   Ketika Code Editor terbuka, pointer secara otomatis terletak di dalam Button prosedur-Anda hanya dapat mulai jenis kode.

Closer Look

Anda mungkin telah memperhatikan bahwa ketika Kode Editor dibuka, sudah terdapat beberapa kode yang tampak seperti ini:
Private Sub Button1_Click (ByVal sender As System.Object ...
|
End Sub
Kode ini merupakan event handler, juga disebut Sub prosedur. Setiap kode dalam prosedur ini (antara Sub dan End Sub) berjalan setiap kali tombol diklik. Anda juga mungkin telah memperhatikan bahwa pointer itu terletak di dalam prosedur acara, sehingga semua yang harus Anda lakukan adalah mengetikkan kode.
Kode yang Anda ketik (WebBrowser1.Navigate (TextBox1.Text)) memberitahu program untuk mengambil teks yang diketik ke TextBox1 dan lulus sebagai argumen untuk metode Arahkan kontrol WebBrowser (bernama WebBrowser1). Untuk mempelajari lebih lanjut tentang properti, metode, dan peristiwa, lihat Closer Look: Memahami Properties, Metode, dan Acara
Jika Anda tidak memahami kode, jangan khawatir-Anda akan belajar lebih banyak tentang bagaimana untuk menulis kode dalam mengikuti pelajaran.

Langkah Berikutnya

Aplikasi Anda sekarang lengkap! Dalam pelajaran berikutnya, Anda akan berjalan pertama aplikasi Visual Basic Anda.

Langkah 5: Jalankan dan Uji Program Anda

Sekarang program anda selesai, sekarang saatnya untuk menjalankan dan mengujinya. Untuk program yang kompleks, pengujian dapat menjadi proses yang panjang dan sulit, yang akan dibahas secara rinci dalam pelajaran berikutnya. Untungnya, untuk program ini, semua yang harus Anda lakukan adalah menjalankannya!

Untuk menjalankan program Anda

1. Sambungkan komputer ke Internet.
2. Pada Debug menu dari Visual Basic IDE, klik Start Debugging.
   Perintah ini menjalankan program Anda.
   

   Tip:
   Sebuah shortcut untuk menjalankan program Anda adalah dengan menekan F5.

3. Dalam kotak teks, ketik http://www.microsoft.com dan klik tombol Go!.
   Kontrol browser web dalam program Anda pergi ke halaman rumah Microsoft. Dari sana, Anda dapat menavigasi melalui link terkait. Untuk mengunjungi halaman Web lain, ketik alamat di kotak teks dan klik tombol Go!.
4. Untuk menutup program, pada menu Debug, klik Stop Debugging.
   

   Tip:
   Anda juga dapat mengakhiri program dengan mengklik tombol Close di sudut kanan atas formulir.

Closer Look

Dalam pelajaran ini Anda menjalankan program Anda untuk melihat apakah itu bekerja. Untuk sebagian besar program Visual Basic, Anda akan mengulangi proses ini berkali-kali. Biasanya setelah Anda menambahkan beberapa kode baru, Anda akan menjalankan program untuk melihat apakah kode melakukan apa yang Anda harapkan untuk dilakukan. Jika tidak, Anda akan harus memperbaikinya. Proses ini disebut sebagai debugging; itu akan dibahas secara rinci dalam pelajaran berikutnya.
Anda mungkin akan terkejut bahwa program anda bergerak ke halaman Web dan menampilkannya, semua sebagai akibat dari Anda menulis satu baris kode. Ini adalah keindahan dari Visual Basic-semua kode yang diperlukan dibangun ke kontrol WebBrowser. Ini menghemat Anda bekerja. Jika Anda harus melakukan semuanya sendiri, itu akan mengambil ratusan atau bahkan ribuan baris kode!

Pemecahan Masalah

Jika program Anda tidak menjalankan atau menampilkan halaman web, ada beberapa hal yang dapat Anda periksa:

• Pastikan bahwa Anda terhubung ke Internet. Buka Internet Explorer dan mencoba untuk pindah ke halaman rumah Microsoft. Jika bekerja di Internet Explorer, juga harus bekerja dalam program Anda.
• Pastikan bahwa Anda mengetik alamat (http://www.microsoft.com) dengan benar.
• Kembali dan memeriksa Langkah 2: Membuat Antarmuka dan pastikan bahwa Anda menempatkan kontrol yang benar pada form.
• Kembali ke Langkah 4: Tambahkan Visual Basic Kode dan pastikan bahwa Anda mengetik kode dengan benar.