Wednesday, December 25, 2013

"Cerita 12 | Windows Phone - 20 Desember 2013"

Pada matakuliah Pemrograman Mobile tanggal 20 Desember 2013, saya latihan praktek Video Windows Phone, ada 3 video pembelajaran yang saya terima waktu itu dan video yang pertama adalah membahas tentang  Input Scope.

Input Scope
Input Scope adalah pemasukan format keyboard yang muncul saat kita mengetik text di TextBox, di Windows Phone.  Pada Windows Phone secara default keyboardnya posisi tombol huruf sama seperti PC dan Laptop, hanya saja lebih di sederhanakan, contohnya seperti gambar dibawah ini :






Langhkah pertama untuk membuat Input Scope di Visual Studio Windows Phone, kita gunakan komponen ToolBox yaitu TextBox dan TextBlock susun di emulator seperti gambar di bawah ini :



Pertama ada TextBox Name, di sini kita tidak perlu melakukan apa-apa karena secara default inputannya biasa, langsung saja  ke TextBox Email dan TextBox Phone, cara menjadika Input Scope Email dan Input Scope Phone adalah dengan merubah scrip di MainPage.Xaml dan ubah scripnya seperti gambar dibawah ini :

Scrip ini adalah untuk dapat memfungsikan inputan, Input Scope Email dan Input Scope Phone. Jika sudah merubah scripnya menjadi scrip di atas, bisa langsung di run, untuk mencobanya dan hasilnya input scope tersebut bisa digunakan sepertigambar di bawah ini :


Selanjutnya adalah pembahasan sesi video yang ke dua yaitu Isolated Storage.

Isolated Storage
Isolated Storage disini terdiri dari dua poin pembahasan yaitu :
1.    File Storage
2.    Setting Storage
Sebelumnya Isolated Storage adalah sebuah penyimpanan yang terisolasikan, Windows Phone memiliki storage yang sementara dan permanen. Contoh yang sementara adalah scrip yang kita buat seperti variabel dan sebagainya yang apabila aplikasinya ditutup saat kita ingin membukanya kembali ternyata hilang, berbeda dengan storage meskipun aplikasinya di tutup data masih sama seperti terakhir kali kita menutupnya, karena telah tersimpan.
File Storage
Maksudnya adalah penyimpan dalam bentuk file, pada keamanannya Windows Phone walaupun sudah menyediakan File Storage kita hanya bisa mengakses data-data aplikasi kita saja yang lainnya tidak bisa. Isolated Storage bisa kita simpan data berapa saja ukurannya tetapi sebagi pengembang penyim panan data haruslah sekecil mungkin agar penggunaan memory dapat bekerja lebih cepat.
Langkah membuat File Storage yaitu kita gunakan beberapa elemen ToolBox untuk emulator seperti pada gambar di bawah ini :


Pada propertiesnya TextBox berinama saveTextBox, dan kosongkan kolom textnya. Setelah itu Button save  propertiesnya berinama saveBT lalu Button Open propertiesnya berinama openBT juga textblock propertiesnya berinama openTextBlock dan textnya dikosongkan saja. Kemudian click 2x pada Button Save dan muncul MainPage.xaml.cs. Di sini kita akan menuliskan inputan user yang dituliskan untuk kita save dan juga kita open hingga ditampilkan di TextBlock masukkan scrip pada gambar di bawah ini :


Setelah memasukan scrip di atas maka hasilnya setelah di run adalah seperti gambar dibawah ini :


Setelah menulis di textbox kita coba Save, lalu Open hasilnya seperti gambar di atas contohnya.
Selanjkutnya adalah video ke tiga di video ini membahas lanjutan  video sebelumnya yaitu yang akan kita bahas adalah Setting Storage.
Setting Storage
Yaitu penyimpanan dalam bentuk settingan, langkah membuat Setting storage adalah kita harus membuat halaman baru, dengan  meneruskan project pada video kedua di atas caranya yaitu click kanan pada nama project -> Add -> New Item lalu muncul tampilan seperti gambar di bawah ini :



Lalu sesuaikan dan berinama seperti gambar di atas setelah itu di SettingStorage.xaml beri beberapa komponen Toolbox untuk emulator. Pada properties TextBox berinama saveTextbox, di properties Button1 berinama saveBT, di Button2 berinama opemBT dan di text block properties berinama openTextBlock. Lalu kosongkan TextBox  juga Button1 ganti contentnya jadi Save dan button yang satunya lagi jadi Open dan TextBlock dikosongkan. Untuk lebih jelasnya dapat dilihat pada gambar dibawah ini :



Setelah itu click 2x pada button Save.


 

Setelah itu click 2x Button Open di SettingStoragePage.xaml setelah itu ubah dan tambahkan scrip dibawah ini pada bagian bawah scrip :


private void openBT_Click(object sender, RoutedEventArgs e)
        {
            IsolatedStorageSettings storedsetting = IsolatedStorageSettings.ApplicationSettings;
            string value = "";
            try
            {
                storedsetting.TryGetValue<string>("textInput", out value);
                openTextBlock.Text = value;
            }
            catch
            {
                MessageBox.Show("Error");
            }
        }
    }
}



Setelah itu masuk kembali ke MainPage.xaml dan ubah scrip komentar dibawah ini :




Ubah scrip tersebur menjadi seperti gambar dibawah ini :


Lalu click kanan pada scrip Click_1”/> pada gambar di atas lalu pilih, Navigation To Even Handler dan otomatis masuk ke mainpage.xaml.cs lalu tambahkan scrip dibawah ini :




Setalah itu run dan hasilnya seperti gambar dibawah ini :


Cob kita ketik sebuah Text, setelah ketik clik Save.


Lalu click Ok.

Setelah itu muncul Text yang telah kita ketikkan dan berhasil.

Sekian matakuliah Pemrograman Mobile yang saya pelajari di minggu kemarin, mudah-mudahan berman faat, sekian.