Di sesi Video yang pertama ini. Kata Silverlight di atas maksudnya frame work yang digunakan untuk membuat aplikasi pada Windows Phone.
Bila kita lihat pada project sebelumnya tentang Date and Time, ada contoh .Net Class pada mainpage sebagai berikut :
DateTime myBirthday = new DateTime(1991, 07, 90);
Timespan myAge = Date Time.Now.Subtract(myBirdthday);
Scrip-scrip di atas merupakan salah satu Class .Net yang sudah dirancang atau disediakan oleh perusahaan Microsoft. Juga ada Class yang dirancang tidak perlu inisialisasi seprti script diatas misalnya : string newString = String.Format(“{0}”,”Hello”);
String.Format(“{0}”,”Hello”); bisa langsung dipakai tanpa inisialisasi. Itulah kelebihan-kelebihan Class yang telah disediakan, selain class tersebut di Windows Phone pada IDE ada dua file yaitu Mainpage.xaml dengan Mainpage.xaml.cs.
Dan ternyata di Mainpage.xaml ada sebuah class dari .Net librarry, seperti pada gambar dibawah ini :
Di setiap elemen pada gambar xaml di atas merupakan sebuah class, makadari itu kita dapat mengaksesnya dari Mainpage.xaml.cs, pada umumnya kita jika ingin membuat elemen atau menambahkan elemen kita biasa mendrag atu menarik komponen-komponen yang ada di Toolbox sehingga komponen tersebut muncul di design Windows Phone, akan tetapi kita bisa membuat elemen juga melalui koding atau scrip, dengan cara click 2x pada elemen di design Windows Phone
Missalnya button dan di propertiesnya ada Content, Height, Horizontalalignment, Margin, Name dan lain-lain. Itu bisa di akses melalui scrip xaml.cs lalu untuk menambahkannya kita tambahkan konten tadi di contentgrid, yang juga berasal dari nama Grid x:Name=” contentgrid”Grid.Row=”1”> pada .xaml, lalu masuk ke xaml.cs dan kita ubahnya di contentgrid dan pada propertiesnya jika kita ubah maka hasilnya sama saja, Menambahkan sebuah objek elemen xaml melalui file xaml.cs atau cara yang biasa kita pakai.Selanjutnya yaitu Video ke dua
Di video yang kedua ini membahas tentang “Play With NameSpace”. Tanpa diketahui Play With NameSpace selalu kita gunakan dan NameSpace ini sudah disediakan oleh microsoft Visual Studio, NameSpace bila kita lihat di xaml.cs ada di bagian atas dan disampingnya selalu bernamakan nama Projeck kita.
Fungsi dari NameSpace sendiri adalah untuk mewadahi atau membungkusi koding atau scrip yang kita buat dan akan sangat bermanfaat saat scrip kita sudah banyak.
Bila kita perhatikan pada xaml.cs di bagian paling atas ada beberapa kode using. Using ini ialah kata kunci yang menyatakan bahwi kita menggunakan NameSpace Microsoft.Phone.Controls pada scrip namespace pada gambar di atas ada scrip using Microsoft.Phone.Controls; itu bisa kita artikan NameSpace using microsoft di dalamnya, ada NameSpace Phone dan didalam NameSpace Phone ada NameSpace Controls setelah itu baru ada nama classnya.
Adapun cara pemanggilannya sebagai berkut :
Jadi kita tidak perlu mengetik ulang lagi, kita hanya cukup tambahkan using di atas tadi sehingga penambahan using di atas akan mencari keberadaan classnya yaitu solatedStorageSettings.
Selanjutnya yaitu bagimana kita membuat NameSpace sendiri, pertama kita tidak boleh membuat namespace pada class yang lain atau class yang bukan class yang tepat, karena itu sudah berbeda. Setelah itu kita tambahkan scrip pada gambar di atas buat namespace Firstspace dan namespace scondspace, kita lanjutkan dibawahnya seperti pada gambar dibawah ini :
Lalu kita masuk ke MainPage.xaml.cs dan tambahkan scrip di atas namespace Firstspace sebagai berikut :
Berikutnya yaitu Video ke Tiga
Pada Video yang keTiga ini membahas tentang, “Play With Collection”, penjelasannya jika di dunia programming kita mengoleksi data-data tetapi jenisnya berbeda, juga untuk mendapatkan informasi dari koleksi tersebut dan yang terpenting koleksi ini bisa mengorganisir data yang sama.
Berikut ini adalah bagai mana cara mengorganisir data yang berjenis sama melalui sebuah Collection :
Langkah pertama kita buat project dan diberinama Collection, sesuai pembahasan ini. Lalu tambahkan satu Button dan satu TextBlock pada design Windows Phone, di properties ubah nama menjadi CollectionBT dan ubah nama contentmenjadi Show Collection, juga di TextBlock ubah nama TextBlock menjadi CollectionTB serta kosongkan Textnya juga ubah Text Wrapping yang tadinya no wrap menjadi wrap. Sehingga design Wibdows Phonenya seperti pada gambar dibawah ini :
Setelah itu click 2x untuk pindah ke file xaml.cs, lalu kita buat class terlebih dahulu dengan file yang baru, caranya click kanan padanama project di solution explorer lalu Add -> Class, pada class di Add New Item masukan nama SepedahMotor.cs, setelah itu Visual Studio akan mengambil beberapa template dan nama namespace sesuai dengan nama project dan juga nama classnya sesuai dengan nama class yang baru kita tambahkan yaitu bernama SepedahMotor.
Berikutnya isi di SepedahMotor.cs seperti gambar di bawah ini :
Dari penambahan di atas kita memiliki data yang berbeda, tetapi classnya sama dan untuk mengorganisir data di atas Kita membutuhkan collection untuk menampung data. Caranya kita tambahkan koding di bawahnya seperti gambar di atas sebagai berikut :
Tambahkan scrip seperti yang dilingkari di atas, dengan
begitu kita sudah meng organisir tiga class SepedahMotor di atas.
Selanjutnya kita coba memanggil informasi class
SepedahMotor untuk diperlihatkan di TextBlock dan dikarenakan kita sudah
memasukkan ke sebuah List, maka yang kita perlukan yaitu string SepedahMotor
baru dan pengulangan saja scripnya seperti gambar dibawah ini :
Di sini kita akan melakukan pengambilan data, dari tiap class SepedahMotor dengan menampilkannya di TextBlock dengan menambahkan scrip dibawahnya sebagai berikut :
Lalu di Save dan kita run dengan emulator 7.1, Sehingga hasilnya seperti gambar di bawah ini :
Data Informasi Collection sudah bisa di tampilkan di TeksBlock desig Windows Phone.
Berikutnya yaitu Video ke Empat
Video yang ke Empat ini, kita mempelajari tentang “Play With Collection Part 2” yang merupakan kelanjutan pembelajaran di video sebelumnya. Namun kali ini membahas mengenai cara bagaimana jalan tercepat kita dalam membuat aplikasi yang benar. Pada koding sebelumnya Kita sudah meng inisialisai class SepedahMotor seperti komentar dibawah ini :
Jadi maksud dari jalan tercepat di sini, kita mengganti koding di atas menjadi yang lebih baik atau lebih simple. Di dalam .Net frame work kita bisa membuat koding di atas menjadi lebih sederhana lagi seperti koding yang sudah disederhanakan seperti gambar dibawah ini :
Seperti yang terlihat pada gambar di atas, koding yang sebelumnya berulang-ulang dan lebih banyak dari koding yang sudah disederhanakan, yang hanya terdiri dari tiga baris sedangkan yang sebelumnya berjumlah sembilan baris. Dan tidak Cuma itu saja untuk meng add, class ke List bisa kita sederhanakan juga seperti gambar berikut :
Koding di atas menjadi makin lebih sederhana lagi dari
yang sebelumnya, dan ketika di run hasilnya sama saja seperti sebelumnya
seperti gambar dibawah ini :
Hanya saja koding yang di gunakan kali ini lebih sedikit, ini lah jalan tercepat dalam membuat sebuah aplikasi. Dengan jalan tercepat ini aplikasi kita akan berjalan dengan cepat dan peng eksekusiannya sangat bagus.
Itulah yang saya pelajari dari empat video tadi ,cukup sekian cerita kuliah saya, semoga bermanfaat.
SEKIAN
No comments:
Post a Comment