Navigation Page Windows Phone

Asalammualaikum Wr.Wb
Seperti biasanya di usai pembelajaran Visual Programming (Windows Phone), tugas untuk masing-masing mahasiswa adalah memposting hasil dari praktek yang telah dikerjakan pada mata kuliah tersebut.
Praktek kali ini mengenai “Navigation page”  maksudnya, kita memindahkan halaman. Misalnya kita akan memindahkan halaman 1 ke halaman berikutnya. kita langsung saja pada project.

 Seperti biasanya setelah kita mempuka aplikasi windows phone kita harus mengikuti langkah-langkah yang biasanya. Kali ini saya akan menamakan folder windows phone saya dengan nama “MainPage2”.
Setelah aplikasi telah terbuka, bisa di lihat seperti gambar di bawah

Klik kanan pada file MainPage2. Lebih lanjutnya lihat pada gambar dibawah

ita akan merubah nama folder menjadi “Views”. Sekarang kita akan menambahkan halaman baru agar kita dapat masuk kehalaman berikutnya. Caranya hampir sama dengan cara diatas, bedanya kita klik kanan pada folder “Views”

Setelah itu akan mencul jendela seperti gambar dibawah ini

kita akan menuliskan nama file-nya . nama file bebas sesuai dengan nama yang anda inginkan.
Setelah itu kita tinggal mempersiapkan template apa saja yang dibutuhkan. Karna dosennya memberikan tugas yaitu dengan membuat 5 file dan setiap file saling berhubungan. Yang perlu di buat yaitu kita memerlukan 5 file

Setelah 5 file telah dibuat sekarang kita akan meng-double Click pada Button1 “Page 2” dan masukan kode seperti pada gambar dibawah ini.

Setelah itu kita ke halaman SecendPage.xaml.cs , kemudian masukan kode seperti pada gambar di bawah ini.

hasilnya akan seperti pada gambar dibawah ini.

Pada saat kita memasukan input pada TextBox dan kita mengklik Page 2 atau yang lainnya, maka hasilnya akan seperti gambar dibawah ini

 sekian postingan dari saya lebih kurangnya saya minta maaf , terima kasih banyak assalamualaikum wr.wb

Read More

Cerita Kuliah Bagian 7

kali ini saya akan mempost videotutorial windows phone langsung saja tidak usah ber tele tele
1. New Project (ctrl+shift+N)
2. Pilih windows Phone App + Visual C#
3. Beri nama project  “XamlSyntax” 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


kali ini mungkin kita tidak akan terlalu banyak melakukan/menulis koding yang panjang  Seperti yang pernah kita lakukan dalam pembuatan aplikasi, secara default tampilannya akan seperti pada gambar dibawah ini.

Zoom : untuk mengatur ukuran emulator design

Show Snap Grid : untuk memperlihatkan grid agar ketika kita menaruh beberapa element seperti button agar rapih.
Snap to gridlines, dll.
Seperti yang kita ketahui pada windows phone ini UI menggunakan Silverlight. Dan pada umumnya ketika kita memasukkan element pada toolbox seperti button  kedalam Xaml design maka secara otomatis akan tertuliskan kode button beserta propertiesnya pada MainPage.xaml. lihat seperti contoh gambar

(Lihat pada gambar yang ditadai dengan warna biru, itu adalah kode dari element button yang kita drag ke xaml design yang secara otomatis langsung tertulis pada MainPage.xaml)

 <Grid itu adalah pembuak dan kode </Grid> itu adalah penutup.

Lalu selanjutnya saya akan menjelaskan mengenai SupportedOrientation, atau bisa diliat kodenya seperti gambar di samping








mungkin hanya sekian tutorial yang dapat saya sampaikan mudah mudahan bermanfaat meskipun masih jauh dari kata sempurna dan jauh dari kata hebat dan yang jelas masih banyak berlatih lagi untuk saya , lebih dan kurang nya saya minta maaf , sampai jumpa lagi di cerita kuliah selanjutnya

Read More

Cerita Kuliah bagian 6

Kali ini saya akan mempost video tutorial tentang play with .Net Class And SilverLight. Pada windows phone ini kita akan menggunakan .Net Famework, jadi kita akan menggunakan .Net Class Library yang sudah dibuat oleh Microsoft. Silverlight merupakan sebuah framework untuk membuat sebuah aplikasi windows phone. ga perlu panjang lebar lagi kita lagsung saja mulai .

1. New Project (ctrl+shift+N)
2. Pilih windows Phone App + Visual C#
3. Beri nama project  “CreateAButton” 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. Buat sebuah Button dan TextBox seperti gambar dibawah ini.

Element yang ada pada MainPage.xaml merupakan sebuah class , seperti contoh pada gambar
di samping
















 element seperti “Grid” dan “Button” itu merupakan sebuah Class dari .Net Library . dikarenakan Button yang kita buat adalah sebuah Class, kita bisa mengakses Button ini dari MainPage.xaml.cs , seperti contoh pada gambar dibawah ini, agan bisa mengklik 2x pada Button dan langsung akan masuk ke MainPage.xaml.cs .

jika kita ingin memasukkan sebuah element maka kita bisa melakukannya dengan sangat mudah yaitu dengan menarik element apa yang akan kita tambahkan pada aplikasi kita dengan mengambilnya pada ToolBox seperti pada gambar di samping




















selain dari ToolBox kita juga bisa membuat element-elemt itu menggunakan sebuah kode, menurut pengalaman saya ini sama seperti Web Programming, dan kita juga bisa mengedit pada kode tersebut. Kita kembali ke kode pada MainPage.xaml.cs

pada kode yang di blok merupakan inisialisasi instant object dari class button, sementara dengan kode yang dibawahnya, atau yang tidak di blok merupakan setting properties dari button. Dan kita juga bisa mengakses melalui kode di MainPage.xaml.cs ini.

untuk menambahkan Button yaitu dengan cara mengetik kode seperti dibawah ini.

ContentGrid adalah jadi kita akan menambahkan sebuah Button kedalam ContentGrid, ContentGrid ini berasal dari Element Grid yang berada pada Mainpage.xaml .
Sama halnya dengan kode pada TextBox yang berada dibawah kode Button. Setelah Agan-Agan beres mengetik koding Button dan TextBox untuk menambahkan Button dan TextBox kedalam Grid  , maka kita jalankan Emulator 7.1 dan hasilnya akan seperti pada gambar dibawah ini.

dan jika kita klik add button maka akan ada muncul seperti ini

Cukup sekian postingan dari saya lebih kurangnya saya minta maaf , karena kesempurnaan hanya milik allah dan kekurangan hanya milik saya semata , akhir kata semoga bermanfaat sampai jumpa di postingan cerita kuliah berikutnya .

Read More