1. Structuring Flex applications with the Swiz framework Spreker: Jamie Craane

2. Agenda Presentationpatterns Swiz Q&A

3. PresentationPatterns Autonomous view Presentation Model Code Behind Model View Presenter Model View Controller And many more…

4. Autonomous view View

5. Code Behind View MXML Code-behind Eventhandlers Data Model

6. Model View Presenter Uses contract to read/write view data View Presenter Read/write model Model

7. Presentation Model View Presentation model Model

8. Model View Controller Responds to user events View Controller Updates model Model Notifies view

10. MVC View Model Service display update update mediator update invokes invokes invokes Controller

12. [Bindable] : dispatcheseventon state changesession user personList taskList selectedPerson

14. Responds to model changes, ({} databinding)

15. Responds to user actions, (Declarativeeventhandling)

17. Invokes services

18. Updates modelView Controller call Service Invoke Model Updates

20. HttpServiceorRemoteObject (ie. BlazeDS)

21. Returns anASyncToken

23. Swiz Micro architecture and Dependency Injection framework

24. MircoArchitectureFramework “Enables, but not restricts, in the implementation of an application following any given architecture”

25. Swiz in a nutshell Dependency Injection Event Mediation Utilities ServiceHelper Global exception handler And more… MetaData processors

26. DependencyInjection 1 How can a given object obtain a reference to another object?

27. DependencyInjection 2 Object A Object B Depends on

28. DependencyInjection 3 Object A DI framework Object B Object A Object B Application Context

29. Dependencyinjection 4 [Inject] public var userController:UserController; <?xml version="1.0" encoding="utf-8"?> <swiz:BeanProvider <controller:UserController/> </swiz:BeanProvider>

30. Dependencyinjection 5 Typically inject by type Specify Bean ID if necessary Works with interfaces and inheritance

31. WhyDependencyInjection? Removes dependencies on concrete implementations No ServiceLocator Easy to see dependencies

32. EventMediation dispatcher.dispatchEvent( new TaskEvent(TaskEvent.SAVE_TASK_SUCCESS, true)); [Mediate(event="TaskEvent.SAVE_TASK_SUCCESS")] publicfunction saveTaskSuccess():void { this.closeTaskDetailsWindow(); taskController.retrieveTasks(); }

33. EventMediation [Mediate(event="UserWindow.SAVE_CLICKED", properties="user")] public function saveUser(user:User):void { userController.addUser(user); }

34. ServiceHelper serviceHelper.executeServiceCall( taskService.addTask(task), onAddTaskResult, [task] ); <swiz:SwizConfigid="mySwizConfig" eventPackages="nl.qnh.addressbook.event" viewPackages="nl.qnh.addressbook.view" defaultFaultHandler="{genericFault}"/>

35. MockDelegateHelper var result:XML = <tasks> <task> <id>1</id> <name>This is a task</name> </task> </tasks> return new MockDelegateHelper().createMockResult(result);

36. MetaData Processors Easily create your own metadata tags [Log] publicvar log:ILogger; /** Code Omitted **/ log.error(“An error occured”); [MediateView(“PersonView”)] public var personView:PersonView;

37. MetaData Processors Extend BaseMetadataProcessor Implement setUpMetadataTag and tearDownMetadataTag Add “-keep-as3-metadata+=Log” to compiler arguments

39. References http://swizframework.org/ http://martinfowler.com/eaaDev/uiArchs.html http://blogs.adobe.com/paulw/archives/2007/09/presentation_pa.html