1 / 17

Adobe Flash Catalyst for Agile Interaction Design

Adobe Flash Catalyst for Agile Interaction Design. Harish Sivaramakrishnan | Computer Scientist & Platform Evangelist. Agenda. Brief Flash Platform and Tooling Overview Flash Catalyst Flash Builder Demo Q & A. Adobe Flash Platform. Applications, Content and Video.

amalia
Download Presentation

Adobe Flash Catalyst for Agile Interaction Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Adobe Flash Catalyst for Agile Interaction Design Harish Sivaramakrishnan | Computer Scientist & Platform Evangelist

  2. Agenda • Brief Flash Platform and Tooling Overview • Flash Catalyst • Flash Builder • Demo • Q & A

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

  4. Flash Platform Tools • Enabling developers and designers to collaboratively build • applications and interactive content Authoring tool for designers and developers who want to create free-form and immersive 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 Createimmersive experiences and video content Transformartwork into functional application user interfaces Developcross-platform rich Internet applications

  5. 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. Flash Catalyst A professional interaction design tool for rapidly creating the user experience of applications and interactive content without coding

  7. Current Workflow Design Development • Visual Design • Define user experience • Import visual assets • Implement user experience • Development Today’s workflow produces static designs that have limited use in development

  8. New Workflow Design Development • Visual Design • Interaction Design The new workflow produces functional designs that can be leveraged in development

  9. Flash Catalyst features InteractionDesign Cross-productIntegration LayoutDesign

  10. Demo Interactive Dashboard Phase 1: Design

  11. Flash Builder 4 Take your flex apps to the next level!

  12. Approaching Flex Applications And regardless of initial focus, implementing & testing code is similar DATA FOCUSED DESIGN FOCUSED • Coding • Hand coding • Maintainability • Code formatting • Testing and Deployment • Profiling • Debugging • Build process

  13. 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. Demo Interactive Dashboard Phase 2: Adding the data to our design

  15. Q & A

  16. Contact Email:hsivaram@adobe.com Web:http://blog.flexgeek.in Twitter: @hsivaram Facebook: http://facebook.com/harishsivaramakrishnan

More Related