Cara Mengatur APP User Interface di Visual Studio Express 2012 Windows 8


maspramproduction

Assalamualaikum. Semoga dalam keadaan sehat selalu pembaca dan pengunjung setia blog mas pram. Sesuai judul diatas, pada pembahasan ini saya mengambilnya dari game edukasi yang telah saya buat sebelumnya. Bagaimana mengatur splash screen, icon tile, mengatur tampilan layar di monitor, dan sebagainya berikut ini caranya.

  1. Buka visual studio express 2012 anda, jika anda telah membuat sebuah project baru maka secara default terbentuk atau tercipta file dengan nama appxmanifest. Ini dapat anda lihat di solution explorer bagian kanan atas pada layar monitor anda.
  2. Selanjutnya buka file tersebut dengan cara klik dua kali ataupun klik kanan dan pilih open.
  3. Jika sudah terbuka maka anda akan mendapati tampilan seperti gambar dibawah ini.VSE2012
  4. Pada menu Application UI anda dapat mengatur nama aplikasi, file atau page html5 pertama yang akan dijalankan, bahasa yang digunakan dalam aplikasi anda, tampilan layar aplikasi anda. Jika anda ingin mengatur tampilan icon yang muncul di desktop maka anda dapat scroll kebawah pada bagian Visual Assets.VSE2012-1
  5. Pada bagian Visual Assets anda dapat mengatur/mengubah logo, wide logo, splash screen, store logo, badge logo, dan small logo. Caranya adalah seperti berikut ini, anda cukup memilih logo atau bagian mana yang anda kehendaki disebelah kiri anda. Nanti akan muncul tampilan seperti gambar dibawah ini. VSE2012-2Jika belum ada logo yang anda masukkan maka tampilan secara default menunjukkan pilihan ukuran yang dapat anda gunakan sesuai keinginan. Untuk merubahnya klik yang dikotak merah seperti gambar ini.VSE2012-3
  6. Cara diatas berlaku untuk pengaturan small logo, badge logo, splash screen, wide logo, dan store logo. Jika waktu anda melakukan perubahan pada wide logo terjadi error maka klik pada menu Declarations. Pada kiri anda pada pilihan Available Declarations, pilih Background Tasks kemudian klik Add. Selanjutnya secara otomatis pada Supported Background menjadi Background Tasks. Kemudian pada Properties, Support Tasks yang ada pada kanan anda pilih atau ceklis Timer dan Push Notification.VSE2012-4
  7. Maka nantinya hasilnya akan seperti ini :
    1. Untuk tampilan icon di desktop yang dikotak berwarna hitam dam bentuk small logo.large
    2. Untuk tampilan wide logo atau dalam ukuran besar.VSE2012-6
    3. Untuk tampilan store logo, splash screen, logo maka akan muncul ketika aplikasi anda dijalankan.

Semoga bermanfaat dan terimakasih.

Anda juga dapat mendownload artikel diatas dalam format PDF : Download

Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

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