PERTEMUAN KE-11 | WINDOWS PHONE - 6 DESEMBER 2013
APPLICATION BAR
haloo sahabat blogger,pada pertemuan kali ini kita akan membahas application bar pada windows bar,application bar itu sendiri adalah menu-menu yang terletak dibawah tampilan aplikasi yang berfungsi sebagai navigasi untuk pengguna untuk memasuki menu yang sudah di siapkan,,ya kurang lebih begitu menurut saya pribadi :D ,,okeh deh langsung saja kita praktekan..
1. New Project (ctrl+shift+N)
2. Pilih windows Phone App + Visual C#
3. Beri nama project “applicationbar” 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. sebelum melakukan pendesainna kita membuat dulu application bar,coba lihat di template applicationnya lihat script dibawah ini
lalu buatlah berapa menu yang kalian mau disini saya membuat kreasi saya sendiri karena masih dalam tahap pembelajaran,,maka setelah dibuat hasilnya akan seperti ini
7. setelah itu lalu buatlah beberapa page.xaml sebagai navigasi menu dari menu yang terdapat di application bar
8. setelah memebuat masukkan scriptnya seperti biasa sesuai dengan yang kalian mau disini saya sudah membuat,lihatlah script dari mainpage.xaml nya
9. setelah itu jalankan aplikasinya maka akan seperti dibawah ini
menu dibagiah bawah pada aplikasi diatas adalah application bar nya,,klik tanda ... maka akan seperti ini
klik tombol add pada application bar maka kita akan mengarah ke page yang telah saya buat
selesai,,sekian pertemuan kali ini,pertemuan yang sangat singkat ini mudah2an bisa mengeti apa itu application bar,sampai berjumpa di pertemuan berikutnya :D
lihat tanda <!-- sebelum
lalu buatlah berapa menu yang kalian mau disini saya membuat kreasi saya sendiri karena masih dalam tahap pembelajaran,,maka setelah dibuat hasilnya akan seperti ini
7. setelah itu lalu buatlah beberapa page.xaml sebagai navigasi menu dari menu yang terdapat di application bar
8. setelah memebuat masukkan scriptnya seperti biasa sesuai dengan yang kalian mau disini saya sudah membuat,lihatlah script dari mainpage.xaml nya
9. setelah itu jalankan aplikasinya maka akan seperti dibawah ini
menu dibagiah bawah pada aplikasi diatas adalah application bar nya,,klik tanda ... maka akan seperti ini
klik tombol add pada application bar maka kita akan mengarah ke page yang telah saya buat
selesai,,sekian pertemuan kali ini,pertemuan yang sangat singkat ini mudah2an bisa mengeti apa itu application bar,sampai berjumpa di pertemuan berikutnya :D
PERTEMUAN KE-10 | WINDOWS PHONE - 29 NOVEMBER 2013
IMAGE CONTROL
haloo sahabat blogger ketemu lagi nih di pertemuan kali ini, pada pertemuan kali ini kita akan membahas tentang image control. okeh deh tanpa basa basi kita langsung membuat sebuah project tentang image control..
IMAGE CONTROL 1
1. New Project (ctrl+shift+N)
2. Pilih windows Phone App + Visual C#
3. Beri nama project “imagecontrol1” 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
keterangan :
1 buah image control2 buat button yang dibuat setimpa atau sejajar sehingga hanya kelihatan 1 button.
7. tambahkan sebuah folder pada project kita beri nama "images"
8. sebelum kelangkah selanjutnya kita coba gambarkan cara tampilan buttonya,,2 buah button dimasukkan dengan ukuran sama dan posisi sama
lihatlah script pada gambar yang di kotak hitam.
9. oke kita kelangkah selanjutnya,masukkan script ke setiap buttonnya,,
10. lalu kita jalankan programnya,maka hasilnya akan seperti dibawah ini.
gambar pada saat project dijalankan pertama kali
gambar ketika kita mengklik tombol button "change"
11. selesai.
IMAGE CONTROL 2
setelah berhasil pada project kedua mari kita lanjutkan ke project image control ke 2 seperti biasa :
1. New Project (ctrl+shift+N)
2. Pilih windows Phone App + Visual C#
3. Beri nama project “imagecontrol1” 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
keterangan:
1 buah image control
1 buat scroll viewer
9 buat grid
lakukan pempropertisan dan pendisplayan sesuka kalian.
7. setelah itu sama seperti project pertama pastikan kalian membuat sebuah folder images dan isikan images yang anda perlukan didalamnya.
8. selanjutkan arahkan kursor pada salah satu grid image nya,,lalu cari event hendler "mouse enter"
9. setelah itu jalankan programnya,maka hasilnya akan seperti dibawah ini
keterangan:
1 buah image control
1 buat scroll viewer
9 buat grid
lakukan pempropertisan dan pendisplayan sesuka kalian.
7. setelah itu sama seperti project pertama pastikan kalian membuat sebuah folder images dan isikan images yang anda perlukan didalamnya.
8. selanjutkan arahkan kursor pada salah satu grid image nya,,lalu cari event hendler "mouse enter"
lakukan langkah ini pada setiap gridnya (9 grid)
double klik pada "mouse enter" dan masukkan penyekripan,,berikut script hasil semua grid view yang sudah melalui proses event hendler
9. setelah itu jalankan programnya,maka hasilnya akan seperti dibawah ini
ketika kita mengklik gambar dalam kotak kecil tersebut maka gambar dalam image display akan berubah
ini adalah gambar yang muncul ketika kita mengklik gambarnya
gambar kecil yang ada dalam kotak sejajar itu dapat discrol ke atas kebawah karena kita sebelumnya menggunakan scroll viewer .
10. selesai
sekian pertemuan kali ini semoga bermanfaat dalam pembuatan aplikasi windows phone,sampai jumpa di pertemuan berikutnya :D
PERTEMUAN KESEMBILAN|WINDOWS PHONE-22 NOVEMBER 2013
NAVIGATION PAGE
halo sahabat blogger ketemu lagi di pertemuan kali ini yaitu pertemuan kesembilan, untuk minggu ini pembelajaran mata kuliah windows phone pindah jam ke pagi-pagi dan untuk mengisi waktu luang maka pada saat ini saya akan menshare hasil pembelajaran tadi pagi :D ,pada pembelajaran kali ini kita kana membahas tentang navigation page yaitu perpindahan dari halam ke halaman lain di windows phone. okeh kita persingkat waktu langsung saja kita membuat sebuah latihan. seperti biasa langkah-langkah awalnya yaitu
1. New Project (ctrl+shift+N)
gambar diatas memiliki komponen-komponen seperti dibawah ini
1 buah textbox
1 buah textblock
4 buah button
selanjutnya karena pada pertemuan kali ini membahas navigation page maka hal 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,okeh langkah selanjutnya kita membuat sebuah folder untuk penyimpanan page-page yang dibutuhkan.
7. lihatlah gambar dibawah ini
klik kanan pada project kalian lalu pilih add dan pilih new folder,,beri nama folder kalian "view" ,lihat gambar dibawah ini.
8. selanjutnya tambahkan page.xaml sebagai page yang dibutuhkan,lihatlah gambar dibawah ini
klik kanan pada folder yang baru dibuat lalu pilih add kemudian pilih new item lalu lakukan seperti dibawah ini
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
SecondPage.xaml
ThirdPage.xaml
Fourthpage.xaml
Fifth.xaml
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
12. selanjutnya pada setiap kita menavigasi page maka akan selalu muncul keterangan di textboxnya kata dari page sebelumnya,nah sekarang kita akan mencoba bagaimana caranya kata yang ada ditaxtbox dapat hilang ketika kita akan mencoba mengetikkan kata ,lihat gambar dibawah ini
ketika pertama kali masuk ke page tertentu maka textbox akan seperti gambar dibawah ini
13. lihatlah gambar dibawah ini
pada setiap page lakukan penambahan event handler di bagian textboxnya,yaitu caranya klik texktboxnya kemudian pilih event lalu cari perintah mouse enter ,double klik bagian mouse enternya masukkan script dibawah ini
maka hasilnya akan seperti ini
pada saat pertama kali masuk kedalam page
ketika kita akan mengetik kata di textbox kata yang pada saat pertama kali muncul akan hilang sendiri dan textbox menjadi kosong
14. selesai
sekian pertemuan kali ini semoga dengan latihan diatas teman-teman blogget dapat memahami tentang navigation page di windows phone,oke sampe bertemu di pertemuan selanjutnya :D
NAVIGATION PAGE
1. New Project (ctrl+shift+N)
2. Pilih windows Phone App + Visual C#
3. Beri nama project “tugasNCD” 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 karena pada pertemuan kali ini membahas navigation page maka hal 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,okeh langkah selanjutnya kita membuat sebuah folder untuk penyimpanan page-page yang dibutuhkan.
7. lihatlah gambar dibawah ini
klik kanan pada project kalian lalu pilih add dan pilih new folder,,beri nama folder kalian "view" ,lihat gambar dibawah ini.
8. selanjutnya tambahkan page.xaml sebagai page yang dibutuhkan,lihatlah gambar dibawah ini
klik kanan pada folder yang baru dibuat lalu pilih add kemudian pilih new item lalu lakukan seperti dibawah ini
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
SecondPage.xaml
ThirdPage.xaml
Fourthpage.xaml
Fifth.xaml
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.
kemudian lihatlah gambar dibawah ini,dilakukan dengan secara acak tidak berurutan dan tidak seperti gambar diatas
12. selanjutnya pada setiap kita menavigasi page maka akan selalu muncul keterangan di textboxnya kata dari page sebelumnya,nah sekarang kita akan mencoba bagaimana caranya kata yang ada ditaxtbox dapat hilang ketika kita akan mencoba mengetikkan kata ,lihat gambar dibawah ini
13. lihatlah gambar dibawah ini
pada setiap page lakukan penambahan event handler di bagian textboxnya,yaitu caranya klik texktboxnya kemudian pilih event lalu cari perintah mouse enter ,double klik bagian mouse enternya masukkan script dibawah ini
maka hasilnya akan seperti ini
14. selesai
sekian pertemuan kali ini semoga dengan latihan diatas teman-teman blogget dapat memahami tentang navigation page di windows phone,oke sampe bertemu di pertemuan selanjutnya :D
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
12. selanjutnya pada setiap kita menavigasi page maka akan selalu muncul keterangan di textboxnya kata dari page sebelumnya,nah sekarang kita akan mencoba bagaimana caranya kata yang ada ditaxtbox dapat hilang ketika kita akan mencoba mengetikkan kata ,lihat gambar dibawah ini
ketika pertama kali masuk ke page tertentu maka textbox akan seperti gambar dibawah ini
13. lihatlah gambar dibawah ini
pada setiap page lakukan penambahan event handler di bagian textboxnya,yaitu caranya klik texktboxnya kemudian pilih event lalu cari perintah mouse enter ,double klik bagian mouse enternya masukkan script dibawah ini
maka hasilnya akan seperti ini
pada saat pertama kali masuk kedalam page
ketika kita akan mengetik kata di textbox kata yang pada saat pertama kali muncul akan hilang sendiri dan textbox menjadi kosong
14. selesai
sekian pertemuan kali ini semoga dengan latihan diatas teman-teman blogget dapat memahami tentang navigation page di windows phone,oke sampe bertemu di pertemuan selanjutnya :D
PERTEMUAN KEDELAPAN|WINDOWS PHONE-15 NOVEMBER 2013
PROGRAM SEDERHANA
UJIAN TENGAH SEMESTER
haloo sahabat blogger,tepat tadi malam ujian tengah semester mata kuliah windows phone application berlangsung,pada pertemuan kali ini saya akan me-share hasil program sederhana buatan saya pada UTS tadi malam,saya dan kawan-kawan lainnya diberi waktu selama 3 jam ,yaitu dimulai pukul 17.00 WIB - 20.00 WIB dan alhamdulillah saya mendapatkan nilai yang cukup memuaskan,saya mendapatkan nilai 95 = A :D ,okeh deh langsung aja kita mulai membahas pertemuan kali ini.
Pada saat UTS mahasiswa diwajibkan membuat sebuah program sederhana yang didalamnya harus berisikan beberapa kategori,kategorinya seperti dibawah ini :
1. Menerima/mengirim nilai input/output dari dan ke user (10) – Accepting Input
2. Fungsi IF atau SWITCH Statement berdasarkan nilai input yang dimasukan oleh user (10) - IF atau SWITCH
3. Fungsi FOR iteration (10) - ForIteration
4. Tanggal sekarang dengan format 15 November 20013 08:00:00 (10) - DateAndTime
5. Penggunaan .NetClass (10) - PlayWithNetClass
6. Membuat Class dan Namesapce pada file yang baru (10) - PlayWIthCollection
7. Penggunaan Collection (10) - PlayWIthCollection
okeh kita langsung saja membuat program sederhana dengan memiliki unsur kategori diatas tersebut seperti biasa ikuti langkah-langkah dibawah ini
1. New Project (ctrl+shift+N)
6. Lakukan pendesainna seperti gambar dibawah ini
Keterangan :
gunakan beberapa komponen seperti dibawah ini
7 textblock
4 button
2 textbox
lakukan properties seperti biasa
7. Fungsi pertama menerapkan accepting input
lihat gambar dibawah ini
double klik komponen didalam kotak merah untuk memasukkan script yang ada dibawah ini
Maka hasilnya akan seperti dibawah ini
8. Kemudian memasukkan fungsi if sebagai katergori ke dua
lihat gambar dibawah ini
double klik button yang ada didalam kotak merah,lalu ketikkan script dibawah ini:
keterangan : ketika kita mengetikkan wahyu maka textblock akan memunculkan kalimat "anda pembuat aplikasi ini" selain dari wahyu maka kalimat yang dikeluarkan adalah " COPY PASTE TERDETEKSI anda bukan penemu ini"
lihat gambar dibawah ini :
ketika mengetikkan kata " Wahyu"
"ketika anda mengetikkan kata selain wahyu"
9. Selanjutnya kita akan memasukkan fungsi pengulangan sebagai kategori ke 3 ,lihat gambar dibawah ini
double klik button yang ada didalam kotak merah,kemudian isikan script seperti dibawah ini :
maka hasilnya ketika program dijalankan seperti dibawah ini :
10. Selanjutnya kita memasukkan ketegori netclas sebagai kategori ke-4,disini kita akan membuat tombol baru,,lihat gambar dibawah ini
Double klik button yang ada dalam kotak merah lalu ketikkan script dibawah ini
maka hasilnya ketika kita mengklik button tersebut maka akan muncul button baru lihat gambar dibawah ini
button didalam kotak merah adalah hasil dari ketika kita mengklik tombol add info
11. selanjutnya kita memasukkan kategori ke 5 yaitu menampilkan tanggal saat ini,masukkan script seperti dibawah ini :
maka hasilnya adalah ketika kita mengklik tombol button yang tadi kita buat hasilnya akan seperti dibawah ini:
12.selanjutnya kita masuk ke 2 kategori terakhir yaitu namespace dan collection,pertama-tama kita buat namespace/class baru carany,klik kanan pada project kita-lalu add-add class dan isikkan nama classnya,lihat gambar untuk langkah-langkahnya :
maka muncul clas baru seperti dibawah ini
kemudian lihat gambar dibawah ini
double klik button yang ada di dalam kotak merah dan isikan script seperti dibawah ini
maka hasilnya akan seperti dibawah ini :
selesai aplikasi sederhana dengan kategori yang disyaratkan telah terpenuhi dan untuk script secara keseluruhan adalah seperti dibawah ini :
dan untuk hasil di programnya bila kita mengisikan setiap komponen akan seperti dibawah ini
sekian pertemuan kali ini,dan sekali lagi saya ucapkan alhamdulillah karena nilai UTS saya mendapatkan nilai A dan sangat memuaskan :D sampe berjumpa di pertemuan berikutnya :D
Pada saat UTS mahasiswa diwajibkan membuat sebuah program sederhana yang didalamnya harus berisikan beberapa kategori,kategorinya seperti dibawah ini :
okeh kita langsung saja membuat program sederhana dengan memiliki unsur kategori diatas tersebut seperti biasa ikuti langkah-langkah dibawah ini
7. Fungsi pertama menerapkan accepting input
lihat gambar dibawah ini
double klik komponen didalam kotak merah untuk memasukkan script yang ada dibawah ini
Maka hasilnya akan seperti dibawah ini
8. Kemudian memasukkan fungsi if sebagai katergori ke dua
lihat gambar dibawah ini
double klik button yang ada didalam kotak merah,lalu ketikkan script dibawah ini:
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
6. Lakukan pendesainna seperti gambar dibawah ini
Keterangan :
gunakan beberapa komponen seperti dibawah ini
6. Lakukan pendesainna seperti gambar dibawah ini
Keterangan :
gunakan beberapa komponen seperti dibawah ini
7 textblock
4 button
2 textbox
lakukan properties seperti biasa7. Fungsi pertama menerapkan accepting input
lihat gambar dibawah ini
double klik komponen didalam kotak merah untuk memasukkan script yang ada dibawah ini
Maka hasilnya akan seperti dibawah ini
8. Kemudian memasukkan fungsi if sebagai katergori ke dua
lihat gambar dibawah ini
double klik button yang ada didalam kotak merah,lalu ketikkan script dibawah ini:
keterangan : ketika kita mengetikkan wahyu maka textblock akan memunculkan kalimat "anda pembuat aplikasi ini" selain dari wahyu maka kalimat yang dikeluarkan adalah " COPY PASTE TERDETEKSI anda bukan penemu ini"
lihat gambar dibawah ini :
ketika mengetikkan kata " Wahyu"
"ketika anda mengetikkan kata selain wahyu"
9. Selanjutnya kita akan memasukkan fungsi pengulangan sebagai kategori ke 3 ,lihat gambar dibawah ini
double klik button yang ada didalam kotak merah,kemudian isikan script seperti dibawah ini :
maka hasilnya ketika program dijalankan seperti dibawah ini :
10. Selanjutnya kita memasukkan ketegori netclas sebagai kategori ke-4,disini kita akan membuat tombol baru,,lihat gambar dibawah ini
maka hasilnya ketika kita mengklik button tersebut maka akan muncul button baru lihat gambar dibawah ini
button didalam kotak merah adalah hasil dari ketika kita mengklik tombol add info
11. selanjutnya kita memasukkan kategori ke 5 yaitu menampilkan tanggal saat ini,masukkan script seperti dibawah ini :
maka hasilnya adalah ketika kita mengklik tombol button yang tadi kita buat hasilnya akan seperti dibawah ini:
12.selanjutnya kita masuk ke 2 kategori terakhir yaitu namespace dan collection,pertama-tama kita buat namespace/class baru carany,klik kanan pada project kita-lalu add-add class dan isikkan nama classnya,lihat gambar untuk langkah-langkahnya :
maka muncul clas baru seperti dibawah ini
kemudian lihat gambar dibawah ini
double klik button yang ada di dalam kotak merah dan isikan script seperti dibawah ini
maka hasilnya akan seperti dibawah ini :
selesai aplikasi sederhana dengan kategori yang disyaratkan telah terpenuhi dan untuk script secara keseluruhan adalah seperti dibawah ini :
dan untuk hasil di programnya bila kita mengisikan setiap komponen akan seperti dibawah ini
sekian pertemuan kali ini,dan sekali lagi saya ucapkan alhamdulillah karena nilai UTS saya mendapatkan nilai A dan sangat memuaskan :D sampe berjumpa di pertemuan berikutnya :D
Langganan:
Postingan (Atom)
