Creating UX Applications that Target both Silverlight and WPF

67 %
33 %
Information about Creating UX Applications that Target both Silverlight and WPF

Published on February 19, 2009

Author: christhi

Source: slideshare.net

Description

Creating UX Applications that Target both Silverlight and WPF

Christian Thilmany Blog: www.flyover18.com UX Architect Microsoft Corporation

Christian Thilmany

Blog: www.flyover18.com

UX Architect

Microsoft Corporation

Session Objectives And Takeaways Session Objective(s): Able to determine RIA composite application scenarios and recommend solutions for the scenarios using Prism for Silverlight and WPF. Prism – V2 out now Provides written and code-example guidance for composite solution space Supports targeting both Silverlight & WPF composite applications

Session Objective(s):

Able to determine RIA composite application scenarios and recommend solutions for the scenarios using Prism for Silverlight and WPF.

Prism – V2 out now

Provides written and code-example guidance for composite solution space

Supports targeting both Silverlight & WPF composite applications

 

 

 

 

 

Prism-What’s in the box Prism – Composite Client Application Guidance for WPF and Silverlight Library Reference Implementation Documentation Quick-Starts & How-To’s Community – CodePlex Prism 1.0 – WPF Released July 2008 Prism 2.0 – Silverlight Just Released Feb 2009!

Prism – Composite Client Application Guidance for WPF and Silverlight

Library

Reference Implementation

Documentation

Quick-Starts & How-To’s

Community – CodePlex

Prism 1.0 – WPF

Released July 2008

Prism 2.0 – Silverlight

Just Released Feb 2009!

 

Rough Cut Editor Microsoft Confidential

New In Prism 2.0!

Modules Unit Of Application Assembly Collection of Related Components Feature, Services, Views, Data Access Mandatory or Optional or Role Specific Example: Banking app: Checking Module, Credit Card Module, Trading Module, News Module Unit Of Development Independent Development/Testing Unit Of Deployment Up-Front, Background or On-Demand

Unit Of Application Assembly

Collection of Related Components

Feature, Services, Views, Data Access

Mandatory or Optional or Role Specific

Example: Banking app: Checking Module, Credit Card Module, Trading Module, News Module

Unit Of Development

Independent Development/Testing

Unit Of Deployment

Up-Front, Background or On-Demand

Modules Module Discovery Pluggable Catalogs Module Loading Background or On-Demand Module Loader Extended In Prism 2.0!

Module Discovery

Pluggable Catalogs

Module Loading

Background or On-Demand

Modules & Catalogs

UI Composition Shell – Application Host Window Regions – Named Areas For View Placement Views – Encapsulate UI & Presentation Logic Region Region Region // View Injection IPositionPresentationModel presentationModel = …; IRegion mainRegion = regionManager.Regions[ &quot;MainRegion&quot; ]; mainRegion.Add( presentationModel.View ); < TabControl RegionManager.RegionName = &quot;MainRegion&quot;> < ItemsControl RegionManager.RegionName = “ResearchRegion” /> < ContentControl RegionManager.RegionName = “ActionRegion” />

Shell – Application Host Window

Regions – Named Areas For View Placement

Views – Encapsulate UI & Presentation Logic

UI Composition View Discovery Composition: Less Complex Black Box ‘App Assembly’ Composition Select Views & Pull into Region Region Region Region New In Prism 2.0! < TabControl RegionManager.RegionName = &quot;MainRegion&quot;> regionManager. RegisterViewWithRegion( &quot;MainRegion&quot;, typeof ( MainView ) );

View Discovery Composition:

Less Complex

Black Box ‘App Assembly’ Composition

Select Views & Pull into Region

Commands and Events Delegate & Composite Commands Simplified Command Handling Event Aggregator Loosely Coupled Pub/Sub Events Module B Customer Presenter Module A Order Presenter Event Aggregator Subscribe Publish Event

Delegate & Composite Commands

Simplified Command Handling

Event Aggregator

Loosely Coupled Pub/Sub Events

Prism Silverlight Logical Architecture HOST APPLICATION LOADING SERVICES CORE SERVICES MODULE PREFFERED SERVICES Modules MODULES Presenter View Model ModuleCatalog Module Loader EventAggregator Logging RegionManager Unity Module Initializer Model

Multi-Targeting User Experiences Desktop – In the Office, Full Functionality, Offline RIA – Out of the Office, Functional Subset, Online WPF Application Silverlight (RIA) Application BROWSER DESKTOP CLR - Silverlight CLR Desktop BCL BCL

User Experiences

Desktop – In the Office, Full Functionality, Offline

RIA – Out of the Office, Functional Subset, Online

Multi-Targeting: Strategies Start with LCD Use Links and Parallel Project Structures Separated Presentation Strategies Keep single source If not, apply the sieve #IF SILVERLIGHT Partial Classes Partial Methods Separate Classes Rewrite the Code

Start with LCD

Use Links and Parallel Project Structures

Separated Presentation Strategies

Keep single source

If not, apply the sieve

Multi-Targeting WPF CLR - Silverlight CLR Desktop BCL BCL BROWSER DESKTOP Controllers Models Presenters Views Models Controllers Presenters Views

Stock Trader RI

Where Can You Find It? www.microsoft.com/compositewpf www.codeplex.com/compositewpf http://www.flyover18.com

www.microsoft.com/compositewpf

www.codeplex.com/compositewpf

http://www.flyover18.com

Summary Prism Library of Patterns for Composite Client Applications Targets WPF Desktop and Silverlight RIA Applications View Discovery Composition, Separated Presentation Patterns, Module Catalog Multi-Targeting to reuse code between Silverlight and WPF Download from CodePlex and send us feedback

Prism

Library of Patterns for Composite Client Applications

Targets WPF Desktop and Silverlight RIA Applications

View Discovery Composition, Separated Presentation Patterns, Module Catalog

Multi-Targeting to reuse code between Silverlight and WPF

Download from CodePlex and send us feedback

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

Add a comment

Related presentations

Related pages

Contrasting Silverlight and WPF - msdn.microsoft.com

Silverlight and Windows Presentation Foundation (WPF) both allow you to develop rich user experience applications based on XAML and the .NET Framework ...
Read more

Sharing Code Between Silverlight and WPF - msdn.microsoft.com

When writing applications for WPF and Silverlight that have similar ... by both Silverlight and WPF. ... to the WPF or Silverlight target ...
Read more

Silverlight & Wpf | LinkedIn

Senior WPF / Silverlight Developer at Venteq Inc, Solution Delivery Analyst at Yashco Systems, Solution Delivery Analyst at Wipro... Expression Blend WPF ...
Read more

WPF & Silverlight UI - Technology - documents.mx

WPF & Silverlight 2.0 UI with XAML ... Building Silverlight & Wpf Applications With Prism. ... Creating UX Applications that Target both Silverlight and WPF.
Read more

WPF - Scott Logic Blog

Creating a Telemetry ... platform WPF/Silverlight applications ... dialog windows in applications that target both the Silverlight and WPF ...
Read more

Modal dialogs in cross-platform WPF/Silverlight applications

This blog post looks at the problem of showing modal dialog windows in applications that target both the Silverlight and WPF platforms. A solution is ...
Read more

02 wp7 building silverlight applications - Education

Creating UX Applications that Target both ... Applications Using ASP.NET and Silverlight. Building testable Silverlight and WPF applications wih ...
Read more

Intersoft Solutions - ClientUI® - The world's premium user ...

Build your Business Applications in Silverlight & WPF ... identical WPF applications ... API for both Silverlight and WPF development ...
Read more