Slideshow Transcript

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