Adobe MAX 2006 - Flash Lite Development for Nokia Series 40 Devices

2006 Adobe Systems Incorporated. All Rights Reserved.1

MAX 2006 AP Beyond BoundariesScott Janousek“Flash Mobile Evangelist”Flash Lite Development for Nokia Series 40 Devices

November 8, 2006

Please turn all mobile devices to silent mode


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/


Where am I from? Boston, Massachusetts, USA

Images:

Where am I from?

Boston

Singapore

Legend:


Sample Content - Flash Lite

Flash Lite Capabilities on Nokia Devices

Nokia Series 40 versus Series 60

Nokia Series 40 OverviewBrowser, StandAlone, Wallpaper *, Screensaver *, Sub-LCD *

Flash Lite Development with Nokia Series 40Development 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


Sample Content - Flash Lite 1.1

Some selected Nokia Series 60 Flash Lite 1.1 portfolio content


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


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.xFlash 7 support (partial)

ActionScript 2.0

FSCommand2 API, Device Video, XML, Mobile Shared Objects, and much more!

Flash Lite Capabilities on Nokia Devices

82006 Adobe Systems Incorporated. All Rights Reserved.

Nokia is a popular mobile choice for GSM networksMillions of handsets used globallyHundreds of Nokia device modelsNokia Platforms we are interested in:

Series 60Series 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


Nokia Series 40 Overview


Series 40 - Devices with Flash Lite preinstalled *

* Partial List of devices either supporting Flash Lite or intending to in the near future


Series 40 - Flash Lite versions on devices

Flash Lite 1.1Models:

88007390737362886233 – I have this one here today615161366131 –My favorite so far 613061266125 – Good S40 testing device 6085

Flash Lite 2.0Models:

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


Series 40 - Tools for Flash Lite Development

Adobe Flash Professional 8Includes 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)


Series 40 - Supported Display Modes

Main DisplayStandAlone

Browser

Wallpaper

Screensaver

* If the target device supports Mini Display mode.

Mini Display *Also known as “Sub-LCD” mode

Supports:Wallpaper

Screensaver


Series 40 - Screen Sizes and Resolutions

N/A (no Sub-LCD)

240 x 3206234

N/A (no Sub-LCD)

240 x 3206233

Mini Display(in pixels)

Main Display(in pixels)

Device Model

N/A(no Sub-LCD)

240 x 3205200/5300

96 x 65128 x 1606136

128 x 160240 x 3206131

96 x 65128 x 1606125

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.


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 656136

128 x 1606131

96 x 656125


Series 40 - Flash Lite Content Type Restrictions

Partial SupportPartial SupportFSCommands2 API

Wallpaper / ScreensaverStandalone / BrowserFlash Lite Features

Partial SupportPartial SupportPlatform Capabilities

& Variables

N/ASupportedKey Press Events

N/ASupportedNetwork Connectivity

N/ASupported (MIDI only! No SMAF and no MFi)

Sound

Restrictions may apply based on Flash Lite Content Type you are targeting! Test on actual devices!


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


Flash Lite Development with Nokia Series 40

Development Process (8 Steps)


Start Page

Create from TemplateGlobal Phones

Flash Lite 1.1 Series 60 template (or create a custom Series 40 .fla)

Step 1: Start Page and Mobile Template


Select target Series 40 device6125, 6131, 6136, 6233, and others!

No template for target device? Create a custom MDP template!

Select target content typeScreensaver, 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


Step 3: The Flash Professional 8 Stage

Setup is now complete

We need content!


Step 4: Content Creation

“Bitmap” CatSeries 40 Screensaver

Flash Lite 1.1

Development Time: < 30 minutes

Analog ClockSeries 40 Wallpaper

Flash Lite 1.1


Falling Kanji(aka ”Digital Rain” from The Matrix TM movies)

Series 40 Screensaver

Flash Lite 1.1


(Wallpapers, Screensavers, Sub-LCD)

Fish TankSeries 40 ScreensaverFlash Lite 1.1

Port Time: < 30 minutes

Trapped AlienSeries 40 ScreensaverFlash Lite 1.1

Port Time: < 30 minutes

Pinwheel ClockSeries 40 ScreensaverFlash Lite 1.1

Dev Time: < 30 minutes


Step 5: Testing Content within emulators

Flash Professional 8Flash Lite Mobile Emulator

Mobile Device Profile Updates (MDP)

MDP #4 or later for Series 40 Devices

Nokia Series 40 SDKEmulator supports Flash Lite 1.1 content

Simulates Nokia Operating System and UI

DownloadsMDP #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


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)


Step 7: Configuring Content on a Series 40 Device

Steps to configure Flash Lite Wallpaper/Screensaver/Sub-LCD Content

1 2 3 4

5678


Step 8: Flash Lite Content Distribution

Distribute your own content (virally)

Existing Providers of Series 60 Flash Lite ContentNokia

Forum PRO Applications Catalog http://www.nokia.com/ncd

Content Discoverer Application

http://www.handango.com/

Potential Providers of Series 40 ContentNokia http://www.nokia.com/ncd

http://www.handango.com/


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


Series 40 - Resources

Nokia Tools for Flash Lite Developershttp://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 SDKhttp://forum.nokia.com/main/resources/tools_and_sdks/index.html

Flash Lite Optimization Tips Whitepaperhttp://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 Sheethttp://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


Series 40 - Most Recent Devices

* If the target device supports Mini Display mode.

Nokia 6133Flash Lite 1.1 device

Nokia 5200/5300Flash Lite 2.0 enabled

ActionScript 2.0 Support

Flash Drawing API

Flash Lite Device Video Wallpapers/Screensavers

Usage?

Size Constraints?

Practicality?


Q & A Session


Thank you

My Contact InformationCorporate:

Email: [email protected]

Web: http://www.schematic.com/

Personal:Email: [email protected]

URLs:

http://www.scottjanousek.com/blog/

http://www.scottjanousek.com/maxap/

Adobe Mobile and Devices User Group of Boston (AMaDUG)Join us at: [email protected]

URL: http://www.flashmobilegroup.org/


Technology

Adobe MAX 2006 - Flash Lite Development for Nokia Series 40 Devices