[WP8] Menyimpan Data di File XML di Windows Phone

Terkadang di pemrograman mobile juga membutuhkan pengolahan data. Tetapi yang jadi masalah adalah dimana data dapat kita simpan? Salah satu yang dapat digunakan adalah dengan menyimpan data di file XML. Format penulisan XML adalah sebagai berikut:

<NamaFile>
  <kolom1></kolom1>
  <kolom2></kolom2>
  ...
  <kolomN></kolomN>
</NamaFile>

Misal kita memiliki data yang ingin disimpan di XML adalah sebagai berikut:

ImageTabel di atas akan kita ubah ke dalam format XML. Pertama, tambahkan new item format xml di project anda. Kemudian berinama TSiswa singkatan dari Tabel Siswa.

<?xml version="1.0" encoding="utf-8" ?>
<Tsiswa>
  <Baris><NoInduk>12101</NoInduk><Nama>Budi</Nama><Umur>16</Umur></Baris>
  <Baris><NoInduk>12102</NoInduk><Nama>Andi</Nama><Umur>15</Umur></Baris>
  <Baris><NoInduk>12103</NoInduk><Nama>Jaka</Nama><Umur>16</Umur></Baris>
  <Baris><NoInduk>12104</NoInduk><Nama>Sri</Nama><Umur>17</Umur></Baris>
</Tsiswa>

Ini adalah cara menyimpan data dengan format XML sedangkan cara memanggilnya melalui file .cs. Pada file .cs yang ingin membaca data XML silahkan tambahkan kode dibawah ini

using System.Xml.Linq;

Kemudian tambahkan:

XDocument data = XDocument.Load("TSiswa.xml");
var TSiswa = data.Document.Descendants(XName.Get("Baris"));
String Temp="";
foreach (var Baris in TSiswa{
      Temp += Baris.Element(XName.Get(("NoInduk"))).Value+" "+Baris.Element(XName.Get(("Nama"))).Value+" "+Baris.Element(XName.Get(("Umur"))).Value+"\n";
}
MessageBox.Show(Temp);

Ini adalah contoh membaca data dari XML dan ditampilkan datanya melalui message box. 🙂

Advertisements

Memutar Suara di Window Phone 8

Setelah sekian tahun kenal dengan namanya coding baru sadar sekarang kalau ternyata belum pernah coding yang berhubungan dengan suara. Di windows phone format yang dikenalnya adalah .wav, maka dari itu sebaiknya siapkan terlebih dahulu suara format wav. Pertama silahkan desain tampilkan dari aplikasi yang ingin kalian bangun. Pada kesempatan kali ini, saya hanya membuat tampilan sederhana dimana hanya ada dua tombol saja yaitu tombol play dan tombol pause.

Image

Jika tampilannya sudah siap, sekarang kita tambahkan Control MediaElement (Gambar point 1) dengan cara menarik dari tab toolbox ke halaman aplikasi anda.  Kemudian ubah properties dari MediaElement yang sudah ditambahkan seperti namanya (misal: Lagu) dan menambahkan source file wav-nya seperti yang ada di gambar point 2. Jika kita run, pada saat halaman ini muncul maka file .wav akan langsung diputar, kl anda tidak mau file langsung diputar maka ubah propertis MediaElementnya hilangan apus centang pada autoplay seperti di gambar point 3.

Untuk event dari tombol play jika diklik tambahkan kode seperti di bawah ini :

 private void btPlay_Click(object sender, RoutedEventArgs e)
        {
            Lagu.Play();
        }

Sedangkan untuk tombol pause, event kliknya tambahkan kode dibawah ini:

 private void btPause_Click(object sender, RoutedEventArgs e)
        {
            Lagu.Pause();
        }

Selesai.. 🙂 Semoga membantu.. sebenarnya jika dikembangkan lagi ini akan menjadi dasar untuk membuat aplikasi alarm..

Application Bar in Windows Phone 8

Wah tidak terasa sudah lama tidak posting.

Kali ini saya akan mempublis tentang membuat Application Bar di Windows Phone 8. Pada dasarnya Application Bar adalah standar button yang sering digunakan pada pemrogaman mobile. Application Bar adalah tempat kumpulan dari tombol-tombol dimana tombol tersebut bisa berupa tulisan atau icon. Di bawah ini adalah contoh dari application bar yang memiliki tombol yang berupa icon.

Image

Kita akan membuat application bar yang bisa digunakan pada semua halaman project. Tahap pertama, Kita harus mendesain application barnya terlebih dahulu. Code yang program yang akan ditambahkan berada di file App.xaml tepatnya diantara Application.Resources seperti coding dibawah ini.

   <Application.Resources>
        <!--Tambah Kode Disini-->
            <local:LocalizedStrings xmlns:local="clr-namespace:Beker" x:Key="LocalizedStrings"/>
    </Application.Resources>

Sedangkan code yang akan ditambahkan adalah sebagai berikut. Tetapi sebelumnya silahkan siapkan icon yang akan digunakan anda bisa mendownload disini.

            <shell:ApplicationBar x:Name="globalApplicationBar"
                              IsMenuEnabled="True" Opacity="0.7" >
            <shell:ApplicationBarIconButton Text="Add"  IconUri="add.png"/>
            <shell:ApplicationBarIconButton Text="Delete"  IconUri="delete.png"/>
            </shell:ApplicationBar>

Setelah ditambahkan code diatas tentu belum mengubah tampilan halaman aplikasi kalian. Sekarang bagaimana menampilkan application bar di halaman yang kita inginkan. Silahkan pilih halaman yang ingin ditambahkan application bar. Tambahkan code

ApplicationBar="{StaticResource globalApplicationBar}"

setelah code

shell:SystemTray.IsVisible="True"

Bagaimana? Sudah adakan application barnya… Masih ada yang kurang, tombol yang kalian buat ternyata belum ada eventnya. Maka silahkan tambahkan eventnya di setiap tombol. Di App.xaml silahkan tambahkan

Click="ApplicationBarAdd_Click"

di desain tombol Add dan

Click="ApplicationBarDelete_Click"

di desain tombol Delete.

dan selanjutnya ke App.xaml.cs untuk membuat method kliknya. Misal jika tombol Add di klik akan menampilkan message box “Tombol Tambah”.

public void ApplicationBarAdd_Click(object sender, EventArgs e){
            MessageBox.Show("Tombol Tambah");
        }

Selesai.. Semoga bermanfaat.. 🙂

 

 

 

%d bloggers like this: