"Cerita 9 | Windows Phone - 22 November 2013"

Pada pembelajaran Pemrograman Mobile, Minggu kemarin tangggal 22 November 1013. Saya mempelajari tentang Navigation Between Page, maksud dari  Navigation Between Page yaitu bagaimana kita pada Windows Phone bisa berpindah halaman. Navigation Between Page yang dibahas kali kali ini terdiri dari 2 poin pembahasan yaitu :
1.    Pindah Halaman
2.    Mengirim Parameter /Nilai antar Halaman

1.    Pindah Halaman
Perpindahan halaman di Windows Phone ini, sama seperti perpindahan halaman seperti Web. Langkah awal untuk membuat Windows Phone berpindah halaman yaitu membuat halaman yang baru, caranya click kanan pada nama project di Solution Explorer -> Add  -> New Folder  lalu berinama. Jadi fungsi folder ini untuk
penyimpanan halaman-halaman baru supaya terorganisir, setelah itu clik kanan pada folder  ->  New Item,   lalu muncul tampilan Add New Item.

Disini kita pilih Windows Phone Portrait Page  Visual C#, lalu berinama dan Installed Template nya -> Visual C# -> Add   Setelah di Add, pada IDE page nya menjadi bertambah seperti gambar dibawah ini :

Selanjutnya di file MainPage.Xaml kita buat sebuah hiperlink Button supaya berpindah halaman, caranya, pada Toolbox pilih HyperlinkButton, lalu drag ke design windows Phone setelah itu  di Properties isi NavigateUri nya dengan nama folder dan nama file yang telah kita buat yaitu /Views/ScondPage.xaml. Contohnya seperti gambar dibawah ini :

Setelah di isi lalu tekan enter, lalu kita coba run dan jalankan emulatornya.

Setelah di click, muncul halaman kedua seperti gambar dibawah ini :

Second page ini adalah, sebuah halaman ke dua yang barusaja kita buat, dan untuk ke halaman sebelumnya kita hanya click tombol back saja.


2.    Mengirim Parameter / Nilai antar Halaman
Mengirim Parameter / Nilai antar Halaman yaitu Ketika pindah halaman, ada data yang dikirimkan ke halaman yang baru contohnya mengirim nilai pada halaman pertama, ke halaman ke dua. Untuk dapat membuatnya pertama di MainPage.xaml misalnya kita coba kirim para meter dengan mengetik pada NavigateUri="/Views/ScondPage.xaml?nama=Amir&;umur=17"/>
Sama seperti Web :
="/Views/ScondPage.xaml (file yang di tuju)
? (pemisah)
Nama (parameternya) isi nya Amir
Umur (parameter ke dua) isi nya 17

Tetapi cara penulisan yang seperti ini NavigateUri="/Views/ScondPage.xaml?nama=Amir&;umur=17"/> error setelah di coba dan ternyata tidak bisa langsung dituliskan scripnya seperti di atas   dan yang benar adalah melalui NavigateUri seperti gambar di bawah ini :

isi NavigateUri nya dengan nama folder dan nama file nya yaitu : /Views/ScondPage.xaml?nama=Amir&umur=17. Sebelumnya tambahkan TextBlock nya terlebih dahulu di ScondPage.xaml. Selanjutnya di file.SeconPage.xaml.cs kita buat nama method baru yang sesuai. Dan masukkan scrip seperti gambar dibawah ini :

Setelah kita menuliskan scrip di atas, kita coba run dan di jalankan di design emulator windows Phone :

Di emulator ketika di click Go to page 2, maka muncul halaman dan data yang dikirimkan ke halaman selanjutnya, seperti gambar di bawah ini :

Muncul parameter pertama yaitu nama, dan parameter kedua yaitu umur.
Selanjutnya cara bagaimana cara kita mengirimkan nilai yang di inginkan user, langkah pertama adalah masukkan TextBox dan Button yang di posisikan seperti gambar dibawah ini :

Inputtan di TextBox ini akan dimasukkan ke halaman selanjutnya, prosesnya adalah pertama clic 2x pada Button hingga muncul di MainPage.xaml.cs. Setelah itu masukan scrip untuk berpindah halaman seperti dibawah ini :

Setelah menuliskan scrip di atas, kita tambahkan satu TextBlock lagi pada design Windows Phone lalu kita buka SconPege.xaml.cs dan masukan scrip pada gambar dibawah ini :

Kemudian langsung saja, run dan jalankan di emulator, hingga hasilnya seperti gambar dibawah ini :

Setelah muncul emulator kita, tulis pada TextBox nya misalkan tulis, poltek lalu click Sent to page 2 maka yang akan muncul adalah halaman ke 2 seperti gambar di bawah ini :

Tulisan yang baru saja kita tulis di TextBox, muncul di halaman 2 pada emulator Windows Phone ketika mengclick Button click Sent to page 2.
 
Nah itulah yang saya pelajari pada matakuliah Pemrograman Mobile, cukup sudah pembahasan dari saya mudah-mudahan bermanfaat, sekian dan terimakasih.