Pendidikan Teknik Informatika Universitas Negeri Malang

Hai..bertemu lagi dengan saya bagaimana membuat aplikasi Windows 8 dengan JavaScript dan menggunakan template yang telah disediakan oleh Visual Studio 2012.

Oke. Pada tutorial sebelumnya sudah saya jelaskan bagaimana membuat aplikasi awal dengan menggunakan template dari Visual Studio 2012. Pada tutorial kali ini saya akan menunjukkan bagaimana memodifikasi tampilan splashscreen, logo, ataupun background yang akan digunakan pada aplikasi kita.

Tanpa basa basi lansung saja kita masuk ke program sebelumnya.

  • Pertama kali yang harus dilakukan tentunya membuka aplikasi yang telah dibuat sebelumnya.
  • Setelah dibuka sekarang kita lihat di solution explorer, kemudian cari file yang namanya package.appxmanifest setelah itu klik 2x dan akan muncul jendel baru di Visual Studio 2012.

1

  • Di package.appxmanifest kita dapat merubah package aplikasi kita yang kita buat. Pertama kita buat edit dulu splashscreennya. Scroll sampai yang paling bawah nanti akan muncul tulisan splashscreenya.

2

Disini kita dapat mengedit semua sesuai dengan ke inginan kita. Tapi ingat untuk ukuran gambar sesuaikan dengan ukuran yang ada di Visual Studionya.

  • Selanjuntya kita akan memodifikasi logo untuk aplikasi kita. Scroll ke bagian paling atas nanti akan muncul tulisan logo seperti gambar di bawah ini.3

Sama seperti splashscreen kita dapat memodifikasi tampilan aplikasi kita.

  • Hal yang sama dapat kita lakukan di widelogo disini gunanya untuk menampilkan logo kita di metro app tapi yang berukuran lebar.4
  • Untuk small logo digunakan untuk menampilkan logo kita dimetro app namun yang berbentuk kecil5

Selanjutnya kalian pasti bingungkan ditaruh dimana file gambar yang akan digunakan untuk memodifikasi berbagai hal tersebut. Cara mudahnya adalah sebagai berikut:

Kita siapkan dulu gambar yang telah dibuat dan nantinya akan digunakan sebagai penggantinya. Untuk lebih gampangnya lihat gambar di bawah ini.

6

Seleksi semua gambar yang akan digunakan dan drag ke Visual Studio dan bagian Images. Timpa saja nanti akan muncul peringatan seperti gambar dibawah ini

7

.

Jika muncul peringatan seperti dibawah ini, centang apply to all items dan pilih yes. Dengan begitu logo yang awalnya berbentuk kotak sudah akan tergantikan oleh logo yang telah kita buat. Coba kalian run program yang kita buat tadi. Berubahkan

8

Untuk tutorial kali ini cukup sekian dulu yaa. Nanti dilanjutkan untuk mengedit template yang telah kita buat tadi. Sampai bertemu di Tutorial selanjutnya😀.

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

The WordPress.com Blog

The latest news on WordPress.com and the WordPress community.

%d bloggers like this: