Slideshow Transcript

1. Slide 1: www.hookenmobile.com Flash on Mobile Devices: An Introduction to Flash Lite An Introduction to Flash Lite March 15, 2007 Scott Janousek, Flash Mobile Developer www.scottjanousek.com/blog Technical Director, http://www.hookenmobile.com 3/19/2007
2. Slide 2: www.hookenmobile.com Special Thanks Special Thanks • • Philip Desenne • Nicholas Lamphere ihl h • All in attendance  … :) Please be considerate to others: All mobile devices turned off, or to Silent mode please. 3/19/2007
3. Slide 3: www.hookenmobile.com About Me About 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/ • Mobile – 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 Devices Coauthor: Foundation Flash Applications for Mobile Devices • http://www.flashmobilebook.com/ 3/19/2007
4. Slide 4: www.hookenmobile.com Flash Lite  Flash Lite Who, What, Where,  Who What Where When, How, and a  When How and a wee bit of “Why” bit f “Wh ” 3/19/2007
5. Slide 5: www.hookenmobile.com Part 1 The “When”  of Flash Lite 3/19/2007
6. Slide 6: www.hookenmobile.com Flash Mobile Timeline Flash Mobile Timeline Handsets and consumer electronics popular PDA’s popular Note: Flash Lite 3.0 was announced at the 3GSM 2007 conference 3/19/2007
7. Slide 7: www.hookenmobile.com Part 2 Part 2 ”What” is Flash Lite? What is Flash Lite? 3/19/2007
8. Slide 8: www.hookenmobile.com Mobile Development Platforms Mobile 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 – Scripting language and runtime player • Flash Lite – Adobe Flash Player for mobile and devices 3/19/2007
9. Slide 9: www.hookenmobile.com 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! 3/19/2007
10. Slide 10: www.hookenmobile.com What is Flash Lite? What is Flash Lite? • Adobe Flash Player specifically created for: – M bil h Mobile phones – Consumer electronic devices – PDAs • It’s for devices with constraints such as:  – slower CPU l CPU – less memory – other limitations found on portables other limitations found on portables … • Bottom line? – Fl h Flash runs under many different desktop and d diff t d kt d mobile platforms 3/19/2007
11. Slide 11: www.hookenmobile.com The Flash Lite Platform The Flash Lite Platform • Player profile for Mobile Devices – Client run‐time is the Flash Lite Player – SWF is output file format p • Content Creation Tools Content Creation Tools – Flash 8 or Flash CS3 Authoring IDE  – CDK S CDKs, Sound Bundler, Documentation d B dl D i – SWF publishing and emulation – MORE 3/19/2007
12. Slide 12: www.hookenmobile.com The Flash Lite Platform The Flash Lite Platform • Testing Tools – Flash 8 Mobile Emulator – Adobe Device Central • Products/Services – Adobe Flash Home™ – Ad b Fl h C ™ Adobe Flash Cast™ 3/19/2007
13. Slide 13: www.hookenmobile.com Flash Lite Device Platforms Flash Lite Device Platforms • Handset Platforms: Nokia Series 40, Series 60 – Verizon Wireless BREW devices – i‐mode: NTT DoCoMo, KDDI i d NTT D C M KDDI – Others … – • Other Portable Device Platforms: Windows Mobile 5 – iRiver Portable Media Players – Chumby – PSP (not Flash Lite, but close enough) PSP (not Flash Lite but close enough) – MORE! – 3/19/2007
14. Slide 14: www.hookenmobile.com Flash Lite Evolution Flash Lite Evolution • Flash for Pocket PC – Custom Flash SDK 6/7 for PDA Custom 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 others Symbian, i mode, others – 2.0 : Flash Player 7 • Symbian, i‐mode, others – 2 1 Fl h Pl 2.1: Flash Player 7 and more 7d • BREW, Symbian, Windows Mobile 5, others – 3.0: TBD (native Flash Video support!) • TBD (probably same as 2.1 with other platform additions) 3/19/2007
15. Slide 15: www.hookenmobile.com What is Flash Lite good at? What is Flash Lite good at? Animation at o • Casual Games • Mobile Browser Based Flash Applications Mobile Browser Based Flash Applications • Flash Lite User Interfaces • Standalone Applications Standalone Applications • – MOBILE LEARNING • Rich Media (images, sound, video) Content Rich Media (images, sound, video) Content • Device specific Content Types – Wallpaper, Screen savers, “chaku flash”, others pp , , , • MORE!  3/19/2007
16. Slide 16: www.hookenmobile.com Flash Lite Content Types Flash Lite Content Types • SWF (Flash file format) normally standalone or SWF (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 3/19/2007
17. Slide 17: www.hookenmobile.com Sample Flash Lite Content Sample Flash Lite Content 3/19/2007
18. Slide 18: www.hookenmobile.com Benefits to utilizing Flash Lite Benefits 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 3/19/2007
19. Slide 19: www.hookenmobile.com Benefits to utilizing Flash Lite Benefits 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! • 3/19/2007
20. Slide 20: www.hookenmobile.com Flash Lite 1.1 Features Flash Lite 1.1 Features • Based from Flash Lite 1.0 player py • 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 in Preinstalled on many existing mobile devices in  the marketplace today – Millions of devices are Flash Lite 1.1 enabled 3/19/2007
21. Slide 21: www.hookenmobile.com Flash Lite 1.1 Architecture Flash Lite 1.1 Architecture 3/19/2007
22. Slide 22: www.hookenmobile.com Flash Lite 2.x Features Flash Lite 2.x Features Based on Flash Player 7 * • ActionScript 2 0 ActionScript 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. 3/19/2007
23. Slide 23: www.hookenmobile.com Flash Lite 2.x Architecture Flash Lite 2.x Architecture 3/19/2007
24. Slide 24: www.hookenmobile.com Flash Lite 3.0 Flash Lite 3.0 • Not released yet! Not released, yet! • Announced Features:  – N ti Fl h Vid ( fl ) Native Flash Video (.flv) support t – Others  … TBD • Have a feature in mind? – Submission:  • mobiledeveloper@adobe.com • http://www.adobe.com/go/wish – Feature Discussions: Blog Postings Feature Discussions: Blog Postings 3/19/2007
25. Slide 25: www.hookenmobile.com Extending Flash Lite Extending Flash Lite • Flash Lite can integrate with other languages: Flash Lite can integrate with other languages: – J2ME – Python y – C++ – BREW – Others • Integration methods: g – (socket) connections – fscommand launch – MMI (Flash Lite integration with device) 3/19/2007
26. Slide 26: www.hookenmobile.com (Flash Lite) Mobile Challenges (Flash Lite) Mobile Challenges Screen (Size, Pixel Depth) ( , p) • Limited Memory • Performance/CPU Speed • Device Fragmentation • Bandwidth • Security • Connectivity • Data Input DI • Distribution and Deployment • 3/19/2007
27. Slide 27: www.hookenmobile.com Part 3 ”How” to create  Flash Lite (content) ( ) 3/19/2007
28. Slide 28: www.hookenmobile.com Flash IDE Demo Flash IDE Demo • Use Flash IDE to author Flash Lite content Use Flash IDE to author Flash Lite content 3/19/2007
29. Slide 29: www.hookenmobile.com Flash 8 Mobile Emulator Demo Flash 8 Mobile Emulator Demo 3/19/2007
30. Slide 30: www.hookenmobile.com Adobe Device Central  Adobe Device Central ‐ Demo 3/19/2007
31. Slide 31: www.hookenmobile.com Obligatory  Hello World Obligatory “Hello World” • createTextField() //‐‐ FL 2 only                                                                    () // y • Example:     //-- hello world example createTextField( \"helloworld txt\", helloworld_txt this.getNextHighestDepth(), 0, 0, 100, 10 ); helloworld_txt.text = \"hello world!\"; trace( helloworld_txt.text ); 3/19/2007
32. Slide 32: www.hookenmobile.com Flash Lite Game Demos Flash Lite Game Demos Alien Invasion Mad Bomber •ii iRiver Clix game li iRiver U10 game • • Development Time: 3 days Handset to iRiver u10 Handset to iRiver u10 • • Fl h Lit 2 0 Flash Lite 2.0 • ActionScript 2.0  Porting Time: 1 day • • OOP (Object based style) OOP (Object based style) Flash Lite 1.1 • Timeline driven (Flash 4) Timeline driven (Flash 4) • 3/19/2007
33. Slide 33: www.hookenmobile.com Flash Lite Wallpaper/Screen saver Flash Lite Wallpaper/Screen saver • “Device Status Animations” Device Status Animations • Flash Lite 2.0 Wallpaper/Screen saver  • Taps Battery and Signal Strength info  d Si l S hi f – 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 • 3/19/2007
34. Slide 34: www.hookenmobile.com Adobe Device Central Adobe Device Central • Used in testing Flash Lite content prior to  Used test g as te co te t p o to deploying on target device(s) • Saves precious development time p p • Updatable “Device Profiles” or skins • Device Profiling g – Memory Estimation – Performance Simulation • Environmental Testing – outdoors, indoors, etc. • MORE! 3/19/2007
35. Slide 35: www.hookenmobile.com Part 4 Part 4 “How” to deploy How to deploy 3/19/2007
36. Slide 36: www.hookenmobile.com Transferring Content to Devices Transferring 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) – • Mobile Web, SMS bil bS S – Infrared – WiFi? • Nokia PC SUITE for Series 40/60 devices • AppLoader for Flash Lite BREW development AppLoader for Flash Lite BREW development 3/19/2007
37. Slide 37: www.hookenmobile.com Mobile  Players Mobile “Players” • Subscribers – Purchase handsets, make calls, access data, etc. • Operators – Di t ib t Distribute content, manage service for subscribers tt if b ib • Handset and Device Manufacturers – Design and construct the devices and handsets Design, 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 Product /Service Companies /S i C i – Adobe for instance 3/19/2007
38. Slide 38: www.hookenmobile.com Flash Lite Content Distribution Flash Lite Content Distribution • File Formats: – .swf – .sis (Symbian Installers), .CAB (Windows Mobile) • Si il Similar concept to .zip on desktop tt i d kt • Delivery Methods: Distribute through WebServers s bu e oug ebSe e s – Adobe Flash Cast – i‐mode (NTT DoCoMo, others) – Aggregators (Handango, Fun Mobility, others) A (H d F M bili h) – Nokia Content Discoverer – Adobe Flash Lite Exchange Adobe Flash Lite Exchange – OTA, email, URL, bluetooth, etc. – 3/19/2007
39. Slide 39: www.hookenmobile.com Distributing Flash Lite Content Distributing Flash Lite Content • Operators Ope 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 3/19/2007
40. Slide 40: www.hookenmobile.com Part 5 Flash Mobile  Products/Services / 3/19/2007
41. Slide 41: www.hookenmobile.com Adobe  Mobile Experience Suite Adobe “Mobile Experience Suite” 3/19/2007
42. Slide 42: www.hookenmobile.com Adobe Flash Cast Adobe Flash Cast™ • Has been around since Flash Lite 1.1 as bee a ou d s ce as te . • Pushes down SWF’s to devices via servers • SWF content can be almost anything SWF 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 3/19/2007
43. Slide 43: www.hookenmobile.com Adobe Flash Cast Architecture Adobe Flash Cast™ Architecture 3/19/2007
44. Slide 44: www.hookenmobile.com • Announced at 3GSM 2007 Adobe Flash Home ™ • Flexible, white‐label home  screen solution that combines  customizable home screens with  customizable home screens with live data services to provide  subscribers with personalized,  engaging experiences across  i i handsets. • Embed data services and active Embed data services and active  content into home screens and  easily promote new services  tailored for various market  t il d f i kt segments, extending and  differentiating your brand in a  highly visual way. 3/19/2007
45. Slide 45: www.hookenmobile.com Part 6 ”Where” to go now Where to go now 3/19/2007
46. Slide 46: www.hookenmobile.com Where to go from here Where 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 flashlite@yahoogroups.com @y gp • • Flash Mobile User Group http://www.flashmobilegroup.org • • Devnet articles evnet 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 • 3/19/2007
47. Slide 47: www.hookenmobile.com Flash Mobile Device Smorgasbord Flash Mobile Device Smorgasbord • Flash Lite Nokia Series 40/60 Nokia Series 40/60 – iRiver PMP (u10, e10, Clix) – viliv p1/p2 viliv p1/p2 – Chumby – Others … – • Custom Flash SDK builds LeapFrog Leapster – Kodak Easy Share Camera – PSP – Pocket PC PDAs k – Others …. – 3/19/2007
48. Slide 48: www.hookenmobile.com 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 Download Adobe Device Central l d Ad b D i C t l – Search device profiles • Ask recommendations on Flash Lite Groups list – flashlitegroup@yahoo.com 3/19/2007
49. Slide 49: www.hookenmobile.com 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 Mobile User Experience is important! i ii t t! • Reduces mobile “fragmentation” issues • Better toolset from Adobe Better toolset from Adobe • – Flash 9 + Device Central + Flash Lite = “mobile bliss” • Flash Lite Service Solutions Flash Lite Service Solutions  – Adobe Flash Home ™ – Adobe Flash Cast ™ • MORE! 3/19/2007
50. Slide 50: www.hookenmobile.com BFPUG Invite BFPUG Invite • We cover all aspects of the Flash Platform ll fh l h l f • URL: – http://www.bfpug.com/ • Where? When?  – Meets monthly at New England Institute of Art  Brookline Village g 3/19/2007
51. Slide 51: www.hookenmobile.com My Blog My Blog • http://www scottjanousek com/blog http://www.scottjanousek.com/blog 3/19/2007
52. Slide 52: www.hookenmobile.com Part 7 P t7 Flash Lite  Q & A  Q&A 3/19/2007
53. Slide 53: www.hookenmobile.com Q & A Q&A • What are your questions? What are your questions? 3/19/2007
54. Slide 54: www.hookenmobile.com Thanks! 3/19/2007