Halaman

Kamis, 24 Oktober 2013

PERANCANGAN DAN IMPLEMENTASI USER INTERFACE APLIKASI K-LITE (RADIO 2.0) PADA PLATFORM BLACKBERRY


Perancangan User Interface Aplikasi K-LITE (Radio 2.0) Pada Platform Blackberry

Radio 2.0 versi Blackberry memiliki fitur-fitur dan halaman umum yang sama dengan Radio 2.0 versi lain. Halaman tersebut terdiri dari:
1. Halaman Home.
2. Halaman Live (Streaming).
3. Halaman On-Demand.
4. Halaman Klub Radio.


Berikut merupakan perancangan user interface Radio 2.0 pada platform Blackberry :

Gambar 1. Rancangan menu sidebar


Gambar 2. Rancangan sent request (write message)

Gambar 3. Rancangan menu Home

Gambar 4. Rancangan menu Error page

Gambar 5. Rancangan menu Live

Gambar 6. Rancangan menu On-Demand

Gambar 7. Rancangan pilihan category konten

Gambar 8. Rancangan tampilan konten pada menu On-Demand 

Implementasi dan Pengujian Interface

Berikut tampilan interface aplikasi Radio 2.0 versi Blackberry beserta penjelasannya:
1. Halaman Home 


Gambar 9. Halaman Home

Halaman ini merupakan halaman pertama yang ditampilkan ketika aplikasi dibuka, halaman ini menampilkan iklan modis dan laris. Baik iklan modis ataupun laris, menampilkan slide iklan yang berganti tiap selang waktu tertentu (0.5s).
Modis adalah iklan pertama yang tampil. Untuk melihat iklan laris, pilih tab laris yang tersedia di bagian atas iklan. Begitu juga sebaliknya, untuk menampilkan modis, pilih tab modis.

Apabila tidak terhubung dengan koneksi internet atau API tidak terpanggil maka akan muncul tampilan error seperti dibawah.

Gambar 10. Halaman Error Page

2. Halaman Live
Halaman ini menampilkan dua bagian utama, yaitu request dan rundown disertai juga dengan isi program radio yang sedang berjalan. Request berisikan pesan-pesan atau permintaan pemutaran lagu oleh pendengar radio. Rundown menampilkan daftar acara program (berupa lagu dan acara tertentu) yang berlangsung di radio bersangkutan. Untuk mengirimkan request, pendengar bisa langsung memilih menu write-message di menu aplikasi lalu mengirimnya melalui sms atau Facebook.



Gambar 11. Halaman Request pada menu Live

 Gambar 12. Halaman Rundown pada menu Live

3. On-Demand
Gambar 13. Halaman On-Demand

Halaman On-Demand berisi list content (siaran tunda) berupa kategori berikut :
-        1.  Konten Pilihan
-        2.   Mostplayed
-        3.  News
-        4.  Music
-        5.  Talk
-        6. Travel
-        7.  Advertising
Gambar 14. Halaman Menu Konten pada halaman On-Demand

Gambar 15. Action icon pada konten


4. Halaman Klub Radio Member
Halaman ini merupakan halaman khusus member dari klub radio. Untuk mengakses halaman ini user harus login dan registrasi terlebih dahulu untuk mendapatkan fasilitas klub member.

Selain 4 menu utama diatas, aplikasi ini memiliki beberapa tampilan lain misalnya:
1. Splash Screen
Gambar 16. Splash Screen

 2. Halaman Loading
Gambar 17. Halaman Loading

3. Halaman menu Sidebar
Gambar 18 Halaman menu Sidebar 

4. Halaman Send Request
Gambar 19. Halaman Send request

Gambar 20. Halaman pilihan Send request with

5. Halaman Search

 Gambar 21. Halaman Search

Gambar 22. Pilihan Search by





Tidak ada komentar:

Posting Komentar