Upgrade to Pro — share decks privately, control downloads, hide ads and more …

PRACTICAL DESIGN & DEVELOPMENT WITH FLASH ON MOBILE & DEVICES

PRACTICAL DESIGN & DEVELOPMENT WITH FLASH ON MOBILE & DEVICES

I gave this presentation at FITC Mobile in Toronto sometime in 2009 to a group of less than one hundred mobile developers.

CONFERENCE: http://www.fitc.ca/

Scott Janousek

September 13, 2009
Tweet

More Decks by Scott Janousek

Other Decks in Technology

Transcript

  1. PRACTICAL DESIGN & DEVELOPMENT WITH FLASH ON MOBILE & DEVICES

    FITC Mobile 2009, Toronto Scott Janousek, Hooken Mobile
  2. Agenda ... we’ve got around 50 minutes for all this.

    INTRO FLASH PLATFORM OVERVIEW PRACTICAL DESIGN & DEVELOPMENT PROJECT DISCUSSION OUTRO Q & A
  3. Poll What do you like to get “jiggy” with? How

    many people are doing ... Flash? Symbian? iPhone? webOS? BlackBerry/RIM? Windows Mobile? Android?
  4. SCOTT JANOUSEK Founder, Hooken Mobile Developer, Evangelist, Author, Educator, Gadget

    Geek 9 years with Flash 4 years with Mobile & Devices My Platforms: Flash, Symbian, webOS, iPhone, Android Summary: I’m a gadget & device geek who happens to be a Flash Developer, also.
  5. My First Moble App Mobile Guide Application FITC 2005 Symbian

    S60 devices - Flash Lite 1.1 All good things come from FITC.
  6. ` Flash on Devices, Now ! I try to be

    a designer, but really, I’m more of a developer.
  7. Foundation Flash for Mobile Devices www.flashmobilebook.com AdvancED Flash on Devices:

    Mobile Development with Flash Lite and Flash 10 advancED.flashmobilebook.com Books Some resources if you’re interested in learning how to create Flash apps for Mobile & Devices.
  8. Flash is pervasive of Internet-enabled PC’s in the world run

    Flash of Alexa top 100 websites are using Flash of all video on the web is Flash 87% of Internet connected PCs worldwide have installed Flash Player 10 200 million AIR installs and growing There’s a ton of Flash being used out there. Source: Adobe
  9. Flash on the Desktop Widgets Advertising Video Consumer Tools Social

    Apps Business Apps Games Lots of use cases for Flash on the desktop and web ...
  10. Desktop to Device Web content & applications Standalone Applications Working

    with Flash on devices isn’t just “making things smaller”. New experiences are required!
  11. Market Penetration STRATEGIC ANALYTICS FORECAST 1 billion Flash enabled devices

    will have shipped by end of Q1 2009, one year ahead of Adobe’s 2007 schedule Close to 40% of all new mobile devices shipped with Flash in 2008 Source: Strategy Analytics 2008 www. ashmobileblog.com I’m pretty sure Dr. Evil from Austin Powers would love this slide.
  12. Flash on screens Desktops Portables & Mobile Non-Portables Embedded Flash

    is versatile across not just desktop, but other device platforms as well. Neat-o!
  13. Flash on SmartPhones HTC Hero (Android) Sony Ericsson idou Palm

    Pre (webOS)* Nokia N97 (S60 - Symbian) * Coming Soon ... These are some very tasty devices which support Flash (in some fashion).
  14. Adobe Digital Home Adobe wants to bring more Flash experiences

    into your living room. Sounds good to me.
  15. Open Screen Project Open Screen Project partners span the entire

    value chain Chipset vendors > OEMs > Operators > Brands & Content Providers Lots of big players in the OSP, and OEMS seem to love Flash, especially.
  16. Open Screen Project Singular experience, Multiple devices Enable consumers to

    engage with rich experiences seamlessly across any device, anywhere. This is the dream ... the reality is always some fragmentation, and it is challenging to avoid.
  17. .SWF = Flash Content .FLV = Flash Video Flash Lite

    1.x/2.x/3.x ... and soon, “Flash 10” Supported Device Platforms = Dozens of OEMS Lots going on in the Flash World !!! Flash Mobile & Devices Basics If you’re into Flash, SWF and FLV are your “friends”.
  18. Flash Lite vs. Flash 10 Flash Lite Optimized Flash Player

    for Mobile & Devices (1.x/2.x/3.x) Flash 10 * Coming soon to top-tier Mobile and other Devices (eta 2010) * It’ll probably be Q2-Q3 when Flash 10 is in signi cant #’s to really impact market.
  19. Markets to target ... U.I. Apps Browser Services Four “verticals”

    which make sense for using Flash on Mobile and Devices ...
  20. Prototyping Not everything has to work, but a Proof of

    Concept is nice practice to adopt.
  21. UI Components 1st Party Nokia Flash Lite Sony Ericsson 3rd

    Party Feather Framework (FL 2.x) Adobe XD UI Components (FL 1.1/2.x) Why reinvent the wheel? Search to see if UI components are available for your device platform.
  22. Wireframe and/or paper prototype Design lots of prototypes (“pieces” of

    app) Use Adobe Fireworks for compositions Learn design considerations for your target Reuse UI components when possible Designing: BEST PRACTICES Check out my main man, Thomas Joos, presentation: Tips & Tricks for Flash Lite Optimization
  23. The Flash Platform Tools to Design & Develop Adobe Flash

    CS4 Professional Adobe Flash Builder Framework Adobe Flex Clients Adobe Flash Player Adobe AIR Servers Adobe Flash Media Server Family BlazeDS Data Services Adobe Flash Catalyst Lots of goodies to use.
  24. IDE - Flash CS4 Flash CS4 is best whenever an

    app calls for heavy animation (e.g. games, screen savers, etc).
  25. IDE -3rd Party Flash Develop (AS2) Eclipse and other Open

    Source IDEs If you hate Flash CS4 and Flash “timelines”, there’s always MTASC with other IDEs.
  26. Which version to use? Simple Games, Screensavers + Wallpapers Custom

    User Interfaces Complex Apps, Web Services Integration, Data, APIs ACTIONSCRIPT 1.0 ACTIONSCRIPT 2.0, 3.0 * VS. To AS2, or not AS2, that is the question. Nowadays, you should be “AS2‘ing”. * coming soon ...
  27. Flash Lite Community Frameworks Shuriken Feather Framework I’ve used Feather

    framework on a few projects. Rough around edges, but saves time.
  28. Flash Lite APIs 1st Party 3rd Party Native Nokia Series

    60 Platform Services Sony Ericsson Project Capuchin Qualcomm BREW Mobile Platform fscommand2() Kuneri Lite SWFPack Janus Flyer If you want to tap into GPS, accelerometer, bluetooth, camera, etc you must extend Flash Lite.
  29. Develop - BEST PRACTICES Prototype pieces of app, then version

    1.0 Use AS 2.0 Frameworks for larger projects 1st & 3rd Party UI Components for reuse Use Flash Lite “Extenders” to tap APIs (GPS, etc) Use Flash CS4 for highly visual apps Use Eclipse & MTASC work ow for complex apps
  30. Testing: BEST PRACTICES Always test on physical targets (when possible)

    Adobe Device Central Task Plugins Automated Test Scripts Utilize Device Central Panels (memory, cpu, etc) Utilize testing services ... DeviceAnywhere, RDA ActionScript trace() is your friend with Flash Lite
  31. Packaging Nokia Devices .SIS, .NFL, .WGZ Windows Mobile .CAB Others

    .SWF, .JAR, & Misc Flash Lite apps can come packaged, just like Christmas Prezzies.
  32. Distributing Flash Mobile Content Check out Mark Doherty’s presentation: Flash

    Lite Distribution & Open Screen Fund at FITC! Also, Barclay & Burdick’s: Develop & Distribute for Nokia SmartPhones presentation!
  33. Deploying: BEST PRACTICES Figure out your business model, rst Scrutinize

    the #’s: devices, customers, etc Pick 1-2 device platforms to attack Seed free content to drive your pay apps Target FL 1.1 or FL 2.x for greater # devices
  34. Species Explorer Overview: Touchscreen App Flash Lite 3.x application Platform

    = Nokia S60 (Symbian) Targets = 5800 & N97 3-4 weeks project time Features: Geolocation (GPS) Camera Snapshots & Upload Data Exchange with Drupal The Nokia 5800 is a pretty sweet device to develop Flash Lite 3.x on.
  35. Species Explorer - Design Main menu Login Report Browse Details

    Map Not a ton of functionality in this app, but a fair amount of API.
  36. Questions ? Q & A Just don’t ask me the

    Air Speed Velocity of a Laden Swallow ...
  37. October 17-18 2009 MCLE Conference Center Boston, Massachusetts www.voicesthatmatter.com iPhone

    Conference (Boston) Looks cool. Boston ain’t that bad. The Big Dig is complete. :)
  38. ` Thanks Enjoy the rest of the Conference! RT @joe

    OH: Finally, he’s done, when we can grab a beer, now! ;)