Robby Awaludin

August 2011 - Posts

• Piano Demo In Windows Phone

  Explore saya kali ini yaitu mendesain interface alat musik piano di windows phone,selain step step membuat desain nya akan tetapi juga menambahkan control/efek dari button button nya.Untuk soal desain men desain interface yang bagus disini saya memakai Ms.Expression Blend4 for Windows Phone,namun pada tutorial kali ini untuk sementra masih belum sampai ke efek suara Ok let’s start Buka Ms Expression Blend nya,beri nama project PianoDemo lalu klik ok   Pilih tab device Set orientation nya menjadi landscape Tambakan 1 button-klik kanan view XAML(berfungsi untuk ngoprek source code nya) Pada tag button tambah kan code background white Klik kanan button-edit template-edit a copy,pada create button style pastikan pilih Aplication lalu kli ok Di halaman app.xaml buttonstyle disinilah pemberian fungsi efek dari button,modif corner radius menjadi “0,10,0,10” Kembali ke page mainPage.Xaml-copy paste button sebanyak 5 kali,ubah ukuran button yg terakhir menjadi kecil,dan pada kode button yg ujuranya kecil ubah warna background nya menjadi warna hitam Copy paste button warna hitam kecil tsb dan atur posisi nya seperti digambar Kelemahanya disini project tidak dapat diatur orientasi nya,maka dai itu kita butuh bantuan visuak studio..buka foldermy document-expression-blend4-project-PianoDemo Klik file nya otomatis akan terbuka di visual studio Nah pesan bahwa project tadi ttidak cupport orientasi tampil,agar bisa mengfungsikanya klik here enable the page to support all orientation Save ass dan buka kembali Expression Blend nya,,aka nada konfirmasi reload dan tekan yes Untuk memberikan efek warna jika diklik kembali ke page App.xaml dan ubah kode xaml nya menjadi warna abu2..lalu run project/tekan f5 Silahkan dicoba,untuk penambahan file suara masih belum ditambah kan ,semoga di tulisan yg berikut nya bisa akan terexplore lagi untuk kedepanya. 136 Views, 0 Comment(s), Published on: 08-23-2011 23:57 by RobbyAwaludin to Robby Awaludin | More

• Create Aplication Bar Windows Phone

  Lanjutan dari tulisan saya yg sebelum nya ingin menambah sedikit yaitu cara menambahkan Aplication Bar,application bar itu sendiri yaitu seperti icon yang berfungsi sebagi toolbar likasi pada windows phone. application bar ada 2 jenis yaitu bisa menggunakan icon atau pun teks menu ini berfungsi sebagai untuk membuat sistem menu agar konsisten dengan user experience seluruh aplikasi pada device.mari kita langsung ke TKP Buka file project media player yg sudah dibuat,arahkan kursor ke PhoneApplicationPage   Tengok sebelah kanan khusus nya di common properties,lalu klik button collection Pilih applicationBarIcon Inputkan icon sesuai selera dan jgn lupa isi kolom text keterangan karena tidak boleh kosong Ini hasil nya,pada tampilan awal text berupa keterangan dari icon tidak tampil,untuk menampilkan nya Klik titik titik putih tsb,itu berfungsi sebagai coolapse antara icon dan text keterangan nya 157 Views, 0 Comment(s), Published on: 08-23-2011 23:34 by RobbyAwaludin to Robby Awaludin | More

• Create Simple Media Player Windows Phone

  Pada tulisan saya kali ini yaitu membuat media player sederhana di windows phone,salah satu platform untuk membuat aplikasi di windows phone bisa menggunakan Microsoft Expression Blend4 For Windows Phone,aplikasi ini satu paket didalam windows developer tools,aplikasi ini dirancang untuk pembuatan interface yg menarik dan mudah yg berjalan di silverlight.ok untuk memulai nya silahkan buka MS.Expressin Blend nya Klik new project dan berikan nama media player   Secara default di Blend menggunakan bahasa pemograman visual c#,berbeda dg yang di visual studio yg ada opsi bahasa pemograman visual basic Edit nama texblock”Simple Media Player” lalu Tambahkan komponen media element dari toolbox lalu drag ke panel,media elemen ini nanti yg fungsi nya sebagai media file video nya   Klik kanan prohec solution-klik add existing item dan masukan file video nya Klik kanan file video tsb lalu pilih insert   Tambah kan 3 button dg content dan name “play”,”pause”,”stop”,- dobel klik even button yg berada di pojok kanan atas,ini berfungsi untuk menambah kan action pada ketiga button tsb   Di page mainPage.xaml cs ini merupakan tempat untuk memasukkan coding,khusus nya menggunakan C#..ini kan code seperti dibawah   Klik project run atau tekan f5 dan silahkan mencoba J   166 Views, 0 Comment(s), Published on: 08-23-2011 23:25 by RobbyAwaludin to Robby Awaludin | More

• Mini Kalkulator Windows Phone

  Pada saat iseng utak atik handphone terutama waktu maen kalkulator nya akhir nya timbul pemikiran gmn ya kalau seandainya itu bisa dibuat sendiri,aplkasi kalkulator di hp saya nokia 6600 tampilanya sederhana sekali,dan disini saya coba bikin kalkulator serupa di windows phone. Buka visual studio-windows phone apalicaton dan beri nama mini kalkulator-klik ok,disini saya menggunakan bahasa pemograman visual basic Tambahkan komponen grid dari toolbox dan beri warna background abu abu(sesuai selera) Tambahkan beberapa komponen: Texboxt1 name:TxtOpr1,text=0 Texboxt2 name:TxtOpr2,text=0 Texboxt3 name:TxtHasil Button1 name:BtnTambah,text=tambah Button2 name:BtnKali,text=kali Button3 name:BtnBagi,text=bagi Button4 name:Btnkurang,text=kurang Texblock1 text=. Texblock2 text= hasil Untuk mencoba uji coding pertama dobel klik button tambah dan isikan script seperti dibawah Lakukan aksi yg sama ke button2 berikut nya Run project tekan f5 ,kalkulator siap pakai J 154 Views, 0 Comment(s), Published on: 08-23-2011 22:27 by RobbyAwaludin to Robby Awaludin | More

• Create First Apllication Windows Phone

  Tanpa meninggalkan kebiasaan sejak dahulu kala dalam belajar dunia programming terutama yg masih newbie seperti saya ini untuk pertama tama dan tak asing lagi yaitu dengan membuat aplikasi introduction yaitu “Hello World”saya sendiri masih bertanya Tanya filosofi apa asal mulanya para programmer memulai coding dg aplikasi hello world,tak perlu lama-lama mari kia mulai untuk membuat nya Untuk langkah awal buka Microsoft Visual Studio 2010 nya-klik file new project. Ada 2 pilihan bahasa pemograman yaitu Visual C# dan Visual Basic Tampilan C#                           Tampilan VB Pilih yang visual basic-beri name project “First”-klik Ok   Tampilan default seperti dibawah,disebelah kiri yaitu default desain awal dari windows phone dg komponen nya 2 texblock,dan disebelah kanan yaitu source code nya,bagi para developer Silverlight tentu nya sudah tak sing lagi dg kode XAML,untuk ingin mengetahui about XAML bias dicari di mesin pencari andalan anda J Drag komponen button dan texboxt ke halaman desain mainpage.xaml-ganti name property texblock1 menjadi TexblockPage dan pada row name yg awal nya berisi “page name” isikan”hello” Double click button dan isikan code seperti dibawah ini run project dg menekan f5 lalu isikan kalimat world pada texbox,lalu klik button Ini tampilan akhir nya.. Simple saja, tulisan saya kali ini just sebagi pemanasan saja,for next akan saya share lagi more about Windos Phone J 143 Views, 0 Comment(s), Published on: 08-23-2011 20:10 by RobbyAwaludin to Robby Awaludin | More

• Installing Windows Phone 7

  Dear All akhir nya saya bisa kembali ke dunia blogging lagi setelah beberapa hari di liburan ini disibukan dg kegiatan-kegiatan di kampus.Dunia IT sangat lah luas seluas lautan,ibarat nelayan kali ini penulis mencoba bersinggah ke dunia Windows Mobile.Tulisan saya kali ini akan mengexplore tentang Windows Phone 7.Untuk tahap awal tentu nya kita harus menginstal tools tools nya yg diperlukan dan beberapa requirement nya Untuk memulai pengembangan dan belajar membuat aplikasi Windows Phone maka kita harus memiliki Windows Phone Developer Tools. Tools ini termasuk diantaranya Visual Studio 2010 Express for Windows Phone CTP, Windows Phone Emulator CTP, ((http://developer.windowsphone.com/) ) Silverlight for Windows Phone CTP, XNA 4.0 Game Studio CTP.” Dan kebutuhan system nya diantara nya: Sistem Operasi : Windows 7 dan Windows Vista o Windows Vista (x86 dan x64) ENU Service Pack 2 semua jenis kecuali Starter o Windows 7 (x86 dan x64) ENU – semua jenis kecuali starter  Harddisk minimal tersedia 3GB  Memory disarankan 2 GB  Kartu grafis, yang mendukung DirectX 10 dengan WDDM 1.1 driver Ok setelah semua kebutuhan sudah ada semua saat nya proses instalasi,Karena Windows Phone menggunakan IDE Visual Studio mari install visual studio nya tsb,Contoh yang saya pakai menggunakan Visual Studio 2010 Ultimate, Visual Studio 2010 Ultimate berjalan dibawah framework 4.0,maka dari itu untuk tahap pertama kita install dulu dotnet framework nya.installer nya bisa d unduh disini http://www.microsoft.com/download/en/details.aspx?id=17851 Setelah itu lanjut kita menuju ke installer visual studio nya Klik finish,tetapi jika anda membutuhkan file bantuan memngenai visual studio 2010,maka klik tombol install documnent yg terdapat pada jendela instalasi tersebut Pilih jenis dokumentasi yg anda inginkan untuk diinstall pada computer anda dg melakukan klik pada tulisan Add berwarna biruh dan bergaris bawah Nah sekarang buka visual studio nya,jika instalasi sukses tampilan akan seperti ini For next step saat nya install Windows Phone Developer Tool nya,buka installer nya lalu klik install now,pilihan customize untuk memilih destination instalasi sesuka hati,namun secara default destination instalasi nya di folder c:/Program file/visual studio 2010,direkomendasikan biarkan secara default saja Proses instalasi nya lumayan lama sekitar 15 menit’an installer akan meminta Anda untuk reboot komputer Anda selama instalasi, jadi perhatikan beberapa setelah download selesai! Buka kembali visual studio nya,secara default bahasa pemograman windows phone menggunakan C#,akan tetapi Microsoft sangat pengertian bagi para developer VB,jika ingin menggunakan bahasa pemrogaman VB file installer Microsoft Visual basic CTP for Windows Phone nya dapat di unduh di sini Sayang nya Microsoft Visual basic CTP for Windows Phone tidak support di Visual Studio Express 2010 for Windows Phone   Buka installer klik next Klik close jika proses instalasi selesai   Buka kembali Visual Studio nya dan Windows Phone Aplication for VB sudah nampak. Untuk membuat aplikasi baru klik ok,lalu coba untuk langsung run project atau tekan f5,pastikan target nya windows phone emulator.dan hasil nya seperti dibawah 220 Views, 0 Comment(s), Published on: 08-23-2011 19:56 by RobbyAwaludin to Robby Awaludin | More