Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual...

24
Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3

Transcript of Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual...

Page 1: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Menggunakan Form Visual Basic

Algoritma dan Pemrograman 2B (KA)

Ahmad Hidayat S.Kom, MMSi

1

Pertemuan 3

Page 2: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Form

Tempat untuk pembuatan window. Kontrol diletakkan

pada form.

Kontrol ini misalnya tombol check box, radio button,

memo, label, panel, dan sebagainya.

Pada form tersedia tombol :

Tombol Minimize

Tombol Maximize - Restore

Tombol Close

2

Page 3: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Mengaktifkan Form

Untuk mengaktifkan form terdapat beberapa cara, yaitu :

Klik tombol View Object pada Window Project

Dari menu View klikperintah Object

Tekan tombol Shift + F7 pada keyboard

3

Page 4: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Event Form4

Page 5: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Event Form 25

Page 6: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Properti Form6

Page 7: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Properti Form 27

Page 8: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Properti Form 38

Page 9: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Properti Form 49

Page 10: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Properti Form 510

Page 11: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Menggunakan Banyak FormPengaktifkan Form

Load Namaform

Perintah untuk mengaktifkan form, yaitu membuka form ke memori.

Unload Namaform

Perintah untuk menutup form dari memori.

Unload Me

Perintah untuk menjalankan kode pada form yang sedang aktif saat.

Penampilan Form

Namaform.Show

Menampilkan form yang telah aktif di memori tetapi belum tampak.

Namaform.Hide

Perintah untuk menyembunyikan form.

Me.Hide

Perintah untuk menjalankan kode pada form.

11

Page 12: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Penentuan Form Awal

Menentukan form yang tampil pertama kali menggunakan kotak dialog Project Properties.

Kotak dialog Project Properties diaktifkan denganmenggunakan perintah ProjectProject Properties, kemudian pada tab General terdapat combo box StartUp Object yang digunakan untuk memilih form awal.

12

Page 13: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Tampilan Project Properties 13

Page 14: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Menentukan ukuran dan letak form

Menggunakan pointer pada ToolBox

Menggunakan property form Height dengan

jarak atas bawah form dan width untuk

mengatur jarak kanan kiri form.

Menggunakan property Top dan Left untuk

mengubah letak form dibandingkan dengan

letak layar monitor.

14

Page 15: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Mengatur Properti Form

Klik area Form Designer yang kosong.

Lihat daftar property form. Dapat gunakan

scrollbar pada window properties.

Klik kotak isian property yang akan diatur

Ubah nilai dan akhiri dengan menekan

tombol enter.

15

Page 16: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Kontrol dalam Form Sederhana

Label

Kontrol yang digunakan untuk membuat

keterangan atau menampilkan teks pada

aplikasi.

TextBox

Kontrol yang menerima input dari user

dalam bentuk teks yang diinputkan.

TextBox digunakan untuk memasukkan

informasi tertulis seperti nama ataupun

alamat, dll.

16

Page 17: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Kontrol dalam Form Sederhana

Command Button

Kontrol yang digunakan untuk mengeksekusi

perintah seperti :

1. Menyetujui atau menjalankan suatu perintah

(tombol OK).

2. Keluar dari aplikasi (tombol EXIT).

3. Membatalkan perintah (tombol CANCEL).

4. Membuka file (tombol OPEN)

17

Page 18: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

LATIHAN 1

Aplikasi Kalkulator Kurs Rupiah Sederhana

18

Page 19: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Langkah-Langkah membuat aplikasi Kalkulator

Kurs Rupiah Sederhana

Interface kontrol :

Siapkan 2 buah Command Button

Siapkan 4 buah Label

Siapkan 3 buah TextBox

19

Page 20: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Ubah property setiap kontrol menjadi :20

Page 21: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Ubah property setiap kontrol menjadi (part 2):21

Page 22: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

Memasukan Code pada Kontrol22

Tombol Kontrol cmdOK

Klik ganda kontrol cmdOK (tombol OK), lalu ketikkan kode

program di bawah ini :

Private Sub cmdOK_Click()

TxtRupiah.Text = txtDollar.Text * txtKurs.Text

End Sub

Tombol Kontrol cmdExit

Klik ganda kontrol cmdExit (tombol Exit), lalu ketikkan kode

program di bawah ini:

Private Sub cmdExit_Click()

End

End Sub

Page 23: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

LATIHAN 2

Buatlah aplikasi Kalkulator hitungan sederhana

dengan menggunakan Fungsi :

Penjumlahan

Pengurangan

Perkalian

Pembagian

Ketentuan:

Design silahkan kreasikan sendiri, serapih dan sebagus

mungkin

Menggunakan 1 Form, dan form diwarnai.

23

Page 24: Konsep Visual Basicahmad_hidayat.staff.gunadarma.ac.id/Downloads/... · Menggunakan Form Visual Basic Algoritma dan Pemrograman 2B (KA) Ahmad Hidayat S.Kom, MMSi 1 Pertemuan 3. Form

TERIMAKASIH24