Pertemuan Kedelapan Windows Phone - 15 November 2013

Jum'at 15 November 2013

Pertemuan Ke Delapan Windows Phone

Bismillahirrahmanirrahim, Assalamualaikum Wr. Wb

UTS

Hai sobat bertemu lagi dengan saya, dipertemuan ke delapan ini saya Ujian tengah Semester (UTS). Dan di postingan kali ini saya akan mencoba menjelaskan apa yang telah saya buat di UTS. Soal UTS Windows Phone ini ada 7 soal , tapi dikarenakan waktu pengerjaan saya yg terlalu lambat (kebanyakan eror, hehehe) saya hanya mampu mengerjakan 5 soal dari 7 soal yang diberikan oleh dosen. Soalnya bisa dilihat pada gambar 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

Jadi disini saya sudah membuat sebuah aplikasi “Undian” , yaa mungkin sebuah aplikasi yang sederhana dan tak terlalu WAH gitu , hehe

1.Oke langsung saja kita ke project nya, jadi bisa dilihat disini saya membutuhkan beberapa element yaitu 6 TextBlock , 2 Button , 1 TextBox. Bisa dilihat pada gambar dibawah ini

2.Saya akan mencoba menjelaskan dari nomor 1, yang soalnya “Menerima/mengirim nilai input/output dari dan ke user - Accepting Input” dari soalnya ada penjelasan bahwa kita memasukan atau memberikan perintah sebuah “Accepting Input”. Accepting Input sendiri sudah kita pelajari di Pertemuan ketiga. Jawaban yang saya berikan pada soal ini bisa dilihat pada gambar dibawah ini:

3.Selanjutnya nomor 2, yang soalnya “Fungsi IF atau SWITCH Statement berdasarkan nilai input yang dimasukan oleh user - IF atau SWITCH”. IF atau SWITCH sendiri sudah dipelajari di pertemuan ketiga, jawaban yang saya berikan pada soal ini bisa dilihat pada gambar dibawah ini:

4.Selanjutnya nomor 3, yang soalnya “Fungsi FOR iteration – ForIteration” ForIteration ini sendiri sama sudah kita pelajari di pertemuan yang ketiga. Dan jawaban yag saya berikan bisa dilihat pada gambar dibawah ini:

5.Selanjutnya nomor 4, yang soalnya “Tanggal sekarang dengan format 15 November 20013 08:00:00 – DateAndTime” Date and Time ini sendiri sudah saya pelajari pada pertemuan yang ke Lima. Dan jawaban yang saya berikan bisa dilihat pada gambar dibawah ini:

6.Dan yang selanjutnya nomor 5, yang soalnya “Penggunaan .NetClass  - PlayWithNetClass” PlayWithNetClass sendiri sudah kita pelajari pada pertemuan yang ke Enam. Dan jawaban yang saya berikan bisa dilihat pada gambar dibawah ini:

7.Dan hasilnya dari semua kode yang telah saya masukan seperti ini

8.Untuk yang diberi tanda kotak , itu merupakan tampilan dari kode AcceptingInput dan IF, sedangkan gambar yang dibawah ini

9.Nah sedangkan yang diberi tanda kotak pada gambar yang di atas itu merupakan tampilan dari kode DateAndTime, sedangkan gambar yang di bawah ini:

10.Pada gambar di atas itu yang diberi tanda kotak merupakan tampilan dari kode PlayWithNetClass, menambahkan tombol button lewat kode dari MainPage.xaml.cs . dan gambar yang di bawah ini:

11.yang di beri tanda kotak pada Gambar di atas itu merupakan tampilan dari kode ForIteration. Dan berikut tampilan kesuluruhan dari semua kode yang telah dimasukan atau kode yang termasuk kriteria dari soal yang saya kerjakan ..

Mungkin untuk pertemuan sekarang dicukupkan saja , meskipun sebuah aplikasi yang saya buat bisa dibilang sederhana. Semoga bermanfaat dan terimakasih :D

Pertemuan Ketujuh Windows Phone - 8 November 2013

Jum'at 8 November 2013

Pertemuan ketujuh Windows Phone

Play With Xaml Syntax

Hai teman bertemu kembali dengan saya, pada pertemuan sekarang saya akan mencoba menjelaskan kembali tentang “Play With Xaml Syntax”. Seperti yang kita ketahui di pertemuan sebelumnya kita sering bermain dengan xaml. Dan di tutorial sekarang saya tidak akan melakukan pengkodean atau mengetik kode, namun di pertemuan kali ini saya akan mencoba menjelaskan beberapa yang saya tau atau yang dikuasai. Kita langsung saja yaa :)

1. Ok yang pertama , Klik New Project

2. Pilih windows Phone App + Visual C#

3. Disini saya memberi 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. Baik mungkin kalian sudah menghadapi sebuah tampilan yang sudah tak asing lagi, disini saya akan menjelaskan beberapa yang ada di depan layar anda. Bisa diperhatikan gambar dibawah ini

7. Yaa mungkin teman-teman sudah tahu dengan gambar yang di atas, dan sekarang coba perhatikan gambar dibawah ini.

8. Gambar di atas adalah panel zoom , yang berfungsi untuk memperbesar atau memperkecil design emulatornya.

9. Coba perhatikan gambar berikutnya

10. Yang diberi tanda panah adalah Panel horizontal split dan vertical split, yang berfungsi untuk memberikan kedudukan antara desain emulator dengan daerah pengkodean.

11. Contoh dalam posisi Horizontal Split

12. Contoh dalam posisi Vertical Split

13. Oke lanjut pada gambar selanjutnya, bisa di lihat di bawah sini

14.Script koding yang berada dalam kotak merupakan kode dari element button yang berada didalam desain emulator.

15.Sebenarnyakita bisa membuat element button dengan cara men-drag dari Toolbox secara langsung, namun kita juga bisa menuliskan kode pada MainPage.xaml secara langsung.

16. Selanjutnya saya akan menjelaskan mengenai SupportedOrientation, atau bisa diliat kodenya pada gambar dibawah ini (yang di dalam kotak).

17. Apabila dijalankan aplikasinya akan menjadi seperti ini

18. Jadi ketika emulator 7.1 sudah dijalankan lalu buat emulator seperti ini, maka Si page name beserta button tidak ikut seperti emulatornya, itu fungsi dari SupportedOrientation menggunakan “Portrait” jadi maksudnya orientasi yang kita support itu hanya Portrait saja. Lalu Orientation : “Portrait” itu merupakan Default, jadi ketika emulator dibuka maka tampilannya akan portrait atu berdiri.

Lalu ikuti kode seperti gambar yang ditandai dibawah ini.

19. Kita ubah SupportdOrientation Menjadi PortraitOrLandscape dan Orientation menjadi Landscape, maksud dari shell:SystemTray.IsVisible=”False”; adalah kode dimana apakah kita akan menampilkan bar batrei dan sinyal, jika ingin menampilkan maka tuliskan kode “True” , jika tidak ingin menampilkan maka tuliskan kode “False”. Lalu kita jalankan Emulator 7.1 dan hasilnya akan seperti gambar dibawah ini.

Sekian pertemuan kali ini, sebenernya masih banyak lagi yang terdapat dalam XAML tapi karena waktu yang terbatas mungkin lain kali lagi :D mohon maaf , dan terimakasih atas waktunya, semoga bermanfaat.

Pertemuan Kelima Windows Phone - 25 Oktober 2013

Jum'at 25 Oktober 2013

Pertemuan Kelima Windows Phone

Play With Date And Time

Hello sahabat bertemu lagi dengan saya fadli , sebelumnnya mungkin di postingan saya tentang "Cerita Kuliah" ini agak loncat dari cerita 4 ke 6. Karena pada saat minggu ke lima saya dan teman-teman sekelas saya ada acara "IT CAMP", yang kebetulan banyak yang menjadi panitia di kelas saya. Maka dari itu pertemuan kelima diundur satu minggu dari sebelumnya. Jadi mungkin saya disini akan mempost "Cerita Kuliah" saya yang kelima. Disini saya akan menjelaskan “Play With Date And Time”. Date And Time ini sangat penting dalam sebuah aplikasi yaa seperti yang kita lihat di blog atau di media sosial kapan waktu sebuah post itu di publish kan atau di beri komentar . Yaa kita langsung saja menuju SDk kita teman :) 

1. Ok yang pertama , Klik New Project

2. Pilih windows Phone App + Visual C#

3. Disini saya memberi nama project  “DateAndTime” 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. yang pertama kita masukan Button dan TextBlock

7. Di bagian button , saya memberi nama “showTimeBT” dan dibagian content nya saya menggantinya dengan “Show Time”

8. sedangkan dibagian TextBlock nya saya memberi nama “timeTextBlock” , dibagian text nya dikosongkan , lalu dibagian Text Wrapping nya dirubah menjadi “Wrap” yang tadinya “No Warp”.

9. Ok sekarang kita langsung menuju ke MainPage.xaml.cs nya, dengan mengklik 2x di tombol button .

10. Disini saya sudah membuat scriptnya , bisa dilihat pada gambar dibawah ini

11. Dan hasilnya seperti berikut

12. Sekarang saya akan mecoba script yang lain , script nya bisa dilihat pada gambar dibawah ini (script yang di blok)

13. Dan hasilnya seperti berikut

Mungkin cukup sekian materi dari saya tentang “Play With Date and Time” , semoga bermanfaat. Terimakasih :)

Pertemuan Keenam Windows Phone - 1 November 2013

Jum'at 1 November 2013

Pertemuan keenam Windows Phone

CLASS AND SILVERLIGHT

Halo sahabat Blogger bertemu lagi bersama saya fadli ,setelah dipending untuk post di pertemuan ke 6 ini saya aka nmenjelaskan sedikit mengenai play with (dot)Net Class And SilverLight. Pada windows phone ini kita akan menggunakan (dot)Net Famework, jadi kita akan menggunakan (dot)Net Class Library yang sudah dibuat oleh Microsoft. Silverlight merupakan sebuah framework untuk membuat sebuah aplikasi windows phone.Atau bisa dibilang pada sesi ini kita akan membuat aplikasi dimana kita bisa menambahkan sebuah object element ke MainPage.xaml melalui Mainpage.xaml.cs ,  langsung saja kita mempraktekkannya :

1. Ok yang pertama , Klik New Project

2. Pilih windows Phone App + Visual C#

3. Disini saya memberi 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 danTextBox seperti gambar dibawah ini.

7. Oke, disini kan ada dua layar project yaitu MainPage.xaml dan MainPage.xaml.cs. Element yang ada pada MainPage.xaml merupakan sebuah class ,seperti contoh pada gambar dibawah ini

8. Maksudnya dari element di atas, seperti “Grid” dan “Button” itu merupakan sebuah Class dari(dot)Net Library . dikarenakan Button yang kita buat adalahsebuah Class, kita bisa mengakses Button ini dari MainPage.xaml.cs , seperti contoh pada gambar dibawah ini, bisa mengklik 2x pada Button dan langsung akan masuk ke MainPage.xaml.cs .

9. Biasanya apabila 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 padaToolBox lalu di drag ke layar project kita,  tapi ternyata selain dari ToolBox kita juga bisa membuat element-element itu dengan menggunakan sebuah kode, dan kita juga bisa mengedit pada kode tersebut. Kita langsung saja kembali ke kode pada MainPage.xaml.cs

10. Disini saya sudah memasukan kode-kode, bisa dilihat pada gambar dibawah ini

11. maksud dari kode yang di blok pada gambar di atas adalah merupakan inisialisasi instant object dari class button.

12. sedangkan yang ke bawahnya atau kode yang tidak di blok, merupakan setting properties dari button itu tersebut. Dan dari kode ini juga kita bisa mengakses melalui kode di MainPage.xaml.cs

13. Lalu untuk menambahkan Button yaitu dengan cara mengetik kode seperti gambar dibawah ini (Kode yang di blok)

14. Maksud dari kode di atas adalah “ContentGrid” itu bermaksud menambahkan sebuah Button kedalam ContentGrid, Content Grid ini berasal dari Element Grid yang berada pada Mainpage.xaml.

15. Dan sama halnya dengan kode padaTextBox (yang di blok) pada gambar di bawah ini

16. Ok kita akan mencoba menjalankan emulatornya, dan hasilnya menjadi