© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Adobe Flash Catalyst for Agile Interaction DesignHarish Sivaramakrishnan | Computer Scientist & Platform Evangelist
1
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 2
Agenda
Brief Flash Platform and Tooling Overview
Flash Catalyst
Flash Builder
Demo
Q & A
© 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 PlayerAIR
BlazeDSData Services
© 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
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Flash Platform Tooling Investments
Increased ProductivityRapid design and development
Integration with Servers and ServicesQuickly and easily integrate with existing infrastructure
Expressive ApplicationsBuild more expressive applications and content
© 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
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Current Workflow
Today’s workflow produces static designs that have limited use in development
Design Development
Visual Design Define user experience
Import visual assets Implement user experience Development
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
New Workflow
The new workflow produces functional designs that can be leveraged in development
Design Development
Visual Design Interaction Design
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Flash Catalyst features
Interaction
Design
LayoutDesign
Cross-product
Integration
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Demo
Interactive Dashboard
Phase 1: Design
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Flash Builder 4
Take your flex apps to the next level!
© 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
© 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
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Demo
Interactive Dashboard
Phase 2: Adding the data to our design
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Q & A
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Contact
Email: [email protected]
Web: http://blog.flexgeek.in
Twitter: @hsivaram
Facebook: http://facebook.com/harishsivaramakrishnan
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Top Related