1. Presentation Model pattern with Flex and Swiz Framework Piotr Walczyszyn | Platform Evangelist

2. About me 2 Piotr Walczyszyn Platform Evangelist http://riaspace.com http://twitter.com/pwalczyszyn

3. 3 Presentation Model

4. Presentation Model 4 Presentation Model View State & Logic Provides Model data Decoupled from View Observes Model data Updates Model data Coupled with PM

5. Presentation Model: Main.mxml 5 Main.mxml MainPM currentState:String <views:MainView /> model +1 <swiz:Swiz />

6. Presentation Model: MainView.mxml 6 MainView.mxml currentState=“{model.currentState}” UsersListPM users:ArrayCollection <views:UsersListViewincludeIn=“USERS_LIST_STATE” /> AddUserPM user:User createUser():void <views:AddUserViewincludeIn=“ADD_USER_STATE” /> model +1 model +1

7. Presentation Model:UsersListView.mxml 7 UsersListView.mxml <s:ListdataProvider=“{model.users}” />

8. Presentation Model:AddUserView.mxml 8 AddUserView.mxml <s:TextInput text=“@{model.user.name}” />

9. 9 Swiz

10. Swiz Intro Framework for Flex Lightweight & flexible Doesn’t enforce any design patterns, project layout or inheritance Decoupled from your application code 10

11. Swiz Features Inversion of Control / Dependency Injection [Inject] Event handing and mediation [Dispatcher], [Mediate] Handling bean life cycle [PostConstruct], [PreDestroy] Simplifies remote service calls ServiceHelper, MockDelegateHelper Chaining API EventChain, CommandChain Custom Metadata Processors [URLMapping], [MediateSignal], [Resource], [Logger], [Bind] 11

12. Swiz Links http://swizframework.org/ http://swizframework.jira.com/wiki/display/SWIZ/Home 12

13. 13 Demo

14. Full Class Diagram 14