Upload
guestd82c1e
View
116
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Citation preview
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
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
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
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
2006 Adobe Systems Incorporated. All Rights Reserved.8
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
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
2006 Adobe Systems Incorporated. All Rights Reserved.12
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)
2006 Adobe Systems Incorporated. All Rights Reserved.13
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
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 320N/A
(no Sub-LCD)
6234 240 x 320N/A
(no Sub-LCD)
5200/5300 240 x 320N/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
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.
2006 Adobe Systems Incorporated. All Rights Reserved.15
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
6131128 x 160
6136 96 x 65
2006 Adobe Systems Incorporated. All Rights Reserved.16
Series 40 - Flash Lite Content Type Restrictions
Flash Lite Features Standalone / BrowserWallpaper / Screensaver
SoundSupported
(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
& VariablesPartial Support Partial Support
Restrictions may apply based on Flash Lite Content Type you are targeting! Test on actual devices!
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
2006 Adobe Systems Incorporated. All Rights Reserved.18
Flash Lite Development with Nokia Series 40
Development Process (8 Steps)
2006 Adobe Systems Incorporated. All Rights Reserved.19
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
2006 Adobe Systems Incorporated. All Rights Reserved.20
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
2006 Adobe Systems Incorporated. All Rights Reserved.21
Step 3: The Flash Professional 8 Stage
Setup is now complete
We need content!
2006 Adobe Systems Incorporated. All Rights Reserved.22
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)
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
5678
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
2006 Adobe Systems Incorporated. All Rights Reserved.29
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?
2006 Adobe Systems Incorporated. All Rights Reserved.30
Q & A Session
2006 Adobe Systems Incorporated. All Rights Reserved.31
Thank you
My Contact Information 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/
2006 Adobe Systems Incorporated. All Rights Reserved.32