From Flash to iPhone

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    Notes on slide 1

    1 Favorite

    From Flash to iPhone - Presentation Transcript

    1. Tuesday, March 3, 2009
    2. Tuesday, March 3, 2009
    3. From Flash to iPhone How to effectively convert and recyle Flash content to native iPhone applications taking advantage of all device features and without leaving coolness behind © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    4. About me Emanuele Cipolloni, CTO of Barefoot Software Inc. ★ ★ Specialized in User Interface technologies Background: - 10 Years in Embedded Devices UI Engines development - 7 Years in the Mobile world © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    5. What you’re going to see today Meet the new iPhone 3G © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    6. What you’re going to see today Meet the new iPhone 3G © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    7. What you’re going to see today Meet the new iPhone 3G © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    8. Why Flash developers should be interest at all? © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    9. Why Flash developers should be interest at all? You know already many of the concepts behind the iPhone UI & SDK (hint: ⌘-Enter) © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    10. Why Flash developers should be interest at all? You know already many of the concepts behind the iPhone UI & SDK (hint: ⌘-Enter) You can re-use the vast majority of graphics © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    11. Why Flash developers should be interest at all? You know already many of the concepts behind the iPhone UI & SDK (hint: ⌘-Enter) You can re-use the vast majority of graphics but more important..... © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    12. The secret (?!?!) sauce of the iPhone © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    13. The secret (?!?!) sauce of the iPhone Before the introduction of the iPhone platform, writing a successful application was only the first of many challenges: making users aware of its existence, promoting it, selling it and making sure the users are downloading the right version for the right handset model all make for a difficult ‘to-market’ process. Apple not only created one of the most compelling, complete and stable development environments for any portable device currently in the market, they also created an entire eco-system that will ensure users can buy, install, update and use applications with the same ease already enjoyed by iPod users through iTunes. © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    14. Is there really a market for native applications? © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    15. Is there really a market for native applications? iPhone users produce an ARPU* 70% higher** and use 80% more of the features provided by the platform. iPhone users already install more applications compared to ANY other mobile platform. *Average Revenue Per User **compared to non-Smartphone users research based on data released by AT&T in the US © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    16. How to be part of the club © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    17. How to be part of the club Mac (any Intel based model) XCode and iPhone SDK (free from Apple) iPhone or iPod Touch (optional) Certificate (to release) © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    18. Let’s start © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    19. Let’s start UI Models © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    20. Let’s start UI Models Flash D-I-Y ★ ★ Complete set UI components ★ Easily skinnable (themes) ★ Not suitable for Touch screen operations ★ One input at a time © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    21. Let’s start UI Models Flash iPhone D-I-Y Pre made ★ ★ ★ Complete set UI components ★ Advanced UI components ★ Easily skinnable (themes) ★ Not so easily skinnable ★ Not suitable for Touch screen ★ Designed for Touch screen operations operations ★ One input at a time ★ Supportd multi touch © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    22. Let’s start © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    23. Let’s start Display rendering models © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    24. Let’s start Display rendering models Flash Display List Based ★ ★ Controlled by Flash Player ★ Vector rasterization oriented © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    25. Let’s start Display rendering models Flash iPhone Display List Based Hybrid ★ ★ ★ Controlled by Flash Player ★ Controlled by application ★ Vector rasterization oriented ★ Bitmap rendering oriented © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    26. What you are going to miss © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    27. What you are going to miss No time line © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    28. What you are going to miss No time line No video (unless full screen) © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    29. What you are going to miss No time line No video (unless full screen) No support for compressed sounds © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    30. What you are going to miss No time line No video (unless full screen) No support for compressed sounds Fast vectors (well, not in FlashLite.....) © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    31. What you are going to miss No time line No video (unless full screen) No support for compressed sounds Fast vectors (well, not in FlashLite.....) No custom fonts © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    32. The MVC Model © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    33. The MVC Model M = Model (holds data data structures of application) ★ © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    34. The MVC Model M = Model (holds data data structures of application) ★ ★ V = View (the UI of the application) © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    35. The MVC Model M = Model (holds data data structures of application) ★ ★ V = View (the UI of the application) ★ C = Controller (validate user input, glue the M & V) © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    36. The MVC Model M = Model (holds data data structures of application) ★ ★ V = View (the UI of the application) ★ C = Controller (validate user input, glue the M & V) There are a growing number of framework for Flash that support the MVC model iPhone SDK is built with the MVC from the ground up © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    37. The V in MVC © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    38. The V in MVC The fundamental class for UI display and handling is the UIView © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    39. The V in MVC The fundamental class for UI display and handling is the UIView Think of UIView as the MovieClip class in ActionScript © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    40. The V in MVC The fundamental class for UI display and handling is the UIView Think of UIView as the MovieClip class in ActionScript UIView == MovieClip © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    41. No more slides (for a while....) © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    42. No more slides (for a while....) Code Time © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    43. What’s new at Barefoot? © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    44. What’s new at Barefoot? Imagine a new technology that enables millions* of Flash developers to turn their Flash content and applications into “first class citizen” applications and effortlessly deliver them to the iPhone/iPod Touch while respecting all requirements from Apple? *2.3 millions according to Adobe figures © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    45. What’s new at Barefoot? Imagine a new technology that enables millions* of Flash developers to turn their Flash content and applications into “first class citizen” applications and effortlessly deliver them to the iPhone/iPod Touch while respecting all requirements from Apple? Welcome to the world of *2.3 millions according to Adobe figures © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    46. What b.Tween™ does Flash Application Flash Player © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    47. What b.Tween™ does Flash applications are “imprisoned” within the player Flash Application Flash Player © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    48. What b.Tween™ does With b.Tween™ Native Application Flash Application b.Tween GPRS/WiFi Libs Bluetooth Cocoa Touch Hardware Application is free again © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    49. What b.Tween™ does With b.Tween™ Native Application Flash Application b.Tween GPRS/WiFi Libs Bluetooth Cocoa Touch Hardware Can access all the features of the hosting platform © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    50. What b.Tween™ does With b.Tween™ Native Application Flash Application b.Tween GPRS/WiFi Libs Bluetooth Cocoa Touch Hardware b.Tween™ is a platform enabler not an obstacle © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    51. Benefits from using b.Tween™ © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    52. Benefits from using b.Tween™ User Benefits Legal applications easily accessible from within AppStore library Runs native on iPhone/iPod Touch – no plug-in, hack or work around Downloads and installs like any another AppStore product Access to a huge library of existing Flash applications ported to iPhone/iPod Touch Developer Benefits Re-use of existing Flash portfolio Rapid porting process Easy access to clients through one of the largest mobile portals – iTunes Speed to market – no long development times Legally deploy same application on iPhone/iPod Touch © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    53. How it happens - Conversion from Flash © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    54. How it happens - Conversion from Flash 1. Movie is dissected by reAnimator 2. Resources are converted & exported 3. ActionScript is converted to C++ (semi...) 4. Framed animations are exported © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    55. How it happens - Direct API access © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    56. How it happens - Direct API access One function says (and makes) it all: U32 eyeGTCanvas = egtCreateCanvas(); • C context based API • No use of pointers/classes • No memory leakages possible • API design maps 1:1 to Flash rendering capabilities © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    57. Basics of b.Tween™ b.Tween uses a dictionary based system © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    58. Basics of b.Tween™ b.Tween uses a dictionary based system Particle Dictionary © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    59. Basics of b.Tween™ b.Tween uses a dictionary based system Particle Dictionary Sound ID 1 Shape ID 2 Shape ID 3 abcd Font ID 4 © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    60. Basics of b.Tween™ b.Tween uses a dictionary based system Particle Dictionary Sound ID 1 Shape ID 2 Shape ID 3 abcd Font ID 4 button Text ID 5 © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    61. Basics of b.Tween™ b.Tween uses a dictionary based system Particle Dictionary Sound ID 1 Shape ID 2 Shape ID 3 abcd Font ID 4 button Text ID 5 Button ID 6 button up to 65,535 particles © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    62. Basics of b.Tween™ © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    63. Basics of b.Tween™ Screen Display List © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    64. Basics of b.Tween™ Screen Display List egtProcessDisplayList Place Particle Rotate Alpha Scale © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    65. Basics of b.Tween™ Screen Display List egtProcessDisplayList Place Particle Rotate Alpha Scale © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    66. Basics of b.Tween™ Screen Display List egtProcessDisplayList Place Particle Rotate Alpha Scale © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    67. Basics of b.Tween™ Screen Display List egtProcessDisplayList Place Particle Rotate Alpha Scale © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    68. Basics of b.Tween™ Screen Display List egtProcessDisplayList Place Particle Rotate Alpha Scale © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    69. Basics of b.Tween™ Screen Display List egtProcessDisplayList Place Particle Rotate Alpha Scale End Frame 1 © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    70. Basics of b.Tween™ Portability features One single class contains the whole application © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    71. Basics of b.Tween™ Portability features One single class contains the whole application Control interface eyeGT b.Tween CeyeGTMyApp eyeGT GUI Engine b.Tween Framework © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    72. Basics of b.Tween™ Portability features One single class contains the whole application Control interface eyeGT b.Tween CeyeGTMyApp eyeGT GUI Engine b.Tween Framework © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    73. Basics of b.Tween™ Portability features One single class contains the whole application Control interface eyeGT b.Tween CeyeGTMyApp eyeGT GUI Engine b.Tween Framework © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    74. Basics of b.Tween™ Portability features One single class contains the whole application Control interface eyeGT b.Tween CeyeGTMyApp eyeGT GUI Engine b.Tween Framework © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    75. Basics of b.Tween™ Portability features One single class contains the whole application Control interface eyeGT b.Tween CeyeGTMyApp eyeGT GUI Engine b.Tween Framework © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    76. First porting 21 July 2008 Original Ported © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    77. First porting 21 July 2008 World renowned Boulevart™ produced a guide in FlashLite for the Multi-Mania 2008 event. The guide was ported to the iPhone/iPod Touch in less than two days using b.Tween and was enhanced using additional vector graphics and iPhone specific features such as multi-touch and gestures. Original Ported © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    78. Some more.... © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    79. Some more.... Code Time © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    80. Some more.... Code Time (some example have been stolen with permission from Keith Peters’ blog at http://www.bit-101.com) © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    81. From here: some books that really help © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    82. From here: some books that really help Beginning iPhone Development: Exploring the iPhone SDK iPhone SDK Application Development: Building Applications for the AppStore The iPhone Developer's Cookbook: Building Applications with the iPhone SDK © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    83. From here: more Flashers at 360iDev • Keith Peters - “Making Things Move on the iPhone” • James Eberhardt - “Learning the iPhone SDK from a Flash Developer’s Perspective” • Scott Janousek - Wicked Cool Things with the Accelerometer © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    84. From here: downloads This presentation and examples code http://www.barefootmobile.com/LelesFtp/360iDev/ Follow my blog for more Flash to iPhone http://www.barefootmobile.com/blogs/blinky/ © Barefoot Software, Inc. 2002 - 2009 Tuesday, March 3, 2009
    85. Tuesday, March 3, 2009
    86. Thank you! Tuesday, March 3, 2009
    87. Tuesday, March 3, 2009
    88. Tuesday, March 3, 2009
    SlideShare Zeitgeist 2009

    + John WilkerJohn Wilker Nominate

    custom

    1010 views, 1 favs, 0 embeds more stats

    Emanuele Cipolloni - From Flash to iPhone. Non Game more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 1010
      • 1010 on SlideShare
      • 0 from embeds
    • Comments 0
    • Favorites 1
    • Downloads 48
    Most viewed embeds

    more

    All embeds

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories

    Tags

    -->
    What's New

    © 2009 SlideShare Inc. All rights reserved.