CARA SUBMIT APPS KE WINDOWS STORE

CARA SUBMIT APPS KE WINDOWS STORE

Selanjutnya kita akan mempublish game kita ke store, caranya cukup mudah dan bias dikatakan cepat prosesnya untuk membuat aplikasi kita bisa publish dan tersedia di windows store. Yang harus kalian siapkan adalah appxupload, yaitu package game atau aplikasi kita yang akan kita upload ke store. Untuk mengetahui cara membuat appxupload, kalian bisa baca Cara Membuat Packages (appxupload) untuk Upload ke Store.

Kalian juga membutuhkan akun windows untuk bisa submit aplikasi ke store.

Cara untuk submit adalah, buka situs dev.windows.com

Dev Center
Dev Center

Pilih Submit apps, masukan account login Microsoft kalian, selanjutnya pilih Windows Store dashboard, karena kita akan mensubmit aplikasi untuk windows store.

Pilih Submit an app. Maka kita perlu banyak mengisi data untuk aplikasi kita, Nama Aplikasi, Selling Details, Services, Age Rating, Cryptography, Packages, Description dan juga Note to tester.

Submit an app
Submit an app

Continue reading “CARA SUBMIT APPS KE WINDOWS STORE”

Advertisements

Cara Membuat Packages (appxupload) untuk Upload ke Store

Cara Membuat Packages (appxupload) untuk Upload ke Store

Ketika akan men submit aplikasi ke Windows Store, package file atau .appxupload adalah hal yang penting dan diperlukan untuk diupload ke store, pada pembahasan kali ini saya akan menjelaskan bagaimana caranya membuat App Packages dari visual studio dari project yang telah kita buat.

Pada Visual Studio, pilih Project -> Store -> Create App Packages..

Create app packages..
Create app packages..

Kemudian akan muncul windows baru untuk membuat app packages, kita pilih yes karena kita akan membuat app packages yang akan di upload ke store.

Ctreate App Package
Ctreate App Package

Continue reading “Cara Membuat Packages (appxupload) untuk Upload ke Store”

FINALIZING YOUR APPS. BEFORE SUBMITING TO THE STORE

FINALIZING YOUR APPS. BEFORE SUBMITING TO THE STORE

Aplikasi kita kini telah selesai dan siap untuk di submit ke store, namun sebelumnya kita perlu melakukan testing dan menyiapkan beberapa tambahan, agar games kita bisa berjalan dengan baik.

Tambahkan code berikut ini, yaitu handle ketika games kita pertama kali launch, atau dijalankan oleh user kita akan menload semua pertanyaan dan juga menload data highscores. Letakan pada method OnLaunched:

//Loads the categories
await DataSources.LoadQuestion();
//Loads the highscores
HighscoreManager highscoreManager = new HighscoreManager();
await highscoreManager.Initialize();

Langkah selanjutnya kita akan mengatur manifest package kita, appxmanifest adalah tempat kita mendefinisikan deskripsi mengenai app/game kita.

Buka file Pakage.appxmanifest, dan kita akan mengisikannya dengan informasi mengenai aplikasi kita, Pada tab Application, kita mendefine set properties dan juga mendeskripsikan deskripsi aplikasi kita.

package manifest application
package manifest application

Selanjutnya kita akan menambahkan, Visual Assets, Visual Assets disini kita akan mendeskripsikan asset-asset visual yang dibutuhkan, seperti tile logo icon, logo store icon, splash screen, dan visual assets lainnya.

Visual Assets
Visual Assets

Sejujurnya saya tidak baik dalam membuat design, jadi kalian bisa buat design kalian lebih baik, contoh design yang saya buat yaitu untuk store logo sebagai berikut ini:

StoreLogo.scale-180

Continue reading “FINALIZING YOUR APPS. BEFORE SUBMITING TO THE STORE”

Create Simple Game. ABC5DASAR (SERIES 7)

Create Simple Game. ABC5DASAR (SERIES 7)

Pada pembahasan series kali ini, ini akan menjadi tahap terakhir kita untuk mendesign sebuah design, di series berikutnya kita sudah siap untuk mempublish aplikasi kita dan mensubmitnya ke Windows Store. Kali ini kita akan mendesign sebuah User Control untuk aplikasi/game sederhana kita.

User Control yang akan kita tambahkan adalah yaitu untuk Setting, jika kalian familiar dan sering menggunakan aplikasi Windows Store ketika kalian gerakan mouse kalian ke sisi kanan layar dan memilih settings, maka kita akan melihat flyout untuk setting yang biasanya berisikan page Privacy Policy, Help, About, dan juga Rate & Review. Di series ini kita akan membahas bagaimana kita menambahkan hal tersebut ke project kita.

Pada solution explorer, kita Add New Item, lalu kita pilih User Control, kita namakan dengan About.xaml

Add User Control
Add User Control

Untuk mendesign User Control, sama dengan page biasanya, kita bias dengan mudah drag n drop dari toolbox, namun di project saya, saya hanya mendesign bentuk secara minimalis/basic saja. Syntaks xaml-nya sebagai berikut:

Continue reading “Create Simple Game. ABC5DASAR (SERIES 7)”

Create Simple Game. ABC5DASAR (SERIES 6)

Pada series kali ini kita akan membahas mengenai Highscore Managaer dan juga kita akan membuat logic code untuk Highscore Page kita, sebelumnya jika kita recap sebelumnya kita telah selesai membuat MainPage dan juga GamePage, dan juga sebelumnya kita telah mendesain tampilan UI untuk Highscore Page kita, namun belum terdapat code logic didalamnya, saat ini diseries kali ini kita akan menambahkan code logic kedalam Highscore Page, let’s check it out!

Kita akan membutuhkan sebuah class baru sebagai handler untuk highscore pada game kita, serta menyimpan data-data highscore, maka kita sebut saja sebagai class HighscoreManager.cs, mari kita buat dengan klik kanan pada solution explorer dan Add New Item, yaitu class file dengan nama HighscoreManager.cs.

Buat class di file HighscoreManager.cs yaitu berisi getter dan juga setter item untuk data score kita, kita akan menggunakan interface IComparable untuk melakukan komparasi pada item:

public class HighscoreItem : IComparable
{
public string Id { get; set; }
public string Name { get; set; }
public int Score { get; set; }
public bool Display { get; set; }
public int CompareTo(object obj)
{
if (obj is HighscoreItem)
{
return Score - ((HighscoreItem)obj).Score;
}
return 0;
}
public override string ToString()
{
return Score.ToString();
}
}

Continue reading “Create Simple Game. ABC5DASAR (SERIES 6)”

Create Simple Game. ABC5DASAR (SERIES 5)

Create Simple Game. ABC5DASAR (SERIES 5)

Recap kembali, sebelumnya kita telah selesai mendesign Main Page, kemudian mendesign Game Page, dan juga mengatur game logic di Game Page serta menampilkan data pertanyaannya, selanjutnya pada pembahasan kali ini kita akan kembali mendesign, yaitu mendesign Highscore Page.
Highscore page akan kita gunakan untuk melihat daftar pemain dan juga score kita ketika bermain.

Jadi, langkah awal seperti biasa kita Add New Item, lalu pilih saja Basic Page dan namakan menjadi HighscorePage.xaml

Kita atur background menjadi sama seperti Main Page dan Game Page kita
<Grid Background="#FFABD1FF">

Tambahkan efek transisi ketika masuk ke Highscore Page

<Grid.ChildrenTransitions>
<TransitionCollection>
<EntranceThemeTransition/>
</TransitionCollection>
</Grid.ChildrenTransitions>

Kita layouting  seperti pada Game Page, namun kali kita akan buat Grid menjadi 2 baris, yaitu untuk nama aplikasi dan juga grid untuk memperlihatkan data score.

<Grid.RowDefinitions>
<RowDefinition Height="140"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>

Untuk nama aplikasi kita buat grid seperti berikut ini:

<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="120"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Button x:Name="backButton" Margin="39,59,39,0" Click="backButton_Click"
Style="{StaticResource NavigationBackButtonNormalStyle}"
VerticalAlignment="Top"
AutomationProperties.Name="Back"
AutomationProperties.AutomationId="BackButton"
AutomationProperties.ItemType="Navigation Button"/>
<TextBlock x:Name="pageTitle" Style="{StaticResource HeaderTextBlockStyle}" Grid.Column="1"
IsHitTestVisible="false" TextWrapping="NoWrap" VerticalAlignment="Bottom" Margin="0,0,30,40">
<Run Text="ABC 5 DASAR" FontSize="70" Foreground="{StaticResource ForegroundBrush}"/>
</TextBlock>
</Grid>

Title untuk Highscore page Continue reading “Create Simple Game. ABC5DASAR (SERIES 5)”

Create Simple Game. ABC5DASAR (Series 4)

Sebelum ke pembahasan kita recap sejenak di series sebelumnya, kita telah mendesain Main Page, mendesain Game Page, dan juga kita telah menambahkan class DataSource untuk menyimpan data-data pertanyaan dan juga jawaban. Di series kali ini kita akan membahas tentang game logic dibalik Game Page kita, so let’s go grab some code!

Untuk pertama kita perlu menambahkan namespace kita, karena kita butuh beberapa namespace lain yang akan kita gunakan, pada GamePage.xaml.cs kita ubah menjadi seperti ini:


using ABC5DASARGAME.DataModel;
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using System.Threading;
using System.Threading.Tasks;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI;
using Windows.UI.Core;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Media.Animation;
using Windows.UI.Xaml.Media.Imaging;
using Windows.UI.Xaml.Navigation;

Pada class Game Page kita tambahkan variables untuk game setting kita:

private int GAME_TIME = 90; //Waktu Game
private int SKIP_TIME = 5; //Waktu yang dibutuhkan untuk melakukan skip
private int SCORE_INCREMENT = 10; //Point yang akan bertambah ketika benar
private int SCORE_DECREMENT = 5; //Point pengurangan jika salah
private int SKIP_DECREMENT = 2; //Point yang akan berkurang ketika user skip

Selanjutnya kita tambahkan game variable lainnya


private int score, timeLeft, skipTimeLeft;
private bool playMusic = true;
private Question question;
private DataItems dataItems;
private string letter;
private bool flashRed;
private Timer timer;
Continue reading “Create Simple Game. ABC5DASAR (Series 4)”

Create Simple Game. ABC5DASAR (Series 3)

Create Simple Game. ABC5DASAR (Series 3)

Oke, sebelum kita masuk ke pembahasan kita recap terlebih dahulu di series sebelumnya, kita telah melakukan designing untuk Main Page dan juga Game Page kita. Sebelum kita melakukan coding untuk Game Behavior dan Game Logic, kita terlebih dahulu akan membuat Data Model, atau sebuah class untuk menampung pertanyaan dan juga jawaban serta method-method yang berhubungan dengan pertanyaan-pertanyaanya.

Untuk itu kita buat folder baru dengan nama DataModel, kemudian kita add New Item dengan jenis class ke folder tersebut dan kita beri nama DataSources.cs

Add new item DataSources.cs
Add new item DataSources.cs

Kita akan memerlukan beberapa namespace seperti IO, XML Serialization, Foundation, Windows Storage, dan juga Object Model. Maka kita tambahkan di paling awal:


using Newtonsoft.Json;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.IO;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Xml.Serialization;
using Windows.Foundation;
using Windows.Storage;

Perlu dilihat, kita memerlukan Newtonsoft.Json, secara default project kita belum mempunyai system reference tersebut, maka selanjutnya kita perlu menambahkan service reference dengan NuGet Package Manager, kalian bisa baca caranya disini: Cara Add Reference dengan NuGet Package Manager.

Continue reading “Create Simple Game. ABC5DASAR (Series 3)”

Cara Add Reference dengan NuGet Package Manager.

Cara Add Reference dengan NuGet Package Manager.

Tutorial ini akan memberikan kalian cara untuk manambahkan reference ke project kalian. Hal ini dilakukan ketika kita membutuhkan reference lain ke dalam project kita, namun secara default tidak support atau disediakan oleh visual studio, maka kita bias menambahkannya dengan NuGet Package Manager.

Apa itu NuGet Package Manager? NuGet merupakan ekstensi Visual Studio yang memudahkan kita untuk menambahkan, menghapus, dan juga mengupdate libraries dan juga tools yang menggunakan .NET Framework. Atau jika diartikan lebih detail, NuGet merupakan package manager yang open source yang di develop oleh tim Microsoft ASP.NET yang berguna bagi para developer untuk menambahkan dan mengintegrasikan projectnya dengan komponen 3rd party (pihak ketiga) ke project kita.

Cara untuk menambahkan libraries cukuplah mudah, kali ini saya akan memperlihatkan bagaiman kita bisa menambahkan libraries ke dalam project kita melalui Visual Studio 2013.

Pada References klik kanan dan pilih Manage NuGet Packages..

Add Nuget Package
Add Nuget Package

Continue reading “Cara Add Reference dengan NuGet Package Manager.”

Create Simple Game. ABC5DASAR (Series 2)

Create Simple Game. ABC5DASAR (Series 2)

Pada series kali, berlanjut dari series awal kita, kita telah mempunyai Main Page, selanjutnya kita akan mendesign untuk Game Page kita, yaitu page untuk menampilkan user interface dimana user akan memainkan game ini.

Selanjutnya kita klik kanan di Solution Explorer, pada nama project kita dan lalu pilih Add -> New Item kedalam project kita. Lalu kita pilih pada XAML, pilih Basic Page dan beri nama page kita GamePage.xaml

Add New Item
Add New Item

Selanjutnya akan ada warning dari windows yang mengatakan missing dependencies, jangan takut karena kita memang di awal memilih blank page, maka disini kita pilih oke dan nantinya dalam solution explorer kita akan memiliki folder baru bernama Common, yang disini berfungsi sebagai page navigation antar page yang kita punya.

Continue reading “Create Simple Game. ABC5DASAR (Series 2)”