__________________________________________________________________________________

1

Membuat Program Animasi Bentuk Shape Dengan Visual Basic 6.0

Ini adalah tulisan kedua saya yang membahas mengenai bahasa pemrograman Visual Basic 6.0 atau

kita sebut saja VB(ViBi). Berbeda dengan tulisan yang pertama yakni tentang bagaimana membuat

project pertama dengan vb, pada tulisan kali ini saya akan membahas penggunaan vb dalam

membuat suatu program yang lebih kompleks. Jadi, bagi yang belum baca tulisan saya yang pertama

silakan baca dulu yah J. Tapi bagi yang ngerasa udah bisa, Let’s Lanjut dah…

Ok, kali ini akan saya bahas bagaimana membikin suatu program yang menampilkan animasi

beberapa bentuk bangun/shape. Pada program ini memperlihatkan bagaimana kita dapat secara

interaktif meodifikasi jenis maupun ukuran shape.bagaimana cara buatnya? Yups, ikuti langkah

perlangkah berikut ini.

Sebelumnya, buka dulu program vb. Sama seperti pada bahasan sebelunya, maka pada awal vb

dibuka akan muncul jendela awal “New Project”. Apabila temen-temen sudah membuat project,

setidaknya project yang telah dibuat pada bahasan sebelumnya silahkan pilih pada tab menu Exiting

atau Recent untuk membuka kembali project yang telah dibuat sebelumnya. Perhatikan gambar

berikut.

Pilih projectnya kemudian klik Open. Jika yan belum pernah buat project sama sekali bisa memulai

seperti pada cara pada bahasan sebelumnya yakni memilih menu New Project dengan pilihan

Standard EXE.

Bagi yang melanjutkan dari project sebelumnya silakan membuat form baru untuk mendesain

tampilan program yang akan kita bangun tapi bagi yang baru memulai project baru bisa langsung

mendesain formnya. Untuk membuat form baru caranya klik icon New Form yang ada pada pojok

kiri atas jendela vb, “wah yang mana neh?” Ok2 perhatikan gambar berikut.

__________________________________________________________________________________

2

Klik pada pilihan Form kemudian akan muncul jendela “Add Form”, sekali lagi pilih menu pilihan

“FORM”.

Dan akhirnya akan terbentuklah suatu wujud form baru dengan cara-cara yang sedikit

dramatis(LeBay!).

Ok, kembali ke langkah pembuatan program animasi shape. Pertama adalah mendesain form

dengan komposisi desain seperti pada gambar berikut.

__________________________________________________________________________________

3

Gambar tersebut memperlihatkan desain program pada sisi kanan sedangkan sisi kiri adalah toolbox

tempat beberapa komponen GUI Control yang digunakan. Dengan beberapa panah penunjuk asal

komponen GUI yang digunakan pada desain programnya. Ada enam macam GUI control yang kita

gunakan disini.

1. CommandButton

Pada gambar ditunjukkan dengan panah warna hijau. Program yang akan kita buat

menggunakan tiga buah tombol. Lakukan pengaturan pada property2 tombolnya. Untuk

cara pengaturan property GUI control telah dibahas secara lengkap pada bahasan

sebelumnya J. Berikut adalah pengaturan property pada tombol Command1.

__________________________________________________________________________________

4

Terdapat dua pengaturan utama pada komponen tombol yakni Name dan Caption. Lakukan

dua pengaturan tersebut pada dua tombol command berikutnya. Untuk tommbol

command2, Name=cmd_stop, Caption=STOP. Untuk tombol command3,

Name=cmd_format, Caption=FORMAT.

2. Label

Penggunaan komponen GUI control ini ditunjukkan dengan panah warna kuning. Ada tiga

label yang kita gunakan dengan pengaturan property sebagai berikut. Untuk Label1:

Untuk label2 isikan Name=lb_tengah, Caption=100 sedangkan label3 Name=lb_kanan dan

caption=1000.

3. HScrollBar

Panah warna merah menunjukkan penggunaan komponen GUI HScrollBar pada desain

program ini. Pengaturan property yang kita lakukan diperlihatkan pada gambar berikut.

Terlihat pada gambar, pengaturan yang kita lakukan adalah merubah nilai min dan max yang

disesuaikan dengan nilai caption dari label kiri dan kanan yang telah kita set sebelumnya.

4. PictureBox

__________________________________________________________________________________

5

pictureBox digunakan sebagai kanvas dari komponen shape yang akan kita animasikan nanti.

Penggunaannya diperlihatkan oleh panah orange. Untuk komponen pictureBox tidak kita

rubah propertinya jadi biarkan dalam kondisi default.

5. Shape

Adalah komponen yang akan kita animasikan nanti. Panah warna biru memperlihatkan

penggunaan dari komponen shape pada desain program kita. Pengaturan propertinya bisa

dilihat pada gambar berikut.

Pengaturan ini bertujuan untuk memberikan nilai awal tinggi dan lebar dari shape.

Perhatikan bahwa nilai tinggi dan lebar disamakan dengan nilai min dari HScrolBar dan nilai

caption pada label kiri.

6. Timer

Pada panah pink menunjukkan penggunaan komponen ini pada desain program kita,

property yang dirubah hanya property interval, isikan nilai interval = 100.

Terakhir adalah pengaturan form. Klik form program kemudian aturlah beberapa

propertinya seperti yang diperlihatkan pada gambar berikut.

Ok, sekarang lihat hasil pengaturan-pengaturan komponen yang diperlihatkan pada gambar berikut.

__________________________________________________________________________________

6

Pada desain program terlihat bahwa fungsi dari komponen HSroll adalah sebagai control yang bisa

kita gunakan untuk merubah ukuran dari shape. Untuk memfungsikannya klik dua kali pada

komponen HScroll maka kita akan berada pada jendela koding. Kode program untuk komponen

HScroll adalah sebagai berikut.

Private Sub HScroll1_Change() Shape1.Width = HScroll1.Value Shape1.Height = HScroll1.Value lb_tengah.Caption = HScroll1.Value End Sub

Penjelasan koding.

Pada baris ke-2 adalah perintah untuk mengubah nilai width(lebar) dari shape berdasarkan nilai dari

HScroll. Pada baris ke-3 merubah nilai dari height(tinggi). Baris berikutnya adalah perintah untuk

merubah nilai caption dari label tengah berdasarkan perubahan yang terjadi pada komponen HScroll

yang berubah karena perpindahan slider scrolnya.

__________________________________________________________________________________

7

Coba running program. Eits! Jangan lupa memastikan bahwa yang akan kita running adalah program

yang sedang kita buat jadi yang dijalankan bukan program yang kita buat sebelumnya. Untuk

mengeceknya klik menu Project -> Project1 Properties.

Pada startup object pastikan terpilih form yang akan dijalankan, dalam hal ini kita member nama

form kita dengan nama animasi. Ok, sekarang bisa langsung dijalankan (Run -> Start) dan lihatlah

hasilnya dengan merubah-rubah slider scroll.

Selanjutnya lakukan pemberian fungsi pada komponen timer. Klik dua kali komponen tersebut dan

tuliskan kode program berikut.

Private Sub Timer1_Timer() Shape1.Top = Rnd() * Picture1.Height - Shape1.Height Shape1.Left = Rnd() * Picture1.Width - Shape1.Width End Sub

Fungsi dari kode program tersebut adalah meng-animasikan shape dengan cara memindah-mindah

posisi dari shape secara acak. Fungsi ini akan aktif apabila komponen timer dalam keadaan hidup.

Untuk menghidupkan komponen timer digunakan tombol start dengan pemberian fungsi untuk

menghidupkan timer. Ok, klik dua kali tombol startnya kemudian tuliskan kode program berikut.

Private Sub cmd_start_Click() Timer1.Enabled = True End Sub

Untuk tombol stop yang jelas berfungsi untuk menghentikan timer kode programnya sebagai

berikut.

Private Sub cmd_stop_Click() Timer1.Enabled = False End Sub

__________________________________________________________________________________

8

Tombol format digunakan untuk merubah jenis dari shape secara acak. Jadi ketika kita meng-klik

tombol format maka jenis dari shape akan berubah missal yang tadinya lingkaran berubah menjadi

persegi. Kode programnya adalah sebagai berikut.

Private Sub cmd_format_Click() Shape1.Shape = Rnd() * 6 End Sub

Pada baris kedua kode program tersebut berfungsi untuk merubah jenis shape secara acak.

Yups, sekarang program kita sudah jadi. Tes program dengan menjalankannya dan lihatlah hasilnya.

Sampai disini dulu bahasan mengenai program animasi bentuk shape. Kemungkinan kekurangan dari

program ini sangatlah banyak. Tetapi sekali lagi yang ditekankan disini adalah bagaimana kita mudah

memahami jalan program tersebut. Percuma jika saya bahas program yang komplek tetapi malah

membuat bingung karna semakin sulit untuk dipahami. Untuk bahasan yang lebih komplek nanti aja

dulu dah karna jujur saya sendiri juga masih belajar juga hehehe. Semangat!!

Info Lebih Lengkap Hubungi:

Email : Rofianto507@gmail.com

Blog : icomit.wordpress.com

Hp : 087856296507