1.
Developing RIAs… 10 reasons to use Adobe Flex Enrique Duvos Sr Product Specialist Adobe Systems EMEA

2.
Experience evolution: Building the new frontier <ul><li>HTML Deficiencies </li></ul><ul><li>Page metaphor </li></ul><ul><li>Only 6 UI controls </li></ul><ul><li>Browser inconsistencies </li></ul><ul><li>Press n’ pray printing </li></ul><ul><li>Request-only data </li></ul><ul><li>No offline operation </li></ul><ul><li>Bitmaps from the server </li></ul><ul><li>A/V plug-in hell </li></ul><ul><li>Client/Server Benefits </li></ul><ul><li>Screen metaphor </li></ul><ul><li>Extensible UI libraries </li></ul><ul><li>Online/offline + synch </li></ul><ul><li>WYSIWYG printing </li></ul><ul><li>Data visualization </li></ul><ul><li>Live data connectivity </li></ul><ul><li>Bitmap/vector graphics </li></ul><ul><li>Integrated A/V </li></ul>Example application CLIENT/SERVER MAINFRAME WEB APPLICATIONS REACH Local Global RICH Text UI Integrated media GUI 1992 1998 2004 RICH INTERNET APPLICATIONS

3.
Breakdown by application types Rich Desktop Applications Rich Browser Applications RICH Text UI Client & Server Functionality RICH INTERNET APPLICATIONS <ul><li>XForms </li></ul><ul><li>AJAX </li></ul><ul><li>DHTML </li></ul><ul><li>JavaScript </li></ul><ul><li>Flex </li></ul><ul><li>Java </li></ul><ul><li>Vista (2008) </li></ul><ul><li>Visual Basic </li></ul><ul><li>PowerBuilder </li></ul><ul><li>C# </li></ul><ul><li>Delphi </li></ul><ul><li>Access </li></ul>Nothing rich here except the hardware vendors  MAINFRAME REACH Local Global

4.
#1 – Flex is for developers No “skip intro” here – Flex provides the framework , components and services to deliver Rich Internet Applications.

5.
Flex is… Flex Framework Flex Class Libraries, Components, Containers, Layout Managers, Behaviors, and Effects Flex Utilities Compilation, Debugging, Automated Testing Flex Utilities Compilation and Debugging Programming Language ActionScript 3, MXML Flex SDK Flex Data Services 2 Real Time Messaging Data Management Service Remote Procedure Calls (RPC Service) Design View Flex Builder 2 Code Hinting Debugging Component Skinning

6.
How Flex works… Browser Flash Player Web Server Flex Builder IDE Flex SDK MXML ActionScript Flex Class Library Compile .swf .swf

7.
#2 – Flex applications overcome browser limitations Create a new generation of expressive , high performance and collaborative online applications.

8.
Transforming the User Experience <ul><li>Expressiveness </li></ul><ul><li>Performance </li></ul><ul><li>Real time </li></ul><ul><li>Rich media </li></ul><ul><li>Offline support </li></ul><ul><li>Accessible </li></ul>

9.
Target Flex applications <ul><li>Flex for… Guided self-service </li></ul><ul><li>Flex for… Rich media experiences </li></ul><ul><li>Flex for… Data visualization </li></ul><ul><li>Flex for… Business applications </li></ul>

10.
#3 – Flex leverages your existing skills HTML, XML, JavaScript, Ajax, J2EE and .NET developers will be productive with Flex in no time.

11.
How Flex works… MXML and ActionScript Flex Class Library

12.
#4 – Flex applications have the broadest reach No more platform or browser incompatibility issues with Flex. Build, test and deploy with confidence.

13.
Flash Player has widest reach in the World… 600 million PCs and devices 98% PCs

14.
Flash Player 9 Flash Player 9 <ul><li>New Virtual Machine </li></ul><ul><ul><li>Terrific performance improvements </li></ul></ul><ul><ul><li>Reduced memory consumption </li></ul></ul><ul><li>ActionScript 3 </li></ul><ul><ul><li>ECMAScript Edition 3 compliant </li></ul></ul><ul><ul><li>Dynamic and typed programming language </li></ul></ul><ul><ul><li>ECMAScript for XML (E4X) </li></ul></ul><ul><ul><li>External API to integrate w/ AJAX and native applications </li></ul></ul><ul><li>Seamless deployment </li></ul><ul><ul><li>One-click upgrade </li></ul></ul><ul><ul><li>Full backward compatibility </li></ul></ul>ActionScript 1/2 ActionScript 3

15.
Extending reach to desktop and mobile applications 2007-2008 Cross- Platform Rich Internet Applications Lightweight Desktop Apps Cross- Phone/Device 2006 Apollo MXML Flash Lite Flash SDK Mobile MXML Windows .NET XAML Windows Only Web Pages Native Applications XAML WPF/E XAML WPF/E JIT Deployment OS Integration Offline Operation JIT Deployment Rich Client Robust App Model JIT Deployment Dumb Client Page-Based Model Heavyweight Install Native OS Integration Offline Operation Web Browser HTML/JavaScript Ajax/Flash/Flex

16.
#5 – Flex will enrich your Ajax applications Add audio , video , vector graphics and charting to Ajax (just like Google, Yahoo and YouTube did).

17.
Web 2.0 with Ajax, Flex and Flash <ul><li>Why Developers Leverage Flash </li></ul><ul><li>Cross-platform vector drawing API </li></ul><ul><li>Integrated two-way audio/video </li></ul><ul><li>Advanced communication protocols </li></ul><ul><li>Performance </li></ul><ul><li>Flash Player External API </li></ul>You Tube Google Finance Measure Map <ul><li>Blending Flex and Ajax Today/Tomorrow </li></ul><ul><li>Flex/Ajax Bridge (FABridge) </li></ul><ul><li>Ajax Client for Flex Data Services </li></ul><ul><li>Joining Open Ajax initiative </li></ul><ul><li>Releasing Spry Ajax framework </li></ul><ul><li>Apollo universal client </li></ul>Example application

18.
Extending Ajax… where Flex adds value http(s) transport browser client user interface JavaScript call HTML+CSS data Ajax engine HTTP request XML data web and/or XML server datastores, backend processing, legacy systems server-side systems Programming Model / Productivity Performance VM - bytecode - JIT Expressiveness Vector Graphics - Drawing API – Rich Media Real Time Binary Sockets - Pub/Sub Messaging Offline Local Storage

19.
#6 – Flex plays well with others With XML/SOAP support and J2EE integration , Flex unifies disparate data services on the client.

20.
How Flex works… XML/HTTP REST SOAP Web Services Browser J2EE Application Server Flex Data Services 2 Flash Player Web Server Existing Applications and Infrastructure Flex Builder IDE Flex SDK MXML ActionScript Flex Class Library Compile Data Data .swf .swf .swf

21.
#7 – Flex makes you (and your applications) look good Transitions , effects , skinning and visual component states deliver immersive user experiences.

22.
Flex class library <ul><li>UI Components </li></ul><ul><li>Datagrid, Tree, List, TileList, HorizontalList, ... </li></ul><ul><li>Tab, Accordion, Menu, ContextMenu, ... </li></ul><ul><li>RichText Editor, Sliders, ... </li></ul><ul><li>ToggleButton, PopupButton, ... </li></ul><ul><li>Media Components </li></ul><ul><li>Video, Audio, Streaming </li></ul><ul><li>Layout Management </li></ul><ul><li>Panel, VBox, HBox, VDividedBox, HDivideBox, Form, Tile, Grid, … </li></ul><ul><li>Constraint-based layouts </li></ul><ul><li>View States </li></ul><ul><li>Charting Components </li></ul><ul><li>LineChart, ColumnChart, BarChart, PieChart, HLOC, Candle, Plot, Bubble, ... </li></ul><ul><li>Expressiveness </li></ul><ul><li>Styling and Skinning </li></ul><ul><li>Effects, Transitions </li></ul><ul><li>Data </li></ul><ul><li>HTTPService, WebService, RemoteObject </li></ul><ul><li>Producer, Consumer </li></ul><ul><li>DataService </li></ul><ul><li>E4X data binding </li></ul><ul><li>Paging </li></ul><ul><li>Validators </li></ul><ul><li>Formatters </li></ul>

23.
#8 – Flex will make you go faster Flex transforms the developer experience - with productive coding tools , integrated debugging and automated testing support.

24.
Flex Builder… developer productivity <ul><li>Eclipse-based Flex IDE </li></ul><ul><li>Robust code editing and navigation </li></ul><ul><li>Interactive debugging environment </li></ul><ul><li>Drag and drop visual design </li></ul><ul><li>Avail. as standalone product or plug-in </li></ul><ul><li>Enhanced Programming Model </li></ul><ul><li>Native APIs for creating and parsing XML </li></ul><ul><li>New internationalization APIs </li></ul><ul><li>Simplified component APIs </li></ul><ul><li>Integration with automated testing </li></ul>

25.
#9 – Flex makes it easier to work with data Data synchronisation , offline storage , publish/subscribe messaging and real-time data push for “data-rich” applications.

26.
Flex Data Services… extending RIA capability Example application Flex Data Services XML data connectivity RPC Services Faster binary data transfer Traditional web data Connection to middleware / data source Conflict Resolution Data Management Off-line applications Load large data by sets (maps) Web-tier SWF creation Co-Browsing Messaging Chat / IM Real Time Data Streaming

27.
#10 – You can build flex applications for free! Compile and deploy Flex applications at no cost with the Flex 2 SDK… download it from Adobe.com .

28.
Putting it all together… FREE FREE FREE *formerly Flash Player 8.5. Click here for more info . Flex SDK 2 Flex/Ajax Bridge Flash Player 9* Flex Builder 2 Design View Code Hinting Debugging Component Skinning Flex Data Services 2 Messaging Service Data Management Service RPC Services

29.
Download Flex… www.adobe.com/go/flex Learn more… www.flex.org