Subscribe RSS Join our Facebook Group Follow us on Twitter!
in Search

Yugie Nugraha's Blog

Love Share And Writing

Browser Windows Phone 7

Programming Mobile akhir-akhir ini memang sedang menjadi tren, hal ini tidak lain di karenakan  hampir setiap orang beraktifitas dengan perangkat mobile nya, mulai dari chatting, email, browsing, dll. Nah, membuat aplikasi browsing bisa menjadi awal untuk memulai belajar Programming Mobile pada Windows Phone 7, setidaknya mencoba dulu dan ternyata memang mengasyikan Programming Mobile pada WP7 Open-mouthed smile. Ok, Sekalian Share berhubung Saya juga masih dalam tahap belajar berikut ini langkah-langkah mudah membuat aplikasi browser sederhana pada Windows Phone 7 (Saya menggunakan Silverlight).

Designing

1. Langkah pertama tentu buka Visual Studio 2010, bisa Visual Studio 2010 Express for Windows Phone atau VS yang sudah terintegrasi untuk developing Windows Phone untuk lebih jelasnya mengenai Tools Developing Windows phone silahkan kunjungi disini.

2. Selanjutnya pilih New Project > Visual C# > Silverlight For Windows Phone > Windows Phone Application, beri nama BrowserWP7.

     new project

3. Ok, langkah berikutnya kita perlu kontrol “Text Box” untuk input alamatnya, dan “Button” untuk melakukan eksekusi. Drag and drop melalui “Toolbox” , atur tampilannya hingga “Text Box” berada di sebelah kiri “button Go”.

4. selanjutnya kita perlu Web Browser Control, ini di gunakan untuk tempat menampilkan hasil browsing. Drag and drop lagi melalui “Toolbox” (akan menghasilkan yang berlogo IE) kemudian tempatkan di bawah kontrol “Textbox”. Pada Properties jangan lupa atur width dan height sampai sesuai.

web brwser

5. Agar tampilan lebih menarik Saya coba tambahkan timer yang akan menampilkan jam dan tanggal secara real time sesuai waktu pada PC. Tambahkan “Textblock” dan simpan di bawah Web Bowser    Control.

Coding

6. Ok, setelah tahap design selesai selanjutnya tinggal tahap coding, lagi-lagi masih simple karena memang cuma aplikasi sederhana Smile. Masukan source code berikut ini pada button “Go” di MainPage.xaml.cs :

  1: private void button1_Click(object sender, RoutedEventArgs e)
  2:         {
  3:             MessageBox.Show("Loading your page…");
  4:             string site = textBox1.Text;
  5:             webBrowser1.Navigate(new Uri(site, UriKind.Absolute));
  6: 
  7:         }

7. Untuk timer yang di buat pada langkah 5,masukan code berikut ini pada “Textblock1”, tapi sebelumnya tambahkan terlebih dahulu using directive “System.Windows.Threading” karena nanti akan di gunakan namespace DispatcherTimer. Code keseluruhannya menjadi seperti berikut :

  1: using System;
  2: using System.Collections.Generic;
  3: using System.Linq;
  4: using System.Net;
  5: using System.Windows;
  6: using System.Windows.Controls;
  7: using System.Windows.Documents;
  8: using System.Windows.Input;
  9: using System.Windows.Media;
 10: using System.Windows.Media.Animation;
 11: using System.Windows.Shapes;
 12: using Microsoft.Phone.Controls;
 13: using System.Windows.Threading;
 14: 
 15: namespace BrowserWP7
 16: {
 17:     public partial class MainPage : PhoneApplicationPage
 18:     {
 19:         // Constructor
 20:         public MainPage()
 21:         {
 22:             InitializeComponent();
 23:             DispatcherTimer tmr = new DispatcherTimer();
 24:             tmr.Interval = TimeSpan.FromSeconds(1);
 25:             tmr.Tick += OnTimerTick;
 26:             tmr.Start();
 27:             
 28:         }
 29:         
 30: 
 31:         private void button1_Click(object sender, RoutedEventArgs e)
 32:         {
 33:             MessageBox.Show("Loading your page...");
 34:             string site = textBox1.Text;
 35:             webBrowser1.Navigate(new Uri(site, UriKind.Absolute));
 36:         }
 37: 
 38:         void OnTimerTick(object sender, EventArgs args)
 39:         {
 40:             textBlock1.Text = DateTime.Now.ToString();
 41:         }
 42:     }
 43: }

8. Selesai! dan hasil akhirnya seperti berikut :

                                                                                       wpbrowser

Simple, mudah-mudahan bisa menambah minat untuk mencoba programming mobile pada Windows Phone.

Demikian semoga bermanfaat…. Open-mouthed smile

422 Views, 1 Comment(s), Published on: 12-26-2010 1:00 by Yugie to Yugie Nugraha's Blog
| More

Comments

 

Twitter Trackbacks for New blog post: - Cara Simple Browser Windows Phone 7 [netindonesia.net] on Topsy.com said:

Pingback from  Twitter Trackbacks for                 New blog post:  - Cara Simple Browser Windows Phone 7         [netindonesia.net]        on Topsy.com

December 26, 2010 8:56 PM