Prototyping Adobe AIR Applications with Fireworks CS4
Upcoming SlideShare
Loading in...5
×
 

Prototyping Adobe AIR Applications with Fireworks CS4

on

  • 6,496 views

This presentation gives an overview of prototyping AIR applications using Fireworks CS4. You can get the source for the prototyped application here: ...

This presentation gives an overview of prototyping AIR applications using Fireworks CS4. You can get the source for the prototyped application here: http://scalenine.com/blog/2008/12/01/adobe-max-presentation-and-source/

Statistics

Views

Total Views
6,496
Views on SlideShare
5,526
Embed Views
970

Actions

Likes
7
Downloads
114
Comments
0

13 Embeds 970

http://scalenine.com 948
http://elotonoeneducacioninfantil.blogspot.com 4
http://air-arulmurugant.blogspot.com 3
https://eportal.exactsoftware.com 3
http://test.visualcv.com 3
http://translate.googleusercontent.com 2
http://air-arulmurugant.blogspot.co.uk 1
file:// 1
http://sermicro2.asimag.es 1
http://che2010.blogspot.com 1
http://www.slideshare.net 1
http://test-embed.utagoe.com 1
http://elotonoeneducacioninfantil.blogspot.com.es 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Prototyping Adobe AIR Applications with Fireworks CS4 Prototyping Adobe AIR Applications with Fireworks CS4 Presentation Transcript

  • Prototyping Adobe AIR Applications with Fireworks CS4 Juan Sanchez MAX 2008 ® Copyright 2008 Adobe Systems Incorporated. All rights reserved.
  • Who is this guy? ® Copyright 2008 Adobe Systems Incorporated. All rights reserved.
  • Introduction  The Bene ts of Prototyping  Why Adobe Fireworks CS4?  How Adobe AIR Fits into the Picture  A Live Look ® Copyright 2008 Adobe Systems Incorporated. All rights reserved.
  • The Bene ts of Prototyping  Helps all parties gain easy understanding of goal  Helps the internal team build the nal product more accurately  Reduces the documentation overhead  Reduces misinterpretation  Generates excitement for internal buy-off, funding, or demonstration ® Copyright 2008 Adobe Systems Incorporated. All rights reserved.
  • Why Fireworks?  Easy Creation  Fast, drag and drop environment that allows for bitmaps and vector  Pages and states allow for organized structure  Styles and symbols for easy construction and updating  Easy hotspots for links, code, behaviors  Fast Deployment  Deploy to multiple environments simultaneously (HTML, SWF, Flex, FXG, AIR, PDF)  Assets are production-ready  Create prototypes quickly without investing time in coding  Customizable  Extend Fireworks through a robust scripting environment ® Copyright 2008 Adobe Systems Incorporated. All rights reserved.
  • Structuring the Application ® Copyright 2008 Adobe Systems Incorporated. All rights reserved.
  • Tying Things Together  Slices  Cuts images up for easy image swapping  Attach links, behaviors and code  Links  Allow you to jump to other Pages  Attach behaviors and code  Behaviors  Attach actions like Swap Image or Rollover  Triggered by interactions like onClick, onMouseOver, etc.  Code (JSF)  Scripting used in Fireworks for advanced scenarios ® Copyright 2008 Adobe Systems Incorporated. All rights reserved.
  • How AIR Fits into the Picture  Adobe AIR  Build rich Internet applications that deploy to the desktop and run across operating systems  Desktop Prototyping  Custom Chrome, Desktop Icon, etc.  Consider the operating system’s (OS) guidelines  Integrated experiences with the OS (e.g., Filesystem, Drag-Drop, Windowing)  Browser within app, instead of app within browser  Apple Human Interface Guidelines  http://developer.apple.com/documentation/UserExperience/index.html  Windows User Experience Guidelines  http://msdn.microsoft.com/en-us/library/aa511258.aspx ® Copyright 2008 Adobe Systems Incorporated. All rights reserved.
  • Let’s Prototype Something!  Plan it out  Diagram and sketch  Interaction models  Lay it out  Structure the pages, layers and states  Design and build  Design key screens rst  Build symbol and style library  Build states  Fill in the rest of the pages and states  Link pages and assign rollovers  Export to Adobe AIR ® Copyright 2008 Adobe Systems Incorporated. All rights reserved.
  • What we’re Prototyping ® Copyright 2008 Adobe Systems Incorporated. All rights reserved.
  • Recommended Resources  Fireworks and Skinning  senocular.com  weblogs.macromedia.com/amusselman  reworksguru.com  scalenine.com  Adobe AIR Showcases  adobe.com/products/air/showcase  refreshingapps.com  airapps.pbwiki.com  Interface Guidelines  developer.apple.com/documentation/UserExperience/index.html  msdn.microsoft.com/en-us/library/aa511258.aspx  adobe.com/devnet/ ex/ g ® Copyright 2008 Adobe Systems Incorporated. All rights reserved.
  • Questions? juan.sanchez@effectiveui.com ® Copyright 2008 Adobe Systems Incorporated. All rights reserved.