Windows 8 App: Menambahkan Privacy Policy

Fitur Privacy Policy merupakan salah satu syarat wajib agar aplikasi lolos proses sertifikasi di Windows Store. Privacy Policy ini bisa disisipkan pada paket program kita maupun menyediakan link menuju Privacy Policy yang kita letakkan di web. Pada tutorial kali ini kita akan membahas bagaimana menyisipkan link Privacy Policy di program kita. Langkah-langkahnya adalah sebagai berikut:

1. Buka file App.xaml.cs dengan cara klik 2 kali filenya yang terletak di panel Solutions.

2. Tambahkan statement using berikut ini:

    using Windows.UI.ApplicationSettings;

3. Kemudian masukkan Link Privacy Policy ke dalam Setting Charm, dengan menambahkan fungsi berikut ini

    private void DisplayPrivacyPolicy(SettingsPane sender, SettingsPaneCommandsRequestedEventArgs args)
        {
            SettingsCommand privacyPolicyCommand = new SettingsCommand("privacyPolicy", "Privacy Policy", (uiCommand) => { LaunchPrivacyPolicyUrl(); });
            args.Request.ApplicationCommands.Add(privacyPolicyCommand);
        }

di dalam Class App berikut ini:

    sealed partial class App : Application
    {
        //letakkan kode di sini
    }

4. Tambahkan fungsi untuk membuka Link menuju web Privacy Policy milik kita (letakkan di dalam Class App juga).

    async void LaunchPrivacyPolicyUrl()
        {
            Uri privacyPolicyUrl = new Uri("http://Website-Kamu/");
            var result = await Windows.System.Launcher.LaunchUriAsync(privacyPolicyUrl);
        }

5. Tambahkan kode berikut ini pada method OnLaunched() , agar fungsi DisplayPrivacyPolicy dijalankan saat aplikasi dibuka.

    SettingsPane.GetForCurrentView().CommandsRequested += DisplayPrivacyPolicy;

6. Jalankan aplikasi dengan menekan tombol F5. Untuk membuka Privacy Policy, buka Setting Charm lalu klik Privacy Policy. atau menggunakan shortcut "Windows + i".


Selamat mencoba, semoga bermanfaat.

Read More

Windows 8 App: Memasukkan Splash Screen dan Logo

Salah satu kelengkapan dan merupakan syarat diterimanya aplikasi Windows 8 di Windows Store adalah Splash Screen dan logo. Desainnya diusahakan menarik, karena merupakan identitas program kita. Tidak sembarang gambar bisa digunakan, format gambar yang didukung adalah .PNG. Berikut ini adalah macam-macam ukuran/resolusi logonya:

- SplashScreen.png (620 x 300 px)

- Logo.png (150 x 150 px)

- StoreLogo.png (50 x 50 px)

- SmallLogo.png (30 x 30 px)

- WideLogo.png (310 x 150 px)

Untuk pengaturan Splash Screen dan Logo-logo tersebut, file yang kita edit adalah Package.appxmanifest. langkah-langkanya adalah:

1. Buka folder Assets yang ada pada panel Solutions. Hapus logo defaultnya.
2. Masukkan file logo ke folder Assets. Klik kanan > Add > Existing Item > Browse Filenya dan klik Open.

3. Buka file Package.appxmanifest pilih tab Application UI.

4. Masukkan Splash Screen dan Logo pada kolom yang telah disediakan. Gambar yang dimasukkan harus benar-benar sesuai ukurannya, jika tidak maka akan muncul tanda silang berwarna merah.

Atau Anda tidak perlu memasukkan gambar satu-persatu, syaratnya adalah nama gambarnya sesuai dengan yang saya telah tulis di atas.

Note: Pada saat pembuatan Splash Screen, catat warna background dalam kode hexadecimal-nya, karena pada saat menentukan warna bacground Splash Screen kita menggunakan format hexadecimal.

5. Jalankan aplikasi dengan menekan tombol F5. dan kita akan melihat logo kita pada Splash Screen dan juga pada icon yang ada di Start Menu.

Sekian tutorial kali ini, semoga bermanfaat.

Read More

Windows 8 App: Menggunakan Scroll Viewer (menambahkan fitur scroll)

Pada kesempatan kali ini saya akan berbagi bagaimana cara menggunakan Scroll Viewer. Ini merupakan hasil dari coba-coba saya kemarin, dan mungkin ada tutorial lain yang lebih efektif dalam hal pengaplikasian Scroll Viewer ini. Meski sederhana, namun postingan kali ini masih bisa dijadikan salah satu referensi T_T :D

Sesuai dengan namanya, Scroll Viewer ini berguna untuk menambahkan fitur scroll pada halaman program jika isi/konten-nya memiliki panjang melebihi batas layar. Baiklah, berikut adalah cara menambahkan Scroll Viewer:

1. Buat Project baru. File > New > Project. Pada jendela baru yang terbuka pilih: Visual C# > Windows Store > Blank App.

2. Lihat pada panel Toolbox, drag and drop Scroll Viewer.

3. Untuk menambahkan item-item yang akan dimasukkan dalam layar scrol, cukup meletakkan kode dari masing-masing item ke dalam tag Scroll Viewer, seperti di bawah ini:

Kita juga men-drag and drop item ke Scroll Viewer, namun kita akan kesulitan menggeser itemnya ke bawah.

4. Sebelum mengisi item, kita tambahkan dulu Canvas ke dalam Scroll Viewer. Mengapa demikian? Karena jika langsung menambahkan item, maka item pertama akan tertumpuk dan hilang. Telah saya coba dengan memasukkan Text Block, kemudian saya tambahkan button dan ternyata Text Block nya menghilang.

5. Atur lebar Canvas agar selebar Scroll Viewer, dan tentukan panjangnya sesuai kebutuhan, karena kita akan membuat scrol yang ke arah bawah.

6. Tambahkan item-itemnya, hal yang perlu diperhatikan adalah item harus diletakkan di dalam tag Canvas agar posisi item nantinya berada di atas Canvas (ibarat lukisan, item-item tersebut adalah cat yang digoreskan di atas Canvas, ceilee.. :D). Kurang lebih seperti tampak pada gambar di bawah ini:

7. Jalankan aplikasi dengan menekan tombol F5 dan lihat hasilnya. Berikut adalah salah satu aplikasi saya yang memakai Scroll Viewer:



Sekian tutorial sederhana kali ini, semoga bermanfaat. Jika ada pertanyaan silakan tulis di kolom komentar.

Read More