materi ajar interface

Simulasi Lampu Berjalan Menggunakan Visual Basic 6.0

INTERFACE

1. Buka VB. Pada menu File, klik perintah New Project, lalu klik OK untuk membuat sebuah file executable standar.

2. Buat tampian Form seperti yang terlihat pada gambar 1. Gambar 1 adalah gambar tampilan simulasi output LED pada Visual Basic 6.0.

Langkah - Langkah

Gambar tata letak komponen

3. Klik kontrol label untuk membuat label1 yang akan kita gunakan untuk membuat judul.

4. Klik kontrol commandbutton untuk membuat command1, command2, command3. Command1 digunakan untuk membuat tombol lampu berjalan dari kiri ke kanan, yaitu tombol untuk menyalakan lampu berjalan dari kiri ke kanan. Command2 untuk membuat tombol berhenti, yaitu tombol untuk menghentikan lampu yang berjalan. Command3 untuk membuat tombol Keluar, yaitu tombol untuk keluar dari form project

5. Klik control shape sebanyak delapan kali untuk membuat gambar LED

6. Ubah properti objek seperti dibawah ini :

Objek Properti Setting

Label1

Caption Simulasi Lampu Berjalan dari Kiri ke Kanan

Font Lucisda Lucida Calligraphy, italic bold, 12

Command1 Caption Lampu Berjalan dari Kiri ke kanan

Command2 Caption Stop

Command3 Caption exit

Shape 1 - 8

fillstyle Transparent

fillcolour red

shape circle

timer 1-8 enabled FALSE

interval 500

7. Setelah selesai pembuatan form dan properti, kita siap menulis kode – kode program yang akan menjadikan program yang kita buat sesuai dengan yang kita inginkan. Ketik kode program seperti dibawah ini:

Private Sub Command1_Click()Timer1.Enabled = TrueEnd SubPrivate Sub Command2_Click()Timer1.Enabled = FalseTimer2.Enabled = FalseTimer3.Enabled = FalseTimer4.Enabled = FalseTimer5.Enabled = FalseTimer6.Enabled = FalseTimer7.Enabled = FalseTimer8.Enabled = False

Private Sub Command5_Click()MsgBox "are you sure"EndEnd SubPrivate Sub Timer1_Timer()Timer1.Enabled = FalseTimer2.Enabled = TrueTimer3.Enabled = FalseTimer4.Enabled = FalseTimer5.Enabled = FalseTimer6.Enabled = FalseTimer7.Enabled = FalseTimer8.Enabled = FalseShape1.FillStyle = 0Shape2.FillStyle = 1Shape3.FillStyle = 1Shape4.FillStyle = 1Shape5.FillStyle = 1Shape6.FillStyle = 1Shape7.FillStyle = 1Shape8.FillStyle = 1End SubPrivate Sub Timer2_Timer()Timer1.Enabled = False

Timer2.Enabled = FalseTimer3.Enabled = TrueTimer4.Enabled = FalseTimer5.Enabled = FalseTimer6.Enabled = FalseTimer7.Enabled = FalseTimer8.Enabled = FalseShape1.FillStyle = 1Shape2.FillStyle = 0Shape3.FillStyle = 1Shape4.FillStyle = 1Shape5.FillStyle = 1Shape6.FillStyle = 1Shape7.FillStyle = 1Shape8.FillStyle = 1End Sub

Private Sub Timer3_Timer()Timer1.Enabled = FalseTimer2.Enabled = FalseTimer3.Enabled = FalseTimer4.Enabled = TrueTimer5.Enabled = FalseTimer6.Enabled = FalseTimer7.Enabled = FalseTimer8.Enabled = FalseShape1.FillStyle = 1Shape2.FillStyle = 1Shape3.FillStyle = 0Shape4.FillStyle = 1Shape5.FillStyle = 1Shape6.FillStyle = 1Shape7.FillStyle = 1Shape8.FillStyle = 1End Sub

Private Sub Timer4_Timer()Timer1.Enabled = FalseTimer2.Enabled = FalseTimer3.Enabled = FalseTimer4.Enabled = FalseTimer5.Enabled = TrueTimer6.Enabled = FalseTimer7.Enabled = False

Timer8.Enabled = FalseShape1.FillStyle = 1Shape2.FillStyle = 1Shape3.FillStyle = 1Shape4.FillStyle = 0Shape5.FillStyle = 1Shape6.FillStyle = 1Shape7.FillStyle = 1Shape8.FillStyle = 1End Sub

Private Sub Timer5_Timer()Timer1.Enabled = FalseTimer2.Enabled = FalseTimer3.Enabled = FalseTimer4.Enabled = FalseTimer5.Enabled = FalseTimer6.Enabled = TrueTimer7.Enabled = FalseTimer8.Enabled = FalseShape1.FillStyle = 1Shape2.FillStyle = 1Shape3.FillStyle = 1Shape4.FillStyle = 1Shape5.FillStyle = 0Shape6.FillStyle = 1Shape7.FillStyle = 1Shape8.FillStyle = 1End Sub

Private Sub Timer6_Timer()Timer1.Enabled = FalseTimer2.Enabled = FalseTimer3.Enabled = FalseTimer4.Enabled = FalseTimer5.Enabled = FalseTimer6.Enabled = FalseTimer7.Enabled = True

Timer8.Enabled = FalseShape1.FillStyle = 1Shape2.FillStyle = 1Shape3.FillStyle = 1Shape4.FillStyle = 1Shape5.FillStyle = 1Shape6.FillStyle = 0Shape7.FillStyle = 1Shape8.FillStyle = 1End Sub

Private Sub Timer7_Timer()Timer1.Enabled = FalseTimer2.Enabled = FalseTimer3.Enabled = FalseTimer4.Enabled = FalseTimer5.Enabled = FalseTimer6.Enabled = FalseTimer7.Enabled = FalseTimer8.Enabled = TrueShape1.FillStyle = 1Shape2.FillStyle = 1Shape3.FillStyle = 1Shape4.FillStyle = 1Shape5.FillStyle = 1Shape6.FillStyle = 1Shape7.FillStyle = 0Shape8.FillStyle = 1End Sub

Private Sub Timer8_Timer()Timer1.Enabled = TrueTimer2.Enabled = FalseTimer3.Enabled = FalseTimer4.Enabled = FalseTimer5.Enabled = FalseTimer6.Enabled = FalseTimer7.Enabled = FalseTimer8.Enabled = FalseShape1.FillStyle = 1Shape2.FillStyle = 1Shape3.FillStyle = 1Shape4.FillStyle = 1Shape5.FillStyle = 1Shape6.FillStyle = 1Shape7.FillStyle = 1Shape8.FillStyle = 0End Sub

8. Jalankan program simulasi LED berjalan Klik tombol Start pada Toolbar. Jika tidak terjadi kesalahan akan muncul seperti gambar di bawah ini.

1. Buatlah Simulasi LED berjalan dari kanan ke kiri

2. Buatlah Simulasi LED berjalan dari tengah kesamping kiri dan kanan

3. Kreasikanlah hasil percobaan kalian sekreatif mungkin

Latihan Praktek