ThirdMetting | 11 Oktober 2013

Assalamu’alaikum wr wb.. 

Oke bertemu lagi sama saya, dalam kesemapatan ini saya akan mencoba mereview kuiah pemograman windows phone di minggu lalu, materi pertama yang kita akan bahas adalah materi “accepting input” yaitu menyamanakan apa yang kita input dalam textbox, Oke langsung saya kita bahas pertama kali adalah akan buat project baru. Oke Lets Say Basmalah... Bismillahirahmanirahim.... ^_____^

Klik File à New Project  . . . .

Lalu pilih Installed Template dengan Visual C#  lalu pilih di samping nya dengan Windows Phone Aplication paling atas, pilih Name dengan nama project anda, dan location itu pilih sesuai dengan dimana anda ingin menyimpan file project anda, klik button browse  untuk memilih folder yang anda inginkan, untuk solution pilih New Solution karna kita akan membuat project baru, dan name solution harus sama dengan nama project anda, ya lebih lengkap step by stepnya liat gambar di bawah.

Lalu pilih windows phone yang 7.1..

Jika sudah maka akan ada tampilan seperti ini,

Oke jika sudah, dalam project ini kita membutuhkan 1 textbox, 1 textblock dan 1 button kita drag n drop dalam toolbox ke file xaml seperti tampilan seperti ini…

Oke jika sudah step yang berikutnya kita akan buat nama disetiap object yang kita akan buat..caranya klik kanan pada object  lalu properties, lalu beri nama textbox itu dengan TBinput lalu textblock dengan txtOutpu dan button dengan btnClick, seperti gambar di bawah ini,

Setelah itu click 2x pada button dan isikan code seperti ini. . codi ini menjelaskan bahwa kita membuat nilai baru yang nilai baru itu dimasukan nilai dari Tbinput atau textbox input lalu menampilkan newValue tadi ke TxtOutput / textblock yang kita buat tadi.

Dan run di emulator dengan mengclick tombol segitia hijau atau dengan menekan tombol F5 pada keyboar.

Tapi ada coding yang lebih mudah dari itu yaitu dengan mengetikan code seperti ini.  Code ini menjelaskan apa saja yang diketikan di Tbinput maka dengan otomatis akan keluar di txtOutput.

Dan coba run emulatornya pasti akan sama… J

ke selanjutnya kita akan membuat button clear yaitu untuk menghapus semua tulisan di dalam Tbinput dan txtOutput kita. Caranya dengan kembali ke file cs dalam button dengan mengclick 2x button lalu menambahkan code sbgai berikut.

TbInput.text = "";

txtOutput.text = "";

TbInput.focus(); 

Tapi sebelum kita mengjalankan aplikasi kita ubah nama buttonnya terlebih dahulu dengan menubah content di propertiesnya dengan nama Clear.. ok jika sudah mari jalankan aplikasinya dengan menekan tombol F5

lalu run aplikasinya... ini adalah tampilan sebelum di clear dan setelah di  clear

Materi Ke 2..

IF STATEMENT

Oke kita ke materi yang ke 2 yaitu “IF STATEMENT” ya mungkin setiap kita belajar pemograman tidak akan terlepaskan dari pelajaran IF STATEMENT dibahasa pemograman apapun if statement selalu dipelajari, ok tidak akan berpanjang lama kita akan membuat suatu project dengan klik file à New Project

Setelah selesai membuat project baru kita akan membutuhkan biasa 1 textbox, 2 textblock dan button,
silahkan drag n drop 3 kompenen tersebut ke main.xaml, dan hingga design seperti dibawah ini.

Lalu kita ubah nama dan contentnya, textbox ganti nama jadi TbNilai, textblock 2 yang dibawah Tbnilai kita ganti nama jadi txtGrade lalu button kita ubah nama conten jadi lihat Grade dan namanya kita ganti jadi btnGrade.

Ok setelah itu click 2 kali di button dan coba ketikan code seperti ini…

Lalu coba jalankan emulatornya dengan menekan tombol F5.

Oke seperti itulah cara menggunakan if statement di windows phone. J

Materi ke 3.

Switch Statement

Oke bertemu lagi di materi ke 3 yaitu Switch Statement, fungsinya hampir sama dengan If Statement tapi Switch Statement ini hanya digunakan jika hanya ada 2 kemungkinan, oke kita buka file ifStatment tadi lalu jadikan comment terlebih dahulu pada code if tadi dengan mengetikan “ /* “ di awal code dan “*/” diakhir code if tadi seperti dibawah ini…

Dan coba ketikan coding seperti gambar berikut,

Coding menjelaskan jika kondisi TbNilai.text = 100 maka akan muncul A tapi jika selain 100 maka anda akan mendapatkan nilai sementara 0 itu akan di isi oleh message sementara 1 akan di isi oleh Congrugulation... langsung saja kita lihat hasilnya dengan click F5.

Dan hasilnya adalah jika kita ketikan 100 maka akan tampil A dan jika bukan 100 maka akan tampil B,

Oke berikutnya kita akan belajar switching yang lebih dari 2 kemungkinan, biasa kita akan beri comment terlebih dahulu dalam coding sebelumnya, lalu kita ketikan coding seperti dibawah ini..

Materi ke 4

For Iteration

oke kita bertemu lagi di materi yang ke 4 yaiutu Looping menggunakan dengan for, langsung saja buat project baru seperti biasa, dan siapkan 1 textbox, 1 textBlock dan 1 button, ubah nama TextBlock dengan nama txtFor dan textbox dengan nama InputText dan ganti nama button dengan nama ButtonClick, design file MainPage.xaml seperti gambar berikut..

jika sudah click 2x di buttonnya maka akan mancul ke file Cs nya, lalu ketikan coding seperti ini..

jika berhasil maka akan tampil seperti ini..

Nah jika sudah muncul tampilan diatas berarti aplikasi for kita sudah berhasil, sampai disni dlo perjumpaan kita, selamat bertemu di tutorial berikutnya.... Lets Say Hamdalah.... Alhamdulillah.... ^______^