Aplikasi Radio 2.0 pada platform Windows Phone untuk radio K-liteFM (latest version)

Aplikasi Radio 2.0 pada platform Windows Phone terdiri dari empat menu utama yaitu :

1. Halaman home
2. Halaman streamin
3.  Halaman podcast
4. Halaman klub radio

Keempat menu tersebut terdiri dari sub menu yaitu.

1. Halaman home, terdiri dari 2 bagian yaitu bagian Modis dan bagian Laris.
2. Halaman streaming, terdiri dari 3 bagian yaitu program request dan rundown.
3. Halaman podcast, terdiri dari 7 bagian yaitu bagian dari kategori masing-masing podcast(selected content, most played, music, berita, talk, advertising, travel).
4.  Halaman klub radio, terdiri dari playlist dan player untuk lagu-lagu dari

Pada setiap bagian menu tersebut, tombol untuk live streaming selalu berada pada bagian header aplikasi.

1.       fitur streaming

 Tombol streaming terdapat pada bagian header aplikasi. Ketika ditekan maka tombol akan berubah dan mengakses fungsi PlayStreaming() pada kelas MainPageViewModel. Lama pengaksesan tergantung dari seberapa besar dari bandwith yang digunakan. Rata-rata waktu antara menekan tombol hingga menyala sekitar 6 detik. Seperti yang terlihat pada gambar dibawah ini:

Tampilan button live streaming ketika Off.

Tampilan button live streaming ketika On.

2.      halaman home

Pada halaman ini fungsi modis dan laris pada halaman home berjalan dengan baik.

Ketika dibuka pertama kali maka akan tampil halaman loading yang lama pengambilan API nya bergantung pada koneksi internet.

Tampilan halaman home loading iklan Modis

Kemudian jika telah selesai mengambil konten dari API maka data Modis akan ditampilkan seperti berikut. 

Tampilan halaman Home Iklan Modis

Pada Halaman Home ini menampilkan Iklan Modis yang berganti-ganti setiap  lima detik. Pengguna dapat melihat detail iklan yang tampil pada halaman ini dengan cara menekan tombol gambar iklan, maka pengguna akan di-direct ke halaman mobile web iklan Modis.

Tampilan halaman home iklan Laris

Iklan Laris ini masih berada pada halaman home, pada tampilan ini pengguna juga dapat mengakses layaknya pada tampilan iklan Modis.

3.  Halaman menu bar pada halaman home

Tampilan menu bar pada halaman home

 Gambar diatas adalah menu bar yang akan mempermudah pengguna untuk mengakses halaman menu utama yang terdapat pada aplikasi ini yaitu: home, streaming, podcast dan klub radio. Jika ditekan maka akan dideklarasikan bahwa pengguna telah memilih index dari halaman yang akan dituju, misal halaman podcast, selain dengan menu bar maka berpindah halaman dapat dengan cara men-swipe main page maka halaman akan otomatis berpindah ke menu sebelahnya.

4.  Halaman streaming

Halaman ini bertujuan untuk memastikan semua data program, rundown dan request dapat diambil dan ditampilkan dengan baik. Caranya swipe halaman atau menekan tombol menu bar dibagian bawah dan  jika semua proses berhasil maka akan muncul tampilan seperti dibawah ini.

 

Tampilan halaman ketika load halaman streaming.

Halaman ini menampilakan info program atau acara yang sedang berlangsung, dan menampilkan request dari para pendengar. Setiap pendengar yang melakukan request akan di kategorikan berdasarkan request-nya, misalnya  pendengar request melalui sms, maka tampil icon sms.

Berdasarkan urutan data yang dipanggil, yang pertama ditampilkan adalah data program, sehingga ketika program telah selesai di ambil  maka diambil dan ditampilkan data request yang dilanjutkan dengan mengambil dan menampilkan  data rundown.

Lama halaman ini untuk mengakses data-data tersebut rata-rata 4 detik hingga semua halaman terisi. Dapat lebih lama lagi jika bandwith kecil.

 

Tampilan halaman streaming-request.

Pada halaman menampilkan menu bar request, pengguna dapat me-request ke Radio  melalui beberapa cara yaitu: Melalui Facebook, message, dan telephone. 

 Tampilan halaman streaming menu bar dan rundown acara.

Pada gambar diatas menampilakan rundown acara yang sedang berlangsung dan yang telah selesai dan dibagian bawah adalah menu bar halaman streaming.

 Tampilan halaman request Facebook login.

Tampilan halaman request menggunakan Facebook.

Setelah pengguna berhasil login, maka akan tampil  halaman request menggunakan Facebook. Pengguna dapat menuliskan pesan pada text box dan mengirim pesan dengan cara menekan tombol request untuk mengirim request di menu bar bagian bawah. Jika data berhasil dikirim maka akan tampil kotak dialog yang menyatakan jika data berhasil dikirim.

Tampilan halaman request menggunakan sms.

Tampilan halaman request menggunakan phone.

5. Halaman podcast

Tampilan halaman podcast.

Gambar diatas merupakan halaman podcast. Tampilan halaman podcast ini adalah tombol-tombol dari kategori konten podcast. Terdapat 7 tombol yang mewakili 7 kategori podcast. Tombol ini akan diarahkan ke halaman masing masing kategori yang isinya berupa list isi kategori.

Tampilan list isi kategori masing-masing podcast.

Halaman detail podcast ketika tombol play podcast belum ditekan.

 Halaman detail podcast ketika tombol play podcast telah ditekan. 

Pada halaman detail podcast terdapat tombol FstayTuned, tombol play podcast dan tombol stop podcast. Ketika tombol play podcast ditekan maka akan dipanggil fungsi PlayKonten() dan player akan memainkan file podcast. Dari tombol ditekan hingga player memutar data adalah sekitar 3 detik dalam kondisi bandwith yang cukup besar. Ketika tombol play ditekan makan tombol play akan invisible kemudian tombol stop akan visibel.

 Bagian detail konten. 

Bagian ini merupakan web browser yang diembed ke halaman detail konten. Source dari bagian ini diambil dari url yang disediakan dari API. Pada url tersebut tidak semua bagian yang digunakan, hanya tag image dan tag ul yang bernama isi-content yang digunakan untuk menampilkan deskripsi detail.

Halaman detail podcast ketika tombol stay tune ditekan. 

6.  Halaman klub radio

Halaman Klub Radio. 

Halaman klub radio ini adalah halaman yang harusnya dapat mengakses file musik dari penyedia konten musik berbayar, melOn. Namun ketika akan diimplemetasikan ke player Windows Phone, file dari melOn tidak dapat dimainkan diplayer Windows Phone dikarenakan konten tersebut berjenis flash video file(FLV). File FLV ini dapat dimainkan dengan menggunakan Flash Player sedangkan pada Windows Phone tidak terintegrasi dengan Flash Player. Solusi sementara untuk menampilkan klub radio adalah dengan embed mobile web browser ke dalam aplikasi Windows Phone dan mengakses mobile web Klub Radio didalamnya. Dari mobile web radio pun, halaman klub radio belum dapat digunakan dengan baik karena dari penyedianya sendiri belum diintegrasikan dengan baik di mobile web.

Jadi, untuk aplikasi K-Lite pada platform Windows Phone hampir semua menu dan fungsi dapat berjalan dengan baik kecuali klub radio dikarenakan tidak ada player untuk memainkan konten musik dari penyedia konten. Sedangkan Menu lainnya dapat diintegrasikan dengan baik.