Pengembangan Windows 8 Apps Menggunakan Blend dan Visual Studio 2012 - part 1

Posting ini terbagi menjadi 2 bagian, posting ini merupakan bagian pertama dari kumpulan posting berikut:

1. Pengembangan Windows 8 Apps Menggunakan Blend dan Visual Studio 2012 - part 1
2. Pengembangan Windows 8 Apps Menggunakan Blend dan Visual Studio 2012 - part 2

Setelah kita mengetahui hal-hal baru pada Windows 8 Apps. Pada posting ini kita akan berkenalan dengan Tool-Tool yang digunakan untuk Developing Windows 8 Apps. Ada 2 tools yang bisa digunakan untuk mempermudah Developing Windows 8 Apps, kedua tool tersebut adalah Visual Studio 12 dan Blend for Visual Studio. Pada posting pertama ini berkonsentrasi pada Visual Studion 2012, untuk lebih mengenal Visual Studio silakan simak pemaparan di bawah :

Developing Windows 8 Apps

Visual Studio merupaka tool yang masuk kategori IDE(Integrated Development Environment). Sedangkan Blend for Visual Studio merupakan UI design tool untuk Windows 8 Apps. Kedua tool ini saling terintegrasi sehingga developer dengan mudah untuk berpindah dari satu tool ke tool yang lain. Berikut akan dijelaskan proses awal pengembangan Windows 8 Apps pada Visual Studion 2012.

1. Please welcome "Hello World!!"

Secara default Visual Studio akan memberikan resource yang dapat kita gunakan saat pengembangan

Untuk memulai belajar pemrograman tentu sering kita temui bagaimana menuliskan "Hello World!!", untuk itu kita akan belajar bagaimana menuliskan "Hello World" pada Windows 8 Apps.

1. Jalankan Visual Studion 2012

2. Pilih New > Project

    Pada kotak dialog yang muncul silakan pilih List "Installed" pada panel sebelah kiri.

3. Pilih Visual C# dan pilih Windows Store 

Kotak Dialog

4. Pilih template Blank App

5. Pada kotak Name isikan dengan "HelloWorld"

6. Klik OK untuk memulai project.

Visual Studio Workspace

Selanjutnya akan tampil lingkungan kerja dari project kita. Secara default Visual Studio akan memberikan resource yang dapat kita gunakan saat pengembangan. Resource resource tersebut adalah:

1. Folder Assets

Folder Assets berguna untuk mengumpulkan aset-aset untuk Windows 8 Apps. Dapat berupa gambar, sound, icon, logo, dll.

2. Folder Common

Terdapat file bernama StandartStyle.xaml, file tersebut merupakan kumpulan resource style dari Windows 8 Apps.

3. file App.xaml dan App.xaml.cs

File file yang digunakan untuk mendefinisikan resource yang akan digunakan oleh Windows 8 Apps.
4. MainPage.xaml dan MainPafe.xaml.cs
File-File yang akan dieksekusi pertama kali saat program dijalankan.
5. Package.appxmanifest
File Manifest yang mendefinisikan informasi-informasi yang akan dikenali oleh system Windows 8.

Hello World!!! 

Sekarang kita akan menampilkan Hello World!! Windows 8 pada Windows 8 App, berikut langkah-langkahnya:

1. Double click file MainPage.xaml
2. Pada XAML code editor tambahkan sintak berikut

<TextBlock Text="hello World!! Windows 8"/>

Tambahkan sintak di atas di antara  <Grid Background=.....> dan </Grid>

3. Sehingga sintak menjadi

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">

        <TextBlock Text="hello World!! Windows 8"/>

    </Grid>

4. Tekan F5 untuk proses kompilasi dan deployment.

Hello World!!!

Jika proses kompilasi dan deployment sukses maka akan tampil Windows 8 Apps dengan  tulisan hello World!! Windows 8 di pojok kiri atas layar PC.

Selamat, Windows 8 Apps telah berhasil dibuat. Selanjutnya kita akan belajar menggunakan Blend for Visual Studio. Kenapa kita harus menggunakan Blend ??? Apa beda dengan Visual Studio 2012??