Menambahkan Suara/Video ke Aplikasi Windows 8

Terkadang untuk melengkapi fitur pada program yang akan kita, maka kita tambahkan media suara maupun video. Kali ini kita akan membahas bagaimana memasukkan suara/video ke program yang kita buat. Berikut adalah langkah-langkahnya:

1. Buat Project baru. File > New > Project. Pada jendela baru yang terbuka pilih: Visual C# > Windows Store > Blank App (XAML).
2. Tambahkan media (file suara/video) yang akan dipakai ke projek, yaitu dengan mengklik kanan folder Assets pada Solution Manager > Add > Existing Item > Browse File dan Klik Open.

Dengan begini file telah ada di projek kita.

3. Kembali ke halaman MainPage.xaml. Tambahkan MediaElement dengan cara Drag and Drop MediaElement yang ada di Toolbox.

4. Seleksi MediaElement, kemudian lihat pada panel Properties > Media > Source > Pilih media yang akan dipakai.

5. Jalankan aplikasi dengan menekan tombol F5, maka saat aplikasi terbuka media akan secara otomatis dimainkan.

Untuk menambahkan video caranya sama seperti di atas. Selamat mencoba.

Read More

Membuat tombol navigasi Aplikasi Windows 8

Pertama kali saya membuat aplikasi windows 8, saya sempat bingung bagaimana cara berpindah dari 1 halaman ke halaman lain. Akhirnya setelah beberapa lama mencari ketemulah solusinya, dan ternyata sangat sederhana hehe. Agar teman-teman tidak kesusahan seperti saya dulu, maka kali ini akan saya sajikan bagaimana cara membuat tombol untuk berpindah halaman pada bahasa XAML. Berikut adalah langkah-langkahnya:

1. Buatlah project baru.  File > New > Project. Pada jendela baru yang terbuka pilih: Visual C# > Windows Store > Blank App (XAML).
2. Tambahkan halaman baru di project kita. Project > Add New Item > Visual C# > Windows Store > Basic Page.

3. Tambahkan sebuah tombol pada halaman utama (MainPage.xaml), berikan event Click lalu masukkan kode berikut ini:

4. Uji navigasi tombol tersebut. Jalankan aplikasi dengan menekan tombol f5. Klik tombol navigasi maka halaman kedua akan terbuka.

Nah, sekian tutorial kali ini semoga bermanfaat. :)

Read More

Membuat aplikasi Kalkulator sederhana di Windows 8

Kali ini kita akan mencoba membuat sebuah kalkulator yang sederhana, meski sederhana namun konsep yang ada bisa kita kembangkan untuk membuat kalkulator yang lebih kompleks. Operasi yang akan kita berikan hanyalah penjumlahan dari 2 angka. Baiklah mari kita mulai, berikut adalah langkah-langkahnya:

1. Buat Project baru. File > New > Project.
2. Pada jendela baru yang terbuka pilih: Visual C# > Windows Store > Blank App (XAML).
beri nama terserah, misalnya Calculator. Kemudian klik OK.

3. Buka MainPage.XAML, caranya klik 2 kali file MainPage.XAML yang ada pada Solution Explorer.

4. Tambahkan 2 Text Box untuk menampung inputan, 1 Text Block untuk tanda +, 1 Button untuk tombol =, 1 Text Block untuk menampilkan hasil.
Berikan penamaan seperti di bawah ini (untuk penamaan bisa melalui panel Properties yang terletak di bawah Solution Explorer):
- Text Box 1 --> input1
- Text Box 2 --> input2
- Button --> hitung
- Text Block 2 --> hasil
Susun item-item tersebut sesuka hati, berikut contoh penyusunannya:

5. Berikan event Click pada tombol hitung (klik 2 kali tombol sampai masuk pada sintaks MainPage.xaml.cs), kemudian tambahkan kode berikut ini:


Note: dapat dilihat terdapat kode fungsi Convert.ToString() dan Convert.ToInt32(). keduanya adalah fungsi yang merubah tipe data. Alurnya adalah:
- Data dari Text Box 1 dan Text Box 2 yang semula bertipe String, dikonversi menjadi Integer.
- Data Integer tersebut kemudian dijumlahkan.
- Hasil penjumlahan dikonversi menjadi tipe String kembali, sebelum di tampilkan di Text Block bernama hasil.
 6. Jalankan aplikasi dengan menekan tombol f5. dan berikut adalah hasilnya:

Cukup sederhana kan? Semoga bermanfaat. :) Apabila ada pertanyaan silakan tulis di kolom komentar.

Read More