Materi Ajar Interface
-
Upload
mutia-hanum-imania -
Category
Documents
-
view
137 -
download
0
Transcript of Materi Ajar Interface
![Page 1: Materi Ajar Interface](https://reader035.fdokumen.com/reader035/viewer/2022081508/5571fa00497959916990fcf1/html5/thumbnails/1.jpg)
Simulasi Lampu Berjalan Menggunakan Visual Basic 6.0
INTERFACE
![Page 2: Materi Ajar Interface](https://reader035.fdokumen.com/reader035/viewer/2022081508/5571fa00497959916990fcf1/html5/thumbnails/2.jpg)
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
![Page 3: Materi Ajar Interface](https://reader035.fdokumen.com/reader035/viewer/2022081508/5571fa00497959916990fcf1/html5/thumbnails/3.jpg)
Gambar tata letak komponen
![Page 4: Materi Ajar Interface](https://reader035.fdokumen.com/reader035/viewer/2022081508/5571fa00497959916990fcf1/html5/thumbnails/4.jpg)
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
![Page 5: Materi Ajar Interface](https://reader035.fdokumen.com/reader035/viewer/2022081508/5571fa00497959916990fcf1/html5/thumbnails/5.jpg)
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
![Page 6: Materi Ajar Interface](https://reader035.fdokumen.com/reader035/viewer/2022081508/5571fa00497959916990fcf1/html5/thumbnails/6.jpg)
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
![Page 7: Materi Ajar Interface](https://reader035.fdokumen.com/reader035/viewer/2022081508/5571fa00497959916990fcf1/html5/thumbnails/7.jpg)
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
![Page 8: Materi Ajar Interface](https://reader035.fdokumen.com/reader035/viewer/2022081508/5571fa00497959916990fcf1/html5/thumbnails/8.jpg)
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
![Page 9: Materi Ajar Interface](https://reader035.fdokumen.com/reader035/viewer/2022081508/5571fa00497959916990fcf1/html5/thumbnails/9.jpg)
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
![Page 10: Materi Ajar Interface](https://reader035.fdokumen.com/reader035/viewer/2022081508/5571fa00497959916990fcf1/html5/thumbnails/10.jpg)
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
![Page 11: Materi Ajar Interface](https://reader035.fdokumen.com/reader035/viewer/2022081508/5571fa00497959916990fcf1/html5/thumbnails/11.jpg)
8. Jalankan program simulasi LED berjalan Klik tombol Start pada Toolbar. Jika tidak terjadi kesalahan akan muncul seperti gambar di bawah ini.
![Page 12: Materi Ajar Interface](https://reader035.fdokumen.com/reader035/viewer/2022081508/5571fa00497959916990fcf1/html5/thumbnails/12.jpg)
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
![Page 13: Materi Ajar Interface](https://reader035.fdokumen.com/reader035/viewer/2022081508/5571fa00497959916990fcf1/html5/thumbnails/13.jpg)