Transcript
Page 1: Modul kursus visual basic

Modul kursus Visual Basic.net 2010

Memulai ProjectBukalah vb 2010 anda dan buatlah sebuah project baru untuk detil langkahnya anda bisa lihat langkah langkahnya pada gambar dibawah ini

1. Klik gambar terlihat pada langkah 1 untuk membuat project baru2. Kemudian berilah nama project Anda misalkan terlihat pada gambar Aplikasikursusweb.net3. Kemudian klik ok maka project baru anda sudah dibuat

Perhatikan pada gambar dibawah ini

1. Gambar no 1 adalah tool yang akan kita gunakan untuk menggambar visual atau tampilan program kita semisal membuat form tombol dan lain-lain

2. Adalah form standar yangdihasilkan saat pertama kali kita membuat project pada media inilah nanti kita akan lengkapi untuk menjadi sebuah form sebuah Aplikasi

3. Struktur form dari aplikasi yang kita buat terlihat pada gambar bahwa kita sudah memiliki satu form bernama form 1

4. Gambar 4 adalah jendela untuk mengatur semua property untuk tool tool yang akan kita tempatkan di form nantinya missal untuk mengatur tinggi lebar background dan lain lain

1

2

3

Page 2: Modul kursus visual basic

Belajar Mendesign FormBuatlah design form seperti gambar dibawah ini

1 2

3

4

1 2 4

3

5

6

7

8 9

Page 3: Modul kursus visual basic

Langkah-langkahnya

1. Tambahkanlah 1 buah groupbox kemudian setting property dock menjadi topdan hilangkan tetxtnya kemudian tarik untuk mengatur tingginya agar sesuai seperti gambar

2. Buatlah satu buah groupbox lagi tempatkan dibawah groupbox sebelumnya kemudian atur property docknya menjadi top dan ganti property textnya menjadi Transaksi kemudian atur tingginya dengan cara menarik object titik pada groupboxnya agar proporsional untuk ukuran tombol tombol kita nantinya

3. Klik di groupbox ke dua kemudian tambahkan sebuah groupbox didalamnya atur property docknya menjadi left dan ganti property textnya menjadi Tombol Proses kemudian tarik objectnya menjadi seperti ukuran di gambar

4. Tambahkan lagi sebuah groupbox disebelah kanan groupbox ketiga atur property docknya menjadi fill dan ganti property textnya menjadi Pencarian Data kemudian tarik objectnya menjadi seperti ukuran di gambar

5. Tambahkan sebuah datagridview dibawah groupbox 2 kemudian atur property docknya menjadi fill

6. Tambahkan 8 buah label dengan cara klik tool label dengan double klik sebanyak 8 kali kemudian blok semua label ,atur penempatan posisi seperti pada gambar dan atur property auto sizenya menjadi false dan border stylenya fixed single kemudian sizenya menjadi 100:20 dan ubah textnya seperti dibawah ini

Nama object textLabel1 Kode userLabel2 Nama userLabel3 statusLabel4 teleponLabel5 usernameLabel6 passwordLabel7 Photo dari komputerLabel8 Seperti gambar

7. Tambahkan 6 buah textbox dengan cara double klik pada tool textbox sebanyak 6 x dan atur posisinya seperti digambar taruh textbox 6 di dalam groupbox pencarian data dan ubah property multilinenya menjadi true kemudian tarik objeck sehingga proporsional ke groupbox

8. Tambahkan sebuah button dan picturebox di sebelah kanan atur posisi seperti gambar dan tambahkan sebuah openfiledialog dan savefiledialog terlihat seperti digambar dan ganti text untuk button menjadi photo dari kamera

9. Kemudian tambahkan 4 buah button didalam groupbox 3 atur text alignnya menjadi bottom center kemudian tambahkan gambar dari property image maka akan tampak hasilnya seperti gambar diatas

10. Tambahkan image pada picturebox dan ubah property sizemodenya menjadi strecthimage artinya gambar akan menyesuaikan media picturebox

11. Sekarang coba running program untuk melihat hasil design anda

Page 4: Modul kursus visual basic

Belajar Memberi Nama Form


Top Related