Prism Tech Ed India
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Prism Tech Ed India

on

  • 1,232 views

 

Statistics

Views

Total Views
1,232
Views on SlideShare
1,232
Embed Views
0

Actions

Likes
0
Downloads
19
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • First we’re going to talk about Prism – what it is, what it’s for, what does it do…Define what we mean by a composite client application, and what challenges they pose.Then we’ll talk about what’s in the Prism box, and where we are in the development cycle for Prism. If you’ve been following the evolution of Prism, you’ll know we’re in the middle of developing Prism 2.0. We’ll talk about that and where we are.Next we’re going to talk about some of the patterns that Prism supports.Patterns for modularity – how to break an app into modules and how to find and load those modules.Patterns for UI composition – how to compose you’re applications UI from pieces that are contained in the modules.Separated presentation patterns – patterns to help you separate out the nasty UI stuff from good old fashioned unit-testable code.Lastly, we’ll talk about multi-targeting – how to build apps that can provide a desktop experience and an in-browser RIA experience.Going to see some code and demos…
  • http://www.sxc.hu/photo/833284http://www.sxc.hu/photo/338544The Challenge:Client tier lots of componentsWorkflow- ui flow service agent requirements can also change a lotMost apps start having a clear structure, seem to be logically laid out Lot’s of people start with: User controls could be dragged and droppedWired together with eventsFalls apart very quickly Large number of developers, making it even less clear, and you end up with a big pile And you end up feeling like thisNeeds to make reusable & support lots of developers / teamsClient Apps: Complex, Lots of Moving Pieces, User ExperienceMultiple Developers, Multiple TeamsHow To Make App Dynamic, Customizable, Extensible, Testable?
  • The SolutionBreak into pieces so you can manage pieces, evolve independently, release independentlyManage dependencies between piecesReassemble in a way that appears seamlessWhat patterns can use to address these challenges
  • Most client apps are actually fairly complex. Client app design poses a number of unique challenges.One of which is how to present a huge amount of data, business processes and domain knowledge to a user, who might not care about computers (if you can imagine such a thing) so that they can make sense of it, stay out of trouble, and maybe even have an enjoyable experience!! You might have the best service oriented, scalable flexible back-end in existence, but if your users can’t make head nor tail of it, if the user experience isn’t right, you’re pretty much sunk. The client app is where the rubber meets the road.Client apps can be also complex with lots of moving parts (like data access & storage, services, business objects, processes, workflows, functions, as well as the UI itself). How can you manage that complexity and keep quality and reliability high?You’ll likely have more than 1 developer, maybe even have a large team, or even multiple teams, to build it all. How can you distribute the work over your development team and allow them to work as independently as possible while still maintaining productivity and quality?And the requirements might change dramatically while your building it as you get feedback from those fickle users. How easy is it to adapt to new requirements, add new features, change existing features, extend the application to service new users? Can your users, or an admin, configure or customize the application instead of building and rolling out a new version.So there are a number of challenges, and so there is the need to build client applications that are dynamic, customizable and extensible, where you can re-use lots of code and components, leverage TDD, and split the work over multiple developers or teams in a manageable way.Composite applications are what they call applications that are split into separate, composable parts. The approach is to split the application into pieces and have individual developers or teams build those pieces, carefully manage the dependencies between those pieces (to make them as loosely coupled as possible), and then re-assemble the pieces back into a coherent app. Sounds easy right?Splitting things up introduces new, specific challenges but there of course patterns that help meet those challenges.The trick is to split the application up in the right way, to manage the dependencies between the pieces in the right way, and to put them all back together in the right way.Prism provides patterns for decomposition and for recomposition of client applications.
  • Like all of our guidance deliverable from P&P, you get a few things out of the box.Library = Implementation of the PatternsPrism = “Composite Client Application Guidance for WPF and Silverlight”Guidance For Modular, Composite WPF ApplicationsIndependent TeamsComplexity Management, Loose CouplingRe-Use & Agility & TDDPatternsInversion of ControlSeparated Presentation – Model-View-PresenterHow many of you are familiar with the Composite UI Application Block that we released a few years ago?
  • Reference implementation provides an example of how the patterns in the guidance can be used in combination.Enterprise style app: Data-oriented Rich interactions with different visual experiences Complex screens Separately evolvingBut, not a complete application – “based on a true story” – stubs out most of the real non-UI services and data.Not a real app – based on a true story.Shows how the various patterns can work together to make an end-to-end application.Not a Franken-App – can’t see the seems.
  • If you would like to host your demo on the Virtual Server, please use the myVPC demo slide, not this slide.
  • Prism is a library of patterns with reference implementations. You can use one or all of these in combination.This slide shows the main patterns and concepts that are included in Prism 1.0Bootstrapper – Your app’s point of contact with Prism. A simple class that connects your app to the Prism container and the other services that Prism provides. Modules – Key units of functionality within the application. Services & Container – Prism uses Dependency Injection (Inversion of Control) pattern to support loose coupling of the modules and services and views within the application. Regions & Views – Support composition support at the UI level. Views represent the UI of the various pieces within the application, Regions provide support for putting views in the right places within the overall UI. Events & Commands – Support communication between loosely coupled parts of the application.
  • Will discusss catalog:Describe the modules and module attributesVisual structure may not follow module structureCatalog provides meta data for applicationFixed list of modules in codeConfig fileWeb services that provides a list of users and role and decide which modules to provideDirectory and load the modules and go
  • If you would like to host your demo on the Virtual Server, please use the myVPC demo slide, not this slide.
  • Some benefits of this approach:Simpler.Regions can choose or select which view to pull in and when – can create views on demand.In some sense provides a looser coupling between modules and shell.Might make AutoPopulate default to true so you might not even need to set it.Might have something more flexible than names for connecting views to regions.
  • If you would like to host your demo on the Virtual Server, please use the myVPC demo slide, not this slide.
  • Demo Stock Trader Reference ImplementationShow the ability to buy & sell stockMultiple buttons that could buy a stock Buttons: View level & Composite ViewMultiple buttons that invoke 1 commandSave All button uses attach property to the SaveAll Composite CommandComposite Comand Hold delegates to each order objectEA uses the publish subscribe patternScenarioEvent Aggregator  Customer model updates order total once an order is placed needs to a loosely coupled event when the order is placed Customer module subscribes to a names event Order model published an event when the order is placed Customer module listens to event and then updates the order total on the customer view
  • Good piece of advice I was given once was never to talk about Religion, Politics, or Separated Presentation Patterns with people you like…M-V-VM really just Presentation Model. Essential thing is that the view is just bound to the ViewModel or PresentationModel. It’s an observer.Trick is to model the presentation state, not the UI stateMake the presentation model bindable & easily consumable by a designer.Make it friendly to a developer – easily unit-tested.Designers don’t like to write code, but they can bind UI to a ViewModel.Got to leave the designer with artistic freedom – they are a sensitve bunch and we really need them so we don’t want to upset them.
  • Talk about key scenarios – Full RIA, not enriched web scenario.
  • Strategies:We looked at a number of approaches hereModify the build systemProjects for ‘shared’ code projected to Silverlight and WPF projectsFinally settled on linked projectsSupported natively in VSEasy to understandPractices:Start with least common denominator (Silverlight)Use links & setup your projects with parallel structuresWhere code needs to be different,Apply the SieveRewrite the code -> keeps you in single sourceDrawbacks: not taking advantage of platformExample: Use #if statements if you have simple or single line constructsDrawbacks: less readable, debugging more challengingExample: Around dispatcherUse partial classes when most of the class is similar, but some methods have platform specific implementationsKeep platform specific methods private -> keeps your unit tests from having to have platform specific testsClasses have Single clear responsibilityExample: Retrieving images from a web service vs. the file system.Use partial methods only if you need to call an extra method on one platform but not the otherExample:Build platform specific classes with a single responsibilityExample: A data gateway with a well-defined interface, but different implementations for WPF and Silverlight.Keep namespaces and assembly names the sameSeparated Presentation StrategiesA bunch of code around the presentation logic, models, service interaction is likely to compile straight across.Simple XAML can be shared, but more complicated XAML becomes tougher.No Triggers, more limited data binding, commands and templating, different validation models.Share what you canConsider using VSM -> not in guidance as its only preview, but this is where you need to go.Rely on exceptions for validation to support bothPrism provides some attached behavior commands to help with command bindingWorst case code is will need to create Silverlight and WPF skins but the logic is reusable patterns allow you reuse your logic
  • If you would like to host your demo on the Virtual Server, please use the myVPC demo slide, not this slide.

Prism Tech Ed India Presentation Transcript

  • 1. Blaine Wastell Program Manager Microsoft Session Code:
  • 2. Agenda What Is Prism and What Does It Do? Client Application Challenges What’s In The Box? Modularity Patterns UI Composition Patterns Separated Presentation Patterns Commanding & Eventing Patterns Multi-Targeting  Sharing Code Between WPF And Silverlight
  • 3. The Challenge
  • 4. The Solution
  • 5. Composite Client Applications The Problem: Client Applications are Challenging! Beyond the Bling – How To Make The Application Dynamic, Customizable, Extensible, Testable? The Solution: Break App Into Pieces Manage Dependencies Between Pieces Re-assemble App From Pieces Prism – Patterns For Composite Client Apps
  • 6. 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 – WPF & Silverlight Released Feb 2009
  • 7. Reference Implementation
  • 8. The StockTrader Reference Implementation
  • 9. Prism Core Concepts
  • 10. Modules Unit Of Application Assembly Collection of Related Components Feature, Services, Views, Data Access Slice & Dice: Mandatory, Optional, Role Specific Unit Of Development Independent Development Independent Testing Unit Of Deployment Up-Front, Background or On-Demand
  • 11. Modules Module Discovery Pluggable Catalogs Module Loading Background or On-Demand Module Loader
  • 12. Modules and Catalogs
  • 13. UI Composition Shell – Application Host Window Regions – Named Areas For View Placement = …; IPositionPresentationModel presentationModel Views – Module UI IRegion mainRegion = & regionManager.Regions[ Logic ]; Presentation quot;MainRegionquot; View Injection Visual Composition mainRegion.Add( presentationModel.View ); <ItemsControl RegionManager.RegionName= quot;MainRegionquot;> Region <ContentControl RegionManager.RegionName= “DetailsRegion” /> Region Region
  • 14. UI Composition View Discovery Visual Composition: Less Complex Black Box ‘App Assembly’ Composition regionManager.RegisterViewWithRegion( Select Views & Pull into Region <ItemsControl RegionManager.RegionName= quot;MainRegionquot;, typeof( MainView ) ); quot;MainRegion”/> Region <ContentControl RegionManager.RegionName= quot;DetailsRegion”/> Region Region
  • 15. UI Composition
  • 16. Commands and Events Delegate & Composite Commands Simplified Command Handling Event Aggregator Loosely Coupled Pub/Sub Events Event Aggregator Module A Module B Order Customer Presenter Presenter
  • 17. Separated Presentation Prism 1.0 Supervising Presenter Presentation Model View Presenter Prism 2.0 More Concrete Guidance on Using These Patterns… Model “Model-View-ViewModel” How To Be Designer Friendly Modeling Presentation State (Not UI State) Presentation Ultra Thin Views – Data Templates Model View Model
  • 18. Multi-Targeting User Experiences Desktop – In the Office, Full Functionality, Offline Capable RIA – Out of the Office, Functional Subset, Online How to Share Code & Components? BROWSER DESKTOP Views Views SILVERLIGHT Presenters Presenters WPF Controllers Controllers Models Models BCL BCL CLR - Silverlight CLR Desktop
  • 19. Multi-Targeting: Strategies Start With LCD – Silverlight Separated Presentation Strategies Single Source, Cross Compiled Links and Parallel Project Structures If Not: #IF SILVERLIGHT Partial Classes Partial Methods Separate Classes/Services
  • 20. Multi-Targeting
  • 21. Summary Prism 1.0 Library of Patterns for Enterprise Client Apps Targets WPF on the Desktop Prism 2.0 Extends Prism to Silverlight RIA Applications Extended Patterns for UI Composition, Separated Presentation, Modularity Multi-Targeting – Extend user experience & re-use code and components Download from MSDN & CodePlex Send us feedback & ideas for Prism 3.0!
  • 22. Where Can You Find Prism www.microsoft.com/prism www.codeplex.com/prism http://blogs.msdn.com/blaine
  • 23. © 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.