Thursday, January 21, 2021

MEMBUAT KALKULATOR SEDERHANA DENGAN VISUAL STUDIO 2019 #BASICVS2019

BY Haris Fadillah IN , No comments

   

Gambar 1 : Membuat Kalkulator sederhana visual studio 2019

    Pada konten kali ini kita akan belajar menggunakan Visual Studio 2019, untuk pelajaran dasar pertama kita akan membuat kalkulator sederhana, pastikan dulu kamu telah menginstal visual studio 2019. kemudian buka software Visual Studio 2019.

Gambar 2  : Awal

Pertama kita pilih Create a New Project seperti di gambar 2. kemudian pada tampilan selanjutnya, pada languages pilih Visual Basic, karena kita akan menggunakan bahasa pemograman Visual basic ( seperti pada kotak merah di gambar 3 ). pada platform saya memilih menggunakan Windows ( seperti pada kotak biru di gambar 3 ), karena kalkulator sederhana ini akan kita running di platform Windows. selanjutnya pada project types kita pilih Desktop ( seperti pada kotak hijau di gambar 3 ), karena project ini akan kita running di Desktop. Kemudian Pilih Windows Form App(.NET Framework) ( seperti pada kotak kuning di gambar 3 ). lalu klik Next.

Gambar 3 : Create a new project

Pada Project Name disini saya mengisi belajar1, pada project name ini kamu bebas mengisi nama project yang kamu mau ( seperti pada kotak merah di gambar 4 ). kemudian location adalah lokasi dimana kamu menyimpan projek yang kamu buat, kamu bebas meletakkan dan menentukan dimana projek yang kamu buat disimpan, dengan cara menekan button 3 titik ( seperti pada kotak biru di gambar 4 ). Lalu klik Create.

Gambar 4 : Configure new Project

Kita Masuk Pada project belajar1 seperti pada gambar 5, kemudian pada bagian sebelah kiri pilih Tab ToolBox ( seperti pada kotak merah di gambar 5 ).

Gambar 5 : Toolbox

Kemudian ambil 3 unit label ( seperti pada kotak merah di gambar 6 ), kita hanya perlu drag n drop label ke form projek, kemudian copy paste hingga menjadi 3 unit label. 

Gambar 6 : Label

Lalu pada Tab Properties disebelah kanan pilih Text, dan rubah kalimat pada label1 menjadi bilangan 1, label2 menjadi bilangan 2 dan label 3 menjadi Hasil ( seperti pada kotak merah di gambar 7 ) dan letakkan textbox seperti pada gambar 8.

Gambar 7 : Rubah text

Gambar 8 : posisi label

Kemudian ambil 3 unit Textbox ( seperti pada kotak merah di gambar 9 ), kita hanya perlu drag n drop Textbox ke form projek, kemudian copy paste hingga menjadi 3 unit label. dan letakkan setiap Textbox disebelah label seperti pada gambar 10.

Gambar 9 : Textbox

Gambar 10 : Posisi Textbox

Kemudian ambil 5 unit button ( seperti pada kotak merah di gambar 11 ), kita hanya perlu drag n drop button ke form projek, kemudian copy paste hingga menjadi 5 unit button.

Gambar 11 : Button


lalu pada Tab Properties disebelah kanan pilih Text, dan rubah kalimat pada Button1 menjadi pengurangan, Button2 menjadi penjumlahan, Button3 menjadi perkalian, Button4 menjadi pembagian dan Button5 menjadi Keluar ( seperti pada kotak merah di gambar 12 ) dan letakkan button seperti pada gambar 13. 
Gambar 12  : Text Button

Gambar 13 : Posisi button

Lalu kita masuk pada coding button pengurangan, dengan cara klik 2 kali pada button pengurangan maka kita akan masuk pada Tab Form1.vb kemudian coding seperti pada gambar 14.

Gambar 14 : Coding Pengurngan

Lakukan pada button yang lain seperti pada gambar 15 dibawah ini.

Gambar 15 : Coding button lainnya

Kemudian Start Project yang terletak pada bagian atas menu bar ( seperti pada kotak merah di gambar 16 ). 

Gambar 16 : Start project

Apabila berhasil maka project akan keluar seperti gambar 17 dibawah ini.

Gambar 17 : Hasil Project

Berikut adalah hasil Pengurangan, Penjumlahan, Perkalian dan Pembagian.

Gambar 18 : Pembagian

Gambar 19 : Pengurangan

Gambar 20 : Penjumlahan

Gambar 21 : Perkalian

Apabila di klik button "Keluar" maka poject akan otomatis tertutup. Sekian untuk konten Visual Studio 2019 kali ini. Terima kasih. :)


 

0 komentar:

Post a Comment