Langkah –langkah membuat kalkulator :
1. Setelah download VS 2012 Ultimate dari link diatas, ekstrak file rar dengan mengunakan WinRar, setelah diekstrak anda bisa menggunakan Daemon tools atau tetap menggunakan WinRar untuk mount file iso. Kemudian run vs_ultimate.exe sebagai Administrator.
2. Install seperti biasa, dan anda akan ditawarkan jika anda ingin meng-install fitur optional packages bawaan VS 2012 seperti Blend for Visual Studio, Lightswitch, Microsoft Foundation Classes for C++, dsb. Skip tahap ini jika anda tidak membutuhkan optional package ini.
3. Setelah selesai install buka VS 2012. Klik New Project... pada Ultimate 2012 start page. Atau klik File, New, Project pada pojok kiri atas baris menu.
4. Akan muncul tab seperti ini :
Klik Windows Form Application, lalu ketik Name, Solution, dan Location penyimpanan project sesuai yang anda inginkan. Lalu klik OK.
5. Setelah ditampilkan form designer, kita mulai dengan mendesign label. Klik toolbox, klik Label, lalu klik di area form.
6. Klik label yang telah anda buat, dan ganti nama label1 dengan "masukkan angka pertama :" pada field Text di object properties. Bikin pula label kedua untuk "masukkan angka kedua :".
Susun sampai seperti ini :
7. Kemudian kita akan mendesign textbox yang akan digunakan untuk memasukkan nilai input untuk dihitung. Klik Toolbox, klik TextBox, lalu klik di area form.
Susun sampai seperti ini :
8. Kemudian yang terakhir, kita akan mendesign tombol untuk operasi penjumlahan, pengurangan, perkalian, dan pembagian. Klik Toolbox, klik Button, lalu klik di area form.
Setelah klik di area form, klik button yang anda buat tadi, lalu ganti nama button1 dengan + pada field Text di object properties.
Ulangi tahap diatas sampai terbentuk empat button seperti gambar dibawah ini :
9. Klik Toolbox, klik label, dan namai sebagai "Result :". Lalu klik Toolbox, klik Textbox, lalu klik di area form. Sampai semuanya seperti ini :
10. Taaaa-daaaaaa... Tahap mendesign sudah selesai. Sekarang saatnya mengutak-atik script pada setiap komponen button yang kita pasang di area form. Prinsipnya ketika kita menjalankan program diatas, kita harus menentukan aksi apa yang akan terjadi setelah kita meng-klik setiap button diatas. Tentunya jika kita menekan tombol +, maka kedua nilai input yang kita masukkan dalam text box akan dijumlah. Begitu pula dengan pengurangan, maka akan dikurangi, dst. Langkah selanjutnya adalah melihat script code. Dapat dilakukan beberapa cara, salah satunya :
Klik kanan pada salah satu dari komponen di area form, misalnya ane klik kanan pada button 1, lalu klik view code.
11. Setelah itu anda akan dialihkan ke tampilan layar seperti ini :
Kita mulai dari button1 (tombol +). Klik Form 1 tab di atas, lalu klik button 1.
Dan klik declarations tab diatas, lalu pilih Click.
Lakukan hal yang sama sampai dengan button 4.
12. Di bawah Public Class Form1, ketik : Dim x, y, r As Integer
dengan asumsi bahwa x sebagai variabel pertama, y sebagai variabel kedua, dan r sebagai hasil/result. Anda bisa mengganti x dan y dengan a dan b, atau v1 dan v2, itu semua terserah anda.
Note :
Mengapa kita memisalkan x, y, dan r sebagai tipe data integer? Karena kita menginginkan x, y, atau r untuk di input sebagai angka, dengan ketentuan jarak/batas integer adalah -2147483648sampai +2147483647. Kalau nilai nya kita masukkan 2147483648, jelas bakal muncul pesan error, karena melebihi batas 2147483647. Dan integer juga berfungsi sebagai pembulatan bilangan desimal. Misal seperti nilai 7.9, maka akan dibulatkan oleh integer menjadi 8. Begitu pula dengan 9.5 menjadi 9.
13. Di setiap Private Sub Button 1 sampai 4, kita membuat operasi perhitungan yang cocok dengan setiap button tersebut. Misalnya di Button 1 (tombol +) akan dibuat penjumlahan antara variabel pertama dan kedua, dalam hal ini berarti : x + y. Hasilnya disimpan dalam kotak Result (TextBox3). Namun anda harus cek kembali dan pastikan bahwa Texbox yang paling bawah di area form adalah Texbox3. Cara cek nya adalah melihat Name (di bagian Design) pada Object Properties. Seperti gambar dibawah :
14. Jika sudah benar TextBox3 nya, maka kita tambahkan script untuk button 1 sampai 4 nya. Mulai dari Button 1, ikuti seperti gambar dibawah :
15. Untuk Button 2 sampai 4 ikuti script seperti gambar dibawah :
16. Kemudian klik Start di bagian baris menu untuk menjalankan program.
17. Selamaaaatttt!!! anda berhasil membuat kalkulator sederhana dengan Visual Studio!!
Demikian tutorial sederhana cara membuat kalkulator.
Susun sampai seperti ini :
8. Kemudian yang terakhir, kita akan mendesign tombol untuk operasi penjumlahan, pengurangan, perkalian, dan pembagian. Klik Toolbox, klik Button, lalu klik di area form.
Setelah klik di area form, klik button yang anda buat tadi, lalu ganti nama button1 dengan + pada field Text di object properties.
Ulangi tahap diatas sampai terbentuk empat button seperti gambar dibawah ini :
9. Klik Toolbox, klik label, dan namai sebagai "Result :". Lalu klik Toolbox, klik Textbox, lalu klik di area form. Sampai semuanya seperti ini :
10. Taaaa-daaaaaa... Tahap mendesign sudah selesai. Sekarang saatnya mengutak-atik script pada setiap komponen button yang kita pasang di area form. Prinsipnya ketika kita menjalankan program diatas, kita harus menentukan aksi apa yang akan terjadi setelah kita meng-klik setiap button diatas. Tentunya jika kita menekan tombol +, maka kedua nilai input yang kita masukkan dalam text box akan dijumlah. Begitu pula dengan pengurangan, maka akan dikurangi, dst. Langkah selanjutnya adalah melihat script code. Dapat dilakukan beberapa cara, salah satunya :
Klik kanan pada salah satu dari komponen di area form, misalnya ane klik kanan pada button 1, lalu klik view code.
ATAU klik panah pada form1.vb, lalu klik form1 pada Solution Explorer.
Kita mulai dari button1 (tombol +). Klik Form 1 tab di atas, lalu klik button 1.
Dan klik declarations tab diatas, lalu pilih Click.
Lakukan hal yang sama sampai dengan button 4.
12. Di bawah Public Class Form1, ketik : Dim x, y, r As Integer
dengan asumsi bahwa x sebagai variabel pertama, y sebagai variabel kedua, dan r sebagai hasil/result. Anda bisa mengganti x dan y dengan a dan b, atau v1 dan v2, itu semua terserah anda.
Note :
Mengapa kita memisalkan x, y, dan r sebagai tipe data integer? Karena kita menginginkan x, y, atau r untuk di input sebagai angka, dengan ketentuan jarak/batas integer adalah -2147483648sampai +2147483647. Kalau nilai nya kita masukkan 2147483648, jelas bakal muncul pesan error, karena melebihi batas 2147483647. Dan integer juga berfungsi sebagai pembulatan bilangan desimal. Misal seperti nilai 7.9, maka akan dibulatkan oleh integer menjadi 8. Begitu pula dengan 9.5 menjadi 9.
13. Di setiap Private Sub Button 1 sampai 4, kita membuat operasi perhitungan yang cocok dengan setiap button tersebut. Misalnya di Button 1 (tombol +) akan dibuat penjumlahan antara variabel pertama dan kedua, dalam hal ini berarti : x + y. Hasilnya disimpan dalam kotak Result (TextBox3). Namun anda harus cek kembali dan pastikan bahwa Texbox yang paling bawah di area form adalah Texbox3. Cara cek nya adalah melihat Name (di bagian Design) pada Object Properties. Seperti gambar dibawah :
14. Jika sudah benar TextBox3 nya, maka kita tambahkan script untuk button 1 sampai 4 nya. Mulai dari Button 1, ikuti seperti gambar dibawah :
15. Untuk Button 2 sampai 4 ikuti script seperti gambar dibawah :
16. Kemudian klik Start di bagian baris menu untuk menjalankan program.
Demikian tutorial sederhana cara membuat kalkulator.
1 komentar: