Qcon flex体系架构深度剖析
Upcoming SlideShare
Loading in...5
×
 

Qcon flex体系架构深度剖析

on

  • 1,005 views

 

Statistics

Views

Total Views
1,005
Views on SlideShare
1,005
Embed Views
0

Actions

Likes
1
Downloads
6
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Qcon flex体系架构深度剖析 Qcon flex体系架构深度剖析 Presentation Transcript

  • Flex 构 zma@adobe.com Platform Technology Evangelist Blog: www.7yue.com2006 Adobe Systems Incorporated. All Rights Reserved.
  • / 1960s & 1970s 1980s & 1990s2008 Adobe Systems Incorporated. All Rights Reserved.
  • Web/App / Middleware 1960s & 1970s 1980s & 1990s 1990s & 2000s2008 Adobe Systems Incorporated. All Rights Reserved.
  • Web Services & RIA App Connectors Web Web/App SOA / 1960s & 1970s 1980s & 1990s 1990s & 2000s 2000s & Future2008 Adobe Systems Incorporated. All Rights Reserved.
  • Flash Platform & Flex2008 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 Scanning2008 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-line2008 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 SDK2008 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 Player2008 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 Retained2008 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 122008 Adobe Systems Incorporated. All Rights Reserved.
  • Flex –2008 Adobe Systems Incorporated. All Rights Reserved.
  • Flex – MXML2008 Adobe Systems Incorporated. All Rights Reserved.
  • Flex   Application + Label构 HelloWorld  Binary Size  FlashCS4 Binary Size:   116KB  AS3+Compiler:   8KB2008 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 Server2008 Adobe Systems Incorporated. All Rights Reserved.
  • Flex2008 Adobe Systems Incorporated. All Rights Reserved.
  • Flex - SAP example2008 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) development2008 Adobe Systems Incorporated. All Rights Reserved.
  • - Flash Catalyst2008 Adobe Systems Incorporated. All Rights Reserved.
  • UI2008 Adobe Systems Incorporated. All Rights Reserved.
  • Demo2008 Adobe Systems Incorporated. All Rights Reserved.
  • Flex – BlazeDS 构 LiveCycle Data Services ES BlazeDSBlazeDS 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 Generation2008 Adobe Systems Incorporated. All Rights Reserved.
  • BlazeDS2008 Adobe Systems Incorporated. All Rights Reserved.
  • BlazeDS2008 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 Other2007 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 Subscriber2007 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>FlexSOAP 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>AjaxJSON>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 XMLE4X>Dojo>Flex AMF3(0.1s)>Ajax HTML Dojo>Ajax HTML>Ajax SOAP>Ajax XML>Ajax JSON>Laszlo XML>Flex SOAP E4X>Flex SOAP AS>FlexXML 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 Flex2008 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     FrontController2008 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çade2008 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 DataServices2008 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 Autowire2008 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/cn2008 Adobe Systems Incorporated. All Rights Reserved. 4 8
  • 2008 Adobe Systems Incorporated. All Rights Reserved.