1. Mobile
Software
Engineering
L06 – Windows Phone
Mohammad Shaker
FIT of Damascus - AI dept.
MohammadShakerGtr@gmail.com
Mobile SE – August 2012

3. Take a look
http://bit.ly/e-76phone

4. Free Developer Account

5. Code Samples for Windows Phone

6. Downloading the SDK
bit.ly/wp7sdktools

7. Downloading the SDK

8. Silverlight and Mango

11. Emulator

12. .NET Support

13. Tutorial
http://jesseliberty.com/tutorials/

14. Design Patterns
MVC and MVVC Models

15. MVVM
Model-View View-Model

16. MVVM
targeted at modern UI development platforms
which support Event-driven programming

17. MVVM
HTML5, WPF, Silverlight, … etc.

18. MVVM
more @ https://en.wikipedia.org/wiki/MVVM

19. MVVM – Microsoft Prism
http://msdn.microsoft.com/en-us/library/cc707819.aspx

20. http://msdn.microsoft.com/en-us/practices/default.aspx

21. Straight into the Action!
“Live test”

22. MVVM
Binding Awesomeness

23. Binding Awesomeness
<TextBlock Text="{Binding Message}" Margin="10“
TextWrapping="Wrap" FontSize="18" Width="350" />

24. Project attached

25. Deleting with ItemSource set
http://stackoverflow.com/questions/6422378/listbox-operation-not-supported-on-read-only-collection
this.UserListBox.Items.RemoveAt(this.UserListBox.SelectedIndex);

26. Expression Blend
Designer Tool

30. Binding Techniques - Templates
<ListBox Name="lstTwitter" Margin="12,78,8,78">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal" Height="110" Margin="-10,-10,-10,-10">
<TextBlock Text="{Binding Message}" Margin="10" TextWrapping="Wrap"
FontSize="18" Width="350" />
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>

31. XML Revisited - Twitter Binding!
http://www.netmagazine.com/tutorials/build-your-first-windows-phone-7-app

32. WebClient
What a line of code can do!

33. WebClient
private void button2_Click(object sender, RoutedEventArgs e)
{
WebClient twitter = new WebClient();
// Handle downloaded data when finished
twitter.DownloadStringCompleted += new
DownloadStringCompletedEventHandler(twitter_DownloadStringCompleted);
// Set the site
twitter.DownloadStringAsync(new
Uri("http://api.twitter.com/1/statuses/user_timeline.xml?screen_name=" + textBox1.Text));
}

34. WebClient
private void button2_Click(object sender, RoutedEventArgs e)
{
WebClient twitter = new WebClient();
// Handle downloaded data when finished
twitter.DownloadStringCompleted += new
DownloadStringCompletedEventHandler(twitter_DownloadStringCompleted);
// Set the site
twitter.DownloadStringAsync(new
Uri("http://api.twitter.com/1/statuses/user_timeline.xml?screen_name=" + textBox1.Text));
}

35. WebClient
void twitter_DownloadStringCompleted(object sender,
DownloadStringCompletedEventArgs e)
{
if (e.Error != null)
return;
XElement xmlTweets = XElement.Parse(e.Result);
lstTwitter.ItemsSource =
from tweet in xmlTweets.Descendants("status")
select new TwitterItem
{
ImageSource =
tweet.Element("user").Element("profile_image_url").Value,
Message = tweet.Element("text").Value
};
}

36. Project attached

37. Navigation >>

38. Navigation
void GoToPage2_Click(object sender, RoutedEventArgs e)
{
NavigationService.Navigate(
new Uri("/Page2.xaml", UriKind.Relative)
);
}

39. Windows Azure Toolkit
for Windows Phone
http://watwp.codeplex.com

40. into the Cloud..

41. XNA
Games

42. Creators Club
http://create.msdn.com/en-US/

43. http://create.msdn.com/en-US/

44. XNA Development

45. Game Loop
OnUpdate(), OnDraw()

46. Practice
Particle Engine with Touch Events!

47. What’s a Particle Engine
Implementation

48. Touch

49. Touching Events
MouseState ms = Mouse.GetState();
if(ms.LeftButton == ButtonState.Pressed)
{
DoSomething();
}
OR
TouchCollection touches = TouchPanel.GetState();
foreach(TouchLocation touch in touches)
{
if(touch.State == TouchLocationState.Pressed
|| touch.State == TouchLocationState.Moved)
{
DoSomething();
break;
}
}

50. Particle engine with touch events!

51. Project attached – play around!