tutorial VB Bab1

download tutorial VB Bab1

of 24

  • date post

    07-Jun-2015
  • Category

    Documents

  • view

    2.644
  • download

    1

Embed Size (px)

Transcript of tutorial VB Bab1

Created By: Airlangga Cyber Community

Bab I Pengenalan Visual Basic

Visual Basic adalah salah suatu developement tools untuk membangun aplikasi dalam lingkungan Windows. Dalam pengembangan aplikasi, Visual Basic menggunakan pendekatan Visual untuk merancang user interface dalam bentuk form, sedangkan untuk kodingnya menggunakan dialek bahasa Basic yang cenderung mudah dipelajari. Visual Basic telah menjadi tools yang terkenal bagi para pemula maupun para developer. Dalam lingkungan Window's User-interface sangat memegang peranan penting, karena dalam pemakaian aplikasi yang kita buat, pemakai senantiasa berinteraksi dengan User-interface tanpa menyadari bahwa dibelakangnya berjalan instruksi-instruksi program yang mendukung tampilan dan proses yang dilakukan. Pada pemrograman Visual, pengembangan aplikasi dimulai dengan pembentukkan user interface, kemudian mengatur properti dari objek-objek yang digunakan dalam user interface, dan baru dilakukan penulisan kode program untuk menangani kejadian-kejadian (event). Tahap pengembangan aplikasi demikian dikenal dengan istilah pengembangan aplikasi dengan pendekatan Bottom Up.

I.1. IDE Visual Basic Langkah awal dari belajar Visual Basic adalah mengenal IDE (Integrated Developement Environment) Visual Basic yang merupakan Lingkungan Pengembangan Terpadu bagi programmer dalam mengembangkan aplikasinya. Dengan menggunakan IDE programmer dapat membuat user interface, melakukan koding, melakukan testing dan debuging serta menkompilasi program menjadi executable. Penguasaan yang baik akan IDE akan sangat membantu programmer dalam mengefektifkan tugas-tugasnya sehingga dapat bekerja dengan efisien.

1

Created By: Airlangga Cyber Community

I.2. Menjalankan IDE - [Start], pilih menu Command, dan pilih Microsoft Visual Basic 6.0 dan akhirnya Microsoft Visual Basic 6.0.

Gambar 1-1. Mengaktifkan IDE Visual Basic 6.0 I.3. Memilih jenis Project - Pilih [project Standard EXE].

Gambar 1-2. Dialog box New Project ditampilkan sesaat anda menjalankan IDE Visual Basic 6.

2

Created By: Airlangga Cyber Community

I.4. Mengenal Fungsi Jendela IDE

Gambar 1-3. IDE Visual Basic dengan jendela-jendela yang terbuka. Adapun jendela-jendela yang perlu anda perhatikan adalah sebagai berikut :

Menu Bar, digunakan untuk memilih tugas-tugas tertentu seperti menyimpan project, membuka project, dll Main Toolbar, digunakan untuk melakukan tugas-tugas tertentu dengan cepat. Jendela Project, jendela ini berisi gambaran dari semua modul yang terdapat dalam aplikasi anda. Anda dapat menggunakan icon Toggle Folders untuk menampilkan modulmodul dalam jendela tersebut secara di group atau berurut berdasarkan nama. Anda dapat menggunakan Ctrl+R untuk menampilkan jendela project, ataupun menggunakan icon Project Explorer.

Jendela Form Designer, jendela ini merupakan tempat anda untuk merancang user interface dari aplikasi anda. Jadi jendela ini menyerupai kanvas bagi seorang pelukis. Jendela Toolbox, jendela ini berisi komponen-komponen yang dapat anda gunakan untuk mengembangkan user interface.

3

Created By: Airlangga Cyber Community

Jendela Code, merupakan tempat bagi anda untuk menulis koding. Anda dapat menampilkan jendela ini dengan menggunakan kombinasi Shift-F7. Jendela Properties, merupakan daftar properti-properti object yang sedang terpilih. Sebagai contohnya anda dapat mengubah warna tulisan (foreground) dan warna latarbelakang (background). Anda dapat menggunakan F4 untuk menampilkan jendela properti.

Jendela Color Palette, adalah fasilitas cepat untuk mengubah warna suatu object. Jendela Form Layout, akan menunjukan bagaimana form bersangkutan ditampilkan ketika runtime.

Jika jendela-jendela tersebut tidak ada, anda dapat memunculkannya dengan Menu View dan pilih : Project Explorer (Ctrl+R) Properties Windows (F4) Form Layout Windows Property Pages (Shift+F4) Toolbox Color Pallete Toolbars

4

Created By: Airlangga Cyber Community

I.5. Toolbox

Gambar 1-3. Toolbox Visual Basic 6 dengan semua kontrol

Adapun secara garis besar fungsi dari masing-masing intrinsic kontrol tersebut adalah sebagai berikut :

Pointer bukan merupakan suatu kontrol; gunakan icon ini ketika anda ingin memilih kontrol yang sudah berada pada form. PictureBox adalah kontrol yang digunakan untuk menampilkan image dengan format: BMP, DIB (bitmap), ICO (icon), CUR (cursor), WMF (metafile), EMF (enhanced metafile), GIF, dan JPEG.

Label adalah kontrol yang digunakan untuk menampilkan teks yang tidak dapat diperbaiki oleh pemakai. TextBox adalah kontrol yang mengandung string yang dapat diperbaiki oleh pemakai, dapat berupa satu baris tunggal, atau banyak baris. Frame adalah kontrol yang digunakan sebagai kontainer bagi kontrol lainnya. CommandButton merupakan kontrol hampir ditemukan pada setiap form, dan digunakan untuk membangkitkan event proses tertentu ketika pemakai melakukan klik padanya.5

Created By: Airlangga Cyber Community

CheckBox digunakan untuk pilihan yang isinya bernilai yes/no, true/false. OptionButton sering digunakan lebih dari satu sebagai pilihan terhadap beberapa option yang hanya dapat dipilih satu. ListBox mengandung sejumlah item, dan user dapat memilih lebih dari satu (bergantung pada property MultiSelect). ComboBox merupakan konbinasi dari TextBox dan suatu ListBox dimana pemasukkan data dapat dilakukan dengan pengetikkan maupun pemilihan. HScrollBar dan VScrollBar digunakan untuk membentuk scrollbar berdiri sendiri. Timer digunakan untuk proses background yang diaktifkan berdasarkan interval waktu tertentu. Merupakan kontrol non-visual. DriveListBox, DirListBox, dan FileListBox sering digunakan untuk membentuk dialog box yang berkaitan dengan file. Shape dan Line digunakan untuk menampilkan bentuk seperti garis, persegi, bulatan, oval. Image berfungsi menyerupai image box, tetapi tidak dapat digunakan sebagai kontainer bagi kontrol lainnya. Sesuatu yang perlu diketahui bahwa kontrol image menggunakan resource yang lebih kecil dibandingkan dengan PictureBox

Data digunakan untuk data binding OLE dapat digunakan sebagai tempat bagi program eksternal seperti Microsoft Excel, Word, dll.

Latihan Bab I Program Menghitung Luas Persegi Ketentuan Properti sebagai berikut:Objek/Kontrol Properti Nilai

Form 1 Label1 Label2 Label3

Name Caption Caption Caption Caption

Myform Program Menghitung Luas Persegi &Panjang &Lebar Lu&as6

Created By: Airlangga Cyber Community

Text1 Text2 Text3 Command1 Command2

Name Text Name Text Name Text Name Caption Name Caption

txtPanjang "" txtLebar "" txtLuas "" cmdHitung &Hitung cmdSelesai &Selesai

Langkah 1 Langkah 2

: Aktifkan IDE Visual Basic dan pilih Standard EXE. : Pada jendela toolbox, klik pada kontrol label, kemudian gambarkan pada Form1, lakukan hal sama untuk Label2 dan Label3, demikian juga untuk Textbox dan CommandButton. Sehingga tampak seperti gambar berikut:

Langkah 3

: Lakukan koding untuk menghitung Luas, ketika pemakai melakukan klik atau Alt H, pada cmdHitung, dengan kode sebagai berikut: Private Sub cmdHitung_Click() TxtLuas.Text = Val(txtPanjang.Text) * Val(txtLebar.Text) End Sub

Langkah 4

: Lakukan juga koding untuk cmdSelesai.

7

Created By: Airlangga Cyber Community

Private Sub cmdSelesai_Click() Unload Me End Sub Langkah 5 : Simpan Project Program dan Form Program

LLangkah 6 : Jalankan program anda dengan menekan F5 atau menekan

Bab II Bekerja dengan Kontrol 2.1. Kontrol Frame dan Option Button8

Created By: Airlangga Cyber Community

Kontrol Frame dan Option Button digunakan untuk memberikan sekelompok pilihan dimana hanya ada satu pilihan yang dapat dipilih. Latihan : Buatlah Program Transaksi Data Barang Langkah1 : Desainlah sebuah program dengan ketentuan sebagai berikut:Objek/Kontrol Properti Nilai

Form 1 Label1 Label2 Label3 Label4 Label5 Text1

Name

Caption Caption Caption Caption Caption Caption Name Text Text2 Name Text Text3 Name Text Text4 Name Text Text5 Name Text Command1 Name Caption Command2 Name Caption Option1 Name Caption Option2 Name Caption Option3 Name Caption Frame1 Caption Sehingga tampak sebagai berikut:

Program1 Transaksi Data Barang Pembeli Jumlah Barang Harga Total Txtpembeli "" Txtjumlah "" Txtbarang "" Txtharga Txttotal Cmdproses &Proses Cmdhapus &Hapus Televisi Televisi Tape Tape Kulkas Kulkas Kode Barang

9

Created By: Airlangga Cyber Community

Langkah 2 : Double klik pada kontrol proses dan ketikkan kode berikut: Private Sub cmdproses_Click() If televisi.Value = True Then txtbarang.Text = "Televisi" txtharga.Text = 1500000 ElseIf tape.Value = True Then txtbarang.Text = "Tape" txtharga.Text = 500000 ElseIf kulkas.Value = True Then txtbarang.Text = "Kulkas" txtharga.Text = 780000 End If txttotal.Text = txtharga.Text * txtjumlah.Text End Sub

Langkah 3

:

Double klik pada kontrol hapus kemudian ketik kode berikut:10

Created By: Airlangga Cyber Community

Private Sub cmdhapus_Click() txtpembeli.Text = "" txtjumlah.Text = "" txtbarang.Text = "" txtharga.Text = "" txttotal.Text = "" End Sub Lankah 4 : Jalankan program anda

Tugas

: - Tambahkan kode untuk perpindahan antar object dengan menekan ENTER Tabahkan 1 tombol (command) untuk keluar dari program.

2.2.

Kontrol CheckBox Kontrol Checkbox digunakan untuk menampilkan sekelompok pilihan dimana user dapat memilih lebih dari satu pilihan.

Latihan 2 Mengubah Warna Object11

Created By: Airlangga Cyber Community

Langkah 1 Form 1 Label1 Label2 Label3 Label4 Check1 Check2 Check3 Check4 Command2

: Desainlah program den