Selamat Malam sobat!,
ditutorial kali ini saya akan membahas tahap penyelsaian apps pada visual
studio, nah sebelumnya tutorial ini adalah lanjutan dari Mengekspor project ke windows8
Lansung saja yah Ke TKP,
dipembahasan ini saya akan menjelaskan bagaimana kita mengsetting atau merombak
settingan default pada construct2 kita jadikan menjadi sempurna dan ini merupakan
langkah-langkah supaya apps kita bisa publish di windows store.
Untuk merombaknya sangat
gampang dan dibutuhkan ketelitian Ok. Nah sebelum kita merombaknya terlebih
dahulu kita membuat icon untuk gamenya karena tidak menutup kemungkinan kalau
apps kita ditolak apabila memakai icon default dari visual studionya.
Buatlah icon apps dengan
ukuran "logo150x150" untuk Logo,"logo310x150" untuk Wide logo, "logo30x30" untuk Smal logo, "logo50x50" untuk Store logo, serta "logo620x300" untuk Splash screen.
Langkah-langkanya yaitu :
1. Kita harus punya visual studio dulu, karena
kita akan bermain2 dengan visual studio untuk mengeditnya, jadi diusahakan
visual studio telah terinstal, saya memakai visual studio 2012.
2. Apabila
kita sudah mempunyai visual studionya kita buka folder dimana project yang
sebelumnya kita telah mengeksportnya, buka projectnya maka akan muncul seperti
dibawah ini
3. Pada tahap ini kita akan membuat sertifikasi
karena untuk membuat apps windows8 pasti harus mempunyai sertifikasi, caranya
pada solution explorer pilih package.appxmanifest".
Pilih tab Package >
Choose certificate... > Create test certificate... kemudian isi publisher name dengan
nama anda dan pilih OK.
4. Pada tahapi ini kita akan menambahkan icon logo
pada folder Assets/Solution/ pilih gambar "logo150x150" untuk Logo,"logo310x150" untuk Wide logo, "logo30x30" untuk Smal logo, "logo50x50" untuk Store logo, serta "logo620x300" untuk Splash screen.
Memodifikasi Konten Flyout About & Support
Pada Windows 8 UI Guideline sangat disarankan
untuk membuat flyout about, support, dan privacy policy (privacy policy
dibutuhkan jika apps mengakses hal yg berdomain privat). Karena game kita tidak
mengakses domain privat apapun kita akan hanya membuat flyout about dan support
pada kesempatan kali ini. Flyout-flyout tersebut sudah dibuatkan secara
otomatis oleh Metro-plugin pada Construct 2 pada tutorial sebelumnya. Kali ini
kita hanya akan merubah konten dari flyout tersebut.
1.
Pada Solution Explorer, buka file Settings-About.html
2.
Cari potongan kode berikut :
<div class="win-label">About</div>
</div>
<div class="win-content">
<p>My App about page</p>
<p>Copyright © 2012 Fabrikam</p>
</div>
Ubah kode berikut menjadi seperti ini :
<div class="win-content">
<p>Quiz Techo</p>
<p>Aplikasi game Quiz ini adalah aplikasi pertama saya
membuat apps untuk windows 8/8.1</p>
<p>
Backsound musik ini diambil
dari <a href="http://www.youtube.com/watch?v=OrPEoqp4sjg">youtube</a>
</p>
<p>Copyright © 2014 Adirahman</p>
</div>
</div>
3.
Pada Solution Explorer, buka file Support.html
4.
Cari potongan kode berikut :
<div class="win-label">Support</div>
</div>
<div class="win-content">
<div class="win-content">
<p>Include some support information for your app here.</p>
<p>For example: email us at <a href="mailto:example@example.com">example@example.com</a> or visit <a href="http://example.com/support">http://example.com/support</a>.</p>
</div>
Ubah menjadi seperti ini :
<div class="win-label">Support</div>
</div>
<div class="win-content">
<p>Info lebih lanjut</p>
<p>Untuk Kritik dan Saran Silahkan Kirim ke Email saya <a href="adirahman@outlook.com">adirahman</a> atau kunjungi Blog saya <a href="http://wwwshinra-tensei.blogspot.com">Adirahman</a>.</p>
</div>
Mungkin itu tutorial yang saya berikan,
semoga bermanfaat J
Selamat menocoba ya
Post a Comment