Flex                                         构




    zma@adobe.com
    Platform Technology Evangelist
    Blog: www.7yue...
/
                                         1960s & 1970s   1980s & 1990s




2008 Adobe Systems Incorporated. All Rights R...
Web/App
                                                               /         Middleware
                              ...
Web Services &
                                                              RIA        App Connectors




               ...
Flash Platform & Flex




2008 Adobe Systems Incorporated. All Rights Reserved.
Adobe Flash




                                                                                   Adobe            Adobe ...
RIA Adobe

       Design &
                                               Applications                Third-party         ...
Flex UI + SOA = SOC


         Front End                                      Client Tier

                               ...
Flex                                构划




2008 Adobe Systems Incorporated. All Rights Reserved.
Adobe Flex


                                                        Adobe®
                                              ...
Flex 3 Open Source

 Flex 3开
  SDK                                             MPL          framework, compiler, debugge...
Flex                          - MXML




                 <mx:Application>
                   <mx:WebService id=“ws” wsdl=...
MXML –




                 <mx:Application>
                   <mx:WebService id=“ws” wsdl=“catalog.wsdl”/>
             ...
MXML –




                 <mx:Application>
                   <mx:WebService id=“ws” wsdl=“catalog.wsdl”/>
             ...
MXML –




                 <mx:Application>
                   <mx:WebService id=“ws” wsdl=“catalog.wsdl”/>
             ...
MXML –




                 <mx:Application>
                   <mx:WebService id=“ws” wsdl=“catalog.wsdl”/>
             ...
MXML –




                 <mx:Application>
                   <mx:WebService id=“ws” wsdl=“catalog.wsdl”/>
             ...
Flex                         -                 AVM2     Flash Player




2008 Adobe Systems Incorporated. All Rights Reser...
Flash Player                                                  2


  Retained
                                           ...
Flash Player                                                         2

  Immediate
           
           
          ...
Flash Player  




2008 Adobe Systems Incorporated. All Rights Reserved.
  AS3 Execution Model
           
           
 
                    UI
           
                    Video       ...
Flex                         –




2008 Adobe Systems Incorporated. All Rights Reserved.
Flex                          – MXML




2008 Adobe Systems Incorporated. All Rights Reserved.
Flex

 
           Application  +
       Label构 HelloWorld
  Binary Size




                   FlashCS4 Binary Size:
...
Flex frameworks

                                                        
                                             ...
Flex



     Flex SDK
            MXML                    ActionScript                            Flash Player

          ...
Flex




2008 Adobe Systems Incorporated. All Rights Reserved.
Flex                            - SAP example




2008 Adobe Systems Incorporated. All Rights Reserved.
种                                       Flex


                                                                           ...
- Flash Catalyst




2008 Adobe Systems Incorporated. All Rights Reserved.
UI




2008 Adobe Systems Incorporated. All Rights Reserved.
Demo




2008 Adobe Systems Incorporated. All Rights Reserved.
Flex                                          – BlazeDS        构
                                                         ...
BlazeDS




2008 Adobe Systems Incorporated. All Rights Reserved.
BlazeDS




2008 Adobe Systems Incorporated. All Rights Reserved.
Flex with Java via XML (RESTful / SOAP)

                                                                App Server




  ...
Flex with Java via Flash Remoting

                                                                     J2EE Server
      ...
Flex with Java via BlazeDS Messaging

                                                                            J2EE Ser...
RIA




                                           Census Project:
                                           http://www.j...
BlazeDS                                  –             AMF3




                                                          ...
Flex


                                                           Flex
            Cairngorm (Adobe Open Source) - MVC f...
Flex                                            - Cairngorm

  http://opensource.adobe.com/wiki/                         ...
Flex                                            - PureMVC

  http://puremvc.org/                                         ...
Flex                                            - Mate

  http://mate.asfusion.com/                                      ...
Flex                                            - Swiz


  http://code.google.com/p/                                     ...
Flex                                            – Spring ActionScript

  http://www.pranaframework.org/                  ...
Where to go next?


  www.adobe.com/devnet
  www. ex.org
  www.adobe.com/opensource
  www.insideRIA.com
  www.actions...
2008 Adobe Systems Incorporated. All Rights Reserved.
Upcoming SlideShare
Loading in...5
×

Adobe Flex体系架构深度剖析

1,841

Published on

Published in: Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,841
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
51
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Adobe Flex体系架构深度剖析

  1. 1. Flex 构 zma@adobe.com Platform Technology Evangelist Blog: www.7yue.com 2006 Adobe Systems Incorporated. All Rights Reserved.
  2. 2. / 1960s & 1970s 1980s & 1990s 2008 Adobe Systems Incorporated. All Rights Reserved.
  3. 3. Web/App / Middleware 1960s & 1970s 1980s & 1990s 1990s & 2000s 2008 Adobe Systems Incorporated. All Rights Reserved.
  4. 4. Web Services & RIA App Connectors Web Web/App SOA / 1960s & 1970s 1980s & 1990s 1990s & 2000s 2000s & Future 2008 Adobe Systems Incorporated. All Rights Reserved.
  5. 5. Flash Platform & Flex 2008 Adobe Systems Incorporated. All Rights Reserved.
  6. 6. Adobe Flash Adobe Adobe Flash Flash® Player Media Server family Adobe Flash Adobe Flash Adobe Flex CS4 Professional Catalyst Builder Adobe Flex® Data Services Adobe AIR™ 2008 Adobe Systems Incorporated. All Rights Reserved.
  7. 7. RIA Adobe Design & Applications Third-party Adobe Development Tools Client Frameworks Flex Framework Third-party Application Creative Tier Suite Browsers Flash Reader Devices Flash Reader Player Lite LE AIR Flash PDF HTML Flex Builder HTTP/S, Sockets, AMF, RTMP, LiveCycle SOAP, WS*, REST, … Designer Remote Domains Local Domain Eclipse Adobe Other Application Servers Flash Flash Web Web Services Services Media Cast Service LiveCycle ColdFusion Server Tier Flickr.com HTTP Other eBay API Service Services Notepad Yahoo! API Google API ECM Message Other Printing & Resource Tier EIS Databases Directories Repository Queues Systems Scanning 2008 Adobe Systems Incorporated. All Rights Reserved.
  8. 8. Flex UI + SOA = SOC Front End Client Tier SOC •  , Applets, •  •  SOA •  •  / •  •  ASP, JSP, Servlets, Services Oriented Client UI •  •  •  •  Back End •  •  •  SOA / ESA •  •  •  2008 Adobe Systems Incorporated. All Rights Reserved.
  9. 9. Flex 构划 2008 Adobe Systems Incorporated. All Rights Reserved.
  10. 10. Adobe Flex Adobe® Flex™ 3 SDK Open source Flex SDK MXML and ActionScript 3.0 Command-line 2008 Adobe Systems Incorporated. All Rights Reserved.
  11. 11. Flex 3 Open Source  Flex 3开   SDK MPL framework, compiler, debugger   bug JIRA   opensource.adobe.com/ ex     Free Adobe Flex SDK   Open Flex SDK   Flex UI Component   AIR SDK   Open Flex SDK   Compiler+Frameworks   Flex SDK add-ons for Open Flex SDK   UI Component   AIR SDK 2008 Adobe Systems Incorporated. All Rights Reserved.
  12. 12. Flex - MXML <mx:Application> <mx:WebService id=“ws” wsdl=“catalog.wsdl”/> <mx:Button label=“Get Data” click=“ws.getProducts()”/> <mx:DataGrid dataProvider=“{ws.getProducts.result}”/> <mx:LineChart dataProvider=“{ws.getProducts.result}”/> </mx:Application> 2008 Adobe Systems Incorporated. All Rights Reserved.
  13. 13. MXML – <mx:Application> <mx:WebService id=“ws” wsdl=“catalog.wsdl”/> <mx:Button label=“Get Data” click=“ws.getProducts()”/> <mx:DataGrid dataProvider=“{ws.getProducts.result}”/> <mx:LineChart dataProvider=“{ws.getProducts.result}”/> </mx:Application> 2008 Adobe Systems Incorporated. All Rights Reserved.
  14. 14. MXML – <mx:Application> <mx:WebService id=“ws” wsdl=“catalog.wsdl”/> <mx:Button label=“Get Data” click=“ws.getProducts()”/> <mx:DataGrid dataProvider=“{ws.getProducts.result}”/> <mx:LineChart dataProvider=“{ws.getProducts.result}”/> </mx:Application> 2008 Adobe Systems Incorporated. All Rights Reserved.
  15. 15. MXML – <mx:Application> <mx:WebService id=“ws” wsdl=“catalog.wsdl”/> <mx:Button label=“Get Data” click=“ws.getProducts()”/> <mx:DataGrid dataProvider=“{ws.getProducts.result}”/> <mx:LineChart dataProvider=“{ws.getProducts.result}”/> </mx:Application> 2008 Adobe Systems Incorporated. All Rights Reserved.
  16. 16. MXML – <mx:Application> <mx:WebService id=“ws” wsdl=“catalog.wsdl”/> <mx:Button label=“Get Data” click=“ws.getProducts()”/> <mx:DataGrid dataProvider=“{ws.getProducts.result}”/> <mx:LineChart dataProvider=“{ws.getProducts.result}”/> </mx:Application> 2008 Adobe Systems Incorporated. All Rights Reserved.
  17. 17. MXML – <mx:Application> <mx:WebService id=“ws” wsdl=“catalog.wsdl”/> <mx:Button label=“Get Data” click=“ws.getProducts()”/> <mx:DataGrid dataProvider=“{ws.getProducts.result}”/> <mx:LineChart dataProvider=“{ws.getProducts.result}”/> </mx:Application> 2008 Adobe Systems Incorporated. All Rights Reserved.
  18. 18. Flex - AVM2 Flash Player 2008 Adobe Systems Incorporated. All Rights Reserved.
  19. 19. Flash Player 2   Retained   AS3 Retained Mode   Adobe   GPU Cell   video,audio   Surfaces   BitmapData,Filters,cacheAsBitmap   Bitmap       2008 Adobe Systems Incorporated. All Rights Reserved.
  20. 20. Flash Player 2   Immediate               Pixel Bender Immediate   GPU Immediate   Immediate   Bitmap lls Retained   AS3 Retained   Binary Retained 2008 Adobe Systems Incorporated. All Rights Reserved.
  21. 21. Flash Player   2008 Adobe Systems Incorporated. All Rights Reserved.
  22. 22.   AS3 Execution Model         UI     Video HD Vide   AS3     Flash Player 10 AS3 Runtime Execution   Socket     Pixel Bender Shaders AVM   Green Thread Thread Library   http://www.libspark.org/htdocs/as3/thread- les/document/     FP11 12 2008 Adobe Systems Incorporated. All Rights Reserved.
  23. 23. Flex – 2008 Adobe Systems Incorporated. All Rights Reserved.
  24. 24. Flex – MXML 2008 Adobe Systems Incorporated. All Rights Reserved.
  25. 25. Flex     Application + Label构 HelloWorld   Binary Size   FlashCS4 Binary Size:   116KB   AS3+Compiler:   8KB 2008 Adobe Systems Incorporated. All Rights Reserved.
  26. 26. Flex frameworks             Binary Code Size (     Flash             UI Forms UI interaction               2008 Adobe Systems Incorporated. All Rights Reserved.
  27. 27. Flex Flex SDK MXML ActionScript Flash Player Flex Debuggers SOAP HTTP/S AMF/S RTMP/S Flex Builder IDE Web XML/HTTP LC Data Services REST SOAP Web Services J2EE Application Server 2008 Adobe Systems Incorporated. All Rights Reserved.
  28. 28. Flex 2008 Adobe Systems Incorporated. All Rights Reserved.
  29. 29. Flex - SAP example 2008 Adobe Systems Incorporated. All Rights Reserved.
  30. 30. 种 Flex 4) design tweaks esign itial d 2) in Developer ttes +v igne m ps 1) co Design Production (Flash Catalyst) Visual Designer 3) development 2008 Adobe Systems Incorporated. All Rights Reserved.
  31. 31. - Flash Catalyst 2008 Adobe Systems Incorporated. All Rights Reserved.
  32. 32. UI 2008 Adobe Systems Incorporated. All Rights Reserved.
  33. 33. Demo 2008 Adobe Systems Incorporated. All Rights Reserved.
  34. 34. Flex – BlazeDS 构 LiveCycle Data Services ES BlazeDS BlazeDS Adobe LGPL v3 Data Management Service Adapters HTTP Data Synchronization LiveCycle Flash/Flex Remtoing Off-line Applications Data Paging SQL RPC Services •  Web Service Hibernate •  Flex UI HTTP Service ColdFusion Remote Object Service •  JMS Messaging •  HTTP Publish & Subscribe Java •  / Collaboration Custom… •  Action Message Format (AMF3) 2 Real Time Data Push Proxy Service Web-tier Compiler Portal Deployment RIA-PDF Generation 2008 Adobe Systems Incorporated. All Rights Reserved.
  35. 35. BlazeDS 2008 Adobe Systems Incorporated. All Rights Reserved.
  36. 36. BlazeDS 2008 Adobe Systems Incorporated. All Rights Reserved.
  37. 37. Flex with Java via XML (RESTful / SOAP) App Server Web Service XML (RESTful / SOAP) 2007 Adobe Systems Incorporated. All Rights Reserved.
  38. 38. Flex with Java via Flash Remoting J2EE Server BlazeDS POJO Endpoint Spring Bean AMF EJB Other 2007 Adobe Systems Incorporated. All Rights Reserved.
  39. 39. Flex with Java via BlazeDS Messaging J2EE Server BlazeDS Messaging Adapter X System X Message JMS Endpoint JMS Adapter Service Provider Messaging Adapter Y System Y RTMP AMF HTTP Publisher Subscriber 2007 Adobe Systems Incorporated. All Rights Reserved.
  40. 40. RIA Census Project: http://www.jamesward.com/census/ http:// exapps.cvs.sourceforge.net/ exapps/census/ 2008 Adobe Systems Incorporated. All Rights Reserved.
  41. 41. BlazeDS – AMF3 5000 Flex AMF3 No.1 1.6s  Ajax HTML>Ajax XML>Laszlo XML>Flex XML AS>Flex XML E4X>Ajax JSON>Dojo>Ajax SOAP>Flex SOAP AS>Flex SOAP E4X>Flex AMF3(0.2s)  Laszlo XML>Flex SOAP AS>Flex SOAP E4X>Ajax SOAP>Flex XML AS>Flex XML E4X>Ajax HTML>Ajax JSON>Flex AMF3(0.9s)>Ajax XML>Dojo  Flex SOAP AS>Ajax SOAP>Ajax XML>Laszlo XML>Flex XML AS>Ajax JSON>Flex SOAP E4X>Flex XML E4X>Dojo>Flex AMF3(0.1s)>Ajax HTML  Dojo>Ajax HTML>Ajax SOAP>Ajax XML>Ajax JSON>Laszlo XML>Flex SOAP E4X>Flex SOAP AS>Flex XML E4X>Flex AMF3(0.4s)>Flex XML AS 2008 Adobe Systems Incorporated. All Rights Reserved.
  42. 42. Flex   Flex   Cairngorm (Adobe Open Source) - MVC framework   PureMVC (Open Source) - MVC framework   Mate (Open Source) - tag-based, event-driven   Swiz (Open Source) - Metadata-based Dependency Injection   Spring ActionScript (Open Source) – IOC Framework     http://www.infoq.com/news/2008/01/ ex-mvc     framework 适 framework   Flex Flex 2008 Adobe Systems Incorporated. All Rights Reserved.
  43. 43. Flex - Cairngorm   http://opensource.adobe.com/wiki/   display/cairngorm/       Java   Flex   Flex   micro-architecture design   patterns   Java       UI   Flex   Cairngorm Flex     ModleLocator   ServiceLocator     FrontController 2008 Adobe Systems Incorporated. All Rights Reserved.
  44. 44. Flex - PureMVC   http://puremvc.org/             Flex     MVC     Model,View,Controller     Façade   Flex MXML public   PureMVC Flex     Cairngorm   packages     Façade 2008 Adobe Systems Incorporated. All Rights Reserved.
  45. 45. Flex - Mate   http://mate.asfusion.com/             MXML   agents     Flex     “ ”     Mate Flex   众       MXML event map   MXML   event map mxml   适 AS   event map       LiveCycle DataServices 2008 Adobe Systems Incorporated. All Rights Reserved.
  46. 46. Flex - Swiz   http://code.google.com/p/   swizframework/         IoC DI   metadata IoC DI     Flex     Java     Mate   Swiz Flex   Swiz       metatag Autowire 2008 Adobe Systems Incorporated. All Rights Reserved.
  47. 47. Flex – Spring ActionScript   http://www.pranaframework.org/       Cairngorm   as3 IoC   PureMVC   Flex   services-con g.xml messaging-   Cairngorm PureMVC con g.xml   MVC     Java Spring     BlazeDS remoting   messaging     Spring AS Flex     XML   Logging   Spring AS logging     method-invocation MethodInvokingFactory   2008 Adobe Systems Incorporated. All Rights Reserved.
  48. 48. Where to go next?   www.adobe.com/devnet   www. ex.org   www.adobe.com/opensource   www.insideRIA.com   www.actionscript3.cn   www.riameeting.cn   www.infoq.com/cn 2008 Adobe Systems Incorporated. All Rights Reserved. 4 8
  49. 49. 2008 Adobe Systems Incorporated. All Rights Reserved.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×