Flash Lite Development for Nokia Series 40 Devices

I gave this technical presentation on how to create mobile content like screensavers and wallpapers for Nokia Series 40 feature phones using Adobe Flash Lite technology.

This talk was part of an Adobe MAX event held in Singapore in 2006.

Conference: http://www.adobe.com/sg/events/max/

Transcript

1. 2006 Adobe Systems Incorporated. All Rights Reserved. 1 MAX 2006 AP Beyond Boundaries Scott Janousek “Flash Mobile Evangelist” Flash Lite Development for Nokia Series 40 Devices November 8, 2006 Please turn all mobile devices to silent mode 2006 Adobe Systems Incorporated. All Rights Reserved. 2 Scott Janousek – “Flash Mobile Evangelist” ƒ From Boston, Massachusetts, USA ƒ Working with Flash for six years ƒ Started with Flash Lite 1.1 in 2004 ƒ Developing with Flash Lite 1.1, 2.x ƒ Coauthor on a Flash Mobile book ƒ Certified Flash Lite 1.1 Instructor ƒ Currently working for schematic.com ƒ I’m a Developer first and foremost, Designer second … About Me http://www.scottjanousek.com/blog/ 2006 Adobe Systems Incorporated. All Rights Reserved. 3 ƒ Where am I from? ƒ Boston, Massachusetts, USA ƒ Images: Where am I from? Boston Singapore Legend: 2006 Adobe Systems Incorporated. All Rights Reserved. 4 ƒ Sample Content - Flash Lite ƒ Flash Lite Capabilities on Nokia Devices ƒ Nokia Series 40 versus Series 60 ƒ Nokia Series 40 Overview ƒ Browser, StandAlone, Wallpaper *, Screensaver *, Sub-LCD * ƒ Flash Lite Development with Nokia Series 40 ƒ Development Process (8 Steps) ƒ Key Points to Remember ƒ Resources ƒ Most Recent Devices ƒ Q & A Session Agenda * We will focus on these specific Flash Lite content types in this presentation
2. 2006 Adobe Systems Incorporated. All Rights Reserved. 5 Sample Content - Flash Lite 1.1 ƒ Some selected Nokia Series 60 Flash Lite 1.1 portfolio content 2006 Adobe Systems Incorporated. All Rights Reserved. 6 Sample Content - Flash Lite 2.x ƒ Currently working with Flash Lite 2.x content under Nokia Series 60, Series 40, iRiver devices, and Flash Lite 2.1 BREW enabled devices ƒ Sample Games ƒ Other Content and Applications I’ve created 2006 Adobe Systems Incorporated. All Rights Reserved. 7 ƒ What’s possible? ƒ Games, Applications, Mobile Sites, Entertainment based content (animated ringtones, screensavers, wallpaper), and more! ƒ Functionality ƒ Open Web Pages, Send Email, SMS, MMS, Dial phone #’s, and much more! ƒ Flash Lite 1.1 ƒ Flash 4/5 – Hybrid ƒ ActionScript (Flash 4 syntax) ƒ FSCommand2 API ƒ Flash Lite 2.x ƒ Flash 7 support (partial) ƒ ActionScript 2.0 ƒ FSCommand2 API, Device Video, XML, Mobile Shared Objects, and much more! Flash Lite Capabilities on Nokia Devices 8 2006 Adobe Systems Incorporated. All Rights Reserved. ƒ Nokia is a popular mobile choice for GSM networks ƒ Millions of handsets used globally ƒ Hundreds of Nokia device models ƒ Nokia Platforms we are interested in: ƒ Series 60 ƒ Series 40 ƒ Other Nokia Platforms: S80, S90 Nokia Series 40 versus Series 60 Nokia Series 60 (3rd Edition) ƒ Symbian Based OS (Multi-tasking) ƒ Main Display (Screen Size may vary) ƒ 176 x 208 is typical ƒ http://www.s60.com Nokia Series 40 (3rd Edition) ƒ Nokia OS - Java™ (No Multi-tasking) ƒ Main Display (Screen Size varies on devices) ƒ 240 x 320, 128 x 160 ƒ Mini Screen Display (Not available on all Series 40 devices) ƒ 128 x 160, 96 x 65
3. 2006 Adobe Systems Incorporated. All Rights Reserved. 9 Nokia Series 40 Overview 2006 Adobe Systems Incorporated. All Rights Reserved. 10 Series 40 - Devices with Flash Lite preinstalled * * Partial List of devices either supporting Flash Lite or intending to in the near future 2006 Adobe Systems Incorporated. All Rights Reserved. 11 Series 40 - Flash Lite versions on devices ƒ Flash Lite 1.1 ƒ Models: ƒ 8800 ƒ 7390 ƒ 7373 ƒ 6288 ƒ 6233 – I have this one here today ƒ 6151 ƒ 6136 ƒ 6131 –My favorite so far ƒ 6130 ƒ 6126 ƒ 6125 – Good S40 testing device ƒ 6085 Flash Lite 2.0 ƒ Models: ƒ 5200 ƒ 5300 Note: List of Available Devices running Flash Lite as of 10/29/2006. Versions subject to change with firmware updates. Just got this one here 12 2006 Adobe Systems Incorporated. All Rights Reserved. Series 40 - Tools for Flash Lite Development ƒ Adobe Flash Professional 8 ƒ Includes Flash Lite Mobile Emulator and Flash Lite 1.1 CDK ƒ Flash Lite 2.0 CDK (Update) ƒ Nokia PC Suite > 6.x (optional) ƒ Nokia Series 40 SDK (optional) ƒ Nokia Series 40 Devices (3rd Edition) ƒ Flash Lite Player preinstalled ƒ 1.1 for most handsets ƒ 2.0 on Nokia 5200/5300 ƒ Mobile Device Profile #4 ƒ Series 40 Flash .fla template (optional)
4. 13 2006 Adobe Systems Incorporated. All Rights Reserved. Series 40 - Supported Display Modes ƒ Main Display ƒ StandAlone ƒ Browser ƒ Wallpaper ƒ Screensaver * If the target device supports Mini Display mode. ƒ Mini Display * ƒ Also known as “Sub-LCD” mode ƒ Supports: ƒ Wallpaper ƒ Screensaver 2006 Adobe Systems Incorporated. All Rights Reserved. 14 Series 40 - Screen Sizes and Resolutions N/A (no Sub-LCD) 240 x 320 6234 N/A (no Sub-LCD) 240 x 320 6233 Mini Display (in pixels) Main Display (in pixels) Device Model N/A (no Sub-LCD) 240 x 320 5200/5300 96 x 65 128 x 160 6136 128 x 160 240 x 320 6131 96 x 65 128 x 160 6125 ƒ StandAlone and Browser Flash Lite content runs only in Main Display ƒ Wallpaper and Screensaver supported in Mini Display ƒ Typically 24-bit color for Main Display, 18-bit color for Mini Display 240 x 320 128 x 160 96 x 65 Note: Aspect Size Ratios depicted are relative to this slide and do not reflect physical actual pixel sizes when printed. 15 2006 Adobe Systems Incorporated. All Rights Reserved. ƒ Runs inline and Full Screen with S40 Device User Interface ƒ Avoid too much User Interface clutter ƒ Reserve space for header and footer information from phone User Interface ƒ Built-in timer in Flash Lite 1.1 - pauses after backlight initiates Wallpaper Screensaver Sub-LCD Series 40 - Flash Lite Supported Content Types Browser & StandAlone ƒ Starts after phone is idle for period of time ƒ Runs in Full Screen mode by default ƒ Built-in timer in Flash Lite 1.1 - pauses after backlight initiates ƒ Similar to Series 60 Flash Lite ƒ Create applications, games, & more ƒ Runs in Main Display - not Mini ƒ Browser content runs inside WAP browser ƒ Limited FSCommand2 Support ƒ API Restrictions for Browser mode ƒ Support for Wallpapers & Screensavers ƒ Resize content to fit smaller Mini Display ƒ Sub-LCD Sizes: ƒ Not Supported on all S40 devices! Mini Display (in pixels) Nokia Device Model 96 x 65 6136 128 x 160 6131 96 x 65 6125 2006 Adobe Systems Incorporated. All Rights Reserved. 16 Series 40 - Flash Lite Content Type Restrictions Partial Support Partial Support FSCommands2 API Wallpaper / Screensaver Standalone / Browser Flash Lite Features Partial Support Partial Support Platform Capabilities & Variables N/A Supported Key Press Events N/A Supported Network Connectivity N/A Supported (MIDI only! No SMAF and no MFi) Sound ƒ Restrictions may apply based on Flash Lite Content Type you are targeting! Test on actual devices!
5. 2006 Adobe Systems Incorporated. All Rights Reserved. 17 ƒ Consider the target devices – Nokia 6125, 6131, 6136, 6233, 6234 (Vodafone exclusive), and others like the 5200/5300 ƒ Requires Flash Professional 8 with Device Profile Update - #4 or later ƒ Flash content is supported in Browser, Standalone, Wallpaper, Screensaver ƒ Flash content for Wallpaper/Screensaver does not support interactivity, sound and network connectivity ƒ Flash content can also be viewed in the Sub LCD on certain handsets ƒ Series 40 does not support all the Flash Lite FSCommand2 ActionScript API ƒ Run benchmark apps (speedometer) to get an indicator of device performance ƒ Apply the KISS principle (“Keep it Simple Silly”) … think mobile, not desktop! Resources are limited including: CPU, memory, and of course, screen size ƒ Test iteratively within the Flash Mobile Emulator ƒ Also test on actual target device(s)! Make tweaks and adjustments as necessary Series 40 - Development considerations 18 2006 Adobe Systems Incorporated. All Rights Reserved. Flash Lite Development with Nokia Series 40 Development Process (8 Steps) 19 2006 Adobe Systems Incorporated. All Rights Reserved. ƒ Start Page ƒ Create from Template ƒ Global Phones ƒ Flash Lite 1.1 Series 60 template (or create a custom Series 40 .fla) Step 1: Start Page and Mobile Template 20 2006 Adobe Systems Incorporated. All Rights Reserved. ƒ Select target Series 40 device ƒ 6125, 6131, 6136, 6233, and others! ƒ No template for target device? ƒ Create a custom MDP template! ƒ Select target content type ƒ Screensaver, Wallpaper, Sub-LCD … ƒ Set document properties ƒ Adjust screen size if necessary ƒ Adjust the FPS setting ƒ Set the background color Step 2: Choose a Target Series 40 Template
6. 21 2006 Adobe Systems Incorporated. All Rights Reserved. Step 3: The Flash Professional 8 Stage ƒ Setup is now complete ƒ We need content! 22 2006 Adobe Systems Incorporated. All Rights Reserved. Step 4: Content Creation ƒ “Bitmap” Cat ƒ Series 40 Screensaver ƒ Flash Lite 1.1 ƒ Development Time: < 30 minutes ƒ Analog Clock ƒ Series 40 Wallpaper ƒ Flash Lite 1.1 ƒ Development Time: < 30 minutes ƒ Falling Kanji (aka ”Digital Rain” from The Matrix TM movies) ƒ Series 40 Screensaver ƒ Flash Lite 1.1 ƒ Development Time: < 30 minutes (Wallpapers, Screensavers, Sub-LCD) ƒ Fish Tank ƒ Series 40 Screensaver ƒ Flash Lite 1.1 ƒ Port Time: < 30 minutes ƒ Trapped Alien ƒ Series 40 Screensaver ƒ Flash Lite 1.1 ƒ Port Time: < 30 minutes ƒ Pinwheel Clock ƒ Series 40 Screensaver ƒ Flash Lite 1.1 ƒ Dev Time: < 30 minutes 2006 Adobe Systems Incorporated. All Rights Reserved. 23 Step 5: Testing Content within emulators ƒ Flash Professional 8 ƒ Flash Lite Mobile Emulator ƒ Mobile Device Profile Updates (MDP) ƒ MDP #4 or later for Series 40 Devices ƒ Nokia Series 40 SDK ƒ Emulator supports Flash Lite 1.1 content ƒ Simulates Nokia Operating System and UI ƒ Downloads ƒ MDP #4 http://www.adobe.com/products/flash/download/device_profiles ƒ Nokia Series 40 SDK http://www.forum.nokia.com/main/platforms/s40 Flash 8 Professional Mobile Emulator Nokia S40 SDK emulator 2006 Adobe Systems Incorporated. All Rights Reserved. 24 Step 6: Deploying Content to a Series 40 device ƒ OTA (Over The Air): SMS, MMS, WAP ƒ File transfer (using Nokia PC Suite 6.x or later) ƒ Physical USB Cable ƒ IrDA ƒ Bluetooth ƒ Memory Card (MMC)
7. 2006 Adobe Systems Incorporated. All Rights Reserved. 25 Step 7: Configuring Content on a Series 40 Device ƒ Steps to configure Flash Lite Wallpaper/Screensaver/Sub-LCD Content 1 2 3 4 5 6 7 8 2006 Adobe Systems Incorporated. All Rights Reserved. 26 Step 8: Flash Lite Content Distribution ƒ Distribute your own content (virally) ƒ Existing Providers of Series 60 Flash Lite Content ƒ Nokia ƒ Forum PRO Applications Catalog http://www.nokia.com/ncd ƒ Content Discoverer Application ƒ http://www.handango.com/ ƒ Potential Providers of Series 40 Content ƒ Nokia http://www.nokia.com/ncd ƒ http://www.handango.com/ 2006 Adobe Systems Incorporated. All Rights Reserved. 27 Series 40 - Key Points to Remember ƒ Content Types (Wallpaper/Screensaver) have inherent Flash Lite API restrictions, they run “inline” with the device OS ƒ Restrictions based on the content type: StandAlone, Browser, WallPaper, Screensaver, Sub-LCD ƒ Nokia Series 40 devices support MIDI device sound only (at this time) ƒ Nokia Series 40 Wallpaper/Screensavers (both Main & Mini Displays) have built in “pause timer” initiated after backlight is activated ƒ Screen Size and scaling issues can be addressed by correctly sizing content to target device and content types (Screensaver, Wallpaper, Sub-LCD) ƒ With Wallpaper, be aware Flash Lite shares the user experience with the OS. It runs “in-line” with device navigation. Be considerate about onscreen elements and “screen clutter”. ƒ Always test iteratively on actual target Nokia Series 40 device(s) to see performance and actual SWF output 2006 Adobe Systems Incorporated. All Rights Reserved. 28 Series 40 - Resources ƒ Nokia Tools for Flash Lite Developers ƒ http://www.forum.nokia.com/main/resources/tools_and_sdks/tools_for_flash_developers.html ƒ Mobile Devices Profile Updates (# 4) ƒ http://www.adobe.com/products/flash/download/device_profiles ƒ Nokia Series 40 SDK ƒ http://forum.nokia.com/main/resources/tools_and_sdks/index.html ƒ Flash Lite Optimization Tips Whitepaper ƒ http://www.adobe.com/devnet/devices/articles/flash_lite_optimization.pdf ƒ Presentation resources (will be available shortly): ƒ http://www.scottjanousek.com/maxap ƒ My legacy Flash Lite 1.1 Reference Sheet ƒ http://www.scottjanousek.com/downloads/fl_onesheet/fl_onesheet.pdf ƒ Coming Soon … Nokia Series 40 Flash Lite Devnet articles! ƒ Look for them soon at: http://www.adobe.com/devnet/devices
8. 29 2006 Adobe Systems Incorporated. All Rights Reserved. Series 40 - Most Recent Devices * If the target device supports Mini Display mode. ƒ Nokia 6133 ƒ Flash Lite 1.1 device ƒ Nokia 5200/5300 ƒ Flash Lite 2.0 enabled ƒ ActionScript 2.0 Support ƒ Flash Drawing API ƒ Flash Lite Device Video Wallpapers/Screensavers ƒ Usage? ƒ Size Constraints? ƒ Practicality? 2006 Adobe Systems Incorporated. All Rights Reserved. 30 Q & A Session 2006 Adobe Systems Incorporated. All Rights Reserved. 31 Thank you ƒ My Contact Information ƒ Corporate: ƒ Email: sjanousek@schematic.com ƒ Web: http://www.schematic.com/ ƒ Personal: ƒ Email: scott@scottjanousek.com ƒ URLs: ƒ http://www.scottjanousek.com/blog/ ƒ http://www.scottjanousek.com/maxap/ ƒ Adobe Mobile and Devices User Group of Boston (AMaDUG) ƒ Join us at: flashmobilegroup@gmail.com ƒ URL: http://www.flashmobilegroup.org/ 2006 Adobe Systems Incorporated. All Rights Reserved. 32