Sama Belajar

Pada postingan kali ini saya akan menjelaskan mengenai pembuatan / pengenalan awal aplikasi windows phone, khususnya Windows Phone 7.  Dimana fungsi dari penulisan ini yaitu sebagai pembelajaran awal mengenai pembuatan project aplikasi Windows Phone serta mencoba menjalankannya pada emulator.

Langsung saja, saya akan membuat satu projek yang menampilkan nama pengguna yang diinputkan oleh user.

Langkah pertama, Buka Visual Studio Express for Windows Phone. Pilih File > New Project. Pilih template untuk Visual C# tipe Silverlight for Windows Phone, pilih Windows Phone Application, lalu beri nama serta tentukan alamat / folder project sesuai keinginan / kebutuhan. Misalnya saya menamai project ini dengan nama "HelloUser" dan menentukan alamat pada "D:\Apps Windows Phone 7\Blog\Project Windows Phone\", lalu Klik OK.


Kemudian muncul opsi seperti disamping, pilih saja Windows Phone OS 7.1. Klik OK.







Setelah pembuatan project selesai maka muncul tampilan antarmuka phone sehingga memudahkan kita melihat desain yang kita buat ketika proses pengembangan tanpa harus menjalankan project melalui emulator terlebih dulu.

Terdapat beberapa komponen yang terdapat pada Microsoft Visual Studio ini yang tentunya harus kita ketahui fungsi nya demi kelancaran dalam pembuatan suatu project. Diantaranya:

Komponen "Tollbox" berisi beberapa tool yang berfungsi sebagai tambahan tool yang dibutuhkan pada suatu project misalnya tool textblock yang berfungsi menampilkan kata atau kalimat pada suatu projek. Komponen tersebut secara default berada di sebelah kiri project.






Komponen "Properties" merefresentasikan properties dari project maupun komponen yang aktif pada suatu project. Komponen tersebut secara default berada di sebelah kanan project.








Komponen "Solution Explorer" merupakan komponen yang berisi daftar file yang terdapat pada suatu project. komponen tersebut secara default berada di sebelah kanan project.








Kemudian selanjutnya saya akan membuat / menambahkan sebuah TextBox dan sebuah Button dari komponen ToolBox. Sehingga hasilnya sebagai berikut:












Double klik pada button, maka akan menampilkan code-behind dari halaman yang sedang aktif. Tambahkan fungsi untuk mengubah Title menjadi "Hello +", nama User yang diinputkan melalui Texbox yang tersedia.
Ketikan kode berikut ini di bagian event handler Button tersebut:





Untuk mengosongkan atau mengubah properties dari setiap konponen yang sigunakan pada suatu project misalnya TextBox dapat langsung mengeditnya melalui sintak langsung maupun properties, misalnya saya mengosongkan Text dari TextBox dengan cara menghapus karakter yang di blok seperti pada gambar dibawah ini:





Untuk melakukan deployment dan menjalankan (Run) project aplikasi pada Microsoft Visual Studio, pilih "Start Debugging", atau bisa juga dengan menekan F5 pada keyboard.


Jika kita melakukan deployment untuk pertama kali maka prosesnya akan cukup memakan waktu, namun tudak untuk yang kedua dan seterusnya selama emulator tidak kita non-aktifkan.
Ketika emulator berhasil dijalankan maka ketikan nama sembarang di TextBox dan tekan Button. Page title akan berubah sesuai dengan teks yang terdapat pada textbox serta tambahan yang diinisialisasi pada code-behind yang sebelumnya telah dibuat.