Workflow Refactoring

2,043 views
2,007 views

Published on

Flash website design + develop workflow.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,043
On SlideShare
0
From Embeds
0
Number of Embeds
1,066
Actions
Shares
0
Downloads
27
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Workflow Refactoring

  1. 1. Kevin CaoFlash Designer, DeveloperCreative Technologist
  2. 2. Workflow Refactoring Flash Design + Develop
  3. 3. Overview•  Principle•  Design in Flash•  Export Assets for Development•  Develop in FDT•  Conclusion
  4. 4. Workflow Refactoring•  Workflow•  Workflow•  Workflow•  Agile TDD…
  5. 5. Principle• • • • • 
  6. 6. Project Folder Structure/bin/build Antbuild.xml/fla Flash/lib SWC/src ActionScript
  7. 7. Design in Flash•  Animation•  Visual asset•  Component skin
  8. 8. Design in Flash Don’t do that.
  9. 9. Design in Flash• •  dispatchEvent(new Event(Event.COMPLETE));
  10. 10. Export Assets for Development•  Export as SWF•  Export as SWC
  11. 11. Export Assets for Development
  12. 12. Use SWF
  13. 13. SWC•  SWC MC Graphic Sound… ActionScript•  SWC•  Flash Flex/FDT SWC•  SWC SWF
  14. 14. Export SWC in Flash SWC SWF
  15. 15. Use SWC
  16. 16. SWF vs. SWCSWF SWC
  17. 17. Best Practice for Exporting Assets•  SWF assets•  S Symbol ActionScript Flash
  18. 18. Develop in FDT•  API•  Component•  Model/Service•  Page/View•  Mediator•  Debug•  Testing
  19. 19. Why using FDT ?• • • • •  Debug & Profiler•  Ant
  20. 20. Debug & Profiler• • 
  21. 21. Testing ActionScript
  22. 22. Conclusion•  The Good•  The Bad•  Solution•  Examples
  23. 23. The Good• •  FDT•  mxmlc• • • • 
  24. 24. The Bad• 
  25. 25. The Solution• •  Flash IDE•  JSFL ANT• 
  26. 26. Example #1SimpleButton ?MCButton ?
  27. 27. Example #1Guideline / Standard
  28. 28. Example #1Component More Information: http://github.com/kyoji2/KafeComponent
  29. 29. Example #2Design dispatchEvent(new AnimationEvent(AnimationEvent.IN_START)); dispatchEvent(new AnimationEvent(AnimationEvent.IN)); dispatchEvent(new AnimationEvent(AnimationEvent.OUT_START)); dispatchEvent(new AnimationEvent(AnimationEvent.OUT));
  30. 30. Example #2Develop var myStandardInOut:StandardInOut = new StandardInOut(myMovieClip); myStandardInOut.addEventListener(AnimationEvent.IN, _onAnimateIn_handler); myStandardInOut.animateIn(); function _onAnimateIn_handler($evt:AnimationEvent) { trace(“In Animation Complete”); } More Information: http://www.bigspaceship.com/blog/labs/bss-actionscript-the-display-package https://github.com/bigspaceship/as3
  31. 31. Demo…
  32. 32. Questions?
  33. 33. More on Gaia + RL•  http://kevincao.com/2010/09/robotgaia-update/•  http://kevincao.com/2010/03/workflow-further-thought/
  34. 34. Thank You ! Kevin Cao (@kyoji2) http://kevincao.com kevin@kevincao.com

×