Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Tools for Creating
WOW Experiences
  in Adobe Flex
    Chicago Flex Users Group
           May 2009

          by Pek Pong...
Presentation Outline
Presentation Outline

1. Intro
Presentation Outline

1. Intro
2. Tools
Presentation Outline

1. Intro
2. Tools
3. What’s Next?
Does Your Application Look Like
            This?
Think Outside the <mx:Box/
             >
Your Application Could Look Like
www.windowshop.com   Amazon Window Shop
http://www.mazdausa.com/MusaWeb/displayPage.action?pageParameter=mazda6   Mazda 6
www.coolflick.org   CoolFlick
www.fotoviewr.com   FotoViewr
Yeah, but these are consumer apps
Example of 3D Folder Navigation
Desktop AIR Widget
PokerVision 3D




http://pixelwelders.com/blog/game-design/2008/pokervision3d/
Tools
Scale Nine




www.scalenine.com
AIR app
    featuring components,
    skins, effects - sample
    resources
    w/ code




Tour De Flex
Degrafa

    declarative open source
    graphics framework

    ria uI
    data viz
    graphics rendering




www.degraf...
Degrafa Demo
Clean MXML
Encapsulated Styling
ActionScript 3D Libraries

          not as many users on
          sandy but some people
          find the structure easi...
AS3DMod




code.google.com/p/as3dmod
Vizual PV3D




www.juxtinteractive.com/work/vizualpv3d/
Natural User Interfaces
Nintendo Wii
Units Sold

100,000,000



 75,000,000



 50,000,000



 25,000,000



         0
              DS         Wii    Xbox360...
http://www.flickr.com/photos/jenniferraymond/2698136226/
Head Tracking
3D Earth with Head Tracking




http://blog.pekpongpaet.com/2009/05/10/3d-earth-with-head-tracking/
Augmented Reality
Twitter + Augmented Reality




http://blog.pekpongpaet.com/2009/04/05/twitter-augmented-reality/
Handwriting Recognition
Virtual Post It Board




http://blog.pekpongpaet.com/2009/04/13/concept-virtual-corkboard-with-handwriting-recognition-fo...
Resources
•   http://www.windowshop.com/
•   http://www.mazdausa.com/MusaWeb/displayPage.action?pageParameter=mazda6
•   h...
Pek Pongpaet


•   RIA Developer and Designer
•   Human Computer Interaction & User Experience
•   Roundarch




•   http:...
Tools For Creating Wow Experiences In Flex
Upcoming SlideShare
Loading in …5
×

Tools For Creating Wow Experiences In Flex

3,320 views

Published on

Chicago Flex Users Group Talk in May 2009 by Pek Pongpaet

  • Be the first to comment

Tools For Creating Wow Experiences In Flex

  1. 1. Tools for Creating WOW Experiences in Adobe Flex Chicago Flex Users Group May 2009 by Pek Pongpaet twitter: @wushudork email: ppongpaet@roundarch.com
  2. 2. Presentation Outline
  3. 3. Presentation Outline 1. Intro
  4. 4. Presentation Outline 1. Intro 2. Tools
  5. 5. Presentation Outline 1. Intro 2. Tools 3. What’s Next?
  6. 6. Does Your Application Look Like This?
  7. 7. Think Outside the <mx:Box/ >
  8. 8. Your Application Could Look Like
  9. 9. www.windowshop.com Amazon Window Shop
  10. 10. http://www.mazdausa.com/MusaWeb/displayPage.action?pageParameter=mazda6 Mazda 6
  11. 11. www.coolflick.org CoolFlick
  12. 12. www.fotoviewr.com FotoViewr
  13. 13. Yeah, but these are consumer apps
  14. 14. Example of 3D Folder Navigation
  15. 15. Desktop AIR Widget
  16. 16. PokerVision 3D http://pixelwelders.com/blog/game-design/2008/pokervision3d/
  17. 17. Tools
  18. 18. Scale Nine www.scalenine.com
  19. 19. AIR app featuring components, skins, effects - sample resources w/ code Tour De Flex
  20. 20. Degrafa declarative open source graphics framework ria uI data viz graphics rendering www.degrafa.org
  21. 21. Degrafa Demo
  22. 22. Clean MXML
  23. 23. Encapsulated Styling
  24. 24. ActionScript 3D Libraries not as many users on sandy but some people find the structure easier alternative performance is great but is not open source - russian -
  25. 25. AS3DMod code.google.com/p/as3dmod
  26. 26. Vizual PV3D www.juxtinteractive.com/work/vizualpv3d/
  27. 27. Natural User Interfaces
  28. 28. Nintendo Wii
  29. 29. Units Sold 100,000,000 75,000,000 50,000,000 25,000,000 0 DS Wii Xbox360 PS3
  30. 30. http://www.flickr.com/photos/jenniferraymond/2698136226/
  31. 31. Head Tracking
  32. 32. 3D Earth with Head Tracking http://blog.pekpongpaet.com/2009/05/10/3d-earth-with-head-tracking/
  33. 33. Augmented Reality
  34. 34. Twitter + Augmented Reality http://blog.pekpongpaet.com/2009/04/05/twitter-augmented-reality/
  35. 35. Handwriting Recognition
  36. 36. Virtual Post It Board http://blog.pekpongpaet.com/2009/04/13/concept-virtual-corkboard-with-handwriting-recognition-for-large-interactive-walls/
  37. 37. Resources • http://www.windowshop.com/ • http://www.mazdausa.com/MusaWeb/displayPage.action?pageParameter=mazda6 • http://www.coolflick.org/ • http://www.fotoviewr.com • http://flex.org/tour • http://www.degrafa.org/ • http://blog.papervision3d.org/ • http://wiiflash.bytearray.org/ • http://drawlogic.com/tag/marilena/ • http://www.libspark.org/wiki/saqoosha/FLARToolKit/en
  38. 38. Pek Pongpaet • RIA Developer and Designer • Human Computer Interaction & User Experience • Roundarch • http://www.twitter.com/wushudork • http://blog.pekpongpaet.com • http://www.roundarch.com

×