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

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 I’m a Developer first and foremost, Designer second … About Me http://www.scottjanousek.com/blog/

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

I’m a Developer first and foremost, Designer second …

Where am I from? Boston, Massachusetts, USA Images: Where am I from? Boston Singapore Legend:

Where am I from?

Boston, Massachusetts, USA

Images:

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

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

Some selected Nokia Series 60 Flash Lite 1.1 portfolio content 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

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

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 !

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 (3 rd Edition) Symbian Based OS (Multi-tasking) Main Display ( Screen Size may vary) 176 x 208 is typical http://www.s60.com Nokia Series 40 (3 rd 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 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 60 (3 rd Edition)

Symbian Based OS (Multi-tasking)

Main Display ( Screen Size may vary)

176 x 208 is typical

http://www.s60.com

Nokia Series 40 (3 rd 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

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 Series 40 - Flash Lite versions on devices 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

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

Adobe Flash Professional 8 Includes Flash Lite Mobile Emulator and Flash Lite 1.1 CDK Flash Lite 2.0 CDK (Update) Series 40 - Tools for Flash Lite Development Nokia PC Suite > 6.x (optional) Nokia Series 40 SDK (optional) Nokia Series 40 Devices (3 rd 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)

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 (3 rd 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)

Main Display StandAlone Browser Wallpaper Screensaver Series 40 - Supported Display Modes * If the target device supports Mini Display mode. Mini Display * Also known as “Sub-LCD” mode Supports: Wallpaper Screensaver

Main Display

StandAlone

Browser

Wallpaper

Screensaver

Mini Display *

Also known as “Sub-LCD” mode

Supports:

Wallpaper

Screensaver

Series 40 - Screen Sizes and Resolutions 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. Device Model Main Display (in pixels) Mini Display (in pixels) 6125 128 x 160 96 x 65 6131 240 x 320 128 x 160 6136 128 x 160 96 x 65 6233 240 x 320 N/A (no Sub-LCD) 6234 240 x 320 N/A (no Sub-LCD) 5200/5300 240 x 320 N/A (no Sub-LCD)

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

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! Nokia Device Model Mini Display (in pixels) 6125 96 x 65 6131 128 x 160 6136 96 x 65

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

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!

Series 40 - Flash Lite Content Type Restrictions Restrictions may apply based on Flash Lite Content Type you are targeting! Test on actual devices! Flash Lite Features Standalone / Browser Wallpaper / Screensaver Sound Supported (MIDI only! No SMAF and no MFi) N/A Network Connectivity Supported N/A Key Press Events Supported N/A FSCommands2 API Partial Support Partial Support Platform Capabilities & Variables Partial Support Partial Support

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

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

Flash Lite Development with Nokia Series 40 Development Process (8 Steps)

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

Start Page

Create from Template

Global Phones

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

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

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

Setup is now complete We need content! Step 3: The Flash Professional 8 Stage

Setup is now complete

We need content!

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

“ 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

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

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

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

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)

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 5 6 7 8

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

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/

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/

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

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

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

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?

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?

Q & A Session

Thank you My Contact Information Personal: Email: [email_address] URLs: http://www.scottjanousek.com/blog/ http://www.scottjanousek.com/maxap/ Adobe Mobile and Devices User Group of Boston (AMaDUG) Join us at: [email_address] URL: http://www.flashmobilegroup.org/

My Contact Information

Personal:

Email: [email_address]

URLs:

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

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

Adobe Mobile and Devices User Group of Boston (AMaDUG)

Join us at: [email_address]

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