Rudi Grobler Session Code: WUX201.

18

Transcript of Rudi Grobler Session Code: WUX201.

Page 1: Rudi Grobler  Session Code: WUX201.
Page 2: Rudi Grobler  Session Code: WUX201.

Microsoft Expression Blend from a Developer's Point of View

Part 2Rudi Groblerhttp://dotnet.org.za/rudiSession Code: WUX201

Page 3: Rudi Grobler  Session Code: WUX201.

Agenda

Interaction DesignBehaviorsActionsTriggers

Source Code ControlDesigning with DataSketchFlowPhotoshop & Illustrator

Page 4: Rudi Grobler  Session Code: WUX201.

Interaction Design

Visual design defines how we respond to the applicationInteraction design defines how the application responds to us

Page 5: Rudi Grobler  Session Code: WUX201.

Triggers & ActionsWhen ____ happens do ___

TriggersKeyMouseGestureStateChangedTimer

ActionsActivateStateChangePropertyControlStoryboardGoToStateLuanchUriOrFileNavigateBack/Forward/ToScreenPlaySoundAction

Page 6: Rudi Grobler  Session Code: WUX201.

BehaviorsDesign pattern for reusable interactivity

FluidMoveMouseDragElementPhysics

Your imagination is the only limit

Page 7: Rudi Grobler  Session Code: WUX201.

Behaviors, Actions & TriggersDemo

Page 8: Rudi Grobler  Session Code: WUX201.

Source Code Control

Visual Studio Team Foundation Server support

Page 9: Rudi Grobler  Session Code: WUX201.

Visual Studio Team Foundation ServerDemo

Page 10: Rudi Grobler  Session Code: WUX201.

Designing with Data

Make it easy to build a data-driven applications:Sample data

Design applications without access to live data sourceCreate sample data on the flyPopulate with configurable random data

Drag and drop Master-Detail creationBetter user experience for data bindingDesign-time support for Silverlight 3 DataGrid

Page 11: Rudi Grobler  Session Code: WUX201.

SketchFlow

Fast and easy prototypingEvolve from storyboards to rich prototypesPresent and collect feedbackMake prototypes real with navigation, data, behaviorsSignificantly lower cost for design exploration

Page 12: Rudi Grobler  Session Code: WUX201.

SketchFlowDemo

Page 13: Rudi Grobler  Session Code: WUX201.

Photoshop & Illustrator

Adobe Photoshop filesLayers with positionsBitmap and vector graphicsTextMasksGradient and solid fills

Adobe Illustrator filesEquivalent to support in Expression DesignPDF compatible files

Page 14: Rudi Grobler  Session Code: WUX201.

Photoshop & IllustratorDemo

Page 15: Rudi Grobler  Session Code: WUX201.

http://dotnet.org.za/rudiquestion & answer

Page 16: Rudi Grobler  Session Code: WUX201.

Complete a session evaluation and enter to win!

10 pairs of MP3 sunglasses to be won

Page 17: Rudi Grobler  Session Code: WUX201.

Related ContentBuilding Rich Business Clients in WPF (Brian Noyes)

What’s New in Microsoft Silverlight 3 (Eben de Wit)

Developing for Windows 7 (Lynn Langit)

Optimizing Your Application for the Windows 7 User Experience (Lynn Langit)

ViewModel and Application Patterns with Silverlight (Nikhil Kothari)Creating “real” devices (Rudi Grobler)

Windows Client Development Discussion (Rudi, Lynn & Tony)Sharing Code between your Microsoft .NET Framework Applications and Microsoft Silverlight (Stephen Forte)

Page 18: Rudi Grobler  Session Code: WUX201.

© 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS,

IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.