Staff Site Universitas Negeri Yogyakarta

(1)

Dibuat oleh: Pipit Utami

Dilarang memperbanyak sebagian atau seluruh isi dokumen tanpa ijin tertulis dari FT UNY

Diperiksa oleh:

1. Kompetensi

Dengan mengikuti perkuliahan praktek, diharapkan mahasiswa memiliki sikap tanggung jawab, mandiri dan dapat berinteraksi dengan dosen dan mahasiswa lain saat menyelesaikan suatu masalah pemrograman berbantuan software developer.

2. Sub Kompetensi

Dengan mengikuti perkuliahan praktek, diharapkan mahasiswa memiliki sikap tanggung jawab, mandiri dan dapat berinteraksi dengan dosen dan mahasiswa lain saat menyelesaikan suatu masalah percabangan sederhana, dalam hal-hal berikut ini:

a. Mengidentifikasi dan mendefinisikan permasalahan program b. Membuat uraian kalimat deskriptif (narasi) suatu program c. Membuat flowchart suatu program

d. Membuat pseudo code suatu program

e. Menerapkan algoritma pada software developer

3. Dasar Teori

Visual Basic adalah salah suatu development tools untuk membangun aplikasi dalam Operating system 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.IDE (Integrated Development Enviroment) Visual Basic 6 menggunakan model MDI (Multiple Document Interface). Berikut ini adalah gambar yang menunjukan bagian-bagian dan nama-nama jendela yang dapat tampil pada IDE Visual Basic:

[image:1.595.134.480.499.733.2]

(2)

Diperiksa oleh:

4. Langkah Kerja

a. Buatlah flowchart dan program visual basic, dengan tampilan sebagai berikut:

Dengan daftar nama komponen sebagai berikut:

Buatlah program, yang apabila command1 di klik, maka Text3 akan menghasilkan penambahan bilangan yang ada pada Text1 dan Text2!

Jawab: Flowchart:

Deklarasi: Dim bil1 as single Dim bil2 as single Dim

hasil as single

Output: Text3.text = hasil Selesai

Mulai

Input: bil1 = Csng(Text1.Text) bil2 = Csng(Text2.Text)

Proses: hasil = bil1 +bil2 Text1

Text2

Command

(3)

Diperiksa oleh: Program:

Dim bil1 as Single Dim bil2 as Single Dim hasil as Single

bil1 = Csng(Text1.Text) bil2 = Csng(Text2.Text)

hasil = bil1 + bil2

Text3.Text = hasil

Langkah Kerja:

a. Buka Software Visual Basic:

Hingga muncul tampilan sebagai berikut:

(4)

[image:4.595.127.452.187.314.2]

Diperiksa oleh: b. Klik componen “TextBox” pada toolbox, kemudian tempatkan pada form seperti pada

gambar berikut:

Klik komponen Text1, kemudian pilih menu text dalam properties. Kosongkan nilai didalamnya, seperti yang terlihat pada gambar berikut:

(5)

[image:5.595.126.488.449.640.2]

Diperiksa oleh: d. Klik componen “CommandButton” pada toolbox, kemudian tempatkan seperti pada

gambar berikut:

e. Lihat pada menu properties, kemudian rubah nilai yang ada pada menu “Caption” menjadi “+” sehingga tampilan berubah seperti gambar berikut:

(6)

Diperiksa oleh: g. Jalankan program dengan mengeklik tombol “Start”, kemudian amati apakah program sudah

bekerja sesuai yang direncanakan!

b. Buatlah flowchart dan program visual basic, dengan tampilan sebagai berikut:

Jika caption pada Command1 bertuliskan “ON”, maka Warna Shape1 berubah jadi merah

Caption Command1 berubah menjadi “OFF”

Selain itu, jikacaption pada Command1 bertuliskan “ON”, maka Warna Shape1 berubah jadi merah

Caption Command1 berubah menjadi “OFF”

Jawab:

Shape1

(7)

Diperiksa oleh: Flowchart

Mulai

Caption pada

Command1 = “ON” Shape1.Fillcolor = vbRed

Shape1.Fillcolor = vbBlack

Selesai

Y

T

Program:

If Command1.Caption = “ON” then

Shape1.Fillcolor = vbRed

Command1.Caption = “OFF”

Else

Shape1.Fillcolor = vbBlack

Command1.Caption = “ON”

(8)

Diperiksa oleh: Langkah Praktikum:

a. Buka Software Visual Basic:

b. Klik componen “CommandButton” pada toolbox, kemudian tempatkan pada form yang ada!

c. Lihat pada menu properties, kemudian rubah nilai yang ada pada menu “Caption” menjadi “ON” sehingga tampilan berubah seperti gambar berikut:

(9)

Diperiksa oleh: e. Lihat pada menu properties, kemudian rubah nilai yang ada pada menu “Shape” diisi

“Circle” dan menu “Fillstyle” diisi “Solid” sehingga tampilan berubah seperti gambar berikut:

f. Double click komponen Command1, kemudian masukkan program yang telah dirancang ke dalamnya:

Jalankan program dengan mengeklik tombol “Start”, kemudian amati apa yang terjadi!

5. Bahan Diskusi

(10)

Diperiksa oleh: Buatlah program, yang apabila command1 di klik, maka bilangan yang ada di Text1 disimpan ke variabel “bil1”, bilangan yang ada di Text2 disimpan ke variabel “bil2”, kemudian Text3 akan menampilkan hasil perhitungan rumus berikut 2*bil1 + 3*bil2 – 4

b. Buatlah flowchart dan program visual basic, dengan tampilan sebagai berikut:

Jika caption pada Command1 bertuliskan “HIDUP”, maka Warna Shape1 berubah jadi biru

Caption Command1 berubah menjadi “MATI”

Selain itu, jikacaption pada Command1 bertuliskan “HIDUP”, maka Warna Shape1 berubah jadi hijau

Caption Command1 berubah menjadi “MATI”

c. Buatlah flowchart dan program visual basic, dengan tampilan sebagai berikut:

Buatlah program, yang apabila tombol konversi di klik, maka Text2 akan menampilkan konversi bilangan suhu Celcius yang ada di Text1 dalam Fahrenheit dimana F = 9/5*C+32

Text1

Text2

Command

Text3

Shape1