Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Designer & Developer Work Flow for Flex Builder

2.284 visualizaciones

Publicado el

Adobe CS4 & Flex Builder 3

Publicado en: Tecnología, Empresariales
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://shorturl.at/mzUV6 } ......................................................................................................................... Download Full EPUB Ebook here { http://shorturl.at/mzUV6 } ......................................................................................................................... Download Full doc Ebook here { http://shorturl.at/mzUV6 } ......................................................................................................................... Download PDF EBOOK here { http://shorturl.at/mzUV6 } ......................................................................................................................... Download EPUB Ebook here { http://shorturl.at/mzUV6 } ......................................................................................................................... Download doc Ebook here { http://shorturl.at/mzUV6 } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://shorturl.at/mzUV6 } ......................................................................................................................... Download Full EPUB Ebook here { http://shorturl.at/mzUV6 } ......................................................................................................................... Download Full doc Ebook here { http://shorturl.at/mzUV6 } ......................................................................................................................... Download PDF EBOOK here { http://shorturl.at/mzUV6 } ......................................................................................................................... Download EPUB Ebook here { http://shorturl.at/mzUV6 } ......................................................................................................................... Download doc Ebook here { http://shorturl.at/mzUV6 } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • -- DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT -- ......................................................................................................................... ......................................................................................................................... Download FULL PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... (Unlimited)
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí

Designer & Developer Work Flow for Flex Builder

  1. 1. Designer / Developer Workflow CS4 & Flex Bess Ho Silicon Valley Web Builder (SVWB) Flex User Group Adobe Headquarter May 12th at SF & May 14th 2009 at SJ
  2. 2. Bess Ho iPhone SDK / Web Developer UI Developer / Designer Blog: webbuilders.wordpress.com Founder of Silicon Valley Web Builder (SVWB) Website: svwebbuilder.com Coming Soon Releasing iTune App Store
  3. 3. Design & Development Workflow Checklist <ul><li>Create & modify Flex Skin </li></ul><ul><li>Wire frame </li></ul><ul><li>Prototype </li></ul><ul><li>Layout in MXML </li></ul><ul><li>Styling in CSS </li></ul><ul><li>Backgrounds </li></ul><ul><li>Images </li></ul>
  4. 4. Options: Adobe CS4 For Flex Builder Support <ul><li>Photoshop CS4 </li></ul><ul><li>Illustrator CS4 </li></ul><ul><li>Flash CS4 </li></ul><ul><li>Firework CS4 </li></ul><ul><li>What product gives you the most support for Flex Builder in building RIA? </li></ul>
  5. 5. CS4 Photoshop <ul><li>No results on Flex or Skin </li></ul><ul><li>Save image as PNG </li></ul><ul><li>Import single PNG file one at a time </li></ul>
  6. 6. CS4 Flash <ul><li>No results on Flex or Skin </li></ul><ul><li>Save image as Image or Movie </li></ul><ul><li>Import single file one at a time </li></ul>
  7. 7. Most Common Request Flex Skinning <ul><li>Flex Builder Design Library </li></ul><ul><li>Includes buttons, tabs, bars, form elements </li></ul><ul><li>Includes states </li></ul>
  8. 8. CS4 Illustrator
  9. 9. CS4 Illustrator 26 Components Entire Skin flex_skins.ait
  10. 10. CS4 Illustrator
  11. 11. CS4 Illustrator
  12. 12. CS4 Illustrator Maximum 6 States Disabled Up Over Down Selected Up Selected Disabled Design Tips 2 Color Tone Default: Blue and Grey
  13. 13. CS4 Illustrator
  14. 14. CS4 FireWorks
  15. 15. CS4 Fire Works Commands > Flex Skinning > New Flex Skin Commands > Flex Skinning > Export Flex Skin You’ll get: A folder of Flex skin images
  16. 16. CS4 FireWorks Commands > Flex Skinning > New Flex Skin File > Export You’ll get: MXML file & A folder of Flex skin images File > MXML & Images
  17. 17. CS4 FireWorks
  18. 18. CS4 FireWorks
  19. 19. CS4 FireWorks
  20. 20. CS4 FireWorks
  21. 21. CS4 FireWorks
  22. 22. CS4 FireWorks
  23. 23. CS4 FireWorks <?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?> <mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot; width=&quot;900&quot; height=&quot;2050&quot; layout=&quot;absolute&quot; backgroundGradientColors=&quot;[#FFFFFF, #FFFFFF]&quot;> <mx:Style> .textStyle { fontFamily:ArialMT; fontSize:10; color:#FFFFFF; } .textStyle2 { fontFamily:ArialMT; fontSize:18; color:#FFFFFF; } .textStyle3 { fontFamily:ArialMT; fontSize:14; color:#FFFFFF; } </mx:Style>
  24. 24. CS4 FireWorks <mx:Image source=&quot;images/Image.png&quot; x=&quot;0&quot; y=&quot;0&quot; width=&quot;900&quot; height=&quot;2050&quot;/> <mx:Image source=&quot;images/Image2.png&quot; x=&quot;37&quot; y=&quot;79&quot; width=&quot;824&quot; height=&quot;1887&quot;/> <mx:Image source=&quot;images/Image3.png&quot; x=&quot;49&quot; y=&quot;89&quot; width=&quot;803&quot; height=&quot;1860&quot;/> More… <mx:Image id=&quot;grid background&quot; source=&quot;images/grid background.png&quot; x=&quot;391&quot; y=&quot;1539&quot; width=&quot;98&quot; height=&quot;18&quot;/> <mx:Image id=&quot;grid background2&quot; source=&quot;images/grid background2.png&quot; x=&quot;391&quot; y=&quot;1539&quot; width=&quot;98&quot; height=&quot;10&quot;/> <mx:Image id=&quot;grid background3&quot; source=&quot;images/grid background3.png&quot; x=&quot;563&quot; y=&quot;1538&quot; width=&quot;20&quot; height=&quot;20&quot;/> <mx:Image id=&quot;grid background4&quot; source=&quot;images/grid background3.png&quot; x=&quot;534&quot; y=&quot;1538&quot; width=&quot;20&quot; height=&quot;20&quot;/>
  25. 25. Big Picture: Building RIA <ul><li>Flex Skin is a small part </li></ul><ul><li>You can build RIA without using Flex Skin import </li></ul>Wire Frame Prototype Images Layout Export Import Big Question: Which product do I use?
  26. 26. Firework CS4 <ul><li>Rapid Prototyping including Wire Frame, Prototype, Export </li></ul>Wire Frame Prototype Images Layout Export Import
  27. 27. New Flex Project CookingFor Food Recipe Finder Where you can find and track recipes quickly
  28. 28. Work Flow Define Product Definition Define Product Deliverables Create User Cases & Stories Define Technical Specifications Define Visual Specifications A new Flex project Communications Documentations Teamwork Signoff & Approval Effectiveness Collaborations
  29. 29. Firework CS4 Wire Frame Demonstrate Wire Frame within Firework CS4 Export PDF for acceptance
  30. 30. Firework CS4 Wire Frame
  31. 31. Firework CS4 Wire Frame
  32. 32. Firework CS4 Wire Frame Export PDF for acceptance
  33. 33. Firework CS4 Demonstrate Prototype within Firework CS4 Prototype Export PDF for acceptance
  34. 34. Firework CS4 Prototype Export PDF for acceptance
  35. 35. Export Options <ul><li>PDF (Reviewing) </li></ul><ul><li>HTML & Images </li></ul><ul><li>CSS & Images </li></ul><ul><li>MXML & Images </li></ul>Big Question: Which Export option will work with Flex Builder Import?
  36. 36. Export Options <ul><li>HTML & Images </li></ul><ul><li>CSS & Images </li></ul><ul><li>MXML & Images </li></ul>Big Question: Which Export option will work with Flex Builder Import? NO NO NO
  37. 37. Export Options <ul><li>HTML & Images </li></ul><ul><li>CSS & Images </li></ul><ul><li>MXML & Images </li></ul>Big Question: Which Export option will work with Flex Builder Import? NO NO Partially Workable
  38. 38. Flex Builder Import <ul><li>Won’t accept HTML </li></ul><ul><li>Won’t accept CSS layout </li></ul><ul><ul><li><div> won’t work </li></ul></ul><ul><ul><li>Firework prototype approach using rectangle layer won’t work </li></ul></ul><ul><li>Won’t accept MXML layout 100% </li></ul><ul><ul><li>accept style but won’t allow to rename </li></ul></ul><ul><ul><li>Won’t optimize image other than GIF </li></ul></ul><ul><ul><li>MXML layout is absolute, not fluid </li></ul></ul><ul><ul><li>Background images are not optimized </li></ul></ul>
  39. 39. Flex Builder Import What’s NEXT?
  40. 40. Firework CS4 Book Foundation Fireworks CS4 by Grant Hinkson (Author), Craig Erskine (Author), Matt Heerema (Author), Chuck Mallott (Author), Matthew Keefe (Author), Hugh Griffith (Author) Paperback: 282 pages Publisher: friends of ED; 1 edition (March 23, 2009) ISBN-10: 1430216182 ISBN-13: 978-1430216186
  41. 41. Flex 3 Book Creating Visual Experiences with Flex 3.0 by Juan Sanchez (Author), Andy McIntosh (Author) Paperback: 432 pages Publisher: Addison-Wesley Professional; 1 edition (November 27, 2008) ISBN-10: 0321545370 ISBN-13: 978-0321545374
  42. 42. Questions & Answers
  43. 43. Bess Ho iTune App Store Help!

×