rudi grobler session code: wux201

18

Upload: hugo-benson

Post on 19-Jan-2016

223 views

Category:

Documents


4 download

TRANSCRIPT

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.