Pengantar Visual Basic

Sejarah Visual Basic BASIC merupakan kepanjangan dari Beginner’s All-purpose Symbolic Instruction Code. Dikembangkan di Dartmouth College pada tahun 1964. Microsoft mengembangkan mengembangkan GW-Basic pada 1970-an untuk Altair RAM 4kilobyte. Microsoft mengembangkan Quick Basic pada 1980-an Microsoft mengembangkan Visual Basic pada 1991. Bahasa pemrograman berbasiskan visual programming yang dapat di-compile menjadi standalone executable program. Microsoft juga mengembangkan Visual Basic for Applications (VBA) yang memungkinkan pengguna membuat program dalam aplikasi Microsoft lainnya dalam bentuk macro, atau add-in program. 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

CARA KERJA VISUAL BASIC

Object Oriented Programming Sebelum muncul lingkungan yang berorientasi Windows, bahasa pemrograman rata-rata merupakan berbasis teks. Contoh : BASIC, Pascal, Cobol, C, dsb Cara penulisan programnya diketik dari atas ke bawah. Cara eksekusi program dilakukan dari atas ke bawah secara segaris. Pemrograman semacam ini disebut Linear Programming 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Contoh Program berbasis teks #include <stdio.h> #include <conio.h> void main(){ clrscr(); char nama[20]; int umur; printf(“Hallo Selamat Belajar C”); printf(“Masukkan nama : “); scanf(“%s”,nama); printf(“Masukkan umur: “); scanf(“%d”,&umur); printf(“Anda bernama : %s dan berumur %d”,nama,umur); Preparation (Pemberian nilai awal suatu variabel) Call (Memanggil suatu prosedur / fungsi) Titik connector yang berada di halaman yang sama Titik konektor yang berada di halaman lain if(umur < 20){ for(int i=0;i<umur;i++) printf(“%d\n”,i); printf(“Anda masih muda\n”); } else if(umur > 50){ printf(“Anda sudah berumur!\n”); } else printf(“Lainnya\n”); getch(); } 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Object Oriented Programming (lanj..) Setelah muncul sistem operasi dan lingkungan Windows, bahasa pemrograman ditekankan dalam hal tampilan. Sarana pengembangan bersifat grafis, pemakai tinggal menggeser gambar-gambar dengan mouse. Bahasa program dinamai dengan kata ‘visual’ di depannya. Contoh :Visual FoxPro, Visual Basic, Visual C++ Memiliki beberapa kemampuan seperti : Memiliki sarana pengembangan yang bersifat grafis (visual) Berorientasi obyek (object oriented) Dapat bekerja di dalam sistem operasi Windows Dapat menghasilkan program aplikasi berbasis Windows Mampu memanfaatkan kemampuan Windows seperti grafis, multimedia, internet, multitasking, dsb 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Object Oriented Programming (lanj..) Pembuatan program tidak lagi menggunakan orientasi linear (segaris), melainkan dengan berorientasi pada object-object terpisah-pisah 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Object Dalam pemrograman berbasis OOP, sebuah program dibagi menjadi bagian-bagian kecil : object Setiap object memiliki entiti yang terpisah yang dapat diolah sendiri-sendiri dan memiliki sifat dan metode untuk melakukan fungsi tertentu sesuai dengan yang telah diprogramkan. 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Object (lanj..) Mengandung 3 hal utama : Properti atau Atribut : karakteristik / sifat dari sebuah object. Misal: warna untuk teks adalah hitam, ukurannya 12 dsb Metode : serangkaian prosedur yang dimiliki oleh suatu object yang akan dijalankan sesuai dengan respon yang diberikan oleh suatu perintah atau kejadian Event : “kejadian” atau segala sesuatu yang bisa dialami oleh sebuah object. Contoh : meletakkan mouse di atas object, mengklik tombol mouse, mengetik kotak teks, dsb 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Memberi Nama Object Sebuah object dalam VB memiliki beberapa nama, yaitu : Caption : nama judul yang biasanya ditampilkan pada object tersebut saat program aplikasi dijalankan Name : nama internal yang merupakan nama identitas bagi object itu sendiri. Nama inilah yang akan digunakan di dalam pemrograman untuk memanggil atau mengidentifikasi suatu object VB Filename : nama file yang digunakan untuk menyimpan komponen aplikasi pada media penyimpanan komputer Jenis Nama Nama Keterangan Caption Aplikasiku Nama judul yang akan muncul di bagian atas form Name frmAplikasi Nama internal Filename Aplikasi.frm Nama eksternal 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Aturan umum memberi nama object: Harus dimulai dengan karakter alfabet (A...Z, a..z), tidak boleh diawali angka atau simbol Dapat mengandung angka ditengah-tengah/diakhir Tidak boleh mengandung spasi, titik, atau karakter khusus lainnya LabelJudul BENAR 2Tombol SALAH cmdTombol1 BENAR frm2Masukan cmdTombol#Exit SALAH cmdTombol.Exit 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Boleh menggunakan kapitalisasi campuran. Biasanya nama suatu komponen / object diberi nama dengan awalan tiga huruf yang menjelaskan tentang jenis dari object tersebut Tidak boleh menggunakan reserved word/ kata-kata yang sama dengan perintah yang ada pada VB cmdTombolCancel BENAR lblJudulUtama frmMasukan BENAR lblLabel1 cmdTombolOK 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

MS Visual Basic for Visual Programming 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Visual Programming Graphical User Interface (GUI) User Friendly Event Driven Programming 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Tampilan Microsoft Visual Basic 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

ToolBox 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Object Oriented Programming 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Komponen dalam Visual Basic 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Cara Penulisan Program

Cara Penulisan Event Procedure Prosedur event : kode-kode program yang dijalankan apabila event dari suatu object dipicu oleh user Contoh : user mengklik sebuah tombol perintah Prosedur event dimulai dengan kalimat Private Sub dan diakhiri dengan kalimat End Sub. Nama untuk prosedur event mengandung tiga hal : nama kontrol, garis bawah dan nama event. 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Komentar Berfungsi sebagai penjelas program. Sintaks untuk menuliskan komentar (remark) dengan dua cara : Dengan pernyataan REM Diletakkan di bagian awal kalimat komentar Dengan karakter apostrophe (‘) Karakter ini bisa diletakkan di awal kalimat atau di belakang kode program 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Warna pada Jendela Code Arti Biru Reserved word / kata kunci yang merupakan bahasa dari VB. Tidak bisa diubah atau digunakan sebagai nama variabel Hijau Remark / keterangan yang tidak akan diproses. Keterangan ini hanya digunakan untuk membantu programmer mengenali dan memeriksa programnya Hitam Kode program yang diketikkan (bisa berupa nama object / fungsi) Merah Kode program yang salah 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Deklarasi Variable dan Constant Dim VariableName As DataType Misalnya : Dim NamaPelanggan As String Deklarasi Constant Const ConstantName = Value Misalnya : Const Diskon = 0.05 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Deklarasi Array dan User-defined Variable Deklarasi Array Variable Dim VariableName(Array) As DataType Misalnya : Dim Anak(1 To 5) As Integer Deklarasi User-defined Variable Type ClassName VariableName1 As DataType VariableName2 As DataType . . . End Type Dim ObjectName As ClassName Penggunaandalam program  ObjectName.VariableName1 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Deklarasi Subprogram Sub ProcedureName(OptionalVariable as DataType) Deklarasi Subroutine atau Prosedur Sub ProcedureName(OptionalVariable as DataType) ......... End Sub Deklarasi Fungsi Function FunctionName(OptionalVariable as DataType) as DataType 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Deklarasi Lokal dan Umum Deklarasi Alokasi Lokal Private . . . . . atau untuk variable Dim . . . . . Deklarasi Alokasi Umum Public . . . . . Static . . . . . 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Form atau Window dalam GUI Perintah memanggil Form Load FormName Perintah menampilkan Form FormName.Show Perintah menyembunyikan Form FormName.Hide Perintah menutup Form Unload FormName atau Unload Me Perintah membersihkan layar Form FormName.Cls Perintah mencetak tulisan di Form FormName.Print “Teks” 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Fungsi standar Lcase (Teks) Mengubah menjadi huruf kecil Fungsi Teks Ucase (Teks) Mengubah menjadi huruf besar Lcase (Teks) Mengubah menjadi huruf kecil Len (Teks) Panjang atau jumlah karakter Left (Teks,n) Mengambil n karakter pertama Right (Teks,n) Mengambil n karakter terakhir Mid (Teks,p,n) Mengambil n karakter dari posisi p Trim (Teks) Menghilangkan spasi LTrim (Teks) Menghilangkan spasi di kiri RTrim (Teks) Menghilangkan spasi di kanan 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Fungsi standar Fungsi Matematika Val (Teks) Mengubah Teks menjadi Angka Str (Angka) Mengubah Angka menjadi Teks Abs (Angka) Mendapatkan nilai mutlak Int (Angka) Mendapatkan bilangan bulat Sgn (Angka) Mendapatkan tanda negatif/positif Sqr (Angka) Hasil akar kuadrat Rnd () Bilangan acak antara 0 dan 1 Sin (Angka) Sinus sudut dalam radian Cos (Angka) Cosinus sudut dalam radian Tan (Angka) Tangen sudut dalam radian Atn (Angka) Arcus tangen dalam sudut radian 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Fungsi standar Fungsi Waktu Now Mendapatkan Tanggal dan Jam sekarang Date Mendapatkan Tanggal sekarang Time Mendapatkan Jam sekarang DateValue (Teks) Mengubah Teks menjadi Tanggal TimeValue (Teks) Mengubah Teks menjadi Jam Year (Tanggal) Mendapatkan Nilai Tahun Month (Tanggal) Mendapatkan Nilai Bulan Day (Tanggal) Mendapatkan Nilai Tanggal Weekday (Tanggal) Mendapatkan Nilai Hari Hour (Jam) Mendapatkan Nilai Jam Minute (Jam) Mendapatkan Nilai Menit Second (Jam) Mendapatkan Nilai Detik 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Data

Pengertian Data Adalah Nilai mentah yang tidak memiliki arti jika berdiri sendiri. Contoh : 123.456 Jl. Mt Haryono 167 Desi Ratnasari “Visual Basic 6” 25-04-2000 True Data dan program saling berkaitan erat Program  instruksi yang digunakan untuk memanipulasi data tersebut (misal : menyimpan data, menghitung , dsb) 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Tipe Data untuk Variable & Constant Ukuran Rentang Deklarasi Boolean 2 byte True atau False Byte 1 byte 0 s.d. 255 Short + 32.767 Integer 4 byte + 2.147.483.647 Dim VarName% Long + 9.223.372.036.854.775.807 Dim VarName& Single + 1,40E-45 dalam + 3,40E38 Dim VarName! Double 8 byte + 4,94E-324 dalam + 1,79E308 Dim VarName# Currency + 922.337.203.685.447 Dim VarName@ Date dd-mm-yy String 1 byte/char 0 s.d. 65.535 karakter Dim VarName$ Variant Adaptable Null, Error, dan tipe seluruh tipe data yang lain 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Keterkaitan Data dan Program NILAI : X = 125 Y = 525 KODE PROGRAM : Z = X + Y APLIKASI Z = 650 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

OPERATOR

Pengertian Operator Adalah perintah yang memanipulasi nilai atau variabel dan memberikan suatu hasil Operan adalah data-data yang dimanipulasi oleh operator untuk memberikan suatu hasil Contoh : operasi aritmatika X + 5 = 10 X dan 5 adalah operan + adalah operator 10 adalah hasil 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Operator Operator Matematika + Penjumlahan - Pengurangan * Perkalian / Pembagian bilangan nyata \ Pembagian bilangan bulat ^ Pemangkatan Mod Sisa pembagian bulat ~ Negasi (bilangan negatif) ( ) Tanda kurung untuk perhitungan awal 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Operator Matematika Adalah operator yang digunakan untuk melakukan perhitungan matematis aritmatika OPERATOR ARTI CONTOH + Penjumlahan X = 3 + 5  X = 8 - Pengurangan X = 6 – 3  X = 3 * Perkalian X = 100 * 5  X = 500 / Pembagian X = 10 / 3  X = 3,3333 \ Pembagian nyata X = 10 / 3  X = 3 mod Sisa pembagian X = 10 / 3  X = 1 ^ Pangkat X = 10 ^ 3  X = 1000 & atau + Penggabungan String NamaDepan & NamaBelakang “James” + “Bond”  JamesBond 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Operator Operator Pembanding atau Relasi = Sama dengan < > Tidak sama dengan > Lebih besar dari >= Lebih besar atau sama dengan < Lebih kecil dari <= Lebih kecil atau sama dengan 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Operator Perbandingan Adalah operator yang digunakan untuk membandingkan satu nilai dengan nilai yang lain. Untuk mendapatkan hasil True (benar) atau False (salah). Operator ini biasanya digunakan untuk mengambil keputusan pada suatu kondisi. Contoh yang umum dari operator penugasan ini misalnya operator lebih besar dari (>) seperti contoh di bawah ini : Biaya > 1000 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Operator Perbandingan Jika nilai dari variabel biaya di atas besarnya lebih besar 1000, maka pernyataan di atas akan memberikan hasil true (benar). Tetapi jika nilai dari variabel biaya besarnya kurang dari atau sama dengan 1000 (misalnya 100, 500, 1000, dan sebagainya), maka pernyataan di atas akan memberikan hasil False (salah). 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Beberapa macam operator perbandingan yang dapat digunakan pada Visual Basic 6 adalah : ARTI CONTOH = Sama dengan Total = 100 (Nilai total sama dengan 100) > Lebih besar dari Total > 100 (Nilai total di atas 100. misalnya 101, 200, ...) < Kurang dari Total < 100 (Nilai total di bawah 100. misalnya 99, 10, ...) >= Leih besar atau sama dengan Total >= 100 (Nilai total sama atau di atas 100. Misalnya 100, 101, 200...) <= Kurang dari atau sama dengan Total <= 100 (Nilai total sama atau di bawah 100. Misalnya 100, 99, 10, ...) <> Tidak sama dengan Total <> 100 (nilai total tidak sama dengan 100. Misalnya 80, 300, ...) 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

VB akan menggunakan nilai ASCII dari karakter string tersebut. Operator perbandingan ini bisa membandingkan nilai numerik (angka) maupun nilai string . Tidak bisa membandingkan dua tipe data yang berbeda ( numerik vs string) VB akan menggunakan nilai ASCII dari karakter string tersebut. PERBANDINGAN HASIL 5 = 10 5 < 10 5 > 10 10 >= 10 10 <= 10 5 <> 10 “Aba” < “Abi” 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Operator Operator Teks & Penggabungan teks Operator Logika atau boolean Not Bukan And Dan Or Atau Xor eXclusive OR 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Operator Logika Hampir sama dengan operator perbandingan Perbedaannya, operator logika berfungsi “membandingkan perbandingan” Contoh : (total > 10) And (biaya < 100) 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Beberapa macam operator logika yang dapat digunakan pada Visual Basic 6 adalah : ARTI AND Akan menghasilkan nilai True jika kedua nilai yang dibandingkan juga True OR Akan menghasilkan nilai True jika paling tidak salah satu nilai yang dibandingkan True XOR eXclusive OR, akan menghasilkan True jika salah satu True sedang lainnya tidak NOT Akan menghasilkan nilai True jika yang dibandingkan bernilai False (dan sebaliknya) 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Untuk menentukan hasil operator logika digunakan tabel-tabel di bawah ini : TABEL AND Nilai 1 Nilai 2 Hasil True False 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Untuk menentukan hasil operator logika digunakan tabel-tabel di bawah ini : TABEL OR Nilai 1 Nilai 2 Hasil True False 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Untuk menentukan hasil operator logika digunakan tabel-tabel di bawah ini : TABEL XOR Nilai 1 Nilai 2 Hasil True False 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

(Kedua perbandingan benar) TABEL NOT Nilai Hasil True False true Contoh : PERBANDINGAN HASIL (10 > 5) AND (2 < 4) = (True AND True ) True (Kedua perbandingan benar) (10 < 5) AND (2 < 4) = (False AND True) False (Salah satu salah) (10 < 5) AND (2 > 4) = (False AND False) (Keduanya salah) 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

(kedua perbandingan benar) (10 > 5) OR (2 < 4) = (True OR True) True (kedua perbandingan benar) (10 < 5) OR (2 < 4) =(False OR True ) (salah satu benar) (10 < 5 ) OR (2 > 4) = (False OR False) False (keduanya salah) NOT (10 > 5) = (NOT True) False (Membalik nilai True) NOT ( (10 < 5) AD (2 <4) = (NOT False) True (Membalik nilai False) 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Program Pertama 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Contoh Program Pertama Tambahkan Form Induk (MDIForm) dengan cara : Klik menu “Insert” Muncul pulldown menu “Insert” Klik submenu “MDI Form” 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Atur MDIForm1 Atur Properties-nya Isikan “Caption” dengan Program Pertama Isikan “Name” dengan MainForm Double klik pada MDIForm, untuk memunculkan jendela Code Isikan seperti contoh 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Atur Form1 Atur Properties-nya Tambahkan object Label1 Isikan “Caption” dengan Program Hitung Isikan “Name” dengan SubForm Isikan “MDIChild” dengan True Tambahkan object Label1 Isikan “Caption” dengan Angka Pertama Atur besarnya dengan mouse Atur jenis dan ukuran “Font” Tambahkan object Text1 Isikan “Text” dengan Isikan Angka 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Atur Form1 Tambahkan object Label2 Tambahkan object Text2 Isikan “Caption” dengan Angka Kedua Tambahkan object Text2 Isikan “Text” dengan Isikan Angka Tambahkan object Command1 Isikan “Caption” dengan + Tambahkan object Command2 Isikan “Caption” dengan - Tambahkan object Command3 Isikan “Caption” dengan * 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Atur Form1 Tambahkan object Command4 Tambahkan object Text3 Isikan “Caption” dengan / Tambahkan object Text3 Isikan “Text” dengan Hasil Hitung Tambahkan object Command5 Isikan “Caption” dengan Selesai 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Tampilan Form1 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Penulisan Program Double klik pada Command1 atau + Isikan “Code” seperti contoh 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Penulisan Program Double klik pada Command2 atau - Isikan “Code” seperti contoh 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Penulisan Program Double klik pada Command3 atau * Isikan “Code” seperti contoh 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Penulisan Program Double klik pada Command4 atau / Isikan “Code” seperti contoh 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Penulisan Program Double klik pada Command5 atau Selesai Isikan “Code” seperti contoh 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012

Membuat Executable Klik pada menu “File”, Muncul pulldown menu “File”, Klik submenu “Make EXE” 07/11/2018 Algoritma dan Pemrograman - Ganjil 2012