RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... ·...

30
RIA Development with Silverlight & WPF James Chittenden UX Evangelist Public Sector

Transcript of RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... ·...

Page 1: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

RIA Developmentwith Silverlight & WPFJames ChittendenUX Evangelist Public Sector

Page 2: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

Why RIA?

Page 3: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

WPF

Page 4: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

Silverlight

Page 5: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,
Page 6: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,
Page 7: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,
Page 8: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

A line-of-business application is one of the set of criticalcomputer applications that are vital to running an enterprise

”– Wikipedia

http://en.wikipedia.org/wiki/Line_of_business

Page 9: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

Deployable&

Maintainable

Page 10: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

We don’t have a designer

Don’t have the budget

Employees don’t care what it looks like

If it ain’t broke…

Return on investment

Page 11: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

Design matters. But design is not about decoration or about ornamentation. Design is about making communication as easy and clear for the viewer as possible.

”– Garr Reynolds

http://www.presentationzen.com

Page 12: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

1

Simplicity

Page 13: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

2

Visibility

Page 14: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

3

Metaphor

Page 15: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

Natural Mappings

4

Page 16: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

5

Constraints

Page 17: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

Error Prevention

6

Page 18: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

7

Consistency

Page 19: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

WPF

Page 20: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

Silverlight

Page 21: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

DesignDevelop

Consistent Tools &

Application Model

Deploy

Browser ClientUser Experience Continuum

Microsoft .NET Application PlatformDeliver applications across the UX Continuum

Page 22: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

• Unify UI, media, graphics and documents

• Take full advantage of the graphical power of the PC

• Easy, low-impact deployment options

• Integration with Office and Windows

• Compatibility with Silverlight for web and devices

Page 23: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

XAMLElement

CompositionLooklessControls

Data BindingComposited

Visuals

Key WPF Platform Concepts

Page 24: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

XAML: Declarative Programming for Windows

• Markup

– Build applications in simple declarative statements• Code and content are separate

– Streamline collaboration between designers and developers • Easy for tools to consume and generate

<Button Width="100">OK<Button.Background>LightBlue

</Button.Background></Button>

Button b1 = new Button();b1.Content = "OK";b1.Background = new

SolidColorBrush(Colors.LightBlue);

b1.Width = 100;

Dim b1 As New Buttonb1.Content = "OK"b1.Background = New _

SolidColorBrush _(Colors.LightBlue)

b1.Width = 100

Page 25: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

Demo

Page 26: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

Microsoft Silverlight

cross-browsercross-platformcross-device

Plug-in for building and delivering the

next generation of

.NET based

media experiences&

rich interactive applications

for the Web

Page 27: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

…a powerful

development platform

for creating engaging,

interactive user

experiences for Web,

desktop, and mobile

applications when

online or offline

What is Silverlight?

… a free plug-in powered

by the .NET framework that

is compatible across

multiple browsers, devices

and operating systems to

bring a new level of

interactivity wherever the

Web works.

Silverlight helps create visually rich experiences with

backend support for rapid development through the

Microsoft Web Platform, Visual Studio and Expression

Studio

Page 29: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

Demo

Page 30: RIA Development with Silverlight & WPFdownload.microsoft.com/download/6/d/0/6d0184c0-cf96... · development platform for creating engaging, interactive user experiences for Web, desktop,

© 2010 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.