Silverlight 4 and Expression BlendPaul LabergeWeb Platform Advisor, Microsoft Canadapaul.laberge@microsoft.comhttp://blogs.msdn.com/seesharp @plaberge

Silverlight 4

• New Features

Expression Blend

• Workflow

• Prototyping

Agenda

Silverlight 4So, what’s new, eh?

demoFirst, some great examples of Silverlight applications• CTV Olympics (http://ctvolympics.ca)• Worldwide Telescope (

http://worldwidetelescope.org/webclient) • Hard Rock Café Memorabilia (

http://hardrock.com/memorabilia)

Silverlight 4 New Capabilities : Media

Support for Higher Quality Video and Audio

Webcam and Microphone

Native Multicast

Output Protection Online and OfflineContent Protection

H.264 Content Protection

Developer Tools

Beyond the Browser

Business Applications

Rich Experiences

MediaMedia

Local Recording

Silverlight 4 New Capabilities : Rich Experiences

Empowering Rich Experiences

Developer Tools

Beyond the Browser

Business Applications

Rich Experiences

Media

Rich Experiences

Fluid User Interface Copy and Paste

Drag and Drop Productivity Enhancements

Google Chrome Support Enhanced Performance

Silverlight 4 New Capabilities : Business Applications

Business Applications

Developer Tools

Beyond the Browser

Business Applications

Rich Experiences

Media

Business Applications

Printing Forms Controls

WCF RIA Services Enhanced Data binding

Internationalization Managed Extensibility Framework

Silverlight 4 New Capabilities : Beyond the Browser

Beyond the Browser

Developer Tools

Beyond the Browser

Business Applications

Rich Experiences

Media

Beyond the Browser

Trusted Applications Render HTML within Silverlight

Notifications Local File System Access

Applications and Devices

Cross Domain Access

Silverlight 4 New Capabilities : Developer Tools

Developer Tools

Beyond the Browser

Business Applications

Rich Experiences

Media

Developer Tools

World Class tooling for development and design

Silverlight Support Design Surface

Drag and Drop Data Binding

XAML Intellisense

Import Blend Resources Sketchflow

Expression Blend and Visual Studio 2010Building great Silverlight apps

Why? Seriously, why?

Well, let’s put it this way...

the vision

The issue here is workflow.

Designers

Developers

and

Don’t talk the same language!

designers & developers: Speak different languages

Designer/developer experience

designers design developers add business logic

designer developer

designers & developers: Speak the same language

Designer/developer experience

designers design

designers & developers: Speak different languages

developers add business logic

designer developer

demoWorkflow – designers and developers speaking the same language

SketchFlow: Rich, fast, cost-effective prototyping Conceptual Prototyping:

Rapidly create application user experience flows

Total Flexibility: Prototypes can be as real as a project requires

Effective Communication: Easily communicate ideas to all stakeholders

Rapid Testing / Reviewing: Enable client review and feedback

demoBuilding a SketchFlow Prototype application

Behaviors: Interactivity without writing codeBuilding blocks of production-quality interactivity

Easily applied and configured without additional code

Extensible and limited only by your imagination

Powerful collaboration

Sample Data: Bringing your prototype to lifeEasy to create and utilize sample data at design-time

Data can be fully customized and styled

Sample data available at runtime

Switch between sample and live data

demoUsing Sample Data in Blend 4

Adobe Photoshop : Full fidelity import

Graphic elements imported at full fidelityLive import previewFull control over imported layersRemains editable within Blend

Code Editor: One environment

C#, VB and XAML code editorC#, VB and XAML intellisenceSwitch to Visual Studio when you want to

TFS Support: Seamless integration

Works with existing TFS solutionsIntegrated into Blend Project SystemSupport for key TFS commands:

add / edit / rename / remove / delete / add new or existing solution

check out (recursive) / check out / checkout on save / get latest version / get specific version

ResourcesGet your links here!

Silverlight Resources• Official Microsoft Site: http://www.microsoft.com/silverlight • Developer Resources

• All-Up Developer Portal: http://www.silverlight.net• Getting Started: http://www.silverlight.net/getstarted• Learn: http://www.silverlight.net/learn• Nibbles Tutorials: http://www.nibblestutorials.net • .toolbox: http://www.microsoft.com/design/toolbox/

• Events• MIX Sessions: http://sessions.visitmix.com• PDC Sessions: http://microsoftpdc.com/Sessions

• Personalities• Scott Guthrie

• Blog: http://weblogs.asp.net/scottgu/• Twitter: @scottgu

• Silverlight Team• Blog: http://team.silverlight.net/ • Twitter: @silverlight

Expression Blend Resources• Official Expression Site:

http://expression.microsoft.com/en-ca/default.aspx • Developer Resources

• Blend Portal: http://expression.microsoft.com/en-ca/cc136530.aspx

• SketchFlow Portal: http://expression.microsoft.com/en-ca/ee722034.aspx

• Learn: http://expression.microsoft.com/en-ca/cc136522.aspx • Nibbles Tutorials: http://www.nibblestutorials.net • .toolbox: http://www.microsoft.com/design/toolbox/

• Events• MIX Sessions: http://sessions.visitmix.com• PDC Sessions: http://microsoftpdc.com/Sessions

• Personalities• Arturo Toledo

• Blog: http://ux.artu.tv/ • Twitter: @arturot

• Adam Kinney• Blog: http://adamkinney.wordpress.com/ • Twitter: @adkinn