Belajar Membuat Aplikasi Kalkulator Sederhana Menggunakan Visual Studio (C#)

Halo Dunia !👋🏽
Belajar bareng buat bikin aplikasi sederhana pakai framework .NET yuk.

1. Instalasi Visual Studio

Sebelum kita melakukan instalasi visual studio, pastikan temen-temen sudah menginstall .NET terlebih dahulu ya di komputernya.

Pertama, kunjungi website resmi visual studio. Pilih yang Community yaa.

visual studio official website

File yang terdownload nantinya adalah installer dari visual studio. Jalankan filenya kemudian pastikan pilih yang community edition. Jika sudah berhasil maka tampilannya akan seperti

tampilan visual studio community edition berhasil di install

2. Aplikasi Hello World Sederhana (C#)

Untuk membuat aplikasi Hello World Sederhana pada Visual Studio pertama buat project baru. Pilih Console APP (.NET Core)

Tampilan buat project baru (Console App)

Beri nama project dan pilih direktori tempat menyimpan project-nya.

Beri nama dan tentukan direktori untuk menyimpan

Gunakan fungsi Console.WriteLine( ) untuk mencetak tulisan pada console, pastikan kode temen-temen seperti ini. Kali ini aku bakal nampilin list project yang udah pernah aku kerjain. Kalau kalian penasaran bisa cek pada post dibawah

Project Aplikasi Yang Pernah Aku Kerjakan(Web, Desktop)

using System;
namespace Hello_World
{
class Program
{
static void Main(string[] args)
{
Console.WriteLine("Hello World!");
Console.WriteLine("My name is Salim Bin Usman o/\n");
Console.WriteLine("My Project I have done :");
Console.WriteLine("1. Twends/Greed Is Not Good (Card Game)");
Console.WriteLine("2. Sal Gallery (Personal Website");
Console.WriteLine("3. Sistem Informasi HMTC");
}
}
}

Kemudian jalankan dengan menekan tombol Run atau F5.

Jalankan project dengan menekan tombol F5

Yey! udah jadi. Hasilnya bisa temen temen lihat seperti dibawah ini yaa

Output program

3. Aplikasi Kalkulator Sederhana (C#)

Sekarang kita bakal belajar buat bikin kalkulator sederhana kaya kalkulator yang ada di windows. Aku pakai referensi dari video YouTube ini buat bikin kalkulatorku.

Pertama kalian buat project baru yang tipenya Windows Forms App, pastiin temen-temen pilih yang bahasanya C# ya, karena tutorial kali ini bakal pakai bahasa C#. Terus setting nama dan direktori kalian ngesave projectnya.

new project Windows Forms App

Temen-temen nanti bakal ngehasilin tampilan Windows Form kosong di Visual Studionya.

tampilan form new project

Kedua, sesuaiin ukuran form yang temen-temen mau dengan meresize pada tab properties atau bisa ngeresize sendiri di bagian formnya. Jangan lupa buat beri nama aplikasi kalian dengan mengganti isian Text pada tab properties dengan nama Calculator lom

resize form dan rename applikasi menjadi Calculator

Ketiga, tambahin elemen Button untuk input angka dan operator dari kalkulator dan TextBox untuk output angka yang ingin diproses. Sesuaiin ukuran sesuai keinginan temen-temen. Kalo aku bikinnya segini nih. Setting juga font size dan pastiin untuk TextBox pake right alignment yaa.

Button untuk angka dan operator + TextBox untuk output

Keempat, buat fungsi untuk ngehandle input angka sama koma, cara nambahinnya adalah temen-temen klik salah satu button angka/koma terus di tab properties pindah ke bagian event, nah disitu ada kolom click isiin pake nama fungsi yang temen-temen pengen, kalau aku pake nama button_click.

fungsi click pada button

Terus didalemnya temen-temen isi pake kodingan dibawah ini

private void button_click(object sender, EventArgs e)
{
if (screen.Text == "0")
{
screen.Clear();
}
Button button = (Button)sender;
screen.Text = screen.Text + button.Text;
}

Kelima, buat fungsi untuk ngehandle operator aritmatika, caranya sama kaya sebelumnya dan kali ini aku pake nama op_pres.

fungsi handle operator

kali ini temen-temen buat beberapa variabel global untuk nyimpen state dari kalkulator, gampangnya variabel itu biar kalkulatornya tahu apakah temen-temen lagi mencet operator atau enggak. Terus jangan lupa fungsi nya diisi kaya kodingan ini.

Double val = 0;
String text = "";
bool op_pressed = false;

private void op_pres(object sender, EventArgs e)
{
Button button = (Button)sender;
text = button.Text;
val = Double.Parse(screen.Text);
op_pressed = true;
}

Karena sekarang kita punya variabel global untuk nandain state kalkulator kita maka perlu ditambahin beberapa kode di fungsi button_click.

private void button_click(object sender, EventArgs e)
{
if (screen.Text == "0" || op_pressed )
{
screen.Clear();
}
Button button = (Button)sender;
screen.Text = screen.Text + button.Text;
op_pressed = false;
}

Keenam, kali ini baru kita urus si operator =. Sama kaya temen-temennya kita kasih dia fungsi yang ngehandle kalau operator = dipencet. Kali ini aku pake nama op_res. Fungsinya aku isi pake kode ini.

private void op_res(object sender, EventArgs e)
{
switch (text)
{
case ("+"):
screen.Text = (val + Double.Parse(screen.Text)).ToString();
break;
case ("-"):
screen.Text = (val - Double.Parse(screen.Text)).ToString();
break;
case ("*"):
screen.Text = (val * Double.Parse(screen.Text)).ToString();
break;
case ("/"):
screen.Text = (val / Double.Parse(screen.Text)).ToString();
break;
default:
break;
}
op_pressed = false;
}

Ketujuh, terakhir nih yang gak kalah penting yaitu tombol C dan CE. Masing-masing aku kasih nama c_button dan ce_button. Buat temen-temen yang belum tahu nih, tombol C itu dipake buat ngehapus semua nilai yang ada tapi kalau CE cuman ngehapus yang ada di layar aja. Nah, isi fungsinya tuh kaya gini.

private void ce_button(object sender, EventArgs e)
{
screen.Text = "0";
}
private void c_button(object sender, EventArgs e)
{
screen.Text = "0";
val = 0;
}

Udah jadi dehh, hasilnya bisa temen-temen coba langsung dengan me-run projectnya. Hasilnya nanti kurang lebih bakal kaya gini.

aplikasi kalkulator sederhana

Gimana? Gampang kan. Gampang banget dong! Kalau temen-temen ada kesusahan atau mau diskusi langsung comment aja ya. Semoga artikel ini bisa bermanfaat buat kalian semua. Cheers 👋🏽