Membuat Aplikasi Kalkulator Sederhana untuk Platform Windows Phone 7

Untuk memperlihatkan bagaimana mudahnya membuat aplikasi untuk platform Windows Phone 7, saya akan memberikan contoh bagaimana mudahnya membuat aplikasi kalkulator sederhana pada platform tersebut.

Software-software yang dibutuhkan antara lain:

1. Microsoft Expression Blend 4.0
2. Windows Phone Developer Tools

Langkah-langkahnya adalah sebagai berikut:

1. Buka Microsoft Expression Blend 4.0, kemudian pada welcome screen pilih “New Project…” atau dapat juga dengan memilih “File” pada menu bar, lalu pilih “New Project…”.

2. Pada window “New Project”, pilih “Windows Phone” pada “Project types”, kemudian pilih “Windows Phone Application” pada project templates. Isikan nama project pada kolom “Name”, setelah itu klik tombol “OK”.

3. Microsoft Expression Blend 4.0 akan otomatis menyiapkan berbagai library dan file yang diperlukan untuk membuat aplikasi untuk platform Windows Phone 7. Tampilan awal aplikasi kita adalah seperti ini

Kita akan mengubah tulisan “MY APPLICATION” menjadi “Kalkulator Sederhana”, dan tulisan “page name” menjadi “Kalkulator” dengan cara sebagai berikut:

	Pastikan “Selection” tools pada toolbox telah terpilih.
	Pilih TextBlock yang ingin kita ganti tulisannya.
	Pada tab “Properties”, scroll ke kolom “Common Properties”. Ketikkan tulisan yang diinginkan pada kolom “Text”.

4. Control-control yang diperlukan agar pengguna dapat berinteraksi dengan aplikasi kalkulator sederhana yang kita buat adalah sebagai berikut:

No.	Icon pada Toolbox	Nama Control	Properties
1		TextBlock	Text = “Bilangan 1:”
2		TextBlock	Text = “Bilangan 2:”
3		TextBlock	Text = “Operasi:”
4		TextBlock	Text = “Hasil:”
5		TextBox	Name = “bilangan1″
6		TextBox	Name = “bilangan2″
7		TextBox	Name = “hasil”
8		RadioButton	Name = “operasi_tambah” Content = “+” IsChecked = true
9		RadioButton	Name = “operasi_kurang” Content = “-”
10		RadioButton	Name = “operasi_kali” Content = “*”
11		RadioButton	Name = “operasi_bagi” Content = “/”
12		Button	Name = “tombol_hitung” Content = “Hitung”

Tambahkan control-control tersebut dengan cara memilih icon dari control yang ingin dibuat pada toolbox, kemudian men-drag pada ContentPanel yang terletak pada lembar kerja Microsoft Expression Blend 4.0. Setelah itu atur posisi dan properties-nya seperti dengan yang ditunjukkan pada gambar dan tabel di atas.

5. Untuk menambahkan fungsionalitasnya, pastikan “Selection” tool telah terpilih pada toolbox, kemudian pilih instance control bernama “tombol_hitung”. Pada tab “Properties” klik icon “Events” yang bergambar seperti petir.

Klik dua kali pada kolom di sebelah kanan tulisan “Click”. Pada code editor tambahkan code berikut ini sebagai implementasi dari method “tombol_hitung_Click” yang telah dibuat secara otomatis

int bilanganPertama = Convert.ToInt32(bilangan1.Text);
int bilanganKedua = Convert.ToInt32(bilangan2.Text);
			
if(operasi_tambah.IsChecked.Value)
{
	int hasilnya = bilanganPertama+bilanganKedua;
	hasil.Text = hasilnya.ToString();
}
else if(operasi_kurang.IsChecked.Value)
{
	int hasilnya = bilanganPertama-bilanganKedua;
	hasil.Text = hasilnya.ToString();
}
else if(operasi_kali.IsChecked.Value)
{
	int hasilnya = bilanganPertama*bilanganKedua;
	hasil.Text = hasilnya.ToString();
}
else if(operasi_bagi.IsChecked.Value)
{
	int hasilnya = bilanganPertama/bilanganKedua;
	hasil.Text = hasilnya.ToString();
}

/*
Penjelasan:
Pertama-tama kita mendapatkan text yang telah di-input oleh user pada kolom TextBox bilangan1 dan bilangan2. Setelah itu kita melakukan konversi dari tipe data string yang merupakan tipe data yang merepresentasikan teks menjadi tipe data integer yang merepresentasikan bilangan bulat.

Apabila user memilih operasi penjumlahan, maka angka yang telah dimasukkan oleh user pada kolom TextBox bilangan1 dan bilangan2 akan dijumlahkan.

Apabila user memilih operasi pengurangan, maka angka yang telah dimasukkan oleh user pada kolom TextBox bilangan1 akan dikurangi dengan angka yang telah dimasukkan oleh user pada kolom TextBox bilangan2.

Apabila user memilih operasi perkalian, maka angka yang telah dimasukkan oleh user pada kolom TextBox bilangan1 dan bilangan2 akan dikalikan.

Apabila user memilih operasi pembagian, maka angka yang telah dimasukkan oleh user pada kolom TextBox bilangan1 akan dibagi dengan angka yang telah dimasukkan oleh user pada kolom TextBox bilangan2. Karena yang digunakan adalah tipe data integer, maka hasil dari pembagian akan dibulatkan ke bawah.
*/

Untuk menjalankan aplikasi kalkulator sederhana yang telah kita buat, dapat dilakukan dengan menekan tombol F5 pada keyboard atau dengan memilih menu “Project” pada menu bar, kemudian pilih “Run Project”.

Tampilan aplikasi kalkulator sederhana pada saat berjalan

Aplikasi kalkulator sederhana ini masih memiliki banyak sekali kelemahan, contohnya seperti tidak bisa menghitung bilangan dengan koma atau bukan bilangan bulat. Anda dapat menambahkan fitur-fitur tambahan atau error handling sesuai dengan kreatifitas Anda. Selamat belajar

Contoh solution dari aplikasi kalkulator sederhana yang telah kita buat dapat di-download di sini.