Kalkulator Visual Basic

Kami akan membuat "program pertama" yang akan ditulis dalam Visual Basic (VB). Proyek kami akan menjadi kalkulator dasar yang akan mengajarkan logika dan menyediakan kode untuk kalkulator kami. Instruksi kami akan diatur sehingga pengguna membuat satu tombol untuk penambahan dan menulis kode untuk itu. Dari ini pengguna akan dapat menambahkan lebih banyak (pengurangan, pembagian, dll.) Ke program mereka jika diinginkan. Tonton video untuk demonstrasi.

Pemrograman menjadi lebih penting dan bermanfaat untuk memiliki pemahaman tentang cara membuat kode. Instruksi ini akan berfungsi untuk mengajarkan pemahaman dasar kode serta mengajarkan logika yang diperlukan untuk kode. Instruksi kami berbeda dari yang lain di Instructables.com karena tidak ada kalkulator yang dibuat dalam Visual Basic. Pembaca target kami adalah siapa saja yang ingin belajar cara memprogram. Instruksi akan diatur ke tempat seseorang yang belum pernah memprogram sebelumnya dapat menyelesaikan proyek.

Catatan penting:

  • Instruksi ini mengasumsikan Anda sudah menginstal dan membuka Visual Studio.
  • Antarmuka Pengguna Anda (tempat bilah alat ditempatkan) saya terlihat berbeda dari instruksi. Instruksi ini tidak akan membahas bagaimana cara membuat perubahan pada Antarmuka Pengguna. Membuat User Interface Anda terlihat seperti gambar yang disediakan tidak diperlukan, tetapi akan sangat membantu.
  • Jika Anda melakukan kesalahan, yaitu mengklik dua kali pada suatu objek secara tidak sengaja, pindah ke langkah terakhir (Pemecahan Masalah) untuk kesalahan dan perbaikan umum.

Langkah 1: Membuat Proyek Baru di Visual Studio 2013

    Langkah 1: Buka Visual Studio

    Langkah 2: Pilih Proyek Baru

    Langkah 3: Pilih Aplikasi Formulir Windows

    Langkah 4: Beri nama proyek SimpleCalculator

    Langkah 5: Tetapkan lokasi penyimpanan. Desktop direkomendasikan karena paling mudah ditemukan.

    Langkah 6: Klik OK

    Langkah 7: Jika perlu, klik pada tab tampilan lalu pilih jendela Toolbox, Property, dan Solutions Explorer

    Langkah 2: Desain Graphical User Interface (GUI)

    Kiat Bermanfaat:

    • Pada toolbox properti diatur dalam urutan abjad. Lihat gambar Toolbox, lingkaran hijau.

    Langkah 1: Klik di mana saja pada formulir

    Langkah 2: Di jendela properti, di bawah properti Teks, ketik Kalkulator Sederhana

    Langkah 3: Di jendela properti, di bawah properti StartPosition, pilih CenterScreen

    Langkah 4: Di jendela properti, di bawah FormBorderStyle, pilih Fixed3D

    Langkah 5: Klik dan seret label dari Toolbox ke formulir

    Langkah 6: Saat label dipilih, di jendela properti, di bawah properti Text, ketik Simple Calculator. Catatan: Karena label ini adalah teks utama yang menggambarkan teks, Anda dapat mengubah ukuran dan tebal teks di bawah properti Font di jendela properti tetapi tidak diperlukan untuk proyek ini

    Langkah 7: Lanjutkan untuk melakukan ini untuk label berikut (5) dan tempatkan sesuai. Beri nama: Operator, Operasi, Operand 1, Operand 2, dan Hasil (Lihat gambar) Catatan: Objek dapat diseret atau diklik dua kali untuk ditempatkan ke GUI

    Langkah 8: Klik dan seret tombol dari Toolbox

    Langkah 9: Tempatkan di bawah label "Operator".

    Langkah 10: Saat tombol dipilih, di jendela properti, di bawah properti Name, masukkan btnAdd

    Langkah 11: Kemudian di bawah properti Text, masukkan tanda +

    Langkah 12: Klik dan seret TextBox dari ToolBox di sebelah label "Operand 1" (Lihat gambar)

    Langkah 13: Ketika TextBox dipilih, di jendela properti, di bawah properti Name, masukkan txtOperand1

    Langkah 14: Ulangi Langkah 12 tetapi letakkan TextBox kedua di sebelah label "Operand 2" (Lihat gambar)

    Langkah 15: Ulangi Langkah 13 tetapi beri nama txtOperand2

    Langkah 16: Klik dan seret label di antara dua kotak teks (Lihat gambar)

    Langkah 17: Saat label dipilih, di jendela properti, di bawah properti Name, masukkan lblOperator

    Langkah 18: Hapus properti teks lblOperator sehingga kosong

    Langkah 19: Di bawah properti AutoSize 9, pilih False. Catatan: Ini memungkinkan Anda mengubah ukuran label sesuai keinginan Anda

    Langkah 20: Di bawah properti BorderStyle pilih Fixed3D

    Langkah 21: Klik dan seret label lain di sebelah label "Hasil"

    Langkah 22: Ulangi Langkah 17, beri nama lblDisplay

    Langkah 23: Ulangi Langkah 18 dan Langkah 19

    Langkah 24: Klik dan seret tombol dari Toolbox di bawah label "Hasil" (Lihat gambar)

    Langkah 25: Ketika tombol dipilih, di jendela properti, di bawah properti Name, masukkan btnClear

    Langkah 26: Ubah properti teks untuk tombol Clear menjadi Clear

    Langkah 27: Klik dan seret tombol dari Toolbox di sebelah tombol Clear (Lihat gambar)

    Langkah 28: Ketika tombol dipilih, di jendela properti, di bawah properti Name, masukkan btnExit

    Langkah 29: Ubah properti teks untuk tombol Hapus untuk Keluar

    Langkah 30: Masukkan kode berikut dengan mengklik dua kali pada setiap tombol untuk membuka jendela kode:

    Langkah 3: Mengkode Tombol Tambah

    Sasaran: Tambahkan ke angka yang dimasukkan pengguna ke dalam kotak teks

    Penjelasan Kode

    • Dim Variable As Double menyatakan suatu variabel sebagai tipe data spesifik
    • Setiap kali tombol Add ditekan, tanda + akan muncul di label di antara dua kotak teks.
    • Label Tampilan sedang diberi variabel Hasil yaitu Operand1 + Operand2.
    • ".ToSting (" N ") adalah untuk mengkonversi kembali menjadi string dari ketika kita mengubahnya menjadi angka menggunakan parse

    Langkah 4: Mengkode Tombol Kosong

    Sasaran: Untuk menghapus semua kotak pada GUI dan mengatur kursor ke kotak teks teratas (Operand 1)

    Penjelasan Kode:

    • Clear () Fungsi membersihkan kotak teks. Fungsi ini hanya dapat digunakan pada kotak teks
    • Kotak label harus dibersihkan dengan mengatur properti .Text menjadi kosong
    • Fokus () Fungsi mengatur kursor ke kotak teks

    Langkah 5: Mengkode Tombol Keluar

    Tujuan: Untuk keluar dari program.

    Langkah 6: Menjalankan Program

    Klik tombol putar hijau untuk menjalankan program (Referensi gambar di atas)

    Catatan: Saat program sedang berjalan, Anda dapat menguji untuk melihat apakah program Anda berfungsi dengan baik.

    Klik tombol keluar atau "X" merah pada program setelah selesai.

    Langkah 7: Kata Penutup

    Dalam proyek ini, Anda telah berhasil menyelesaikan cara membuat kalkulator sederhana dalam visual basic. Kami hanya meminta Anda membuat tombol tambahan tetapi merasa bebas untuk membuat operator lain sesuai keinginan Anda. Mereka mengikuti langkah-langkah yang sama yang disebutkan di atas. Anda sekarang dapat menggunakan ini sebagai kalkulator untuk membuat perhitungan pada apa pun yang Anda inginkan. Tujuan dari proyek ini adalah untuk memberi tahu pengguna yang tidak memiliki pengalaman pemrograman cara membuat program sederhana. Jika Anda ingin mempelajari lebih lanjut tentang Visual Basic, ada banyak informasi online serta kelas-kelas yang mengajarkan Visual Basic (CNIT 175 jika Anda seorang Purdue Student). Terima kasih telah meluangkan waktu untuk membuat proyek ini.

    Langkah 8: Pemecahan masalah

    • Ketika Anda memasukkan kode yang tidak benar, garis berlekuk biru akan muncul di bawah kata. Ini adalah kesalahan dan program tidak akan berjalan. Jika Anda melihat garis biru di bawah potongan kode Anda, arahkan kursor itu dengan mouse Anda dan itu akan memberi Anda penjelasan tentang kesalahan tersebut. Dari sana Anda dapat meneliti kesalahan online untuk menemukan informasi lebih lanjut.
    • Jika Anda mengklik dua kali pada objek, yaitu label yang tidak akan Anda kode, Anda bisa menghapus kode yang baru saja Anda buat atau membiarkannya di sana.
    • Jika Anda mengalami masalah seperti kesalahan atau jika Anda lupa kata kunci, silakan lihat situs bantuan Microsoft Visual Basic (//msdn.microsoft.com/en-us/library/2x7h1hfk.aspx)
    • Referensi lain yang baik untuk dilihat adalah buku teks, Langkah Menuju Pemrograman dengan Visual Basic.Net, Edisi ke-4, oleh Guity Ravai dan Ibrahim M. Baggili.
    • Jika Anda secara tidak sengaja mengklik dua kali alat saat memindahkannya dari kotak alat Visual Studio akan secara otomatis membawa Anda ke tab pengkodean, dan membuat bagian untuk pengkodean elemen yang diklik dua kali. Disarankan untuk menghapus bagian kode ini yang secara tidak sengaja dibuat, karena itu adalah kode sampah yang tidak melakukan apa-apa. Untuk kembali ke tab desain formulir, cukup klik tab Desain Formulir

    Artikel Terkait