Upload
others
View
8
Download
0
Embed Size (px)
Citation preview
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.
Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 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.
Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com
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.
Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com
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.
Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com
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.
Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com
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
Komunitas eLearning IlmuKomputer.Com
Copyright © 2003-2007 IlmuKomputer.Com
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