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.

Sketch Flow Overview

3,312 views

Published on

Overview of Silverlight 3 & Using SketchFlow to create rapid, interactive applications

Published in: Technology, Business
  • Be the first to comment

Sketch Flow Overview

  1. 1. Lighting up the Web: Next Generation Experiences with <br />Silverlight and Expression<br />All sections to appear here<br />
  2. 2. Lighting up the Web: Next Generation Experiences with Silverlight and Expression<br />Martha Rotter<br />martharo@microsoft.com<br />http://blogs.msdn.com/martharotter<br />
  3. 3. Silverlight State of the Nation<br />pptPlex Section Divider<br />The slides after this divider will be grouped into a section and given the label you type above. Feel free to move this slide to any position in the deck.<br />
  4. 4. Silverlight History<br />V2<br />V3<br />V1<br />July 2009<br />September 2007<br />October 2008<br />
  5. 5. building momentum<br />22months <br />since launch<br />22 MONTHS<br />
  6. 6. building momentum<br />22months <br />since launch<br />300m+<br />downloads<br />
  7. 7. building momentum<br />22months <br />since launch<br />300m+<br />downloads<br />400,000+<br />Developers & Designers<br />Source: Microsoft Developer Tracker 2008 Report<br />
  8. 8. building momentum<br />22months <br />since launch<br />300m+<br />downloads<br />400,000+<br />Developers & Designers<br />200+ partners in<br />30 countries<br />
  9. 9. building momentum<br />22 months <br />since launch<br />300m+<br />downloads<br />400,000+<br />Developers & Designers<br />200+ partners in<br />30 countries<br />200+<br />Microsoft Products & Websites<br />
  10. 10. building momentum<br />22months <br />since launch<br />300m+<br />downloads<br />400,000+<br />Developers & Designers<br />200+ partners in<br />30 countries<br />200+<br />Microsoft Products & Websites<br />Thousands of Apps across the Globe<br />www.silverlight.net/showcase<br />
  11. 11.
  12. 12. Silverlight 3 shipped in July 2009<br />
  13. 13. What is Silverlight?<br />pptPlex Section Divider<br />The slides after this divider will be grouped into a section and given the label you type above. Feel free to move this slide to any position in the deck.<br />
  14. 14. But just what IS Silverlight?<br />
  15. 15.
  16. 16. Silverlight 3: <br />new functionality<br />Graphics & Media<br />Applications<br />Design Tooling<br />
  17. 17. in a smaller download<br />
  18. 18. Support for HigherQuality Video & Audio<br />EmpoweringRich Experiences<br />Improving RIA Productivity<br />Out of BrowserCapabilities<br />Expression Blend 3Preview<br />Silverlight 3 Themes<br />
  19. 19. runtime is back-compat & does not run side-by-side<br />
  20. 20. new tools for <br />designers & developers<br />
  21. 21. essential features<br />Graphics & Media<br />Applications<br />Design Tooling<br />
  22. 22. Applications<br />out of browser applications<br />
  23. 23. Applications<br />new controls – e.g. DataForm<br />out of browser applications<br />network status detection<br />save files to disk<br />dynamic styling<br />merged resource dictionaries<br />element to element data binding<br />
  24. 24. Designer / Developer Miscommunication<br />pptPlex Section Divider<br />The slides after this divider will be grouped into a section and given the label you type above. Feel free to move this slide to any position in the deck.<br />
  25. 25.
  26. 26. Designer / Developer Experience<br />designer<br />developer<br />designers & developers: <br />Speak the same language<br />designers & developers: <br />Speak different languages<br />designers design<br />developers add business logic<br />
  27. 27. Expression Blend 3<br />Compelling Experiences<br />Iterate and deliver your ideas faster<br />Create solutions for desktop and the web<br />Easy demonstrate your vision with SketchFlow (NEW)<br />Use Behaviors for interactivity, animation and transitions without writing code (NEW)<br />Control skinning (NEW)<br />Various animation easing functions (NEW)<br />Accelerated Results<br />Maximize synergy between design and development<br />Export prototype or application structure to Microsoft Word<br />Import design time sample data or create it on the fly (NEW)<br />Robust code editing with XAML, C# and VB with Intellisense (NEW)<br />Improved workspace and design surface<br />Powerful Technology<br />Supports Silverlight, WPF, XAML, C# and VB<br />Photoshop and Illustrator import (NEW)<br />Extensibility model for Blend (NEW)<br />Visual Studio TFS integration for source control (NEW)<br />Take your ideas from concept to completion<br />27<br />
  28. 28. Enough Talk! Lets See Some Demos!<br />pptPlex Section Divider<br />The slides after this divider will be grouped into a section and given the label you type above. Feel free to move this slide to any position in the deck.<br />
  29. 29. Expression Blend 3<br />
  30. 30. SketchFlow – Flow Window<br />
  31. 31. SketchFlow – Wiggly Styles<br />
  32. 32. Sample Data – Creating & Editing<br />
  33. 33. SketchFlow – Player<br />
  34. 34. SketchFlow – Feedback<br />
  35. 35. SketchFlow – Create Word Doc<br />
  36. 36. SketchFlow – Sketching<br />
  37. 37. SketchFlow - Interactivity<br />
  38. 38. Photoshop Import - Making it real<br />
  39. 39. Photoshop Import– direct editing<br />
  40. 40. Photoshop Import– direct editing<br />
  41. 41. Now what?<br />pptPlex Section Divider<br />The slides after this divider will be grouped into a section and given the label you type above. Feel free to move this slide to any position in the deck.<br />
  42. 42. NEXT STEPS<br />Try out Blend 3 with SketchFlowhttp://www.microsoft.com/expression/<br />Go to Expression Galleryhttp://gallery.expression.microsoft.com/<br />Information from the Expression Teamhttp://team.silverlight.net/<br />My Blog http://blogs.msdn.com/martharotter<br />E-mailmartharo@microsoft.com<br />

×