flash on mobile devices: an introduction to flash lite
DESCRIPTION
An introduction to Flash Lite presentation by Scott Janousek (Hooken Mobile) presented at the Harvard Flash User Group on March 15, 2007.TRANSCRIPT
Flash on Mobile Devices:An Introduction to Flash LiteAn Introduction to Flash Lite
March 15, 2007
Scott Janousek,
Flash Mobile Developerwww.scottjanousek.com/blog
Technical Director,http://www.hookenmobile.com
www.hookenmobile.com
3/19/2007
Special ThanksSpecial Thanks
•• Philip Desenne
i h l h• Nicholas Lamphere
• All in attendance … :)
Please be considerate to others: All mobile devices turned off, or to Silent mode please.
www.hookenmobile.com
3/19/2007
About MeAbout Me• General Info
– Local to Boston Massachusetts USA– Local to Boston, Massachusetts, USA– Me = Developer first, Designer second– Working with desktop Flash for six years– Flash Mobile Blog
• http://www.scottjanousek.com/blog/
• MobileMobile– Started with Flash Lite 1.1 in 2004– Developing with Flash Lite 1.1, 2.0, 2.1– My mobile company: Hooken Mobile– Flash (Lite) Training Instructor– Coauthor: Foundation Flash Applications for Mobile DevicesCoauthor: Foundation Flash Applications for Mobile Devices
• http://www.flashmobilebook.com/
www.hookenmobile.com
3/19/2007
Flash LiteFlash Lite Who What WhereWho, What, Where, When How and aWhen, How, and a
bit f “Wh ”wee bit of “Why”
www.hookenmobile.com
3/19/2007
Part 1The “When” of Flash Lite
www.hookenmobile.com
3/19/2007
Flash Mobile TimelineFlash Mobile Timeline
PDA’s popular Handsets and consumer electronics popular
Note: Flash Lite 3.0 was announced at the 3GSM 2007 conference
www.hookenmobile.com
3/19/2007
Part 2Part 2”What” is Flash Lite?What is Flash Lite?
www.hookenmobile.com
3/19/2007
Mobile Development PlatformsMobile Development Platforms• J2ME
– Java 2 Micro Edition BREW (V i )• BREW (Verizon)– Qualcomm Platform (for games, etc) – C++
• Series 40/Symbian Series 60 (Nokia)– Platform and Operating Systems
• WAP, Mobile Ajax, Opera Platform … others!– (legacy) Mobile Web( g y)
• .NET– Microsoft’s answer to mobile
• Python• Python– Scripting language and runtime player
• Flash Lite– Adobe Flash Player for mobile and devices
www.hookenmobile.com
3/19/2007
Flash Lite is Mobile, it is also Global!Flash Lite is Mobile, it is also Global!
Millions of handsets and devices shipped WORLDWIDE!devices shipped WORLDWIDE!
www.hookenmobile.com
3/19/2007
What is Flash Lite?What is Flash Lite?• Adobe Flash Player specifically created for:
M bil h– Mobile phones– Consumer electronic devicesPDAs– PDAs
• It’s for devices with constraints such as: l CPU– slower CPU
– less memoryother limitations found on portables– other limitations found on portables …
• Bottom line?Fl h d diff t d kt d– Flash runs under many different desktop andmobile platforms
www.hookenmobile.com
3/19/2007
The Flash Lite PlatformThe Flash Lite Platform
• Player profile for Mobile Devices– Client run‐time is the Flash Lite Player
– SWF is output file formatp
• Content Creation Tools• Content Creation Tools– Flash 8 or Flash CS3 Authoring IDE
CDK S d B dl D i– CDKs, Sound Bundler, Documentation
– SWF publishing and emulation
– MORE
www.hookenmobile.com
3/19/2007
The Flash Lite PlatformThe Flash Lite Platform
• Testing Tools– Flash 8 Mobile Emulator
– Adobe Device Central
• Products/Services• Products/Services– Adobe Flash Home™
Ad b Fl h C ™– Adobe Flash Cast™
www.hookenmobile.com
3/19/2007
Flash Lite Device PlatformsFlash Lite Device Platforms
• Handset Platforms:– Nokia Series 40, Series 60– Verizon Wireless BREW devicesi d NTT D C M KDDI– i‐mode: NTT DoCoMo, KDDI
– Others …
• Other Portable Device Platforms:– Windows Mobile 5– iRiver Portable Media Players– ChumbyPSP (not Flash Lite but close enough)– PSP (not Flash Lite, but close enough)
– MORE!
www.hookenmobile.com
3/19/2007
Flash Lite EvolutionFlash Lite Evolution• Flash for Pocket PC
– Custom Flash SDK 6/7 for PDACustom Flash SDK 6/7 for PDA• Flash Lite
– 1.0: animation only (mostly)• i‐mode
– 1.1: data loading support, fscommand2’s• Symbian i‐mode othersSymbian, i mode, others
– 2.0 : Flash Player 7• Symbian, i‐mode, others
2 1 Fl h Pl 7 d– 2.1: Flash Player 7 and more• BREW, Symbian, Windows Mobile 5, others
– 3.0: TBD (native Flash Video support!)• TBD (probably same as 2.1 with other platform additions)
www.hookenmobile.com
3/19/2007
What is Flash Lite good at?What is Flash Lite good at?
• Animationat o• Casual Games• Mobile Browser Based Flash ApplicationsMobile Browser Based Flash Applications• Flash Lite User Interfaces• Standalone ApplicationsStandalone Applications
– MOBILE LEARNING
• Rich Media (images, sound, video) ContentRich Media (images, sound, video) Content• Device specific Content Types
– Wallpaper, Screen savers, “chaku flash”, othersp p , , ,
• MORE!
www.hookenmobile.com
3/19/2007
Flash Lite Content TypesFlash Lite Content Types
• SWF (Flash file format) normally standalone orSWF (Flash file format) normally standalone or browser based on the desktop.
• Flash Lite content types are “specialized SWFs”• Flash Lite content types are specialized SWFs
• Common ones are:Standalone Browser
Wallpaper Screen savers
“Chaku Flash” …and many more!
• Availability is based on device, region, etc.y g
www.hookenmobile.com
3/19/2007
Sample Flash Lite ContentSample Flash Lite Content
www.hookenmobile.com
3/19/2007
Benefits to utilizing Flash LiteBenefits to utilizing Flash Lite
• Rapid Development• Rapid Development
• Small Deployment File Size (.SWF’s)
• More consistent Runtime and Platform
• Rich Media Support• Rich Media Support– text, images, video, sound, animation
continued
www.hookenmobile.com
3/19/2007
Benefits to utilizing Flash LiteBenefits to utilizing Flash Lite
• Usability and User Experience• Usability and User Experience
• Less Fragmentation across devices
• Feature Rich Designer/Developer Tools
• Easy to learn (compared to C++ etc)• Easy to learn (compared to C++, etc)
• Active Flash Development Community
• MORE!
www.hookenmobile.com
3/19/2007
Flash Lite 1.1 FeaturesFlash Lite 1.1 Features
• Based from Flash Lite 1.0 playerp y• Provides Flash Player 4 functionality
– Flash 4 ActionScript syntax (ActionScript “0.5”)• fscommand2 API
– Extends device Operating System integration• Adds new network support (data loading) for• Adds new network support (data loading) for dynamic applications
• Preinstalled on many existing mobile devices inPreinstalled on many existing mobile devices in the marketplace today– Millions of devices are Flash Lite 1.1 enabled
www.hookenmobile.com
3/19/2007
Flash Lite 1.1 ArchitectureFlash Lite 1.1 Architecture
www.hookenmobile.com
3/19/2007
Flash Lite 2.x FeaturesFlash Lite 2.x Features• Based on Flash Player 7 *• ActionScript 2 0ActionScript 2.0• Device Video• XML & XML Sockets (2.1 only)• Image Support• Dynamic Media Loading• Mobile Shared Objects• Mobile Shared Objects• Text enhancements• Inline text support pp• Synchronized device sound • Compressed SWFs• … and MORE!
* Note: Not all features found in Flash 7 are found in Flash Lite 2.x. Minor restrictions apply.
www.hookenmobile.com
3/19/2007
Flash Lite 2.x ArchitectureFlash Lite 2.x Architecture
www.hookenmobile.com
3/19/2007
Flash Lite 3.0Flash Lite 3.0
• Not released yet!Not released, yet!
• Announced Features: N ti Fl h Vid ( fl ) t– Native Flash Video (.flv) support
– Others … TBD
• Have a feature in mind?– Submission:
• http://www.adobe.com/go/wish
Feature Discussions: Blog Postings– Feature Discussions: Blog Postings
www.hookenmobile.com
3/19/2007
Extending Flash LiteExtending Flash Lite
• Flash Lite can integrate with other languages:Flash Lite can integrate with other languages:– J2ME– Pythony– C++– BREW– Others
• Integration methods:g– (socket) connections– fscommand launch– MMI (Flash Lite integration with device)
www.hookenmobile.com
3/19/2007
(Flash Lite) Mobile Challenges(Flash Lite) Mobile Challenges
• Screen (Size, Pixel Depth)( , p )• Limited Memory• Performance/CPU Speed• Device Fragmentation• Bandwidth• Security• ConnectivityD I• Data Input
• Distribution and Deployment
www.hookenmobile.com
3/19/2007
Part 3”How” to create
Flash Lite (content)( )
www.hookenmobile.com
3/19/2007
Flash IDE DemoFlash IDE Demo
• Use Flash IDE to author Flash Lite contentUse Flash IDE to author Flash Lite content
www.hookenmobile.com
3/19/2007
Flash 8 Mobile Emulator DemoFlash 8 Mobile Emulator Demo
www.hookenmobile.com
3/19/2007
Adobe Device Central ‐ DemoAdobe Device Central Demo
www.hookenmobile.com
3/19/2007
Obligatory “Hello World”Obligatory Hello World
• createTextField() //‐‐ FL 2 only () // y
• Example: //-- hello world example createTextField( "helloworld txt" createTextField( helloworld_txt , this.getNextHighestDepth(), 0, 0, 100, 10 ); helloworld_txt.text = "hello world!"; trace( helloworld_txt.text );
www.hookenmobile.com
3/19/2007
Flash Lite Game DemosFlash Lite Game Demos
Mad Bomber Alien Invasioni i li
• iRiver U10 game
• Handset to iRiver u10
• iRiver Clix game• Development Time: 3 daysFl h Lit 2 0• Handset to iRiver u10
• Porting Time: 1 day
• Flash Lite 2.0• ActionScript 2.0 • OOP (Object based style)
• Flash Lite 1.1
• Timeline driven (Flash 4)
• OOP (Object based style)
• Timeline driven (Flash 4)
www.hookenmobile.com
3/19/2007
Flash Lite Wallpaper/Screen saverFlash Lite Wallpaper/Screen saver
• “Device Status Animations”Device Status Animations
• Flash Lite 2.0 Wallpaper/Screen saver
d Si l S h i f• Taps Battery and Signal Strength info – display animations based on that
• Target Device: Nokia Series 40 (5300)
• Size is: 240 x 320 (pixels)(p )
• Frames per Second/FPS: 16
• Bitmaps and vectors• Bitmaps and vectors
www.hookenmobile.com
3/19/2007
Adobe Device CentralAdobe Device Central
• Used in testing Flash Lite content prior to Used test g as te co te t p o todeploying on target device(s)
• Saves precious development timep p• Updatable “Device Profiles” or skins• Device Profilingg
– Memory Estimation– Performance Simulation
• Environmental Testing– outdoors, indoors, etc.
• MORE!
www.hookenmobile.com
3/19/2007
Part 4Part 4“How” to deployHow to deploy
www.hookenmobile.com
3/19/2007
Transferring Content to DevicesTransferring Content to Devices
• Methods to get Flash Lite content onto device:et ods to get as te co te t o to de ce:– Bluetooth– Physical Cable– MMC– OTA (over the air)
bil b S S• Mobile Web, SMS
– Infrared– WiFi?WiFi?
• Nokia PC SUITE for Series 40/60 devices• AppLoader for Flash Lite BREW developmentAppLoader for Flash Lite BREW development
www.hookenmobile.com
3/19/2007
Mobile “Players”Mobile Players
• Subscribers– Purchase handsets, make calls, access data, etc.
• OperatorsDi t ib t t t i f b ib– Distribute content, manage service for subscribers
• Handset and Device Manufacturers– Design and construct the devices and handsetsDesign, and construct the devices and handsets
• Aggregators– Collect content and distribute it (via operators)
• Content Providers/Developers– Create mobile content (games, applications, etc)P d /S i C i• Product /Service Companies– Adobe for instance
www.hookenmobile.com
3/19/2007
Flash Lite Content DistributionFlash Lite Content Distribution
• File Formats:– .swf– .sis (Symbian Installers), .CAB (Windows Mobile)
Si il t t i d kt• Similar concept to .zip on desktop
• Delivery Methods:– Distribute through WebServerss bu e oug ebSe e s– Adobe Flash Cast– i‐mode (NTT DoCoMo, others)A (H d F M bili h )– Aggregators (Handango, Fun Mobility, others)
– Nokia Content Discoverer– Adobe Flash Lite ExchangeAdobe Flash Lite Exchange– OTA, email, URL, bluetooth, etc.
www.hookenmobile.com
3/19/2007
Distributing Flash Lite ContentDistributing Flash Lite Content
• OperatorsOpe ato s– Verizon, NTT DoCoMo, others
• Content Providers– Smashing Content, Fun Mobility, Atom Films, others
• Aggregators– Handango, Iguana Mobile, others
• Developers– Worldwide User Groups:
• http://www.flashmobilegroup.org, others!
Flash Lite World Map– Flash Lite World Map:• http://www.scottjanousek.com/flashlitecommunityworldmap
www.hookenmobile.com
3/19/2007
Part 5Flash Mobile
Products/Services/
www.hookenmobile.com
3/19/2007
Adobe “Mobile Experience Suite”Adobe Mobile Experience Suite
www.hookenmobile.com
3/19/2007
Adobe Flash Cast™Adobe Flash Cast
• Has been around since Flash Lite 1.1as bee a ou d s ce as te .• Pushes down SWF’s to devices via servers• SWF content can be almost anythingSWF content can be almost anything
– games, news, etc
• NTT DoCoMo i‐channel– Major installation deployed in Japan– has millions of subscribers– delivers SWF content: news, games, etc.
• Major installation in U.S– estimated 2007 with major carrier
www.hookenmobile.com
3/19/2007
Adobe Flash Cast™ ArchitectureAdobe Flash Cast Architecture
www.hookenmobile.com
3/19/2007
Adobe Flash Home ™ • Announced at 3GSM 2007• Flexible, white‐label home screen solution that combines customizable home screens withcustomizable home screens with live data services to provide subscribers with personalized,
i iengaging experiences across handsets.
• Embed data services and activeEmbed data services and active content into home screens and easily promote new services t il d f i k ttailored for various market segments, extending and differentiating your brand in a highly visual way.
www.hookenmobile.com
3/19/2007
Part 6Part 6”Where” to go nowWhere to go now
www.hookenmobile.com
3/19/2007
Where to go from hereWhere to go from here• Foundation Flash Applications for Mobile Devices (Book)
• http://www.flashmobilebook.com
• Total Training Flash Lite 2.1 (DVD)• Flash Lite Yahoo Lite
• [email protected]@y g p
• Flash Mobile User Group• http://www.flashmobilegroup.org
• Devnet articlesevnet articles• http://www.adobe.com/devnet/devices
• Alessandro Pace blog:• http://www.biskero.org
• Flash Lite 2.1 training• San Francisco, April 16th 2007 @ Adobe• Boston (June 2007 timeframe?)( )
• Mobile Monday Boston• http://www.momoboston.com
www.hookenmobile.com
3/19/2007
Flash Mobile Device SmorgasbordFlash Mobile Device Smorgasbord• Flash Lite
Nokia Series 40/60– Nokia Series 40/60– iRiver PMP (u10, e10, Clix)– viliv p1/p2viliv p1/p2– Chumby– Others …
• Custom Flash SDK builds– LeapFrog Leapster– Kodak Easy Share Camera– PSP
k– Pocket PC PDAs– Others ….
www.hookenmobile.com
3/19/2007
Which Flash Lite device to get?Which Flash Lite device to get?
• First figure out your target mobile platform(s):First, figure out your target mobile platform(s):– Symbian? BREW? Windows Mobile 5? Other?
• Adobe Supported Device List• Adobe Supported Device List:– http://www.adobe.com/mobile/supported_devices
D l d Ad b D i C t l• Download Adobe Device Central– Search device profiles
• Ask recommendations on Flash Lite Groups list– [email protected]
www.hookenmobile.com
3/19/2007
Summary: Why use Flash Lite?Summary: Why use Flash Lite?• Rapid Mobile Development• Flash Lite content can offer ROI (apps, games, etc)• Millions of devices preinstalled and shipped!M bil U E i i i t t!• Mobile User Experience is important!
• Reducesmobile “fragmentation” issues• Better toolset from Adobe• Better toolset from Adobe
– Flash 9 + Device Central + Flash Lite = “mobile bliss”• Flash Lite Service SolutionsFlash Lite Service Solutions
– Adobe Flash Home ™– Adobe Flash Cast ™
• MORE!
www.hookenmobile.com
3/19/2007
BFPUG InviteBFPUG Invite
ll f h l h l f• We cover all aspects of the Flash Platform
• URL:– http://www.bfpug.com/
• Where? When? – Meets monthly at New England Institute of Art Brookline Villageg
www.hookenmobile.com
3/19/2007
My BlogMy Blog
• http://www scottjanousek com/bloghttp://www.scottjanousek.com/blog
www.hookenmobile.com
3/19/2007
P t 7Part 7Flash Lite Q & AQ & A
www.hookenmobile.com
3/19/2007
Q & AQ & A
• What are your questions?What are your questions?
www.hookenmobile.com
3/19/2007
Thanks!
www.hookenmobile.com
3/19/2007