Your SlideShare is downloading. ×
Adobe Flex体系架构深度剖析
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Adobe Flex体系架构深度剖析

1,792
views

Published on

Published in: Technology, Business

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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.