Presented on 26th Feb 2011 at Tech-Out event sponsored by Infusion, Techies, Tech.Sessions and Microsoft Middle East.

1. Developing for Windows Phone 7 Zeddy Iskandar

2. Agenda What’s WP7 like (device demo) Tools to Get you Started WP7 UI Features Some codes How Publishing Works

3. Device Demo

4. Tools of Trade Windows Phone Developer Tools (WPDT) http://bit.ly/WPDT-ISO WPDT Jan 2011 Update (Copy-Paste) http://bit.ly/WPDT-JanUpdate Training Kits (3) http://bit.ly/WP7-TrainingKits Charles Petzold Free e-Book http://bit.ly/WP7-Ebook Code Samples http://bit.ly/WP7-CodeSamples

5. Which Device to Buy? SIM-Free Windows Phones (not carrier-locked): Samsung Focus SGH-i917 ($574.99) HTCSurround T8788 ($574.99) LGQuantum C900 (QWERTY keyboard) ($544.99) HTCTrophy ($604.99) SamsungOmnia 7 ($614.99) HTCHD7 ($579.99) Dell Venue Pro (Vertical keyboard) ($659.99) HTC 7 Pro (QWERTY keyboard) ($694.99)

6. Device Specs All must meet Microsoft’s minimum requirements: Qualcomm Snap Dragon (QSD8250) 1.0 GHz Capacitive 4-point multi-touch screen WVGA (480x800) resolution DirectX9 rendering-capable GPU 256MB RAM 8GB Flash Memory 5MP Camera with LED Flash FM Radio Tuner Accelerometer with Compass Ambient Light Sensor Proximity Sensor Assisted GPS

7. SideLoading apps You need: AppHub Account (http://create.msdn.com) Zune Software (http://www.zune.net) Run Zune, Connect Device, Run Windows Phone Developer Registration app from WPDT Start Menu

8. XAML Primer Stuff you need to know before coding

9. 3 Containers Grid StackPanel Canvas

10. Grid <Grid ShowGridLines="True" Margin="12,0,12,0"> <Grid.RowDefinitions> <RowDefinition Height="auto" /> <RowDefinition /> <RowDefinition Height="auto" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <TextBox Text="1st row 1st column"TextWrapping="Wrap"Grid.Column="0"Grid.Row="0" /> <TextBox Text="3rd row 1st column"TextWrapping="Wrap"Grid.Column="0"Grid.Row="2" /> <Button Content="1st row 3rd column"FontSize="17"Grid.Column="1"Grid.Row="0" /> <Button Content="3rd row 2nd column"FontSize="17"Grid.Column="1"Grid.Row="2" /> </Grid>

11. StackPanel <StackPanel Margin="20"> <Rectangle Fill="Red" Width="50" Height="50" Margin="5" /> <Rectangle Fill="Blue" Width="50" Height="50“ Margin="5" /> <Rectangle Fill="Green" Width="50" Height="50“ Margin="5" /> <Rectangle Fill="Purple" Width="50" Height="50“ Margin="5" /> </StackPanel>

12. Canvas <Canvas Background="Transparent"> <Rectangle Canvas.Left="30" Canvas.Top="200" Fill="red" Width="200" Height="200" /> </Canvas> *Recommended if you don’t need the auto-adjust features of Grid & StackPanel  better performance

13. Most Used UI Elements TextBlock Image Button ListBox

14. TextBlock <TextBlock Text="Hello, world!" />

15. Image <Image Source="licorice.JPG" />

16. Button <Button Content="Locate Me" Height="80" HorizontalAlignment="Left" Margin="0,6,0,0" Name="btnLocateMe" VerticalAlignment="Top“ Width="204" Click="btnLocateMe_Click" />

17. ListBox <ListBox Name=“lbCities" ItemsSource="..."/>

18. WP7 UI Features Stuff you need to be aware of as devs

19. Application Bar <phone:PhoneApplicationPage.ApplicationBar> <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True"> <shell:ApplicationBarIconButton IconUri="/Icons/appbar.check.rest.png" Text="Save" Click="SaveClicked"/> <shell:ApplicationBarIconButton IconUri="/Icons/appbar.cancel.rest.png" Text="Cancel" Click="CancelClicked"/>

20. Application Bar Menu <phone:PhoneApplicationPage.ApplicationBar> <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True"> <shell:ApplicationBar.MenuItems> <shell:ApplicationBarMenuItem Text="Save" Click="SaveClicked"/> <shell:ApplicationBarMenuItem Text="Cancel" Click="CancelClicked"/> </shell:ApplicationBar.MenuItems> </shell:ApplicationBar> </phone:PhoneApplicationPage.ApplicationBar>

21. UI Gestures Single Touch Tap Double Tap Pan Flick Touch & Hold Multi Touch Pinch & Stretch

22. Panorama Only use if your app has features similar to XBox Live and Zune Marketplace.

23. Pivot Only use if your app wants to filter contents

24. Application Framework No you can’t intercept that Phone call and auto-reject calls

25. Software Architecture Applications Your App UI and logic Frameworks Silverlight XNA HTML/JavaScript CLR App Model UI Model Cloud Integration Xbox LIVE Bing Location Push notifications Windows Live ID App management Licensing Chamber isolation Software updates Shell frame Session manager Direct3D Compositor Kernel Hardware BSP Security Networking Storage A-GPS Accelerometer Compass Light Proximity Media Wi-Fi Radio Graphics Hardware Foundation

26. Windows Phone 7 Series Frameworks Details Windows Phone Frameworks Camera Device Integration Launchers & Choosers Windows Phone Controls PhoneApplicationPage PushNotification WebBrowserControl Sensors PhoneApplicationFrame Silverlight Presentation and Media XNA Frameworks for Games Controls Drawing IsolatedStorage Drawing GamerServices Navigation Shapes Markup Media Audio Media Graphics Content Input Application Object Common Base Class Library Diagnostics Reflection IO Runtime Resources Globalization Text Location Net Collections ComponentModel Configuration Security Threading ServiceModel Linq

27. Some Codes Real-world coding samples

28. Publishing Show Me the Money!

29. Publishing Flow

30. 5 Step Process Upload .XAP Package Write App Description Upload the required ArtWork Set App Price & Distribution Market Submit App for Certification There’s a complete walkthrough herehttp://bit.ly/WP7-PublishWalkthru

31. Terima Kasih! http://twitter.com/zeddyiskandar Windows Phone Developer Blog http://windowsteamblog.com/windows_phone