Archive for Mei 2013

Membuat Project Windows Phone

Minggu, 26 Mei 2013
Posted by Unknown
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.




Dalam membangun aplikasi Windows Phone, ada dua platform yang dapat dengan bebas kita gunakan, yaitu Silverlight dan XNA. Pada template yang telah disediakan untuk pengembangan aplikasi menggunakan platform Silverlight, tersedia beberapa tipe projek yang bisa kita gunakan sesuai kebutuhan, diantaranya Windows Phone Application (penyedia halaman kosong tanpa kontrol), Windows Phone List Application (penyedia skenario aplikasi master-detail data), Windows Phone Panorama Application (penyedia skenario menggunakan navigasi panorama pada aplikasi), Windows Phone Pivot Application (penyedia skenario menggunakan navigasi pivot pada aplikasi), Windows Phone Class Library (pembangun komponen yang dapat digunakan kembali di beberapa projek yang lain).

Secara default, projek akan terdiri dari file-file berikut:

App.xaml / App.xaml.cs
Entry point dari aplikasi yang akan menginisialisasi resource dan tampilan dari aplikasi.

MainPage.xaml / MainPage.xaml.cs
Mendefinisikan sebuah halaman dengan antarmuka pada aplikasi.

ApplicationIcon.png
File Gambar yang akan menjadi icon pada list aplikasi.

Background.png
File gambar yang akan menjadi background aplikasi.

SplashScreenImage.jpg
File Gambar yang akan ditampilkan pertama kali ketika aplikasi dijalankan.

Properties\AppManifest.xml
File manifest untuk keperluan pembangkitan paket aplikasi

Properties\AssemblyInfo.cs
File assembly yang mengandung informasi nama dan versi metadata yang akan diletakan pada assembly yang dihasilkan.

Properties\WMAppManifest.xml
File manifest yang mengandung secara spesifik metada terkait aplikasi Windows Phone yang spesifik mengandung fitur-fitur pada Silverlight untuk Windows Phone.
Welcome to My Blog

Translate

About Me

- Copyright © Sama Belajar -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -