Pengenalan Windows Phone Development Puja Pramudya puja.pramudya@gmail.com http://limaapril.wordpress.com Lisensi Dokumen: 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. 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 1
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. 2
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. 3
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. 4
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. 5
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 6
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 7