Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Developing for Windows Phone 7

3,192 views

Published on

  • Be the first to comment

  • Be the first to like this

Developing for Windows Phone 7

  1. 1. Windows Phone 7<br />Gergelyorosz<br />@GergelyOrosz<br />GregDoesIT.com<br />
  2. 2. WP7overview<br />
  3. 3. What is Windows Phone 7<br /><ul><li>Released</li></ul>21 Oct (EU)<br />8 Nov (US)<br /><ul><li>UI: Metro
  4. 4. XBOX integration</li></li></ul><li>Minimum Hardware requirements<br /><ul><li>Screen: 480x800
  5. 5. CPU: 1GHz, RAM: 256MB
  6. 6. Buttons</li></ul>Back, Windows, Search<br /><ul><li>Screen: OLED</li></li></ul><li>Minimum hardware requirements<br /><ul><li>Camera: 5 Mpx
  7. 7. Accelerometer
  8. 8. Compass
  9. 9. Proximity sensor
  10. 10. A-GPS</li></li></ul><li>marketplace<br /><ul><li>$99/yr
  11. 11. Application types</li></ul>Free<br />Try before buy – trial API<br />Paid<br />
  12. 12. Sumbitting & Updates<br /><ul><li>Submitting</li></ul>Approval process<br /><ul><li>Updates</li></ul>Auto install<br /><ul><li>Opens early Oct</li></li></ul><li>Push notifications<br />
  13. 13. Developing for wp7<br />
  14. 14. Development environment<br /><ul><li>VS 2010 Express
  15. 15. Blend for WP7
  16. 16. C#
  17. 17. Silverlight or XNA</li></li></ul><li>Creating a simple application<br />
  18. 18. Creating a simple application<br /><ul><li>Create a new project
  19. 19. Add pages
  20. 20. Navigate between pages</li></li></ul><li>Creating a simple application<br /><ul><li>Create / import model
  21. 21. Implement list view</li></ul>Databinding, ListBox<br /><ul><li>Application lifecyclye</li></ul>Saving to IsolatedStorage<br />
  22. 22. Creating a simple application<br /><ul><li>Use of ApplicationBar
  23. 23. Use of user’s theme
  24. 24. Theming</li></ul>Expression Blend helps<br />
  25. 25. advanced application development<br /><ul><li>Use of other controls</li></ul>E.g. pivot, panorama<br /><ul><li>WebClient
  26. 26. Location API
  27. 27. Accelerometer API</li></li></ul><li>advanced application development<br /><ul><li>Transitions
  28. 28. Trial API
  29. 29. MVVM</li></ul>MVVM Light framework<br /><ul><li>Unit testing</li></li></ul><li>Great WP7 Applications<br />
  30. 30. metro<br />
  31. 31. metro<br />
  32. 32. Navigation metro style<br /><ul><li>Get there, intiutuvely
  33. 33. Panorama control
  34. 34. Pivot control</li></li></ul><li>Panorama control<br />
  35. 35. Panorama control<br />
  36. 36. Panorama control<br />Demo<br />
  37. 37. panorama control<br />Needs<br />Good background image<br />Enough menu items<br />Good for mixing media types<br />Not neccesary to do so!<br />Title takes up lots of space<br />
  38. 38. Pivot control<br />
  39. 39. Pivot control<br />Demo<br />
  40. 40. Pivot Control<br /><ul><li>Similar to Panorama</li></ul>No shared background<br />Title smaller<br />Pane’s structure the same<br />Not enforced<br />Text content<br />Not enforced<br />
  41. 41. pivot<br />
  42. 42. orientation<br /><ul><li>Horizontal, vertical or both
  43. 43. Implement for usability, not orientation</li></li></ul><li>Application bar<br />
  44. 44. Application bar<br /><ul><li>Context menu, not a menu
  45. 45. Max 4 icons
  46. 46. Menu items can be added
  47. 47. Not a FrameworkElement</li></ul>No binding, no MVVM<br />
  48. 48. WP7 Layout templates<br /><ul><li>Download as solution
  49. 49. Demo</li></li></ul><li>WP7 vs desktop/web<br /><ul><li>Different size
  50. 50. Different navigation
  51. 51. Possibly different needs</li></li></ul><li>WP7 VS Desktop/web: Twitter<br />
  52. 52. WP7 vsiPHONE<br /><ul><li>Navigation is different</li></ul>WP7 has a back button<br />WP7 has pivot, panorama<br /><ul><li>Application bar usage is different</li></ul>iPhone: global menuWP7: context menu<br />
  53. 53. WP7 VS IPHONE<br /><ul><li>Similarities</li></ul>Listviews<br />Master / detail pages<br />WP7 doesn’t need back button<br />
  54. 54. WP7 vsiphone: twitter<br />
  55. 55. Visual design<br /><ul><li>No design resources</li></ul>Use built-in controls & colors<br />WP7 has great typography<br />
  56. 56. Visual design<br /><ul><li>Some design resources</li></ul>Panorama: 1 picture<br />Icons, small images, grids<br />
  57. 57. Visual design<br /><ul><li>Plenty of design resources</li></ul>Create your own theme<br />Use WP7 resources where it’s reasonable<br />
  58. 58. Final thoughts<br />
  59. 59. My experience<br /><ul><li>Easy</li></ul>Tools, .Net<br /><ul><li>Interesting</li></ul>Different from desktop / web<br /><ul><li>Fun & cool</li></ul>Creating professional looking applications<br />
  60. 60. Why develop?<br /><ul><li>Easy to get started
  61. 61. Tools are great
  62. 62. Not (that) hard to master
  63. 63. (Surprisingly) fun</li></li></ul><li>Why develop?<br /><ul><li>Easy to create beautiful apps</li></ul>Thank you, Metro<br />“Cooler” apps then iPhone or Android<br />
  64. 64. Why develop… now?<br /><ul><li>Easy to get started
  65. 65. Easy to create nice apps
  66. 66. Marketplace not yet open</li></ul>It’s easy for others to start as well!<br />
  67. 67. Why develop?<br /><ul><li>Ideal for prototyping</li></ul>Rapid development<br /><ul><li>Make something you’re proud of
  68. 68. Make something you can sell</li></li></ul><li>Thank you<br />GergelyOrosz<br />@gergelyorosz<br />GregDoesIT.com<br />ScotAlt.Net<br />

×