SlideShare ist ein Scribd-Unternehmen logo
1 von 49
Downloaden Sie, um offline zu lesen
Flex                                         构




    zma@adobe.com
    Platform Technology Evangelist
    Blog: www.7yue.com
2006 Adobe Systems Incorporated. All Rights Reserved.
/
                                         1960s & 1970s   1980s & 1990s




2008 Adobe Systems Incorporated. All Rights Reserved.
Web/App
                                                               /         Middleware
                                         1960s & 1970s   1980s & 1990s   1990s & 2000s




2008 Adobe Systems Incorporated. All Rights Reserved.
Web Services &
                                                              RIA        App Connectors




                                                                         Web




                                                                            Web/App            SOA
                                                               /
                                         1960s & 1970s   1980s & 1990s   1990s & 2000s    2000s & Future




2008 Adobe Systems Incorporated. All Rights Reserved.
Flash Platform & Flex




2008 Adobe Systems Incorporated. All Rights Reserved.
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.
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.
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.
Flex                                构划




2008 Adobe Systems Incorporated. All Rights Reserved.
Adobe Flex


                                                        Adobe®
                                                        Flex™ 3 SDK

                                                        Open source Flex SDK




                                                        MXML and ActionScript 3.0




                                                        Command-line




2008 Adobe Systems Incorporated. All Rights Reserved.
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.
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.
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.
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.
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.
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.
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.
Flex                         -                 AVM2     Flash Player




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


  Retained
                                            AS3 Retained Mode
                                                  Adobe
                                                                   GPU Cell
                                                          video,audio
                                                                 Surfaces
                     BitmapData,Filters,cacheAsBitmap
                     Bitmap
           
           
           




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

  Immediate
           
           
           

 
           

 
            Pixel Bender                               Immediate
            GPU                                Immediate
                                                             Immediate
            Bitmap                                 lls        Retained
            AS3 Retained
                                                         Binary    Retained




2008 Adobe Systems Incorporated. All Rights Reserved.
Flash Player  




2008 Adobe Systems Incorporated. All Rights Reserved.
  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.
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:
            116KB

                   AS3+Compiler:
            8KB




2008 Adobe Systems Incorporated. All Rights Reserved.
Flex frameworks

                                                        
                                                             
                                                              Binary Code Size     (
           
                                                                                  Flash
           
           
                                                         
                                                             
            UI Forms UI interaction                          
                                                             
                                                             
           
           




2008 Adobe Systems Incorporated. All Rights Reserved.
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.
Flex




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




2008 Adobe Systems Incorporated. All Rights Reserved.
种                                       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.
- 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        构
                                                                                  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.
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




                                                        Web Service
                                        XML
                            (RESTful / SOAP)




2007 Adobe Systems Incorporated. All Rights Reserved.
Flex with Java via Flash Remoting

                                                                     J2EE Server
                                                        BlazeDS

                                                                                     POJO




                                                          Endpoint                 Spring Bean

                                     AMF

                                                                                      EJB




                                                                                      Other




2007 Adobe Systems Incorporated. All Rights Reserved.
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.
RIA




                                           Census Project:
                                           http://www.jamesward.com/census/
                                           http:// exapps.cvs.sourceforge.net/ exapps/census/


2008 Adobe Systems Incorporated. All Rights Reserved.
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.
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.
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.
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.
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.
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.
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.
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
2008 Adobe Systems Incorporated. All Rights Reserved.

Weitere ähnliche Inhalte

Was ist angesagt?

Web Performance Acceleration with Strangeloop AS1000
Web Performance Acceleration with Strangeloop AS1000Web Performance Acceleration with Strangeloop AS1000
Web Performance Acceleration with Strangeloop AS1000Thomas Stensitzki
 
Competitive Analysis w SWOT Matrix
Competitive Analysis w SWOT MatrixCompetitive Analysis w SWOT Matrix
Competitive Analysis w SWOT MatrixDavid Castro
 
Sap Mobility Presentation 5 1 2012
Sap Mobility Presentation 5 1 2012Sap Mobility Presentation 5 1 2012
Sap Mobility Presentation 5 1 2012nerb13
 
Continuous delivery on the cloud
Continuous delivery on the cloudContinuous delivery on the cloud
Continuous delivery on the cloudAnand B Narasimhan
 
SAP Netweaver Mobile Overview
SAP Netweaver Mobile OverviewSAP Netweaver Mobile Overview
SAP Netweaver Mobile OverviewMahindra Satyam
 
K soft corporate
K soft corporateK soft corporate
K soft corporateredifined
 
Keynote Client Connectivity And The Cloud
Keynote Client Connectivity And The CloudKeynote Client Connectivity And The Cloud
Keynote Client Connectivity And The CloudGoogleTecTalks
 
Dev Days Unified Communications Development
Dev Days  Unified  Communications  DevelopmentDev Days  Unified  Communications  Development
Dev Days Unified Communications DevelopmentMatthijs Hoekstra
 
Next Generation UC Clients and Endpoints
Next Generation UC Clients and EndpointsNext Generation UC Clients and Endpoints
Next Generation UC Clients and EndpointsCisco Canada
 
Responsive design and mobile
Responsive design and mobileResponsive design and mobile
Responsive design and mobileLee Andron
 
RTView - Monitoring Service for SmartCloud Applications
RTView - Monitoring Service for SmartCloud ApplicationsRTView - Monitoring Service for SmartCloud Applications
RTView - Monitoring Service for SmartCloud ApplicationsSL Corporation
 
AppZero & HyNote: Move EPM to/from Cloud w/ a Click
AppZero & HyNote: Move EPM to/from Cloud w/ a ClickAppZero & HyNote: Move EPM to/from Cloud w/ a Click
AppZero & HyNote: Move EPM to/from Cloud w/ a ClickAppZero
 
Calculating Roi On University Program Draft Rev7
Calculating Roi On University Program Draft Rev7Calculating Roi On University Program Draft Rev7
Calculating Roi On University Program Draft Rev7bcarney
 
5 Cloud Commandments - Why Cloud Management Makes Sense
5 Cloud Commandments - Why Cloud Management Makes Sense5 Cloud Commandments - Why Cloud Management Makes Sense
5 Cloud Commandments - Why Cloud Management Makes SenseRightScale
 
2010 Software Licensing and Pricing Survey Results and 2011 Predictions
2010 Software Licensing and Pricing Survey Results and 2011 Predictions2010 Software Licensing and Pricing Survey Results and 2011 Predictions
2010 Software Licensing and Pricing Survey Results and 2011 PredictionsFlexera
 
Java one brazil_keynote_dochez
Java one brazil_keynote_dochezJava one brazil_keynote_dochez
Java one brazil_keynote_dochezJerome Dochez
 
실전 윈도우폰 망고 앱 디자인 & 개발 III(최종)
실전 윈도우폰 망고 앱 디자인 & 개발 III(최종)실전 윈도우폰 망고 앱 디자인 & 개발 III(최종)
실전 윈도우폰 망고 앱 디자인 & 개발 III(최종)mosaicnet
 

Was ist angesagt? (18)

Web Performance Acceleration with Strangeloop AS1000
Web Performance Acceleration with Strangeloop AS1000Web Performance Acceleration with Strangeloop AS1000
Web Performance Acceleration with Strangeloop AS1000
 
Competitive Analysis w SWOT Matrix
Competitive Analysis w SWOT MatrixCompetitive Analysis w SWOT Matrix
Competitive Analysis w SWOT Matrix
 
Sap Mobility Presentation 5 1 2012
Sap Mobility Presentation 5 1 2012Sap Mobility Presentation 5 1 2012
Sap Mobility Presentation 5 1 2012
 
Continuous delivery on the cloud
Continuous delivery on the cloudContinuous delivery on the cloud
Continuous delivery on the cloud
 
SAP Netweaver Mobile Overview
SAP Netweaver Mobile OverviewSAP Netweaver Mobile Overview
SAP Netweaver Mobile Overview
 
K soft corporate
K soft corporateK soft corporate
K soft corporate
 
Keynote Client Connectivity And The Cloud
Keynote Client Connectivity And The CloudKeynote Client Connectivity And The Cloud
Keynote Client Connectivity And The Cloud
 
Dev Days Unified Communications Development
Dev Days  Unified  Communications  DevelopmentDev Days  Unified  Communications  Development
Dev Days Unified Communications Development
 
Next Generation UC Clients and Endpoints
Next Generation UC Clients and EndpointsNext Generation UC Clients and Endpoints
Next Generation UC Clients and Endpoints
 
Responsive design and mobile
Responsive design and mobileResponsive design and mobile
Responsive design and mobile
 
RTView - Monitoring Service for SmartCloud Applications
RTView - Monitoring Service for SmartCloud ApplicationsRTView - Monitoring Service for SmartCloud Applications
RTView - Monitoring Service for SmartCloud Applications
 
AppZero & HyNote: Move EPM to/from Cloud w/ a Click
AppZero & HyNote: Move EPM to/from Cloud w/ a ClickAppZero & HyNote: Move EPM to/from Cloud w/ a Click
AppZero & HyNote: Move EPM to/from Cloud w/ a Click
 
Afaria Overview- Architecture, Scaling, Supported Platforms
Afaria Overview- Architecture, Scaling, Supported PlatformsAfaria Overview- Architecture, Scaling, Supported Platforms
Afaria Overview- Architecture, Scaling, Supported Platforms
 
Calculating Roi On University Program Draft Rev7
Calculating Roi On University Program Draft Rev7Calculating Roi On University Program Draft Rev7
Calculating Roi On University Program Draft Rev7
 
5 Cloud Commandments - Why Cloud Management Makes Sense
5 Cloud Commandments - Why Cloud Management Makes Sense5 Cloud Commandments - Why Cloud Management Makes Sense
5 Cloud Commandments - Why Cloud Management Makes Sense
 
2010 Software Licensing and Pricing Survey Results and 2011 Predictions
2010 Software Licensing and Pricing Survey Results and 2011 Predictions2010 Software Licensing and Pricing Survey Results and 2011 Predictions
2010 Software Licensing and Pricing Survey Results and 2011 Predictions
 
Java one brazil_keynote_dochez
Java one brazil_keynote_dochezJava one brazil_keynote_dochez
Java one brazil_keynote_dochez
 
실전 윈도우폰 망고 앱 디자인 & 개발 III(최종)
실전 윈도우폰 망고 앱 디자인 & 개발 III(최종)실전 윈도우폰 망고 앱 디자인 & 개발 III(최종)
실전 윈도우폰 망고 앱 디자인 & 개발 III(최종)
 

Ähnlich wie Qcon flex体系架构深度剖析

Flex体系架构剖析
Flex体系架构剖析Flex体系架构剖析
Flex体系架构剖析ematrix
 
Lcds & Blaze Ds by Corneliu Creanga
Lcds & Blaze Ds by Corneliu CreangaLcds & Blaze Ds by Corneliu Creanga
Lcds & Blaze Ds by Corneliu CreangaJUG Genova
 
Enrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA PlatformEnrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA PlatformInitium
 
Adobe flex at jax london 2011
Adobe flex at  jax london 2011Adobe flex at  jax london 2011
Adobe flex at jax london 2011Michael Chaize
 
Flex Air Intro
Flex Air IntroFlex Air Intro
Flex Air IntroJUG Genova
 
Flex 4.5 and mobile development
Flex 4.5 and mobile developmentFlex 4.5 and mobile development
Flex 4.5 and mobile developmentMichael Chaize
 
RIAs with Java, Spring, Hibernate, BlazeDS, and Flex
RIAs with Java, Spring, Hibernate, BlazeDS, and FlexRIAs with Java, Spring, Hibernate, BlazeDS, and Flex
RIAs with Java, Spring, Hibernate, BlazeDS, and Flexelliando dias
 
Flex For Java Architects Ledroff Breizh Jug V Blog Cc
Flex For Java Architects Ledroff Breizh Jug V Blog CcFlex For Java Architects Ledroff Breizh Jug V Blog Cc
Flex For Java Architects Ledroff Breizh Jug V Blog CcFrançois Le Droff
 
Realizing Great Customer Experiences with Adobe® LiveCycle® ES3
Realizing Great Customer Experiences with Adobe® LiveCycle® ES3Realizing Great Customer Experiences with Adobe® LiveCycle® ES3
Realizing Great Customer Experiences with Adobe® LiveCycle® ES3Craig Randall
 
Develop mobile applications with Flex
Develop mobile applications with FlexDevelop mobile applications with Flex
Develop mobile applications with FlexConFoo
 
Develop multi-screen applications with Flex
Develop multi-screen applications with Flex Develop multi-screen applications with Flex
Develop multi-screen applications with Flex Codemotion
 
Flash platform introduction
Flash platform introductionFlash platform introduction
Flash platform introductionatomlin
 
Adobe jax2010 1_dashboard
Adobe jax2010 1_dashboardAdobe jax2010 1_dashboard
Adobe jax2010 1_dashboardguest9776673
 
Soa204 Kawasaki Final
Soa204 Kawasaki FinalSoa204 Kawasaki Final
Soa204 Kawasaki FinalAnush Kumar
 
Xebia adobe flash mobile applications
Xebia adobe flash mobile applicationsXebia adobe flash mobile applications
Xebia adobe flash mobile applicationsMichael Chaize
 
Adobe Flash platform の法人利用
Adobe Flash platform の法人利用Adobe Flash platform の法人利用
Adobe Flash platform の法人利用Keisuke Todoroki
 
Microsoft Silverlight 2
Microsoft Silverlight 2Microsoft Silverlight 2
Microsoft Silverlight 2David Chou
 
IBM Forms: Streamline your business, reduce cost and paper
IBM Forms: Streamline your business, reduce cost and paperIBM Forms: Streamline your business, reduce cost and paper
IBM Forms: Streamline your business, reduce cost and paperVincent Kwon
 

Ähnlich wie Qcon flex体系架构深度剖析 (20)

Flex体系架构剖析
Flex体系架构剖析Flex体系架构剖析
Flex体系架构剖析
 
Lcds & Blaze Ds by Corneliu Creanga
Lcds & Blaze Ds by Corneliu CreangaLcds & Blaze Ds by Corneliu Creanga
Lcds & Blaze Ds by Corneliu Creanga
 
Enrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA PlatformEnrique Duvos: Adobe RIA Platform
Enrique Duvos: Adobe RIA Platform
 
Adobe flex at jax london 2011
Adobe flex at  jax london 2011Adobe flex at  jax london 2011
Adobe flex at jax london 2011
 
Flex Air Intro
Flex Air IntroFlex Air Intro
Flex Air Intro
 
Flex 4.5 and mobile development
Flex 4.5 and mobile developmentFlex 4.5 and mobile development
Flex 4.5 and mobile development
 
RIAs with Java, Spring, Hibernate, BlazeDS, and Flex
RIAs with Java, Spring, Hibernate, BlazeDS, and FlexRIAs with Java, Spring, Hibernate, BlazeDS, and Flex
RIAs with Java, Spring, Hibernate, BlazeDS, and Flex
 
Flex For Java Architects Ledroff Breizh Jug V Blog Cc
Flex For Java Architects Ledroff Breizh Jug V Blog CcFlex For Java Architects Ledroff Breizh Jug V Blog Cc
Flex For Java Architects Ledroff Breizh Jug V Blog Cc
 
Realizing Great Customer Experiences with Adobe® LiveCycle® ES3
Realizing Great Customer Experiences with Adobe® LiveCycle® ES3Realizing Great Customer Experiences with Adobe® LiveCycle® ES3
Realizing Great Customer Experiences with Adobe® LiveCycle® ES3
 
Develop mobile applications with Flex
Develop mobile applications with FlexDevelop mobile applications with Flex
Develop mobile applications with Flex
 
air
airair
air
 
Jax2001 adobe keynote
Jax2001 adobe keynoteJax2001 adobe keynote
Jax2001 adobe keynote
 
Develop multi-screen applications with Flex
Develop multi-screen applications with Flex Develop multi-screen applications with Flex
Develop multi-screen applications with Flex
 
Flash platform introduction
Flash platform introductionFlash platform introduction
Flash platform introduction
 
Adobe jax2010 1_dashboard
Adobe jax2010 1_dashboardAdobe jax2010 1_dashboard
Adobe jax2010 1_dashboard
 
Soa204 Kawasaki Final
Soa204 Kawasaki FinalSoa204 Kawasaki Final
Soa204 Kawasaki Final
 
Xebia adobe flash mobile applications
Xebia adobe flash mobile applicationsXebia adobe flash mobile applications
Xebia adobe flash mobile applications
 
Adobe Flash platform の法人利用
Adobe Flash platform の法人利用Adobe Flash platform の法人利用
Adobe Flash platform の法人利用
 
Microsoft Silverlight 2
Microsoft Silverlight 2Microsoft Silverlight 2
Microsoft Silverlight 2
 
IBM Forms: Streamline your business, reduce cost and paper
IBM Forms: Streamline your business, reduce cost and paperIBM Forms: Streamline your business, reduce cost and paper
IBM Forms: Streamline your business, reduce cost and paper
 

Mehr von youzitang

所谓闭包
所谓闭包所谓闭包
所谓闭包youzitang
 
Memcached浅析 韩建华
Memcached浅析 韩建华Memcached浅析 韩建华
Memcached浅析 韩建华youzitang
 
Qcon ria与geo web连横共进
Qcon ria与geo web连横共进Qcon ria与geo web连横共进
Qcon ria与geo web连横共进youzitang
 
Qcon sun的云计算平台和技术实现
Qcon sun的云计算平台和技术实现Qcon sun的云计算平台和技术实现
Qcon sun的云计算平台和技术实现youzitang
 
Qcon 10个提高架构质量的观点
Qcon 10个提高架构质量的观点Qcon 10个提高架构质量的观点
Qcon 10个提高架构质量的观点youzitang
 
Qcon ria的技术趋势和应用趋势
Qcon ria的技术趋势和应用趋势Qcon ria的技术趋势和应用趋势
Qcon ria的技术趋势和应用趋势youzitang
 
Qcon multi team sprint planning
Qcon multi team sprint planningQcon multi team sprint planning
Qcon multi team sprint planningyouzitang
 
Qcon java在企业级开发中的应用
Qcon java在企业级开发中的应用Qcon java在企业级开发中的应用
Qcon java在企业级开发中的应用youzitang
 
Qcon best practices for scaling websites
Qcon best practices for scaling websitesQcon best practices for scaling websites
Qcon best practices for scaling websitesyouzitang
 
Ppwithagileyannhamonqconbeijing 090423081417-phpapp02
Ppwithagileyannhamonqconbeijing 090423081417-phpapp02Ppwithagileyannhamonqconbeijing 090423081417-phpapp02
Ppwithagileyannhamonqconbeijing 090423081417-phpapp02youzitang
 
Openwebdylanqconbeijing 090423091545-phpapp01
Openwebdylanqconbeijing 090423091545-phpapp01Openwebdylanqconbeijing 090423091545-phpapp01
Openwebdylanqconbeijing 090423091545-phpapp01youzitang
 
Newinfoqchinaintro 090412122754-phpapp02
Newinfoqchinaintro 090412122754-phpapp02Newinfoqchinaintro 090412122754-phpapp02
Newinfoqchinaintro 090412122754-phpapp02youzitang
 
Qcon2009周爱民之架构的观点
Qcon2009周爱民之架构的观点Qcon2009周爱民之架构的观点
Qcon2009周爱民之架构的观点youzitang
 

Mehr von youzitang (13)

所谓闭包
所谓闭包所谓闭包
所谓闭包
 
Memcached浅析 韩建华
Memcached浅析 韩建华Memcached浅析 韩建华
Memcached浅析 韩建华
 
Qcon ria与geo web连横共进
Qcon ria与geo web连横共进Qcon ria与geo web连横共进
Qcon ria与geo web连横共进
 
Qcon sun的云计算平台和技术实现
Qcon sun的云计算平台和技术实现Qcon sun的云计算平台和技术实现
Qcon sun的云计算平台和技术实现
 
Qcon 10个提高架构质量的观点
Qcon 10个提高架构质量的观点Qcon 10个提高架构质量的观点
Qcon 10个提高架构质量的观点
 
Qcon ria的技术趋势和应用趋势
Qcon ria的技术趋势和应用趋势Qcon ria的技术趋势和应用趋势
Qcon ria的技术趋势和应用趋势
 
Qcon multi team sprint planning
Qcon multi team sprint planningQcon multi team sprint planning
Qcon multi team sprint planning
 
Qcon java在企业级开发中的应用
Qcon java在企业级开发中的应用Qcon java在企业级开发中的应用
Qcon java在企业级开发中的应用
 
Qcon best practices for scaling websites
Qcon best practices for scaling websitesQcon best practices for scaling websites
Qcon best practices for scaling websites
 
Ppwithagileyannhamonqconbeijing 090423081417-phpapp02
Ppwithagileyannhamonqconbeijing 090423081417-phpapp02Ppwithagileyannhamonqconbeijing 090423081417-phpapp02
Ppwithagileyannhamonqconbeijing 090423081417-phpapp02
 
Openwebdylanqconbeijing 090423091545-phpapp01
Openwebdylanqconbeijing 090423091545-phpapp01Openwebdylanqconbeijing 090423091545-phpapp01
Openwebdylanqconbeijing 090423091545-phpapp01
 
Newinfoqchinaintro 090412122754-phpapp02
Newinfoqchinaintro 090412122754-phpapp02Newinfoqchinaintro 090412122754-phpapp02
Newinfoqchinaintro 090412122754-phpapp02
 
Qcon2009周爱民之架构的观点
Qcon2009周爱民之架构的观点Qcon2009周爱民之架构的观点
Qcon2009周爱民之架构的观点
 

Qcon flex体系架构深度剖析

  • 1. Flex 构 zma@adobe.com Platform Technology Evangelist Blog: www.7yue.com 2006 Adobe Systems Incorporated. All Rights Reserved.
  • 2. / 1960s & 1970s 1980s & 1990s 2008 Adobe Systems Incorporated. All Rights Reserved.
  • 3. Web/App / Middleware 1960s & 1970s 1980s & 1990s 1990s & 2000s 2008 Adobe Systems Incorporated. All Rights Reserved.
  • 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. Flash Platform & Flex 2008 Adobe Systems Incorporated. All Rights Reserved.
  • 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. 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. 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. Flex 构划 2008 Adobe Systems Incorporated. All Rights Reserved.
  • 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. 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. 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. 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. 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. 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. 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. 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. Flex - AVM2 Flash Player 2008 Adobe Systems Incorporated. All Rights Reserved.
  • 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. 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. Flash Player   2008 Adobe Systems Incorporated. All Rights Reserved.
  • 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. Flex – 2008 Adobe Systems Incorporated. All Rights Reserved.
  • 24. Flex – MXML 2008 Adobe Systems Incorporated. All Rights Reserved.
  • 25. Flex     Application + Label构 HelloWorld   Binary Size   FlashCS4 Binary Size:   116KB   AS3+Compiler:   8KB 2008 Adobe Systems Incorporated. All Rights Reserved.
  • 26. Flex frameworks             Binary Code Size (     Flash             UI Forms UI interaction               2008 Adobe Systems Incorporated. All Rights Reserved.
  • 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. Flex 2008 Adobe Systems Incorporated. All Rights Reserved.
  • 29. Flex - SAP example 2008 Adobe Systems Incorporated. All Rights Reserved.
  • 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. - Flash Catalyst 2008 Adobe Systems Incorporated. All Rights Reserved.
  • 32. UI 2008 Adobe Systems Incorporated. All Rights Reserved.
  • 33. Demo 2008 Adobe Systems Incorporated. All Rights Reserved.
  • 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. BlazeDS 2008 Adobe Systems Incorporated. All Rights Reserved.
  • 36. BlazeDS 2008 Adobe Systems Incorporated. All Rights Reserved.
  • 37. Flex with Java via XML (RESTful / SOAP) App Server Web Service XML (RESTful / SOAP) 2007 Adobe Systems Incorporated. All Rights Reserved.
  • 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. 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. RIA Census Project: http://www.jamesward.com/census/ http:// exapps.cvs.sourceforge.net/ exapps/census/ 2008 Adobe Systems Incorporated. All Rights Reserved.
  • 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. 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. 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. 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. 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. 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. 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. 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. 2008 Adobe Systems Incorporated. All Rights Reserved.