Lighting up the Web: Next Generation Experiences with <br />Silverlight and Expression<br />All sections to appear here<br />
Lighting up the Web: Next Generation Experiences with Silverlight and Expression<br />Martha Rotter<br />martharo@microsof...
Silverlight State of the Nation<br />pptPlex Section Divider<br />The slides after this divider will be grouped into a sec...
Silverlight History<br />V2<br />V3<br />V1<br />July 2009<br />September 2007<br />October 2008<br />
building momentum<br />22months <br />since launch<br />22 MONTHS<br />
building momentum<br />22months <br />since launch<br />300m+<br />downloads<br />
building momentum<br />22months <br />since launch<br />300m+<br />downloads<br />400,000+<br />Developers & Designers<br ...
building momentum<br />22months <br />since launch<br />300m+<br />downloads<br />400,000+<br />Developers & Designers<br ...
building momentum<br />22 months <br />since launch<br />300m+<br />downloads<br />400,000+<br />Developers & Designers<br...
building momentum<br />22months <br />since launch<br />300m+<br />downloads<br />400,000+<br />Developers & Designers<br ...
Silverlight 3 shipped in July 2009<br />
What is Silverlight?<br />pptPlex Section Divider<br />The slides after this divider will be grouped into a section and gi...
But just what IS Silverlight?<br />
Silverlight 3: <br />new functionality<br />Graphics & Media<br />Applications<br />Design Tooling<br />
in a smaller download<br />
Support for HigherQuality Video & Audio<br />EmpoweringRich Experiences<br />Improving RIA Productivity<br />Out of Browse...
runtime is back-compat & does not run side-by-side<br />
new tools for <br />designers & developers<br />
essential features<br />Graphics & Media<br />Applications<br />Design Tooling<br />
Applications<br />out of browser applications<br />
Applications<br />new controls – e.g. DataForm<br />out of browser applications<br />network status detection<br />save fi...
Designer / Developer Miscommunication<br />pptPlex Section Divider<br />The slides after this divider will be grouped into...
Designer / Developer Experience<br />designer<br />developer<br />designers & developers: <br />Speak the same language<br...
Expression Blend 3<br />Compelling Experiences<br />Iterate and deliver your ideas faster<br />Create solutions for deskto...
Enough Talk! Lets See Some Demos!<br />pptPlex Section Divider<br />The slides after this divider will be grouped into a s...
Expression Blend 3<br />
SketchFlow – Flow Window<br />
SketchFlow – Wiggly Styles<br />
Sample Data – Creating & Editing<br />
SketchFlow – Player<br />
Upcoming SlideShare
Loading in …5
×

Sketch Flow Overview

3,177 views
3,063 views

Published on

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

Published in: Technology, Business
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,177
On SlideShare
0
From Embeds
0
Number of Embeds
245
Actions
Shares
0
Downloads
31
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

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

×