1. Langkah 1
Buat Project baru dengan memilih File > New Project > pilih template Windows Form Application. Beri nama dan klik Ok.
Pada bagian ini hanya mengedit dari Button dan Textbox - nya dengan cara mengklik kanan pada Button dan TextBox-nya lalu klik Properties dan nanti akan muncul di sebelah kanan bawah di layar monitor anda.
Langkah selanjutnya kita akan lebih banyak berfokus kepada proses Coding.
6. Langkah 6
Pada langkah ini saya akan masuk pada penerapan-penerapan pada fungsi dari operator aritmatika
(+, -,*, /), namun sebelum kita masuk kesana, ada beberapa pendeklarasian yang perlu kita buat, supaya angka yang muncul yang muncul merupakan data yang berupa angka sehingga bisa dihitung.
Double berguna untuk menampung data berupa angka, sedangkan String berguna untuk menampung hasil perhitungan angka dan mengkonversikan angka tersubut menjadi sebuah text.
Selanjutnya kita akan kembali ke tampilan design dan menambahkan method pada Button operator aritmatka. Caranya cukup sama dengan cara menambahkan method untuk angka seperti yang di atas saya sudah jelaskan.
2. Langkah 2
Buat Desain form seperti ini :
Untuk membuat ini cukup dengan menggunakan "Drag and Drop" melalui ToolBox di sebelah kiri
yaitu hanya dengan TextBox dan Button.
3. Langkah 3
Lakukan langkah 2 hingga menjadi seperti ini :
Pada bagian ini hanya mengedit dari Button dan Textbox - nya dengan cara mengklik kanan pada Button dan TextBox-nya lalu klik Properties dan nanti akan muncul di sebelah kanan bawah di layar monitor anda.
4. Langkah 4
Selanjutnya klik TextBox dan lihat pada bagian Properties. Ubah name menjadi "result" (untuk pengubahan name bisa dilakukan dengan bebas, tidak harus result).
Langkah selanjutnya kita akan lebih banyak berfokus kepada proses Coding.
5. Langkah 5
Selanjutnya kita bisa double klik pada pada salah satu Button ( Button 1,2,3,4,5,6,7,8,9,0 atau . )
maka kita akan masuk ke tampilan dimana semua code yang berjalan di form project kita, namun akan muncul satu method atau event yang telah disediakan dari Button yang telah kita pilih.
Bisa dilihat code diatas akan menampilkan angka 1 jika Button 1. Pada bagian "Button b = (Button) sender;" itu merupakan sebuah deklarasi yang dimana 'b' akan mewakili atau menampung Button dalam form yang akan kita buat. Pada "result.Text = result.Text + "1";" itu maksudnya apabila Button tersebut di klik maka hasilnya akan di tampilkan dalam TextBox (result).
namun yang tampilan di atas jika dilakukan akan membuat semua tombol yang kita klik berubah menjadi angka 1, Lohh.. terus yang benar bagaimana?
ini dia yang benar:
Seperti yang telah saya jelaskan di atas variable 'b' berguna untuk menampung semua Button yang ada di form kita sehingga "result.Text = result.Text + b.Text;" akan menangkap text yang ada di Button dan akan ditampilkan di result atau TextBox.
Selanjutnya kita akan menghilangkan angka 0 pada tampilan awal kalkulator pada umumnya. Jadi, jadi apabila kita mengklik Button angka, angka 0 itu akan lenyap dan berubah menjadi angka yang kita pilih.
Caranya kita menambahkan Code seperti ini:
Jadi, jika text pada TextBox (result.Text) sama dengan 0, maka TextBox akan dikosongkan dan akan ditimpa oleh angka yang kita pilih.
Selanjutnya kita bisa double klik pada pada salah satu Button ( Button 1,2,3,4,5,6,7,8,9,0 atau . )
maka kita akan masuk ke tampilan dimana semua code yang berjalan di form project kita, namun akan muncul satu method atau event yang telah disediakan dari Button yang telah kita pilih.
Setelah di double klik tampilan akan berubah menjadi tampilan yang ada di bawah ini:
Bisa dilihat code diatas akan menampilkan angka 1 jika Button 1. Pada bagian "Button b = (Button) sender;" itu merupakan sebuah deklarasi yang dimana 'b' akan mewakili atau menampung Button dalam form yang akan kita buat. Pada "result.Text = result.Text + "1";" itu maksudnya apabila Button tersebut di klik maka hasilnya akan di tampilkan dalam TextBox (result).
namun yang tampilan di atas jika dilakukan akan membuat semua tombol yang kita klik berubah menjadi angka 1, Lohh.. terus yang benar bagaimana?
ini dia yang benar:
Seperti yang telah saya jelaskan di atas variable 'b' berguna untuk menampung semua Button yang ada di form kita sehingga "result.Text = result.Text + b.Text;" akan menangkap text yang ada di Button dan akan ditampilkan di result atau TextBox.
Selanjutnya kita akan menghilangkan angka 0 pada tampilan awal kalkulator pada umumnya. Jadi, jadi apabila kita mengklik Button angka, angka 0 itu akan lenyap dan berubah menjadi angka yang kita pilih.
Caranya kita menambahkan Code seperti ini:
Jadi, jika text pada TextBox (result.Text) sama dengan 0, maka TextBox akan dikosongkan dan akan ditimpa oleh angka yang kita pilih.
6. Langkah 6
Pada langkah ini saya akan masuk pada penerapan-penerapan pada fungsi dari operator aritmatika
(+, -,*, /), namun sebelum kita masuk kesana, ada beberapa pendeklarasian yang perlu kita buat, supaya angka yang muncul yang muncul merupakan data yang berupa angka sehingga bisa dihitung.
Selanjutnya kita akan kembali ke tampilan design dan menambahkan method pada Button operator aritmatka. Caranya cukup sama dengan cara menambahkan method untuk angka seperti yang di atas saya sudah jelaskan.
Lakukan hal ini pada semua Button operator (+,-,*,/) , klik bagian event, pada menu Click beri nama Method yang diinginkan sama seperti yang diatas telah saya jelaskan. Setelah itu akan langsung muncul tampilan seperti ini.
Tampilan ini berisikan method yang disediakan oleh keempat operator tersebut, namun masih kosong.
Mari kita isi kekosongan tersebut!
Mari kita isi kekosongan tersebut!
Tadi saya sudah jelaskan mengapa kita perlu melakukan beberapa pendeklarasian sebelum kita memasuki penerapan method, yaitu untuk ini, dimana
Button b = (Button)sender; berguna untuk menampung semua Button yang ada di form
operation = b.Text; untuk menangkap dan menghasilkan text yang ada di textbox
value = Double.Parse(result.Text); untuk menampung data berupa angka sehingga bisa dihitung dan nanti angka tersebut akan dikonversi menjadi text.
Button b = (Button)sender; berguna untuk menampung semua Button yang ada di form
operation = b.Text; untuk menangkap dan menghasilkan text yang ada di textbox
value = Double.Parse(result.Text); untuk menampung data berupa angka sehingga bisa dihitung dan nanti angka tersebut akan dikonversi menjadi text.
Selanjutnya, kita akan menyembunyikan angka atau bilangan pertama yang telah kita masukan apabila kita mengklik Button operator seperti kalkulator pada umumnya. yaitu dengan menambahkan 1 deklarasi dan method lagi seperti pada tampilan berikut.
Kita melakukan pendeklarasian dengan menggunakan data boolean dengan variable "operation_pressed".
Jika false artinya method dari tombol itu tidak akan diaktifkan ketika tombol operator diklik, sebaliknya jika true maka method dari tombol itu akan aktif apabila diklik.
Nah, sekarang kita akan memasukan method ke tombol sama dengan (=), yaitu dengan menggunakan method switch case seperti tampilan berikut.
Pertama - tama kita kembali ke halaman design dan kita double klik Button sama dengan (=), maka akan muncul satu method yang akan kita isi dengan "switch case".
switch (operation)
{
case "+":
result.Text = (value + Double.Parse(result.Text)).ToString();
break;
........
default:
break;
}//end switch
Potongan code diatas menunjukan fungsi-fungsi yang ada di operator aritmatika, yang berupa data hasil olahan atau perhitungan data angka yang hasilnya telah dikonversi menjadi tipe data tulisan atau Text.
Setelah ini seharusnya kalkulator sudah dapat digunakan, namun kita masih kurang 2 Button yang belum diimplementasikan, yaitu tombol Clear dan Clear Entry ( C dan CE). Kita kembali ke halaman design dan double click di tombol C dan CE.
Selama saya menggunakan kalkulator pada umumnya, tombol C dan CE memiliki kegunaan yang sama, yaitu untuk mengosongkan textbox dan mengubah kembali menjadi bentuk awal, yaitu 0 atau isitilahnya untuk me - "reset" kembali.
Berikut merupakan tampilan potongan Code -nya.
Method tombol Clear (C)
Method tombol Clear Entry (CE)
Sekian sedikit tutorial dari saya mengenai pembuatan Calculator dengan menggunakan Microsoft Visual Studio C#. Saya mohon maaf apabila ada kesalahan kata dan tidak berkenan bagi pembaca. Semoga tutorial ini dapat berguna bagi pembaca sekalian.
Terima kasih atas perhatiannya
Salam YOLO.....
Kita melakukan pendeklarasian dengan menggunakan data boolean dengan variable "operation_pressed".
Jika false artinya method dari tombol itu tidak akan diaktifkan ketika tombol operator diklik, sebaliknya jika true maka method dari tombol itu akan aktif apabila diklik.
Nah, sekarang kita akan memasukan method ke tombol sama dengan (=), yaitu dengan menggunakan method switch case seperti tampilan berikut.
Pertama - tama kita kembali ke halaman design dan kita double klik Button sama dengan (=), maka akan muncul satu method yang akan kita isi dengan "switch case".
switch (operation)
{
case "+":
result.Text = (value + Double.Parse(result.Text)).ToString();
break;
........
default:
break;
}//end switch
Potongan code diatas menunjukan fungsi-fungsi yang ada di operator aritmatika, yang berupa data hasil olahan atau perhitungan data angka yang hasilnya telah dikonversi menjadi tipe data tulisan atau Text.
Setelah ini seharusnya kalkulator sudah dapat digunakan, namun kita masih kurang 2 Button yang belum diimplementasikan, yaitu tombol Clear dan Clear Entry ( C dan CE). Kita kembali ke halaman design dan double click di tombol C dan CE.
Selama saya menggunakan kalkulator pada umumnya, tombol C dan CE memiliki kegunaan yang sama, yaitu untuk mengosongkan textbox dan mengubah kembali menjadi bentuk awal, yaitu 0 atau isitilahnya untuk me - "reset" kembali.
Berikut merupakan tampilan potongan Code -nya.
Method tombol Clear Entry (CE)
Sekian sedikit tutorial dari saya mengenai pembuatan Calculator dengan menggunakan Microsoft Visual Studio C#. Saya mohon maaf apabila ada kesalahan kata dan tidak berkenan bagi pembaca. Semoga tutorial ini dapat berguna bagi pembaca sekalian.
Terima kasih atas perhatiannya
Salam YOLO.....
Jordan Febrian
1601216111
Information System and Management Student
Bina Nusantara University
