Max2006 Flash Lite Development For S40 Devices


Published on

Published in: Travel, Technology
1 Like
  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • One 60 minute session ...40-45 minutes, and then rest for Q&A? 20-25 slides total! (2 approx minutes * 25 = 50 minutes) Make sure schematic is represented here Create container apps for s40 content, in case of no elmo. BP: It will be around 40% FL experience, 60% no FL experience.  Basically attendees are interested in seeing the development process for creating FL content for Series 40 devices so anything cool you can show that doesn’t take much time the better your session will be perceived. Up to you.  It would be good to show one SWF file that works for different content types and to build that out – repurposing content for different uses. There will be an S60 session there so I wouldn’t focus on the standalone app, and the browser app may not be as exciting.
  • Max2006 Flash Lite Development For S40 Devices

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

      Clipping is a handy way to collect important slides you want to go back to later.