Staff Site Universitas Negeri Yogyakarta
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:
Gambar 1
(2)
Dibuat oleh: Pipit Utami
Dilarang memperbanyak sebagian atau seluruh isi dokumen tanpa ijin tertulis dari FT UNY
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)
Dibuat oleh: Pipit Utami
Dilarang memperbanyak sebagian atau seluruh isi dokumen tanpa ijin tertulis dari FT UNY
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)
Dibuat oleh: Pipit Utami
Dilarang memperbanyak sebagian atau seluruh isi dokumen tanpa ijin tertulis dari FT UNY
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)
Dibuat oleh: Pipit Utami
Dilarang memperbanyak sebagian atau seluruh isi dokumen tanpa ijin tertulis dari FT UNY
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:
f. Double click komponen Command1, kemudian masukkan program yang telah dirancang ke dalamnya:
(6)
Dibuat oleh: Pipit Utami
Dilarang memperbanyak sebagian atau seluruh isi dokumen tanpa ijin tertulis dari FT UNY
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)
Dibuat oleh: Pipit Utami
Dilarang memperbanyak sebagian atau seluruh isi dokumen tanpa ijin tertulis dari FT UNY
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)
Dibuat oleh: Pipit Utami
Dilarang memperbanyak sebagian atau seluruh isi dokumen tanpa ijin tertulis dari FT UNY
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:
d. Klik componen “Shape” pada toolbox, kemudian tempatkan pada form seperti gambar berikut:
(9)
Dibuat oleh: Pipit Utami
Dilarang memperbanyak sebagian atau seluruh isi dokumen tanpa ijin tertulis dari FT UNY
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)
Dibuat oleh: Pipit Utami
Dilarang memperbanyak sebagian atau seluruh isi dokumen tanpa ijin tertulis dari FT UNY
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
(1)
Dibuat oleh: Pipit Utami
Dilarang memperbanyak sebagian atau seluruh isi dokumen tanpa ijin tertulis dari FT UNY
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:
f. Double click komponen Command1, kemudian masukkan program yang telah dirancang ke dalamnya:
(2)
Dibuat oleh: Pipit Utami
Dilarang memperbanyak sebagian atau seluruh isi dokumen tanpa ijin tertulis dari FT UNY
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
(3)
Dibuat oleh: Pipit Utami
Dilarang memperbanyak sebagian atau seluruh isi dokumen tanpa ijin tertulis dari FT UNY
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” End If
(4)
Dibuat oleh: Pipit Utami
Dilarang memperbanyak sebagian atau seluruh isi dokumen tanpa ijin tertulis dari FT UNY
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:
d. Klik componen “Shape” pada toolbox, kemudian tempatkan pada form seperti gambar berikut:
(5)
Dibuat oleh: Pipit Utami
Dilarang memperbanyak sebagian atau seluruh isi dokumen tanpa ijin tertulis dari FT UNY
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
(6)
Dibuat oleh: Pipit Utami
Dilarang memperbanyak sebagian atau seluruh isi dokumen tanpa ijin tertulis dari FT UNY
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