Praktikum 6 - Membuat Stopwatch

Dengan masih menggunakan Timer seperti contoh sebelumnya, kita bisa menciptakan Stopwatch. Yang kita butuhkan selanjutnya adalah tombol-tombol untuk memulai, memberhentikan, dan me-reset stopwatch itu agar kembali menjadi 0. Berikut langkah-langkahnya:

1. Klik-drag Timer ke dalam jendela aplikasi begitu Anda membuat project baru.

2. Setelah itu, buatlah Label dan ganti dengan angka 0 pada Text

3. Buat tiga buah tombol dan masing-masing diganti tulisannya via Text menjadi tombol: Mulai, Berhenti, dan Reset.

Bentuk jendela aplikasi untuk perancangan Stopwatch

4. Klik ikon Timer1 dan pada panel Properties, pastikan Enabled dalam kondisi False agar timer ini tidak berjalan secara otomatis begitu diluncurkan.

5. Lantas, klik-ganda ikon Timer1 tersebut dan tulis script seperti berikut:

Script untuk ikon 'Timer1' dan tombol 'Mulai'

6. Sedangkan untuk tombol Berhenti dan Reset, tulis script berikut:

Script untuk tombol 'Berhenti' dan 'Reset'

7. Luncurkan aplikasi di atas dengan menekan tombol F5. Mulailah dengan menekat tombol MULAI, BERHENTI, dan RESET untuk kembali ke angka 0, seperti gambar dibawah:

Stopwatch yang menghitung maju setelah menekan tombol 'MULAI'

Setelah membuat script aplikasi menggunakan Visual Basic 2013, maka simpanlah sewaktu-waktu agar nanti bisa dibuka kembali. Pilih menu File > Save <namafile.vb>. Lakukan penyimpanan secara berkala dengan menekan tombol Ctrl+S.

Praktikum 5 - Membuat Jam Digital

Praktik kali ini kita akan membuat/menampilkan Jam Digital menggunakan visual basic 2008 dengan sederhana.

Berikut langkah-langkah melakukannya:

1. Buka aplikasi Visual Basic lalu, Buat project baru lagi khusus untuk jam digital ini.

2. Klik-drag Label dari panel Toolbox ke dalar jendela aplikasi.

3. Beralihlah ke panel Properties dan klik kotak kecil di dalam kelompok Font.

4. Ubah ukuran teks untuk Label ini agar tampak lebih besar dan tebal.

5. Tekan tombol OK. Nanti di dalam jendela aplikasi Anda akan melihat Label yang telah berukuran besar.

Teks yang lebih besar

6. Buka kelompok Components yang ada di Toolbar dan klik-drag Timer ke dalam jendela aplikasi.

7. Nanti Anda akan melihat ikon kecil bertuliskan Timer1 di bawah jendela aplikasi. Di dalam panel Properties, atur Enabled ke posisi True dan Interval menjadi 1000 (agar muncul milidetik).

8. Klik-ganda ikon itu. Lantas, tulis script seperti di bawah ini.

Script untuk Jam Digital

9. Luncurkan aplikasi dengan menekan tombol F5.

Tampilan Jam Digital setelah Diluncurkan

Setelah membuat script aplikasi menggunakan Visual Basic 2008, maka simpanlah sewaktu-waktu agar nanti bisa dibuka kembali. Pilih menu File > Save <namafile.vb>. Lakukan penyimpanan secara berkala dengan menekan tombol Ctrl+S.

Praktikum 4 - Menampilkan Teks Menggunakan Visual Basic

Praktik Kali ini kita akan membuat /menampilkan teks menggunakan visual basic 2008 dengan sederhana

Berikut langkah-langkah melakukannya:

1. Buka aplikasi Visual Basic lalu, Buatlah project baru dengan mengklik menu File > New Project

2. Karena kita ingin membuat aplikasi yang nanti akan berbentuk window, maka pilih Windows Forms Application.

3. Di bagian Name, gantilah nama yang ada di situ dengan nama aplikasi Anda sendiri. Misalnya: My First Application.

4. Tekan tombol OK. Tunggu beberapa saat dan Anda akan melihat jendela aplikasi kosong seperti gambar di bawah ini.

5. Di bagian kanan, Anda akan melihat panel Properties. Klik di bagian Text dan ubah dari Form1 menjaditeks pilhan Anda sendiri, misalnya: Hallo Apa Kabar?

6. Sekarang. kita buat sebuah tombol. Klik menu View > Toolbox.

7. Klik Button dan drag ke dalam jendela aplikasi yang ingin kita buat

8. Posisikan tombol itu di tengah-tengah jendela aplikasi dan di dalam panel Properties, pada opsi Text, ganti menjadl: PRESS ME (sesuai keinginan masing-masing)

Tampilan setelah tombol ganti nama

9. Kita akan "'menghidupkan" tombol itu dengan merancang script Klik-ganda pada tombol sampai muncul panel bernama: Form1.vb

10. Lantas, lengkapi scipt yang sudah tertulis di dalam panel tersebut, seperti gambar ini:

Script untuk membuat teks

11. Untuk menguji aplikasi yang telah disisipi script itu, klik ikon Start untuk menjalankan aplikasi tersebut.

12. Nanti Anda akan melihat jendela aplikasi seperti gambar di bawah ini yang jika tombol di tengah-tengahnya diklik, maka akan memicu munculnya kotak dialog seperti gambar kanan-bawah berikut:

Teks terlihat setelah tombol ditekan

Setelah membuat script aplikasi menggunakan Visual Basic 2008, maka simpanlah sewaktu-waktu agar nanti bisa dibuka kembali. Pilih menu File > Save <namafile.vb>. Lakukan penyimpanan secara berkala dengan menekan tombol Ctrl+S.

Praktikum 3 - Membuat Kalkulator Menggunakan Visual Basic

Praktik kali ini kita akan membuat aplikasi yang lebih interaktif. Artinya, ada interaksi antara pengguna untuk menentukan hasil akhir yang diharapkan. Di sini, kita akan membuat aplikasi hitungan sederhana.

Berikut langkah-langkah untuk pembuatan aplikasi yang lebih interaktif:

1. Buka aplikasi Visual Basic lalu, Buat project baru

Tampilan Visual Basic 2008

2. Munculkan kembali panel Toolbox.

3. Pilih TextBox dengan cara klik-drag ke dalam jendela aplikasi

4. Lakukan sekali lagi dan posisikan kedua textbox

5. Klik-drag Label dari panel toolbox ke dalam jendela aplikasi dan letakkan di antara dua textbox yang sudah kita taruh sebelumnya.

6. Beralih sebentar ke dalam panel Properties dan ubah Text dari Label1 menjadi: +. Dengan begitu teks Label1 itu akan berubah menjadi tanda plus.

7. Klik-drag lagi Label dari toolbox dan letakkan di bawah textbox kedua. Dengan begitu akan terlihat Label2 di situ.

8. Gulung panel Properties dan carilah Font. Klik ikon segi empat kecil yang ada di samping kanan Font itu untuk memilih jenis dan ukuran huruf yang nanti akan terlihat di area Label2.

9. Di bagian Size pilhlah 20 agar teks Label2 menjadi lebih besar. Tekanlah tombol OK.

10. Masih di dalam panel Properties, carilah Text dan hapus teks yang ada di situ sehingga di dalam jendela aplikasi tidak lagi terlihat teks Label2.

11. Sekarang, pasang tombol dengan mengklik-drag Button dari panel Toolbox ke dalam jendela aplikasi.

12. Ubah ukurannya dengan klik-drag handle yang mengelilingi tombol itu dan letakkan di sisi kanan textbox. Lantas, ubah teks yang ada diatas tombol itu dengan teks: Hitung!.

Tampilan Design Kalkulator di Visual Basic

13. Klik-ganda tombol yang baru saja kita buat itu untuk masuk ke dalam panel script.

14. Lengkapi script yang terlihat di dalam panel tersebut menjadi seperti script di bawah ini:

Script untuk membuat penjumlahan

15. Luncurkan aplikasi tersebut dengan menekan ikon Start atau F5.

16. Kalau sudah muncul aplikasi, maka masukkan angka ke dalam masing-masing textbox dan jumlahkan dengan menekan tombol Hitung. Nanti akan terlihat hasilnya seperti gambar di bawah ini:

Hasil penjumlahan terlihat setelah tombol 'HITUNG' ditekan

Praktikum 2 - Membuat HTML

Langkah Membuat HTML

Buka aplikasi Teks editor : Visual Studio Code

Tampilan Utama Visual Studio Code

1. Gunakan Browser untuk membuka HTML

2. Membuat dokumen HTML Pertama...

3. Buka teks editor, lalu tulislah kode berikut :

Beri Tambahan Teks dengan Script yang sama

4. Setelah itu, simpan dengan nama hello-world.html.

5. Simpanlah nama filenya dengan menggunakan tanda petik "hello-world.html" agar ekstensinya .html, bukan .txt.

6. Atau kamu bisa aktifkan fitur show extension pada Windows Explorer, agar bisa tahu ekstensi filenya.

7. Sekarang cobalah buka file hello-world.html dengan web browser.. maka hasilnya:

Tampilan dari hasil membuat teks