sketch flow overview

33
All sections to appear here hting up the Web: t Generation Experiences with verlight and Expression

Upload: martha-rotter

Post on 09-May-2015

2.915 views

Category:

Technology


0 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Sketch Flow Overview

All sections to appear here

Lighting up the Web: Next Generation Experiences with Silverlight and Expression

Page 2: Sketch Flow Overview

V1 V3September 2007 October 2008

Silverlight History

V2July 2009

Page 3: Sketch Flow Overview

22 months since launch

building momentum

22 MONTHS

Page 4: Sketch Flow Overview

22 months since launch

300m+downloads

building momentum

Page 5: Sketch Flow Overview

22 months since launch

300m+downloads

400,000+

Developers & Designers

Source: Microsoft Developer Tracker 2008 Report

building momentum

Page 6: Sketch Flow Overview

22 months since launch

300m+downloads

400,000+

Developers & Designers

200+ partners in

30 countries

building momentum

Page 7: Sketch Flow Overview

22 months since launch

300m+downloads

400,000+

Developers & Designers

200+ partners in

30 countries

200+Microsoft

Products & Websites

building momentum

Page 8: Sketch Flow Overview

22 months since launch

300m+downloads

400,000+

Developers & Designers

200+ partners in

30 countries

200+Microsoft

Products & Websites

Thousands of Apps across the

Globe

www.silverlight.net/showcase

building momentum

Page 9: Sketch Flow Overview
Page 10: Sketch Flow Overview

Silverlight 3 shipped in July 2009

Page 11: Sketch Flow Overview

But just what IS Silverlight?

Page 12: Sketch Flow Overview
Page 13: Sketch Flow Overview

Silverlight 3: new functionality

Graphics & MediaApplications Design Tooling

Page 14: Sketch Flow Overview

in a smaller download

Page 15: Sketch Flow Overview

Support for HigherQuality Video & Audio

EmpoweringRich Experiences

Improving RIA Productivity

Out of BrowserCapabilities

Expression Blend 3Preview

Silverlight 3 Themes

Page 16: Sketch Flow Overview

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

Page 17: Sketch Flow Overview

new tools for designers & developers

Page 18: Sketch Flow Overview
Page 19: Sketch Flow Overview

designers & developers: Speak the same language

Designer / Developer Experience

designers design

designers & developers: Speak different languages

developers add business logic

designer developer

Page 20: Sketch Flow Overview

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

Page 21: Sketch Flow Overview

Expression Blend 3

Page 22: Sketch Flow Overview

SketchFlow – Flow Window

Page 23: Sketch Flow Overview

SketchFlow – Wiggly Styles

Page 24: Sketch Flow Overview

Sample Data – Creating & Editing

Page 25: Sketch Flow Overview

SketchFlow – Player

Page 26: Sketch Flow Overview

SketchFlow – Feedback

Page 27: Sketch Flow Overview

SketchFlow – Create Word Doc

Page 28: Sketch Flow Overview

SketchFlow – Sketching

Page 29: Sketch Flow Overview

SketchFlow - Interactivity

Page 30: Sketch Flow Overview

Photoshop Import - Making it real

Page 31: Sketch Flow Overview

Photoshop Import – direct editing

Page 32: Sketch Flow Overview

Photoshop Import – direct editing

Page 33: Sketch Flow Overview

NEXT STEPS• Try out Blend 3 with SketchFlow

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

[email protected]