Rabu, 04 Desember 2013

Pertemuan Kesembilan Windows Phone - 22 November 2013

Jum'at 22 November 2013


Pertemuan Kesembilan Windows phone

Bismillahirrahmanirrahim

Hai sobat bertemu lagi dengan saya, setelah dipending untuk pertemuan ke sembilan ini akhir nya saya dapat membahas materi "Navigation" di blog ini. Oke kita langsung saja teman.



1. New Project (ctrl+shift+N)
2. Pilih windows Phone App + Visual C#
3. Beri nama project  “tugas” Name project jangan lupa samakan dengan Solution Name
4. Lalu browse dan pilih dimana kita akan menyimpan Folder Project aplikasi yang akan kita buat.
5. Lalu klik OK dan pilih Windows OS 7.1 lalu klik OK
6. lalu lakukan pendesainna seperti dibawah ini




Gambar diatas memiliki komponen-komponen seperti dibawah ini
1 buah textbox
1 buah textblock
4 buah button

Selanjutnya yang perlu diperhatikan adalah harus adanya page yang dituju. pada latihan kali ini kita akan mencoba membuat 5 buah page dan setiap page dapat terhubung satu sama lainnya.

7. klik kanan pada project kalian lalu pilih add dan pilih new folder,,beri nama folder kalian "view"

8. selanjutnya tambahkan page.xaml sebagai page yang dibutuhkanklik kanan pada folder yang baru dibuat lalu pilih add kemudian pilih new item 

pilih windows phone potrait lalu isikan nama pagenya kemudian add,,pada latihan kali saya memberikan nama setiap page yaitu 
secondpage.xaml   sebagai page kedua
third.xaml   sebagai page ketiga
fourth.xaml sebagai page keempat
fifth.xaml sebagai page kelima




9. lalu lakukan pendesainna pada setiap pagenya,pada latihan kali ini saya menyamakan desain setiap page nya,lebih jelasnya lihat gambar dibawah ini



Desain Page pertama (mainpage.xaml)



Desain Page kedua (secondpage.xaml)



Desain Page ketiga(thirdpage.xaml)



Desain page keempat(fourthpage.xaml)


Desain Page kelima(fifthpage.xaml)

10. setelah itu masukkan script dibawah ini pada setiap page.

MainPage.xaml
Script ada di notepad


SecondPage.xaml

Script ada di notepad

ThirdPage.xaml
Script ada di notepad


Fourthpage.xaml
Script ada di notepad


Fifth.xaml
Script ada di notepad

11. setelah itu debug lah projectnya maka hasilnya akan seperti dibawah ini,,dibawah ini navigation page secara normal dan berurutan dari page satu ke dua,dua ketiga dan seterusnya. 

 lihatlah keterangan yang keluar di setiap page,yang menandakan itu berasal dari page berapa 


















kemudian lihatlah gambar dibawah ini,dilakukan dengan secara acak tidak berurutan dan tidak seperti gambar diatas

lihatlah kembali keterangan yang muncul di textblock pada setiap page,itu menandakan page sebelumnya atau berasal dari page mana





Mungkin cukup sekian pembahasan dari saya , mohon maaf apabila ada kekurangan dalam pembahasan materi "NAVIGATION" ini. Sekian dan terimakasih :)

0 komentar:

Posting Komentar

 
;