© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Flex/ActionScript 3.0 Architecture and Depende...
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Agenda
  Architectural Patterns
  MVC
  Pre...
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 3
Model View Controller
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  Model View Controller
Model View Controller...
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  Model View Controller
  Model View Control...
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 6
Presentation Model
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Presentation Model Diagrams
  Presentation Mo...
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Presentation Model Diagrams
  Presentation Mo...
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 9
Other
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Model View Presenter
  Model View Presenter (...
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Model View Presenter
  Model View Presenter (...
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Spark Architecture
12
MXML
Graphics
Layout
Ani...
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Spark Architecture
13
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 19
AS3/Flex DI Frameworks == Commodities
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
AS3/Flex microarchitecture frameworks
20
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
LOADING_USERS
Demo Application
21
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
USERS_LIST_STATE
Demo Application
22
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
ADD_USER_STATE
Demo Application
23
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Demo Application Diagram
24
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Typical microarchitecture elements
  Configur...
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 26
Frameworks Demo
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Links
  Frameworks:
  Mate - http://mate.asf...
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Upcoming SlideShare
Loading in …5
×

Flex/AS3 Architecture And Dependency Injection Frameworks Overview

4,449 views
4,321 views

Published on

This is my presentation deck from Adobe MAX 2010. It is about Flex/AS3 architectural patterns and DI frameworks.

Published in: Technology, Business
1 Comment
4 Likes
Statistics
Notes
No Downloads
Views
Total views
4,449
On SlideShare
0
From Embeds
0
Number of Embeds
1,274
Actions
Shares
0
Downloads
68
Comments
1
Likes
4
Embeds 0
No embeds

No notes for slide

Flex/AS3 Architecture And Dependency Injection Frameworks Overview

  1. 1. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Flex/ActionScript 3.0 Architecture and Dependency Injection Frameworks Overview Piotr Walczyszyn | Platform Evangelist var blog:URLRequest = new URLRequest("http://riaspace.com"); var twitter:URLRequest = new URLRequest("http://twitter.com/pwalczyszyn");
  2. 2. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Agenda   Architectural Patterns   MVC   Presentation Model   Other   DI Frameworks   Sample app overview   Mate   Parsley   Robotlegs   Spring ActionScript   Swiz 2
  3. 3. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 3 Model View Controller
  4. 4. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   Model View Controller Model View Controller Diagrams 4
  5. 5. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.   Model View Controller   Model View Controller & Command Pattern Model View Controller Diagrams 5
  6. 6. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 6 Presentation Model
  7. 7. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Presentation Model Diagrams   Presentation Model 7
  8. 8. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Presentation Model Diagrams   Presentation Model   Presentation Model with Command Pattern 8
  9. 9. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 9 Other
  10. 10. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Model View Presenter   Model View Presenter (Passive View) 10
  11. 11. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Model View Presenter   Model View Presenter (Passive View)   Model View Presenter (Supervising Controller) 11
  12. 12. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Spark Architecture 12 MXML Graphics Layout Animation Parts States Skin CSS properties ActionScript Component Behavior Logic Data Spark Component Model
  13. 13. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Spark Architecture 13
  14. 14. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 19 AS3/Flex DI Frameworks == Commodities
  15. 15. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. AS3/Flex microarchitecture frameworks 20
  16. 16. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. LOADING_USERS Demo Application 21
  17. 17. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. USERS_LIST_STATE Demo Application 22
  18. 18. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. ADD_USER_STATE Demo Application 23
  19. 19. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Demo Application Diagram 24
  20. 20. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Typical microarchitecture elements   Configuration   DI implementation   Event/Messaging bus   Command pattern API   Helper classes 25
  21. 21. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 26 Frameworks Demo
  22. 22. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Links   Frameworks:   Mate - http://mate.asfusion.com/   Parsley - http://www.spicefactory.org/parsley/   Robotlegs - http://www.robotlegs.org/   Spring ActionScript - http://www.springactionscript.org/   Swiz - http://swizframework.org/   UsersAdmin projects: http://github.com/pwalczyszyn/MAX-2010-Projects 27
  23. 23. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

×