ppeennggeennaallaann wwiinnddoowwss pphhoonnee...

Komunitas eLearning IlmuKomputer.Com

Copyright © 2003-2007 IlmuKomputer.Com

1

PPeennggeennaallaann WWiinnddoowwss PPhhoonnee

DDeevveellooppmmeenntt

Puja Pramudya [email protected]

http://limaapril.wordpress.com

Tahun 2010 boleh jadi merupakan milestone tersendiri bagi Microsoft dan mobile platform.

Dalam industri komputer, hal yang dilakukan Microsoft adalah reboot strategy. Microsoft

menyebut Windows Phone sebagai a revolutionary new platform. Microsoft membuat

seluruhnya dari awal dan dengan user interface yang lebih clean dan fresh. Dengan filosofi

desain yang dinamakan Metro,terinspirasi dari tanda-tanda (sign) yang terdapat pada metro

subway, antarmuka Windows Phone menunjukkan ciri yang jelas, informasi yang mudah

diperoleh, intuitif dan menggunakan simbol-simbol yang mudah dipahami. Integrasi Windows

Phone dengan berbagai layanan di cloud yang telah dimiliki Microsoft, sebut saja Bing, Xbox

Live, Push Notification ,Office dan layanan pihak ketiga telah memberikan kekuatan yang unik,

sesuatu yang seharusnya dimulai Microsoft sejak dulu.

Di sisi platform pengembangan, Windows Phone menawarkan pengalaman pengembangan yang

menarik bagi para developer. Sebuah Windows Phone diwajibkan memiliki resolusi 800x480

WGA atau 480x320 HVGA, layar sentuh, sensor GPS, accelerometer, kompas, cahaya, kamera,

multimedia, GPU dengan DirectX9 dan tiga hardware button. Sebagai developer dapat dijamin

keseluruhan spesifikasi ini akan dimiliki pada device yang mendukung Windows Phone.

Seluruh device driver langsung dibuat oleh Microsoft untuk menjamin konsistensi. Untuk

mengembangkan aplikasi di atas Windows Phone Anda dapat memilih dua platform yang

populer dan modern : Silverlight dan XNA.

Silverlight terbukti telah memberikan para pengembang web kemampuan untk mengembangkan

antarmuka yang menawan dengan kombinasi kontrol, teks, grafik vektor , media , animasi dan

databinding yang dapat berjalan pada sejumlah platform dan browser. Sementara XNA

Lisensi Dokumen: Copyright © 2003-2007 IlmuKomputer.Com

Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan

disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat

tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang

disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang,

kecuali mendapatkan ijin terlebih dahulu dari IlmuKomputer.Com.



2

merupakan platform gaming yang mendukung 2D dan 3D game yang ditujukan untuk Xbox 360,

konsol dan PC

Kebutuhan Pengembangan

Untuk memulai pengembangan dan belajar membuat aplikasi Windows Phone maka kita harus

memiliki set Windows Phone Developer Tools. Tools ini termasuk diantaranya Visual Studi

2010 Express for Windows Phone, Windows Phone Emulator, XNA Game Studio, Expression

Blend for Windows Phone,contoh dan dokumentasi. Jika pada mesin anda telah terinstall Visual

Studio Professional atau versi diatasnya maka sebuah Add-In untuk Visual Studio akan secara

otomatis diinstall. Tools ini telah mencapai versi RTW pada 16 September 2010 dan dapat

diperoleh disini.

Kebutuhan Sistem

Sistem Operasi : Windows 7 dan Windows Vista o Windows Vista (x86 dan x64) ENU Service Pack 2 seluruh edisi kecuali Starter o Windows 7 (x86 dan x64) ENU – seluruh edisi kecuali starter

Harddisk minimal tersedia 3GB

Memory disarankan 2 GB

Kartu grafis, yang mendukung DirectX 10 dengan WDDM 1.1 driver

Kebutuhan Windows Phone Emulator

Untuk menjalankan emulator memerlukan konfigurasi sistem seperti pada kebutuhan sistem

dengan hal-hal yang patut diperhatikan sebagai berikut :

Paket .xap yang diizinkan tidak boleh lebih dari 400 MB

Tidak mendukung penggunaan GPU

Hanya mendukung VC-1 encoding, tidak mendukung efek blur dan dropshadow

Data pada isolated storage akan tersimpan diemulator selama belum di non aktifkan

Simulasi multitouch menggunakan mouse tidak dukung, Anda harus memiliki mesin

yang mendukung juga multitouch

Accelerometer, GPS dan camera belum dapat digunakan seperti pada device

sebenarnya.

Program “Hello World” Tujuan membuat program “Hello World” adalah untuk memberikan hands on experience

terhadap tools yang digunakan untuk pengembangan, yaitu Visual Studio 2010, debugging dan

emulator. Selain itu hal ini juga untuk tidak melanggar tradisi yang sudah mendarah daging

dalam setiap tulisan mempelajari dunia programming, di awal pembelajaran Windows Phone ini

tentunya akan dimulai dengan bagaimana menuliskan “hello world”. Maka tanpa sedikitpun

ingin melanggar tradisi tersebut berikut langkah-langkah yang dapat diikuti :

1. Buka Visual Studio Express for Windows Phone Anda. Pilih File -> New Project . Pilih

template untuk Visual C# tipe Silverlight for Windows Phone. Pilih Windows Phone

Application dan beri nama project sesuai keinginan anda.

http://www.microsoft.com/downloads/en/details.aspx?FamilyID=04704acf-a63a-4f97-952c-8b51b34b00ce&displaylang=en



3

2. Setelah pembuatan project maka akan terlihat tampilan untuk desain dan kode markup

XAML. Tampilan desain menampilkan antarmuka phone sehingga memudahkan kita

melihat bagaimana desain yang kita hasilkan ketika proses pengembangan. Bagi yang sudah

cukup mengenal Visual Studio, maka panel ToolBox, Solution Explorer dan Properties akan

berada disekitar layar anda.



4

3. Tambahkan sebuah TextBox dan sebuah Button dari Toolbox. Perhatikan bahwa kita akan

mendapatkan pengalaman yang sama dalam pengembangan Silverlight untuk web. Kita

dapat mengubah dengan mudah tampilan secara real-time dan properties dari panel

Properties.

Perhatikan ketika sebuah Button kita pilih, terlihat garis kotak diluar border button

tersebut. Area itu menunjukkan area yang masih terkena kemampuan touch dari

button. Semua control memiliki hal tersebut. Ubah titletext di XAML menjadi

“Hello World”.

4. Double-click di Button akan menampilkan code-behind dari halaman yang sedang aktif.

Tambahkan fungsi untuk mengubah Title menjadi “Hello +” masukan dari textbox yang

tersedia.



5

5. Ketikkkan kode berikut ini di bagian event handler Button tersebut,

private void button1_Click(object sender, RoutedEventArgs e)

{

PageTitle.Text = "Hello " + textBox1.Text;

}

6. Sekarang kita dapat mencoba aplikasi sederhana yang sudah kita bangun. Untuk melakukan

deployment dan menjalankan aplikasi kita dapat memilih antara menjalankan di emulator

atau di device Windows Phone yang tersedia. Karena devicenya sendiri belum tersedia

maka kita pilih saja emulator untuk menjalankan aplikasi sederhana ini. Tekan F5 dan

perhatikan hasilnya.



6

Jika kita melakukan deployment untuk pertama kali maka proses nya akan sedikit lama.

Namun tidak untuk yang kedua dan seterusnya selama emulator tidak kita non-aktifkan.

Ketikkan sembarang teks di textbox dan tekan button. Page title akan berubah sesuai dengan

teks yang terdapat pada textbox. Iniliah aplikasi pertama Anda di Windows Phone. Selamat



7

Biografi Penulis Puja Pramudya. Menyelesaikan S1 di Program Studi Teknik Informatika,

Institut Teknologi Bandung tahun 2010. Memiliki ketertarikan di bidang

image processing, e-learning, smart client development dan information

system. Aktif berorganisasi di himpunan mahasiswa dan komunitas INDC,

Microsoft User Group Indonesia (MUGI) Bandung serta Microsoft

Innovation Center ITB. Mendapatkan penghargaan sebagai Juara I Game

Development Contest pada Pagelaran Mahasiswa TIK (gemasTIK) 2009

yang diselenggarakan oleh Dirjen Pendidikan Tinggi (DIKTI) dan Juara I

Software Design pada Microsoft Imagine Cup 2010 yang diselenggarakan

Microsoft Indonesia dan mewakili Indonesia berlaga di Worldwide Final Imagine Cup 2010 di

Warsawa, Polandia. Saat ini mendalami bahasa pemrograman Java dan C# serta teknologi

Windows Presentation Foundation, Silverlight , ASP.NET dan Windows Phone. Aktif menulis

pada blog yang berfokus di teknologi Microsoft di http://geeks.netindonesia.net/blogs/poedja_p/

dan situs blog http://pujalabs.net dan mengelola situs http://ganesia.com , sebuah situs yang

menyajikan screencast untuk mobile programming .

Kontak :

Y! : poedja_p

Facebook : http://www.facebook.com/poedja

Twitter : @poedja_p

http://geeks.netindonesia.net/blogs/poedja_p/

http://pujalabs.net/

http://ganesia.com/

ppeennggeennaallaann wwiinnddoowwss pphhoonnee...

Documents