//
archives

Windows Phone

This category contains 2 posts

Windows Phone 7 Developer Workshop – Ilmu Komputer UPI


Alhamdulillah setelah sekian lama tidak mengadakan sharing knowledge di kampus, Minggu kemarin (23 Oktober 2011), Saya dan Muhammad Yusuf berkesempatan untuk memberikan training seputar Windows Phone 7 di jurusan kami, ya Ilmu Komputer. Bertempat di Gedung Ilmu Komputer (FPMIPA-C) dengan jumlah peserta > 20 orang.

Apa tujuannya? Sebagai insan akademik, tentunya saya dan Yusuf sangat senang jika ilmu yang kami dapat tidak hanya dikonsumsi sendiri. Kami ingin ilmu tersebut dapat bermanfaat pula untuk orang lain. Disamping itu, platform Windows Phone 7 bisa dibilang saat ini masih jarang orang yang tertarik untuk mengembangkan aplikasi di mobile OS terbaru besutan Microsoft itu. Tapi, disini kami datang dengan memberikan berbagai opportunity bagi teman-teman Ilmu Komputer UPI mengingat bahwa kita sebagai developer lokal sudah memiliki kesempatan untuk submit aplikasi ke marketplace. Alhamdulillah yah :D.

Ini akan jadi peluang yang besar bagi developer lokal untuk memberikan kontribusi di sana. Oleh karena itu, sebagai batu loncatan pertama kita adakan Workshop ini untuk yang pertama kalinya. Disamping itu, seperti yang kita ketahui bahwa beberapa bulan lalu (Februari 2011) Nokia dan Microsoft mengadakan kerja sama dimana Nokia yang merupakan vendor mobile device yang memiliki target pasar yang besar akan mengadopsi Sistem Operasi Windows Phone 7 bahkan beberapa hari yang lalu telah rilis Nokia Windows Phone 7. Great! 😀

Berikut beberapa dokumentasi hasil Workshop yang telah diadakan.

 

Iklan

Membuat Aplikasi Twitter Sederhana pada Windows Phone 7


Pada hari Sabtu (26/2), saya diberi kesempatan untuk mendemokan untuk membuat sebuah aplikasi di Windows Phone 7. Dalam seminar ini saya membuat sebuah aplikasi yang mengambil data user timeline dari Twitter. Caranya dengan mengambil XML dari Twitter lalu kita lakukan parsing ke dalam Linq untuk kemudian ditampilkan pada Windows Phone 7.

Lets Coding. J

Buatlah sebuah layout pada Windows Phone 7 Anda seperti gambar di atas. Terdiri atas TextBox, Button, dan ListBox. Sehingga tampilan pada XAML Editor padap Grid Content Panel menjadi:

<Grid x:Name=”ContentPanel” Grid.Row=”1″ Margin=”12,0,12,0″>

<Button Content=”Show” Height=”72″ HorizontalAlignment=”Right” Margin=”0,26,6,0″ Name=”btnTweet” VerticalAlignment=”Top” Width=”160″ Click=”btnTweet_Click” />

<ListBox Height=”481″ HorizontalAlignment=”Left” Margin=”12,104,0,0″ Name=”listTweet” VerticalAlignment=”Top” Width=”423″ >

<ListBox.ItemTemplate>


<DataTemplate>

<StackPanel Orientation=”Horizontal” Height=”132″>

<Image Source=”{Binding foto}” Height=”70″ Width=”70″ VerticalAlignment=”Center”/>

<StackPanel Width=”370″>

<TextBlock Text=”{Binding username}” FontSize=”28″ Width=””/>

<TextBlock Text=”{Binding pesan}” TextWrapping=”Wrap” FontSize=”24″/>

</StackPanel>

</StackPanel>

</DataTemplate>

</ListBox.ItemTemplate>

</ListBox>

</Grid>

<TextBox Height=”72″ HorizontalAlignment=”Left” Margin=”24,26,0,0″ Name=”txtTweet” Text=”” VerticalAlignment=”Top” Width=”272″ Grid.Row=”1″ />

</Grid>

Double click btnTweet, lalu akan muncul tampilan code editor dan buatlah script seperti berikut:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using Microsoft.Phone.Controls;

using System.Xml.Linq;

namespace SimpleTweet

{

public partial class MainPage : PhoneApplicationPage

{

// Constructor

public MainPage()

{

InitializeComponent();

}


private void btnTweet_Click(object sender, RoutedEventArgs e)

{

WebClient twitter = new WebClient();

twitter.DownloadStringCompleted += new DownloadStringCompletedEventHandler(twitter_DownloadStringCompleted);

twitter.DownloadStringAsync(newUri(http://api.twitter.com/1/statuses/user_timeline.xml?screen_name=&#8221; + txtTweet.Text));

}


void twitter_DownloadStringCompleted(object sender, DownloadStringCompletedEventArgs e)

{

try

{

XElement xmlTweets = XElement.Parse(e.Result);

listTweet.ItemsSource = from tweet in xmlTweets.Descendants(“status”)

select
new
TweetItem

{

foto = tweet.Element(“user”).Element(“profile_image_url”).Value,

pesan = tweet.Element(“text”).Value,

username = tweet.Element(“user”).Element(“screen_name”).Value

};

}

catch

{

MessageBox.Show(“Gagal Download”);

}

}


public class TweetItem

{

public String username { get; set; }

public String pesan { get; set; }

public String foto { get; set; }

}

}

}

Silahkan tekan F5, dan lihat hasilnya.

Belajar. Berbagi. J

%d blogger menyukai ini: