silverlight 4 and expression blend

34
Silverlight 4 and Expression Blend Paul Laberge Web Platform Advisor, Microsoft Canada [email protected] http://blogs.msdn.com/seesharp @ plaberge

Upload: bruce-johnson

Post on 13-May-2015

1.924 views

Category:

Documents


2 download

DESCRIPTION

The slide deck presented by Paul Leberge at the Visual Studio 2010 At the Movies event

TRANSCRIPT

Page 1: Silverlight 4 and Expression Blend

Silverlight 4 and Expression BlendPaul LabergeWeb Platform Advisor, Microsoft [email protected]://blogs.msdn.com/seesharp @plaberge

Page 2: Silverlight 4 and Expression Blend

Silverlight 4

• New Features

Expression Blend

• Workflow

• Prototyping

Agenda

Page 3: Silverlight 4 and Expression Blend

Silverlight 4So, what’s new, eh?

Page 4: Silverlight 4 and Expression Blend

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)

Page 5: Silverlight 4 and Expression Blend

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

Page 6: Silverlight 4 and Expression Blend

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

Page 7: Silverlight 4 and Expression Blend

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

Page 8: Silverlight 4 and Expression Blend

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

Page 9: Silverlight 4 and Expression Blend

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

Page 10: Silverlight 4 and Expression Blend

Expression Blend and Visual Studio 2010Building great Silverlight apps

Page 11: Silverlight 4 and Expression Blend

Why? Seriously, why?

Page 12: Silverlight 4 and Expression Blend

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

Page 13: Silverlight 4 and Expression Blend

the vision

Page 14: Silverlight 4 and Expression Blend
Page 15: Silverlight 4 and Expression Blend
Page 16: Silverlight 4 and Expression Blend
Page 17: Silverlight 4 and Expression Blend
Page 18: Silverlight 4 and Expression Blend
Page 19: Silverlight 4 and Expression Blend
Page 20: Silverlight 4 and Expression Blend

The issue here is workflow.

Designers

Developers

and

Don’t talk the same language!

Page 21: Silverlight 4 and Expression Blend

designers & developers: Speak different languages

Designer/developer experience

designers design developers add business logic

designer developer

Page 22: Silverlight 4 and Expression Blend

designers & developers: Speak the same language

Designer/developer experience

designers design

designers & developers: Speak different languages

developers add business logic

designer developer

Page 23: Silverlight 4 and Expression Blend

demoWorkflow – designers and developers speaking the same language

Page 24: Silverlight 4 and Expression Blend

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

Page 25: Silverlight 4 and Expression Blend

demoBuilding a SketchFlow Prototype application

Page 26: Silverlight 4 and Expression Blend

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

Page 27: Silverlight 4 and Expression Blend

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

Page 28: Silverlight 4 and Expression Blend

demoUsing Sample Data in Blend 4

Page 29: Silverlight 4 and Expression Blend

Adobe Photoshop : Full fidelity import

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

Page 30: Silverlight 4 and Expression Blend

Code Editor: One environment

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

Page 31: Silverlight 4 and Expression Blend

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

Page 32: Silverlight 4 and Expression Blend

ResourcesGet your links here!

Page 33: Silverlight 4 and Expression Blend

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

Page 34: Silverlight 4 and Expression Blend

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