Developing for Windows Phone 7

3,147 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,147
On SlideShare
0
From Embeds
0
Number of Embeds
605
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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 />

×