Chapter 9 : Mobile Programming Story Windows Phone ( Image Control )

Assalamualaikum ..

halo kawan-kawan blogger :) apa kabar ?

semoga sehat dan selalu dalam keadaan yang luar biasa ya .. alhamdulillah kali ini ketemu lagi dengan update ke 9 kali ini saya akan membahas tentang image control .. kalo diterjemahkan ke bahasa indonesia mungkin jadi mengontrol gambar *loh .. okey tak akan berintro terlalu lama let's check it out !!

Seperti biasa hal yang pertama harus dilakukan siapkan alat perang nya kawan ~ re: buka aplikasi windows phone nya hoho .. Selanjutnya tinggal drag and drop image dari toolbox.

 Setelah itu resize ukuran sesuai dengan yang kita inginkan ...

Next klik kanan pada image control - pilih add - add new folder kenapa pilih new folder ? agar gambar yang kita tambahkan dapat dikelompokan di dalam sebuah folder sehingga kita tidak perlu lagi mencari atau menambahkan ulang gambar tersebut hehe ..

Setelah folder dibuat maka selanjutnya kita akan menambahkan gambar untuk ditampilkan di dalam toolbox image yang telah kita buat tadi .. caranya ? klik kanan pada image-pilih add - add existing item ..

 kita akan langsung di direct menuju folder yang kita inginkan .. disini ada contoh 2 gambar .. kita tinggal pilih salah satu .. disini kita mengambil contoh gambar dari nabillah JKT48 .

Masi belum tampil ya ? bingung kan ? lihat gambar dibawah kita cari properties terlebih dahulu untuk mencari " Source " yaitu agar gambar yang kita pilih tadi dapat muncul .. jika sudah ketemu klik file name gambar yang telah ditambahkan tadi ..

 dan jreeeng gambar yang telah kita pilih muncul :)

loh kok gambarnya gak fit to object ya ? gimana ini ? jangan takut kita hanya perlu mengatur stretch di propertiesnya .. fungsi dari strecth tersebut adalah untuk membuat gambar fit to object atau bahasa gaulnya biar pas di layar sesuai yang kita inginkan *halah ..

nah dibawah ini jika kita sudah menemukan stretch ada beberapa pilihan .. untuk none gambar akan sesuai dengan ukuran aslinya , jika kita memilih fill gambar akan memenuhi image tool nya , jika kita memilih uniform gambar dapat kita resize sesuai keinginan tanpa mengurangi resolusi gambar tersebut .. dan jika kita memlih uniformtofill gambar akan otomatis langsung pas dengan tool nya tanpa mengurangi resolusinya ..

 Selanjutnya kita akan menambahkan button .. mau ngapain ya ? hmm kasih tau ga ya ? apa yaa singkatnya kita akan membuat sebuah button jika di klik gambar akan berubah atau dengan kata lain merubah gambar hoho *halah jangan lupa edit propertiesnya beri nama juga buttonya

Selanjutnya tambahkan foto kedua caranya seperti yang telah dijelaskan diatas klik kanan pada image-add existing item - pilih gambar

klik 2x pada button change dan isikan code seperti gambar dibawah ini dan silahkan lihat sendiri apa yang terjadi hohohoho penasaran ya penasaran ? coba sendiri sukses apa engga ... xD

okeh kawan kawan sekian post yang dapat saya sampaikan mohon maaf jika kekurangannya banyak lagi gomeeen T.T .. akhir kata ditutup dengan terimakasih dan semoga bermanfaat . selamat belajar dan jika ada saran atau kritik bisa komen dibawah *Fighting*

Chapter 8 : Mobile Programming Story Windows Phone (Mid Test Creating an app w/ input and if statement)

15 November 2013

Halo kawan kawan akhirnya ketemu lagi di update yang ke 8 yang kebetulan update kali ini bertepatan tentang cerita Ujian Tidak Serius eh Ujian Tengah Semester atau lebih dikenal UTS hoho .. pada waktu UTS kita disuruh membuat sebuah aplikasi dengan kreativitas masing-masing cuman mungkin hari itu adalah salah satu hari apes saya .. hal pertama saya lupa untuk meng-crack software windows phone nya (maklum bajakan) jangan di contoh ya XD .. saya cari akal lain dengan menggunakan kompi lab eh ternyata sama disitu saya mulai bingung time is running out man -___-" hampir 2 jam berkutat dengan mencari crack gaada serial code yang cocok brur .. pas hampir menyerah untungnya ada temen yang ngasih serial kode software windows SDK nya dan jreeeng akhirnya bisa .. seneng banget tapi pas liat jam waktu yang tersisa cuman 1 jam mulai bingung lagi .. otak atik modul otak atik video tutorial buat cari ide dan refrensi dan 15 menit waktu terbuang saya menemukan ide untuk membuat collection dan input seperti yang ada di chapter 3 ya meskipun saya hanya membuat aplikasi dengan mengganti kata kata dan sedikit tambahan coding nya ..

oke let's review

Gambar 1

Pertama saya membuat dulu textblock, textbox dan button lalu mengubah sedikit text yang ada di codingnya ..

Gambar 2

Seperti di gambar 2 saya menginputkan pertanyaan dengan mengganti textblock dan mengganti result textblocknya  sesuai dengan keinginan kita..

untuk lebih lengkapnya bisa liat ke chapter 3 ya teman teman , gomeeen jika tutorial kali ini sangat jauh dari sempurna .. tapi terimakasih teman-teman sudah mau membaca blog saya tolong kritik dan sarannya agar saya dapat lebih baik ke depannya .. arigatouu .. oh iya minta doanya juga ya biar di akhir pertarungan dengan windows phone di smt 5 ini ane bisa dapet nilai bagus ya xD

Chapter 7 : Mobile Programming Story Windows Phone (Input Control)

Assalamualaikum , alhamdulillah ketemu lagi di post yang ke 7 .. kali ini saya akan membahas tentang input control  disini kita akan bermain dengan syntax untuk membuat textbox,passwordbox, checkbox, radio button. dan listbox yang sudah biasa atau sering kita gunakan.. caranya gimana ? cekidooot ..

langkah pertama kita akan membuat grid, row dan baris terlebih dahulu atau lebih kerennya disebut table .. gambar dibawah ini sebagai contohnya kita membuat 7 row dan 3 baris untuk syntaxnya bisa dilihat digambar ya ..

Setelah itu kita akan menambahkan beberapa input control gambar dibawah ini adalah syntax untuk membuat textbox ..

 Setelah itu kita membuat passwordbox ..

Next syntax membuat checkbox ...

Setelah itu kita buat radio buttonnya untuk male radio button urutannya ada diatas dan female radio button ada di bawah ..

nah tampilan pada saat debug nya akan seperti dibawah ini..

Setelah itu kita tambahkan listbox dan seperti biasa syntaxnya ada dibawah ini hehe ..

 next kita buat syntax buttonnya ..

dan terakhir adalah kita akan membuat syntax untuk membuat inputan untuk menangkap inputan dari listbox..

mungkin sekian yang dapat di sharing mohon maaf banyak kekurangannya .. terimakasih sudah membaca jika ada kritik dan saran atau mau sharing tentang ini bisa komen di bawah ya .. 

Chapter 6 : Mobile Programming Story Windows Phone (Play With Collection)

Halo teman-teman blogger apa kabar? Semoga dalam keadaaan sehat wal’afiat alhamdulillah kita bisa bertemu lagi di post ke 6 . kali ini saya akan sharing tentang play with collection .. apa itu collection ? kalo dalam bahasa artinya koleksi .. hoho mungkin lebih singkatnya kali ini kita akan bermain dengan beberapa koleksi data .. gimana caranya ? ok langsung saja buka aplikasi windows phone SDK nya dan cekidot post dibawah ini ..

Sebagai contoh kita disini akan mengambil contoh motorcycle .. ada berbagai macam jenis nanti nya dan akan diurutkan sehingga kita dapat mengambil data-data yang dibutuhkan ..  untuk langkah pertama kita buat sebuah button dan textblock pada main view nya .. beri nama buttonnya dengan show collection kosongkan textblock nya dan jangan lupa gunakan wrap .. klik 2x pada button show collectionnya dan nanti akan muncul tampilan seperti dibawah ini ..

Setelah itu klik kanan pada mouse dan pilih add - class seperti dibawah ini ..

dan jangan lupa berinama classnya agar kita dapat dengan mudah mengingatnya :)

isi coding seperti dibawah ini agar collection kita tersusun dengan rapi pada saat eksekusi ..

next langsung saja ke main page dan isikan coding seperti dibawah ini agar pada saat eksekusi program dapat berjalan dengan baik .. disini ada 3 instant class dengan isi yang bermacam-macam merk motor .

dan tambahkan code yang dilingkari yang fungsi nya untuk mendeklarasikan class yang telah kita buat sebelumnya ..

dan dibawah ini adalah tampilan program yang telah kita buat setelah dieksekusi..

 Setelah itu beri command 3 section seperti gambar dibawah ini karena apa ? karena saya akan menshare code yang lebih singkat hehe ^____^v

tampilan setelah dikasih command class/section tadi akan menjadi berwarna hijau .. dan jangan lupa untuk dilihat codingnya  

dan tadaaa bisa dilihat hasilnya sama kan ? kalo kata bapak dosen code yang singkat itu akan lebih mudah dibaca dan tentunya lebih powerful atau bisa dibilang code yang sedikit itu adalah jalan terbaik hehe 

ok teman-teman sekian post kali ini semoga bermanfaat mohon maaf jika banyak kekurangan .. sampe jumpa minggu depan di post selanjutnya ..  byee~

Chapter 5 : Mobile Programming Story Windows Phone (Play With Date And Time)

/25-10-2014

Halo teman-teman blogger alhamdulillah ketemu lagi dengan saya .. apa kabar? semoga dalam keadaan sehat wal'afiat .. di post ke 5 seperti judul diatas yaitu tentang play with date and time atau bermain dengan tanggal dan waktu .. sedikit bocoran nanti kita akan membuat sebuah aplikasi memunculkan waktu dan tanggal ada 2 format disini ada versi asal atau US dan Versi indonesia yang akan ditampilkan .. dan nanti mungkin teman teman sekalian dapat berkreasi sesuai kreativitas masing-masing untuk pengembangannya ..

yaudah langsung saja kepada pokok pembahasan .. disini hal yang pertama dilakukan buka visual studio express nya dan klik new - trus pilih windows phone app - visual C# - kasih nama filenya dengan DateAndTime - Trus seperti biasa pilih OS 7.1 ..

Disini kita membutuhkan sebuah button dan textblock untuk bermain jangan lupa beri nama misalnya showtime seperti gambar dibawah ini  ..

Setelah itu klik 2x pada tombol button showtime nya agar kita bisa mengisi code untuk aplikasinya .. nanti akan ada tampilan seperti gambar dibawah ini .

dibawah ini ada code atau function toShortDateString untuk menampilkan tanggal dalam short view atau tampilan yang singkat ..

 contoh tampilannya setelah di debug / execute ..

next ada penambahan yaitu dengan menggunakan toLongDateString .. perbedaanya dapat dilihat dari gambar yang diatas dan dibawah .. 

 Setelah itu kita akan bermain dengan AddDays yaitu penambahan atau pengurangan waktu yang akan ditampilakan dibawah ini ada penambahan waktu yaitu DateTime.Now.AddDays(5).ToString() atau kita menambahkan waktu lima hari kedepan dari sekarang .. jika kita ingin mengurangi hari yang ditampilkan tinggal kita tambahkan (-) didepan angka .. misal kita ingin mengurangi tanggal atau waktu 5 hari kebelakang DateTime.Now.AddDays(-5).ToString().

jika kita ingin menampilkan waktu dalam bahasa indonesia atau bahasa yang lain jangan lupa pada tambahkan using.System.Globalization agar code atau perintah yang kita ketikan atau tulis dapat di eksekusi contohnya seperti dibawah ini.

setelah itu isikan code seperti dibawah ini untuk indonesia seperti biasa menggunakan id-ID dan kalo untuk US menggunakan en-US tinggal ganti saja sesuai keinginan kita .

 Selanjutnya kita akan bermain menampilkan hari tanggal dan waktu sesuai yang kita inginkan nanti pada saat showtime yang muncul adalah total yang ditampilkan dalam jumlah hari dan waktu .. kita ambil saja contoh waktu kita dilahirkan atau lebih sering disebut tanggal lahir disini saya akan mengambil contoh random bukan tanggal lahir saya sendiri menggunakan TimeSpan  yaitu tanggal sekarang dikurangi tanggal yang sudah kita set tadi..

 dan boom hasilnya seperti gambar dibawah ini ..

oke sekian sharing kali ini semoga bermanfaat untuk teman teman semua dan jika ada tambahan atau kekurangan dapat disampaikan atau komen dibawah ini ya :)

Chapter 4 : Mobile Programming Story Windows Phone (String)

/18-10-2014


Kembali update dengan chapter 4 nya mobile programming story kali ini saya akan sharing sedikit tentang String .. meskipun kali ini saya tidak bisa mengikuti materi kuliah ini di kelas dikarenakan sedang tidak enak badan tapi sedikitnya dapet materi dari temen temen yang lain dan mudah mudahan apa yang saya share disini dapat bermanfaat untuk teman teman semua .. oke let's rockin dude :)

Working with String ..
untuk project kali ini kita akan bermain dengan 2 element saja apa yang dibutuhkan ? cukup dengan button dan textblock ..

Setelah itu kita gunakan wrap text yang bisa kita cari di bagian text properties atau di properties search agar text yang akan kita isikan tersusun dengan rapih jika kita sudah menggunakan wrap text akan seperti gambar di bawah ini

Setelah itu klik 2x pada button yang telah kita buat tadi tampilannya akan seperti gambar dibawah ini 

next kita akan menggunakan spesial karakter yang khusus sebagai contoh disini kita akan menggunakan simbol ( / ) backslash , khusus di mobile programming ini jika kita ingin menampilkan simbol backslash tersebut codingnya harus menjadi double slash seperti dibawah ini jika kita menggunakan 1 slash saja pasti pada saat debug akan terjadi error.

or

Selanjutnya disini kita akan share tentang materi lain yaitu tentang String.Format sebagai refrensi ada dibawah ini ada beberapa coding yang dicommand dan bisa di coba oleh teman-teman, disini saya akan mejelaskan salah satu codingnya seperti yang teman-teman lihat gambar dibawah ini pada saat debug hasil yang tampak pada aplikasi adalah persen karena dicodingnya menggunakan format p atau percent dan seperti yang teman-teman lihat disana ada banyak code code format sepert C = Currency yaitu mata uang sekarang N=Number dan D = Decimal dan masih banyak lagi format yang bisa kita coba .

Next kita akan share sedikit tentang StringBuilder apa itu StringBuilder ? StringBuilder adalah sebuah class yang digunakan untuk membuat sebuah objek string  dibawah ini ada sedikit contoh dari stringbuilder dan looping number .

oh iya lupa jika kita menggunakan string builder jangan lupa untuk menggunakan using System.text ya seperti gambar yang di bawah ini.

mungkin sekian untuk update chapter 4 kali ini semoga bermanfaat untuk teman-teman blogger sekalian untuk kekurangan nya saya mohon maaf jika ada kritik dan saran bisa koment dibawah ya .