Flash Lite: Cool Wallpaper And Screen Saver Content

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 //

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

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

Flash Lite Wallpaper and Screen savers Flash Lite Wallpaper and Screen savers

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

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)

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)

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

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

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!

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 /

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

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

http://www.slideshare.net	27
http://static.slideshare.net	2
http://www.filescon.com	2
http://paper.li	2
http://mulyovictory.wordpress.com	2
http://www.rapidor.com	1

Flash Lite: Cool Wallpaper And Screen Saver Content

by Scott Janousek

Accessibility

Categories

Upload Details

Usage Rights

6 Embeds 36

Statistics

Flash Lite: Cool Wallpaper And Screen Saver Content Presentation Transcript