Cara Membuat Aplikasi Stopwatch dengan Visual Basic 2010

Halo Sobat Nongkrong!

Buat kalian yang lagi ngulik software development atau baru belajar coding, bikin aplikasi itu nggak melulu harus langsung yang rumit. Mulai dari yang simple tapi fungsional adalah cara terbaik buat mengasah logic pemrograman kita.

Nah, kali ini Bang Tekno bakal share tutorial fundamental cara membuat aplikasi Stopwatch menggunakan Visual Basic 2010. Aplikasi yang bakal kita bangun ini cukup lengkap fiturnya: bisa menghitung waktu secara presisi, mencatat/menyimpan waktu (Mark), dan menghapus data (Reset). Yuk, langsung kita eksekusi tutorialnya!

🛠️ Langkah-Langkah Membuat Stopwatch di VB 2010

1. Pertama, pastikan kamu sudah membuka software Visual Basic 2010 di PC atau laptop kamu.

2. Klik menu "New Project".

3. Pilih opsi "Windows Form Application" (biasanya sudah terpilih secara default). Lalu, beri nama project kalian di kolom Name, misalnya: Stopwatch. Jika sudah, klik OK.

4. Sekarang kita masuk ke tahap User Interface (UI). Siapkan beberapa Control dari Toolbox dan masukkan ke dalam Form kalian:

1 buah Label
1 buah ListBox
4 buah Button
1 buah Timer

Atur dan susun posisi masing-masing komponen sesuai selera kalian agar rapi.

5. Langkah selanjutnya, kita ubah beberapa Properties pada Control agar tampilannya lebih profesional. Ubah propertinya menjadi seperti berikut:

Pada Form:

Text: Stopwatch
FormBorderStyle: FixedSingle (agar ukuran aplikasi tidak bisa ditarik-ulur)
MaximizeBox: False
MinimizeBox: False

Pada Button 1 sampai Button 4:

Ubah Text masing-masing button secara berurutan menjadi: "Mark", "Start", "Stop", dan "Reset".

6. Terakhir untuk desain, klik pada Label1 dan ubah Text-nya menjadi format waktu default: 00:00:00:000.

💻 Tahap Coding (Scripting)

7. Desain sudah beres, saatnya otak-atik kode! Klik kanan pada area kosong di Form, lalu pilih "View Code" (atau tekan F7 di keyboard) untuk masuk ke halaman Solution Explorer.

8. Copy-paste baris kode di bawah ini. Biar Sobat Nongkrong nggak pusing, Bang Tekno sudah memberikan keterangan fungsi masing-masing kode.

Tips Bang Tekno: Letakkan deklarasi Private stopwatch tepat di bawah Public Class Form1.

' [KODE INDUK - Taruh tepat di bawah baris Public Class Form1]
Private stopwatch As New Diagnostics.Stopwatch

' [KODE UNGU - Double click Button1 / Tombol Mark]
Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
    ListBox1.Items.Add(ListBox1.Items.Count + 1 & ". " & Label1.Text)
End Sub

' [KODE MERAH - Double click Button2 / Tombol Start]
Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click
    Timer1.Start()
    Me.stopwatch.Start()
    Button4.Enabled = False
End Sub

' [KODE HIJAU - Double click Button3 / Tombol Stop]
Private Sub Button3_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button3.Click
    Timer1.Stop()
    Me.stopwatch.Stop()
    Button4.Enabled = True
End Sub

' [KODE BIRU TUA - Double click Button4 / Tombol Reset]
Private Sub Button4_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button4.Click
    Me.stopwatch.Reset()
    Label1.Text = "00:00:00:000"
    ListBox1.Items.Clear()
End Sub

' [KODE ORANYE - Double click Timer1 pada panel bawah]
Private Sub Timer1_Tick(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Timer1.Tick
    Dim elapsed As TimeSpan = Me.stopwatch.Elapsed
    Label1.Text = String.Format("{0:00}:{1:00}:{2:00}:{3:00}", _
    Math.Floor(elapsed.TotalHours), _
    elapsed.Minutes, elapsed.Seconds, _
    elapsed.Milliseconds)
End Sub

9. Jika semua script sudah diposisikan dengan benar tanpa ada garis merah (error), silakan uji coba aplikasi buatanmu! Klik ikon Play (tanda panah hijau) di Toolstrip atas, atau cukup tekan F5 pada keyboard.

10. Selesai! Kalian sudah berhasil membangun software Stopwatch mandiri menggunakan VB 2010.

Bagaimana? Gampang banget kan? Kalau ada bagian script yang error atau ada langkah yang membingungkan, jangan sungkan buat tanya Bang Tekno di kolom komentar, ya!

Keep coding & stay update bareng Teknongkrong!