RSS READER MENGGUNAKAN PROJECT SIENA

Kali ini saya akan mencoba membuat aplikasi windows 8 menggunakan Project Siena. Rencananya saya akan membuat RSS Reader untuk berbagai macam quotes berdasarkan categorynya. Untuk sedikit menambah pengetahuan dalam menggunakan Project Siena mungkin bisa sedikit baca disini terlebih dahulu. Sebelumnya jangan lupa download dulu Project Siena di komputer anda. Project Siena mensupport beberapa data resources yang bisa kita gunakan pada aplikasi yang akan kita buat

  • Excel
  • Windows Azure Mobile Services (AMS)
  • REST
  • RSS Feed
  • SharePoint Lists

Dalam tutorial ini saya akan menggunakan Excel dan juga RSS Feed. Untuk RSS Feed, saya menggunakan kumpulan quote dari dictionary-quotes. Saya mengambil 4 category yang akan digunakan pada aplikasi yang akan saya buat, yaitu education, business, love dan juga humor. Untuk excel filenya, kita gunakan ini untuk mempercantik tampilan aplikasi kita. Pertama kita siapkan 4 file images sesuai category yang kita pilih tadi, lalu dalam contoh ini saya letakkan C:\Users\xxx\Pictures\Quotes (ganti ‘xxx’ dengan username komputer anda). Setelah itu buka microsoft excel lalu buat 2 kolom,kolom 1 untuk path file images kita tadi,kolom 2 untuk category file images tersebut,contoh seperti gambar dibawah,

quote1

Jangan lupa “Format as Table” setelah selesai dan save dengan format .xlsx.

quote2Setelah file yang kita butuhkan sudah komplit, sekarang waktunya kita buka Project Siena :D Setelah kita buka, tambahkan Label dan Image Gallery with Caption.

quote3Sebelum kita edit tampilan agar lebih cantik, kita tambahkan dulu data sources untuk aplikasi kita, pilih File->Data Sources. Lalu tambahkan file excel yang sudah kita buat tadi

quote4Maka akan muncul tampilan seperti diatas jika berhasil. Setelah itu tambahkan juga 4 RSS Feed yang sudah kita siapkan tadi berdasarkan categorynya,

quote5Jika berhasil akan muncul tampilan seperti diatas :) Setelah itu kembali lah ke main screen, klik Image gallery with Caption yang sudah anda tambahkan lalu pilih Data->Items lalu pilih file data dari file excel yang sudah dibuat tadi, data saya bernama ‘table1’. Setelah berhasil maka tampilan anda saat ini akan menjadi

quote6Anda bisa mempercantik sendiri tampilan aplikasi yang anda buat. Setelah itu tambahkan screen sebanyak category yang akan kita buat, maka saya menambahkan 4 screen.

quote7Pada main screen, kita perlu menambahkan sedikit code agar tiap item pada gallery yang kita klik bisa direct sesuai halaman yang kita inginkan. Tambahkan code sesuai gambar dibawah,

quote8Setelah itu pada tiap screen category kita tambahkan label, back button, dan juga text gallery.

quote9Lalu klik Text Gallery lalu pilih items dan pilih data rss yang sudah kita tambahkan tadi, lakukan hal yang sama pada screen category yang lain,

quote10Akhirnya Aplikasi Windows 8 “RSS QUOTES READER” selesai dibuat. Mudah sekali bukan jika menggunakan Project Siena :D

quotes11

quotes12

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s