1. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Adobe Flash Catalyst for Agile Interaction Design Harish Sivaramakrishnan | Computer Scientist & Platform Evangelist 1

2. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2 Agenda  Brief Flash Platform and Tooling Overview  Flash Catalyst  Flash Builder  Demo  Q & A

3. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 3 Applications, Content and Video Adobe Flash Platform Flash Builder Flash CS4 Professional Tools to Design and Develop Clients Servers/ Services Framework AMF, XML, JSON, SOAP, RSS, ATOM, etc. HTTP/S, Sockets, RTMP, etc. Applications, Content and Video Flash Catalyst Flex Flash Media Server Family Flash Player AIR BlazeDS Data Services

4. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Flash Platform Tools Create immersive experiences and video content Transform artwork into functional application user interfaces Develop cross-platform rich Internet applications Enabling developers and designers to collaboratively build applications and interactive content Interaction design tool for designers to rapidly create Flex application user interfaces without coding IDE for software developers to rapidly build cross- platform applications using the Flex framework and interactive content using ActionScript Authoring tool for designers and developers who want to create free-form and immersive interactive content

5. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Flash Platform Tooling Investments Increased Productivity Rapid design and development Integration with Servers and Services Quickly and easily integrate with existing infrastructure Expressive Applications Build more expressive applications and content

6. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Flash Catalyst A professional interaction design tool for rapidly creating the user experience of applications and interactive content without coding

7. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Current Workflow Today’s workflow produces static designs that have limited use in development DesignDevelopment  Visual Design  Define user experience  Import visual assets  Implement user experience  Development

8. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. New Workflow The new workflow produces functional designs that can be leveraged in development DesignDevelopment  Visual Design  Interaction Design

9. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Flash Catalyst features Interaction Design Layout Design Cross- product Integration

10. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Demo Interactive Dashboard Phase 1: Design

11. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Flash Builder 4 Take your flex apps to the next level!

12. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Approaching Flex Applications And regardless of initial focus, implementing & testing code is similar Coding  Hand coding  Maintainability  Code formatting Testing and Deployment  Profiling  Debugging  Build process DESIGN FOCUSED DATA FOCUSED

13. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Flash Builder 4 Themes Support both design and data focused apps in a productive environment Designer/Developer  Remain true to the design  Facilitate workflows  Eliminate manual steps Data-Centric Development  Support many different back-ends  Simplify managing data  Generate data-aware UI IDE Productivity & Testing  Improve hand-coding  Speed up tuning & debugging  Fit in with established testing and build processes

14. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Demo Interactive Dashboard Phase 2: Adding the data to our design

15. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Q & A

16. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Contact Email: hsivaram@adobe.comhsivaram@adobe.com Web: http://blog.flexgeek.inhttp://blog.flexgeek.in Twitter: @hsivaram Facebook: http://facebook.com/harishsivaramakrishnan

17. © 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.