Archive for November 2017
Timer merupakan satu control pada visual basic yang dapat digunakan untuk menghitung waktu. Saat program dijalankan, kontrol timer tidak akan terlihat dilayar. Dalam penggunaanya, timer berhubungan dengan waktu. Dan dalam kesempatan kali ini saya akan membahas mengenai penggunaan timer secara sederhana. Kenapa sederhana ?. karena program yang akan kita buat kali ini hanya menampilkan angka berjalan dari 0 hingga user menekan tombol stop. Skenario yang saya buat adalah user menekan tombol start dan angka pada label akan menghitung setiap 1 detik dimulai dengan angka nol, ketika user menekan tombol stop, maka timer akan dihentikan. Dengan kontrol timer kita dapat membuat aplikasi yang berhubungan dengan waktu misalkan membuat jam digital, membuat stopwatch atau membuat aplikasi yang membutuhkan timer lainnya. Tutorial ini merupakan tutorial dasar jadi dapat dikembangkan sesuai ide yang kalian miliki. Mari kita mulai tutorial nya dan selamat belajar.
- Pertama kita harus membuat project di vb.net untuk yang belum tahu silahkan baca tutorial mengenai cara membuat project baru di vb.net disini.
- Desainlah seperti gambar berikut ini, tool yang dibutuhkan adalah 1 buah timer, 2 buah button dan 1 buah label.
- Aturlah konfigurasi dari masing – masing tool seperti berikut ini :
| Tool | Properties | Nilai |
| Label1 | Name | lblWaktu |
| Text | 0 | |
| Font Style | Bold | |
| Font Size | 72 | |
| Button1 | Name | btnStart |
| Text | Start | |
| Button2 | Name | btnStop |
| Text | Stop | |
| Timer1 | Name | Timer1 |
| Interval | 1000 |
Pada properti interval yang terdapat pada tool Timer1 saya memberikan nilai 1000, maksudnya adalah timer akan menghitung setiap 1000 milisecond atau 1 detik, itu berarti setiap 1 detik maka label akan berubah angka secara berurutan.
- Selanjutnya kita akan memasukkan kode agar semua tool dapat berjalan. Pertama saya akan membuat event di tool button, ketika button dijalankan maka timer akan dijalankan. Klik dua kali pada button Start kemudian masukkan kode berikut :
Timer1.Start()
- Untuk memberikan event pada button stop klik dua kali pada button Stop dan masukkan kode berikut :
Timer1.Stop()
Kode diatas berfungsi untuk menghentikan timer.
- Agar kita dapat melihat timer yang dijalankan, kita perlu mengkonfigurasi pada Timer1, klik dua kali pada Timer1 dan kita akan dibawa ke Timer1_Tick untuk memberikan event, masukkan kode berikut ini :
lblWaktu.Text += 1
kode diatas digunakan untuk menampilkan angka pada lblWaktu. Setiap 1 detik lblWaktu akan menambah angka dengan 1. Dengan demikian label akan tetap menambah angka dengan 1 sampai dengan user menekan tombol stop.
- Sehingga kode lengkapnya seperti ini :
- Jika selesai jalankan aplikasi nya jika tidak ada masalah maka aplikasi selesai dibuat.
Sampai disini dulu tutorial mengenai penggunaan timer di vb.net, nantikan tutorial selanjutnya. Untuk source code dapat di download melalui link berikut ini.
Progress Bar merupakan bar yang digunakan untuk menginformasikan kepada user jika ada proses yang sedang berlangsung. Progress bar dapat digunakan untuk menampilkan indikator perkembangan proses agar user tidak menganggap aplikasi komputer tersebut berhenti ditengah jalan. Untuk menghindari kebingungan user saat menggunakan software yang kita buat, diharapkan menggunakan progress bar saat ada proses yang sedang dijalankan atau sedang diproses. Kali ini saya akan membahas bagaimana membuat sebuah progress bar sederhana yang dapat digunakan untuk membuat loading dalam suatu aplikasi. Seperti tutorial sebelumnya, disini saya akan menggunakan software vb express 2008. Saya harapkan anda telah membuat project baru di vb.net, untuk yang belum tahu bisa dilihat di postingan saya berikut ini.
- Desainlah sebuah form seperti berikut ini, tool yang dibutuhkan adalah 1 ProgressBar dan 1 buah Timer.
- Klik dua kali pada Form1 untuk memasukkan kode berikut :
Timer1.Start()
Kode tersebut digunakan untuk menjalankan Timer1 saat aplikasi dijalankan.- Klik dua kali pada Timer1 dan masukkan kode berikut ;
If ProgressBar1.Value < 100 Then
ProgressBar1.Value += 2
ElseIf ProgressBar1.Value = 100 Then
Timer1.Stop()
MessageBox.Show("Progress bar selesai")
If vbOK = MsgBoxResult.Ok Then
Me.Close()
End If
End If
ProgressBar1.Value += 2
ElseIf ProgressBar1.Value = 100 Then
Timer1.Stop()
MessageBox.Show("Progress bar selesai")
If vbOK = MsgBoxResult.Ok Then
Me.Close()
End If
End If
Penjelasan kode :
ProgressBar diberi nilai 100 dengan kecepatan 2 dan interval 100 milisecond. Jadi progress bar akan menjalankan sampai mendapatkan nilai 100 dan setiap 100 milisecond akan menjalankan nilai 2, jika nilai progressbar sampai pada 100 maka timer akan dihentikan dan akan menampilkan messagebox, jika user klik Ok pada messagebox, form akan di tutup.
ProgressBar diberi nilai 100 dengan kecepatan 2 dan interval 100 milisecond. Jadi progress bar akan menjalankan sampai mendapatkan nilai 100 dan setiap 100 milisecond akan menjalankan nilai 2, jika nilai progressbar sampai pada 100 maka timer akan dihentikan dan akan menampilkan messagebox, jika user klik Ok pada messagebox, form akan di tutup.
- Jika selesai jalankan aplikasinya dengan klik Run.
Sampai disini tutorial ini, jika ada pertanyaan silahkan tinggalkan komentar dibawah. Untuk source code dapat di download disini. Selanjutnya akan dibahas mengenai Timer di vb.net.
Tutorial yang akan saya bahas kali ini masih mengenai kegunaan dan cara menggunakan salah satu tool di vb.net. Adalah Color Dialog Control. Tool Color Dialog dapat digunakan untuk memberikan warna pada Teks didalam TextBox. Jika kalian pernah menggunakan tool font color di dalam ms word, kurang lebih hasilnya adalah seperti itu. Tutorial ini merupakan lanjutan dari tutorial sebelumnya mengenai Font Dialog Control. Dan saya akan melanjutkan menggunakan project Font Dialog Control. Untuk kalian yang belum mempunyai project nya dapat didownload disini atau anda bisa juga dengan membuat project baru disini. Masih dengan software yang sama, saya akan menggunakan software vb express 2008. Dan marilah kita mulai tutorial nya :
- Tambahkan tool Color Dialog pada project melalui menu ToolBox, seperti berikut ini.
- Sehingga hasilnya dapat dilihat disini.
- Tambahkan satu buah button yang akan digunakan untuk menampilkan jendela color yang digunakan untuk memilih warna yang akan diaplikasikan.
- Ubah properties pada button menjadi :
Text : Color
- klik dua kali pada button color dan tambahkan kode berikut ini :
ColorDialog1.ShowDialog()
txtEdit.ForeColor = ColorDialog1.Color
txtEdit.ForeColor = ColorDialog1.Color
- Sehingga hasilnya lengkapnya adalah seperti berikut :
Penjelasan kode :
ColorDialog1.ShowDialog()
Digunakan untuk menampilkan jendela color.
txtEdit.ForeColor = ColorDialog1.Color
Digunakan untuk memberi warna pada teks sesuai dengan jendela warna.
- Jalankan aplikasi nya dan cobalah untuk menjalankannya. Kalian dapat langsung mengganti warna teks tanpa harus menyorot teksnya.
Sampai disini dulu tutorial yang saya berikan. Apabila ada masalah atau hal yang ingin ditanyakan, dapat langsung meninggalkan komentar dibawah. Untuk source code projectnya dapat kalian download disini.
NB : untuk source code mengenai Color Dialog Control hanya ada fungsi Color Dialog saja. Jika kalian ingin mendownload mengenai source code Font Dialog Control dapat langsung menuju kesini.
Hai sobat semua, pada kesempatan kali ini saya akan share mengenai cara menggunakan font dialog control di vb.net. Dengan menggunakan font dialog control kita dapat mengatur jenis font, ukuran font, dan gaya font didalam TextBox. Baiklah, saya asumsikan anda telah menginstal vb 2008 atau yang lebih baru. Untuk tutorialnya silahkan ikuti tutorial berikut :
- Buatlah project baru di vb.net 2008, jika belum mengerti caranya, silahkan ikuti tutorial berikut ini.
- Desainlah tampilan seperti gambar berikut ini, adapun tool yang digunakan adalah 1 buah TextBox, 1 buah Button, dan 1 buah font dialog.
- Aturlah tool yang digunakan seperti berikut ini :
| Tool | Properties | Nilai |
| TextBox1 | Name | txtEdit |
| Multiline | True | |
| Button1 | Name | btnFont |
| Text | Font | |
| FontDialog1 | Name | FontDialog1 |
- Klik dua kali pada Button font dan masukkan kode berikut :
FontDialog1.ShowDialog()
txtEdit.Font = FontDialog1.Font
txtEdit.Font = FontDialog1.Font
Sehingga hasil lengkapnya menjadi seperti ini :
Penjelasan kode :
FontDialog1.ShowDialog()
Digunakan untuk menampilkan jendela font yang dapat digunakan untuk memilih jenis font, ukuran font, gaya font, dan lain – lainnya.
txtEdit.Font = FontDialog1.Font
Digunakan untuk mengapilkasikan font yang dipilih melalui jendela font ke teks atau font yang berada di dalam font.- Jika selesai jalankan aplikasi nya dengan klik Run.
Sekian dulu tutorial mengenai penggunaan font dialog control ini, selanjutnya saya akan share mengenai color dialog control yang dapat digunakan untuk memberi warna pada teks didalam TextBox. Untuk source code mengenai FontDialog Control bisa di download melalui Link berikut ini. See you.
