Slides used for the Adobe Flex Builder and AIR Pre-release tour, Jan 2008. Includes link to 28 projects (source code) you can build and link to free download of Flex Builder 3 public beta.

1. Adobe RIA Technologies What’s new in AIR / Flex 3 and 28 code samples Duane Nickull Sr. Technology Evangelist Pre-release User Group Tour Jan 2008

2. Notes about this deck: This is the Deck used for the Flex, Flash, AIR User Group tour in Western Canada Jan 2008. The purpose of this deck was to bring newcomers up to speed on what Flex Builder is and to facilitate a deep dive into the new features of Flex Builder 3. The code samples are available in a mini-cookbook. If you wish to receive a copy of it, please email [email_address] . There are 28 projects to build in this cookbook. You are welcomed (and encouraged) to reuse these slides to present these slides to others.

3. Adobe revolutionizes how the world engages with ideas and information new image

5. Widest Reach in the World Adobe Technologies reach 700+ million PCs and 200+ million devices Flash has 99% reach on connected PCs 8 million installs/day There are 250,000,000 PDF files on the web

7. Adobe Technology Platform for RIA Designer/Developer Tools Creative Suite 3 Flex Builder RIA Clients Servers/Services ColdFusion LiveCycle Flash Media Server Acrobat Connect Flash Cast Scene7 Flash Player Adobe AIR RIA Frameworks and Programming Languages ActionScript 3 Adobe Flex 3 HTTP/S, Sockets, AMF, RTMP, SOAP, WS*, REST, …

8. How Flex Works MXML and ActionScript XML/HTTP REST SOAP Web Services Browser JEE Application Server LC Data Services Flash Player Web Server Existing Applications and Infrastructure Flex Builder IDE Flex SDK MXML ActionScript Flex Class Library Compile .swf .swf HTTP/S AMF/S RTMP/S SOAP

9. Adobe Flex DEMO

10. Adobe Technology Platform for RIA Creative Suite Flex Builder Eclipse Notepad LiveCycle Designer Resource Tier EIS Databases Directories ECM Repository Message Queues Other Systems Printing & Scanning Client Application Tier Design & Development Tools Adobe Web Services Other Web Services Flickr.com eBay API Yahoo! API Google API HTML Flash PDF Browsers Flash Player Reader Devices Flash Lite Reader LE Applications Adobe Third-party Service Tier Remote Domains Local Domain Application Servers LiveCycle ColdFusion HTTP Service Other Services Flash Media Server Flash Cast HTTP/S, Sockets, AMF, RTMP, SOAP, WS*, REST, … Frameworks Third-party Flex Framework AIR

11. 2) initial design 3) development 4) design tweaks Visual Designer 1) comps + vignettes Developer (Thermo) Designer Developer Workflow Design Production

14. Designers and Developers – Creative Suite 3 / CSS Integration Import Skin Assets into Flex Builder Create Flex Components in Flash CS3 MXML and CSS Import wizard generates code assigning assets to components CS3 templates make it easy to create custom component skins Flash developers can easily package work as Flex components DEMO

20. Profiling Applications!

21. Profiler Functionality DEMO

27. Adobe AIR allows web developers to use existing technologies to build and deploy rich Internet applications to the desktop .

28. Adobe AIR Application Stack Cross-OS Application Integrated Rendering Integrated DOMs & Scripting Adobe AIR APIs Mac, Windows, Linux & Device OS File System Access Network Detection Notifications Application Update Drag and Drop Local Database ... Flash Flex ActionScript XML Audio Video HTML PDF HTML HTML JavaScript XML CSS Flash PDF

33. Now building on Adobe AIR

34. BlazeDS Open source Flex Remoting and Messaging

36. Remoting Performance Example DEMO - http://www.jamesward.org/census/

37. Real-Time Data Push Example http://www.allanpadgett.com/tourtracker2/index.html

40. Thermo In Development

44. “Thermo” - Convert Artwork to Functional Components Start an application design from a static Photoshop, Illustrator, or Fireworks Comp. Selectively turn artwork into functional components that inherit the original artwork as a component “Skin” Thermo allows you to define how pieces and states of the artwork map to things like Scrollbar thumbs or button hover states, etc

46. “Thermo” - Working with Design Time Data Thermo allows you to create and maintain collections of sample data that can be used by the application at design time Design time sample data can be used to understand the interactivity of an application prototype and as a realistic placeholder when choreographing events and motion

49. Extra slides:

51. Where Flex is used Product Configuration Rich Media Applications Data Visualization Authoring Applications Product Selection Line of Business Applications

54. Flex 3 – Major Themes Designers and Developers Hybrid Desktop- Internet Applications Framework Evolution Working with Data

56. Flex 3 Pricing and Packaging Notes Adobe® Flex™ 3 SDK Open Source Free Adobe® Flex™ Builder™ 3 Standard edition Adobe® Flex™ Builder™ 3 Professional edition $249/$99 $699/$299 Standalone or plug-in Adds testing tools, charting, and advanced datagrid BlazeDS – Flex Remoting and Messaging Free Open Source – BlazeDS project Price Full/Upgrade

57. Adobe Flex Customers Enterprise Web 2.0 ISVs

58. Rich Applications for Consumers

59. Rich Applications for Businesses

61. How AIR Works MXML and ActionScript XML/HTTP REST SOAP Web Services Desktop JEE Application Server LC Data Services Web Server Existing Applications and Infrastructure Flex Builder IDE Flex SDK MXML ActionScript Flex Class Library Compile & Package AIR Client Runtime .air .air .swf HTTP/S AMF/S .pdf RTMP/S SOAP

72. Adobe AIR Developer Workflow Flex Builder Dreamweaver InDesign Command Line Flash LiveCycle Designer Photoshop More... Create Package Deploy Operating System Installed Application Deployment Package .air file HTML PNG, JPEG... SWF PDF

74. ILOG Elixir Advanced Data Visualization for Adobe Flex

76. ILOG Elixir Components