Sketch Flow Overview

Lighting up the Web: Next Generation Experiences with
Silverlight and Expression
All sections to appear here

Lighting up the Web: Next Generation Experiences with Silverlight and Expression
Martha Rotter
martharo@microsoft.com
http://blogs.msdn.com/martharotter

Silverlight State of the Nation
pptPlex Section Divider
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.

Silverlight History
V2
V3
V1
July 2009
September 2007
October 2008

building momentum
22months
since launch
22 MONTHS

building momentum
22months
since launch
300m+
downloads

building momentum
22months
since launch
300m+
downloads
400,000+
Developers & Designers
Source: Microsoft Developer Tracker 2008 Report

building momentum
22months
since launch
300m+
downloads
400,000+
200+ partners in
30 countries

building momentum
22 months
since launch
300m+
downloads
400,000+
200+ partners in
30 countries
200+
Microsoft Products & Websites

building momentum
22months
since launch
300m+
downloads
400,000+
200+ partners in
30 countries
200+
Microsoft Products & Websites
Thousands of Apps across the Globe
www.silverlight.net/showcase

Silverlight 3 shipped in July 2009

What is Silverlight?

But just what IS Silverlight?

Silverlight 3:
new functionality
Graphics & Media
Applications
Design Tooling

in a smaller download

Support for HigherQuality Video & Audio
EmpoweringRich Experiences
Improving RIA Productivity
Out of BrowserCapabilities
Expression Blend 3Preview
Silverlight 3 Themes

runtime is back-compat & does not run side-by-side

new tools for
designers & developers

essential features
Graphics & Media
Applications
Design Tooling

Applications
out of browser applications

Applications
new controls – e.g. DataForm
out of browser applications
network status detection
save files to disk
dynamic styling
merged resource dictionaries
element to element data binding

Designer / Developer Miscommunication

Designer / Developer Experience
designer
developer
designers & developers:
Speak the same language
designers & developers:
Speak different languages
designers design
developers add business logic

Expression Blend 3
Compelling Experiences
Iterate and deliver your ideas faster
Create solutions for desktop and the web
Easy demonstrate your vision with SketchFlow (NEW)
Use Behaviors for interactivity, animation and transitions without writing code (NEW)
Control skinning (NEW)
Various animation easing functions (NEW)
Accelerated Results
Maximize synergy between design and development
Export prototype or application structure to Microsoft Word
Import design time sample data or create it on the fly (NEW)
Robust code editing with XAML, C# and VB with Intellisense (NEW)
Improved workspace and design surface
Powerful Technology
Supports Silverlight, WPF, XAML, C# and VB
Photoshop and Illustrator import (NEW)
Extensibility model for Blend (NEW)
Visual Studio TFS integration for source control (NEW)
Take your ideas from concept to completion
27

Enough Talk! Lets See Some Demos!

Expression Blend 3

SketchFlow – Flow Window

SketchFlow – Wiggly Styles

Sample Data – Creating & Editing

SketchFlow – Player

SketchFlow – Feedback

SketchFlow – Create Word Doc

SketchFlow – Sketching

SketchFlow - Interactivity

Photoshop Import - Making it real

Photoshop Import– direct editing

Now what?

NEXT STEPS
Try out Blend 3 with SketchFlowhttp://www.microsoft.com/expression/
Go to Expression Galleryhttp://gallery.expression.microsoft.com/
Information from the Expression Teamhttp://team.silverlight.net/
My Blog http://blogs.msdn.com/martharotter
E-mailmartharo@microsoft.com