Slideshow Transcript

1. Slide 1: Cool Flash Lite™ Wallpaper and  Screen saver content S tt Scott Janousek Scott Janousek Flash Mobile Developer Coauthor, Foundation Flash Applications for Mobile Devices http://www.flashmobilebook.com p //
2. Slide 2: About Me About Me • General Info – From Boston, Massachusetts, USA , , – Me = Developer first, Designer second – Working with desktop Flash for six years – Flash Mobile Blog g • http://www.scottjanousek.com/blog/ • Mobile – Started with Flash Lite 1.1 in 2004 – Developing with Flash Lite under 1.1, 2.0, 2.1 – Flash Lite Training Instructor l hi ii – Coauthor • Foundation Flash Applications for Mobile Devices – I M bil I ♥ Mobile and Devices dD i
3. Slide 3: Wallpaper and Screen saver creation Wallpaper and Screen saver creation SVG Symbian C++/J2ME Animated Gifs • Bitmap only Bit l • • Vector support Low level graphics • No interactivity • • Limited Interactivity High Interactivity • Adobe Photoshop,  • • Adobe Illustrator,  Nokia Tools, others others others Flash Lite ™ • Bitmap and Vector support • Interactivity  (via ActionScript and Timeline) • Use Adobe Flash Professional to create the content
4. Slide 4: Flash Lite Wallpaper and Screen savers Flash Lite Wallpaper and Screen savers
5. Slide 5: Flash Lite Content Types Flash Lite Content Types • What is a Flash Lite content type? – SWF file format that runs within a designated runtime environment SWF file format that runs within a designated runtime environment  and context for a specific target mobile device • Most familiar types are … – Standalone, browser • Content types that offer device “Personalization” – Wallpaper, Screen saver, Sub‐LCD (“Mini Screen”), others Wallpaper, Screen saver,  Sub LCD ( Mini Screen ), others • Other content types vary by: – Region • North America, EMEA, APAC (Japan) – Device Platform • Nokia Series 40/60, BREW, “Keitai Denwa”, others – Operator • Verizon, NTT DoCoMo,  others
6. Slide 6: Toolsets you will use (most likely) Toolsets you will use (most likely) NOKIA ADOBE • Nokia S40 Theme Studio 2.2/Carbide  • Adobe Flash Professional 8 or 9  UI S60 Theme Edition 3.1 (anticipated later this year) – for wallpaper/screen saver installation  – Creating the actual Flash Lite  via Nokia UI  themes ( nth) via Nokia UI “themes” (.nth) content (wallpapers/screen  ( ll / • Nokia 3rd Edition Emulator (S40 SDK) savers) – Optional • Adobe Photoshop CS2 or CS3 * • Supported Nokia S40/S60 3rd Edition Supported Nokia S40/S60 3 Edition  – C ti Creating any graphical assets  hi l t Handset(s) (bitmaps, etc) – We will use the Flash Lite 2.0 enabled  • Flash 8 Mobile Emulator or  S40 Nokia 5300 Adobe Device Central * Adobe Device Central * – Testing Flash Lite content ( = currently BETA) (* = currently BETA)
7. Slide 7: Design, Develop, Test, Deploy, Enjoy Design, Develop, Test, Deploy, Enjoy 1. Design and Develop in Flash Professional 8 5. Deploy to Content Provider/Aggregator 4. Package UI Theme (.nth) 6. Users acquire and enjoy 3. Test on target device 2. Test in Emulator (Device Central)
8. Slide 8: Development Considerations Development Considerations • Content Type limitations – Restricted API (data loading is disabled for instance) others Restricted API (data loading is disabled, for instance), others • Display: Color, Contrast, Position – With wallpapers you must be considerate of other UI elements • Device Constraints: Performance, Memory, File size – Always keep these in mind in the mobile development world • Nokia Screen sizes Nokia Screen sizes – Varies by device and/or platform (S40 vs. S60) – 240x320, 128x160, 96x65, 176x208, others • FPS (frames per second) – Typically 16 FPS – depends on target device • S40/S60 Target Devices S40/S60 Target Devices – 1.1 versus 2.x … APIs and capabilities
9. Slide 9: Quick Example Quick Example • Animated Screen Saver Device Indicator – Time to develop: < 1 day Time to develop: < 1 day – NokiaS40_candle_240x320.fla – Tap available device status properties such as: • Battery Life Signal Strength Date/Time others Battery Life, Signal Strength, Date/Time, others battery_num = fscommand2( “GetBatteryLevel” ); signal_num = fscommand2( “GetSignalLevel” );   • Some other things to note Some other things to note: – ActionScript 2.0 (class driven) – Mobile Shared Objects (MSO) are supported for wallpaper/screen  savers content on Nokia 5300 savers content on Nokia 5300 – < 100k in size – Vector and Bitmap –D l Deploy with Nokia UI Theme (.nth file) ith N ki UI Th ( th fil ) • Download source from: www.flashmobilebook.com
10. Slide 10: Pros and Cons of Flash Lite  Wallpaper/Screen savers ll /S Pros Cons – – Flash Lite ™ on Nokia Series  Rapid Development – Bitmap and vector support 40/60 handsets have some  – implicit API restrictions for these  i li it API t i ti f th “Interactivity” “I ii ” content types – Adobe Device Central makes  – Others? testing easier – Portability of existing Flash  P t bilit f i ti Fl h animations to devices (with a  bit of optimization, etc) – Portability of content Portability of content  between devices – Not a step learning curve for  designers – More!
11. Slide 11: Other cool things to explore Other cool things to explore • Flash Lite 2.x “Device Video” Screen saver – Nokia 5300 (FL 2.x) supports “embedded” device video – Note: Flash Lite 3 will support native Flash Video (FLV) – Careful of overall file size! • Screen saver generation: Flash Lite 2 x Drawing API Screen saver generation: Flash Lite 2.x Drawing API – Dynamically generated ActionScript content vs. Timeline – Careful of performance and memory usage! – Spirals.swf screen saver and tiles.swf wallpaper • Adobe Flash Home ™  – New product announced at 3GSM 2007 conference New product announced at 3GSM 2007 conference – Dynamic, customizable, personalized  “home screens” – Estimated rollout later in 2007 – Info: http://www.adobe.com/mobile/solutions/flashhome/  f h // db / bl / l /fl hh /
12. Slide 12: Where to go from here Where to go from here • Foundation Flash Applications for Mobile Devices • http://www.flashmobilebook.com/ p • Legacy Devnet Flash Lite 1.1 Nokia Series 40 articles (3 parts): – http://www.adobe.com/devnet/devices/nokia_s40.html • N ki Nokia tutorial il – “Creating Screen Savers for S60 3rd Edition Feature Pack 1 Devices” • Feature Requests for Flash Lite 3.0 q – Remote data access for wallpaper/screen savers (Adobe Flash Home ™) – Native Flash Video Support (already slated for Flash Lite 3) – Content type check … via System.capabilities.playerType? Content type check via System capabilities playerType? – Other features? Submit them to: mobiledeveloper@adobe.com • Interested in an entire session on this topic, an article?  – Contact Adobe at: mobiledeveloper@adobe.com
13. Slide 13: Summary • Flash Lite 2.x … – brings more interactivity to wallpaper screen saver and other brings more interactivity to wallpaper, screen saver, and other  content types – Makes it easy to create cool wallpaper and screen savers much more  quickly than many other tools available quickly than many other tools available • Thanks for attending • Richard Leggett is up next gg p