1. Three Tales of Three Friends Iris Classon | Telerik | Dotnet Mentor

2. Meet me Software Developer at Dotnet Mentor Technical Evangelist Telerik Started programming 14 months ago Clinical Dietitian & Personal Trainer MCPD MCTS Stupid Question Of The Day www.devreach.com

3. 1. Once Upon a time 2. Making friends 3. Trouble in paradise 4. We are all the same 5. But still different worlds apart 6. I’m sexy and you know it 7. Living La Vida App’a 8. Getting to second base 9. Asking for hand in marriage 10. Five top tips 11. The happy ever after Chapters www.devreach.com

4. Once Upon a time Not happy…

5. A new beginning – the toy store www.devreach.com

6. Making friends www.devreach.com

7. A first friend www.devreach.com

8. Win-forms and I www.devreach.com

9. Becoming good friends www.devreach.com

10. Becoming good friends www.devreach.com

11. Hello Silverlight www.devreach.com

12. WP Hackaton fun www.devreach.com Images from Stendahls

13. A challenge accepted www.devreach.com

14. Enter Windows Store Application www.devreach.com

15. Trouble in Paradise www.devreach.com

16. Not Enough Time !! www.devreach.com

17. But Aren’t We All The Same? www.devreach.com

18. You’ve Seen This Before? www.devreach.com Metro / Windows 8 UI / Modern Style Design Language WinRT Platform Windows Store Apps Official term for WinRT Apps

19. World’s Apart www.devreach.com

20. A Few Things Before We Talk About That…

21. www.devreach.com A New Work Environment The work environment –Quick Search –More Blend-stuff –Redesigned –Windows Store App ready –Solution explorer + object explorer hybrid Helpfull templates for Windows Store Apps Simulator –A note on WP8 simulator & installing VS11 on a virtual machine

22. www.devreach.com A New Work Environment The work environment –Quick Search –More Blend-stuff –Redesigned –Windows Store App ready –Solution explorer + object explorer hybrid

23. www.devreach.com The Quick Launch

24. www.devreach.com New designer: Working with templates

25. www.devreach.com New designer: Properties

26. www.devreach.com Blend Confusion

27. www.devreach.com Also don’t forget Helpfull templates for Windows Store Apps Simulator –A note on WP8 simulator & installing VS11 on a virtual machine

28. www.devreach.com A Few Ways My Friends Differ I’ll be talking about Design & Graphics Life Of The App Storage (I/O)

29. I’m sexy and you know it Design, graphics and interaction Design guidelines Touch first, mouse last Animations Missing in graphics New Controls –Missing controls www.devreach.com

30. Design: Guidelines Modes Resolution, ratio and scaling Specific design guidelines www.devreach.com

31. Design: Talking Space www.devreach.com

32. Design: Touch First, Mouse Last www.devreach.com Mouse events replaced by pointer events: –PointerPressed, PointerReleased etc. Static gesture events: –Holding, tapped, DoubleTapped, RightTapped Manipulation gesture events –ManipulationStarting etc. Touch, pen or mouse

33. www.devreach.com Design: Touch Interaction Design http://msdn.microsoft.com/en-us/library/windows/apps/hh465415.aspx

34. www.devreach.com Design: Missing in Graphics VideoBrush RadialGradientBrush OpacityMask Non-symmettric corner radius on borders Custom easing functions Bitmap effects - as they slow down rendering

35. www.devreach.com Design: New Controls GridView FlipView Toogle Switch Progress Indicators RichEditBox, RichTextBlock, RichTextBoxOverFlow Pop Menus Message Dialog Sematic zoom VirableSizeWrapGrid

36. www.devreach.com Design: Missing Controls Treeview (as it is mouse ’driven’) Panels: DockPanel WrapPanel UniformGrid ContextMenu (popup menu) MessageBox (message dialog) DatePicker, Calendar

37. www.devreach.com Living La Vida App’a App lifecycle Navigation –WSA: nav. struct. built on a frame on the main page Application hosting –No browser host, Windows Store More prevalent async push

38. www.devreach.com Application hosting: Windows Store Applications Application hosting –No browser host –Windows Store –Sideloading

39. www.devreach.com Lifecycle Silverlight StartStop

40. www.devreach.com Lifecycle Silverlight Start Stop Hmm… it’s not THAT simple

41. www.devreach.com Lifecycle Windows Store App Running NotRunning Suspended Suspending Resuming Activated

42. www.devreach.com Async Push

43. www.devreach.com Getting To Second Base Storage (local, roaming, temporary etc.) Working with files Contracts, extensions and charms Request Capabilities (familiar from SL) Namespaces URIs - Breaking changes, they will need to rewritten manually (relative URIs not supported)

44. www.devreach.com Second Base: Storage

45. www.devreach.com Isolated storage: Settings WindowsStoreApp Silverlight

46. www.devreach.com Isolated storage: Files WindowsStoreApp Silverlight

47. www.devreach.com Second Base: Namespaces <Grid xmlns:Core="clr-namespace:Namespace;Assembly=AssemblyName" <Gridxmlns:Core="using:Namespace”

48. www.devreach.com Second Base: Uri

49. www.devreach.com Second Base: Charms

50. www.devreach.com Second Base: Contracts App App

51. www.devreach.com Second Base: Extensions App Windows.Extensions

52. www.devreach.com Asking For Hand In Marriage

53. www.devreach.com Marriage : Expectations

54. www.devreach.com Marriage: Passing The Test

55. www.devreach.com Marriage: Passing The Test Certification requirements goes even for sideloaded LOB

56. www.devreach.com Hope I Saved You Some Trouble

57. www.devreach.com Here Are 6 Tips To Help you Climb That Mountain

58. www.devreach.com 1.Do Your Homework Read & understand the guidelines before you start E-Book: http://www.irisclasson.com/2012/08/24/free-book-user-experience-guidelines-for- metrowindows-8-style-apps-winrt-apps/ Attend a virtual training http://channel9.msdn.com/Events/Windows-Camp/Windows-8-UX-Fundamentals-Training- Workshop-2012

59. www.devreach.com 2.Plan and ReThink Plan navigation flow and app design early on Download design assets (templates) http://msdn.microsoft.com/en-us/library/windows/apps/hh700403.aspx

60. www.devreach.com 3.Try What is Out There Spend some time with the project templates & apps A few suggestions: Cocktail flow CookBook USA Today http://www.metrosnaps.com/

61. www.devreach.com 4.Look at Code Examples Download app samples collection http://code.msdn.microsoft.com/windowsapps/Windows-8-Modern-Style- App-Samples Don’t forget the Live SDK http://msdn.microsoft.com/library/live

62. www.devreach.com 5.Practice Do The Hand-On Labs http://www.microsoft.com/en-us/download/details.aspx?id=34619

63. www.devreach.com 6.Keep In Mind The Differences Many great resources for porting apps http://blogs.msdn.com/b/jennifer/archive/2012/05/25/porting-apps-to- windows-8-metro.aspx

64. www.devreach.com And Have Fun!

65. www.devreach.com My future with the three friends The Dreaded Choice

66. www.devreach.com The Happy Ever After

67. Thank you! @IrisClasson www.irisclasson.com http://www.linkedin.com/in/irisclasson Iris Classon | Telerik | Dotnet Mentor