Adobe Flash Catalyst for Agile Interaction Design

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

description

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. - PowerPoint PPT Presentation

Transcript of Adobe Flash Catalyst for Agile Interaction Design

Page 1: Adobe Flash Catalyst for Agile Interaction Design

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

Adobe Flash Catalyst for Agile Interaction DesignHarish Sivaramakrishnan | Computer Scientist & Platform Evangelist

1

Page 2: Adobe Flash Catalyst for Agile Interaction Design

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

Agenda

Brief Flash Platform and Tooling Overview

Flash Catalyst

Flash Builder

Demo

Q & A

Page 3: Adobe Flash Catalyst for Agile Interaction Design

© 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

Page 4: Adobe Flash Catalyst for Agile Interaction Design

© 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

Page 5: Adobe Flash Catalyst for Agile Interaction Design

© 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

Page 6: Adobe Flash Catalyst for Agile Interaction Design

© 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

Page 7: Adobe Flash Catalyst for Agile Interaction Design

© 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

Page 8: Adobe Flash Catalyst for Agile Interaction Design

© 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

Page 9: Adobe Flash Catalyst for Agile Interaction Design

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

Flash Catalyst features

Interaction

Design

LayoutDesign

Cross-product

Integration

Page 10: Adobe Flash Catalyst for Agile Interaction Design

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

Demo

Interactive Dashboard

Phase 1: Design

Page 11: Adobe Flash Catalyst for Agile Interaction Design

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

Flash Builder 4

Take your flex apps to the next level!

Page 12: Adobe Flash Catalyst for Agile Interaction Design

© 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

Page 13: Adobe Flash Catalyst for Agile Interaction Design

© 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

Page 14: Adobe Flash Catalyst for Agile Interaction Design

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

Demo

Interactive Dashboard

Phase 2: Adding the data to our design

Page 15: Adobe Flash Catalyst for Agile Interaction Design

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

Q & A

Page 16: Adobe Flash Catalyst for Agile Interaction Design

© 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

Page 17: Adobe Flash Catalyst for Agile Interaction Design

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