Learn how to create Flash content for Android devices, including web page content as well as apps.

1. Creating Mobile Content
Using Flash Professional CS5
Paul Trani
ptrani@adobe.com www.paultrani.com @paultrani
©2010 Adobe Systems Incorporated. All Rights Reserved.

2. Creating Mobile Content
Take advantage of the proliferation of Flash by creating
experiences that are optimized for multiple screens.
• Design considerations
• Optimization techniques
• Device specific capabilities
©2010 Adobe Systems Incorporated. All Rights Reserved.

3. Flash Player Penetration by 2012
350
Total Smartphones
300
Smartphones with Flash Player
Millions of Smartphones
250
200
53%
150
100 35%
50
9%
0
2009 2010 2011 2012
Source: Strategy Analytics smartphone forecast (January 2010) and Adobe adoption estimates
©2010 Adobe Systems Incorporated. All Rights Reserved.

4. Smartphones with Flash Player 10.1
Unofficial List!
• Nexus One
• Motorola Droid 2
• Motorola Droid X
• Motorola Droid
• HTC Desire
• HTC Legend
• HTC Incredible
• HTC Wildfire
• HTC Aria
• Samsung Galaxy S
• Palm Pre
©2010 Adobe Systems Incorporated. All Rights Reserved.

5. Design
Considerations
©2010 Adobe Systems Incorporated. All Rights Reserved.

6. Design Considerations for Touch UI
Keep gestures smart and simple
Leverage clear mental models
Touch feedback is key
www.idlemode.com
©2010 Adobe Systems Incorporated. All Rights Reserved.

7. Design for Real Hand Sizes
44px
©2010 Adobe Systems Incorporated. All Rights Reserved. 7

8. Placement
©2010 Adobe Systems Incorporated. All Rights Reserved. 8
Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.

9. Text and Context
 14pt font size
 San serif (Arial, Helvetica, Verdana)
 High contrast (black on white, white on black)
 Use opaque background over transparency
©2010 Adobe Systems Incorporated. All Rights Reserved. 9

10. Native Keyboard Placement
©2010 Adobe Systems Incorporated. All Rights Reserved.

11. Screens and Orientation
?
?
?
©2010 Adobe Systems Incorporated. All Rights Reserved.

12. Optimization
©2010 Adobe Systems Incorporated. All Rights Reserved.

13. Graphics
 Consider bitmaps over vectors
 Minimize number of vectors
 Test with different qualities of Stage
Avoid, if possible:
 Filters
 Blend modes
 Transparency
 Perspective distortion
©2010 Adobe Systems Incorporated. All Rights Reserved.

14. ActionScript Optimization
 Set frame rate as low as possible
 Dynamically adjust frame rate
 Consolidate into a single handler
 Use GPU accelerated Bitmap Transformations
(cacheAsBitmapMatrix)
 Bitmap Blitting
©2010 Adobe Systems Incorporated. All Rights Reserved.

15. Flash Player 10.1
©2010 Adobe Systems Incorporated. All Rights Reserved.

16. Designed for New Platforms
Brings full Flash Player feature set to devices
Mobile-ready features that take advantage of native
device capabilities:
 Multi-touch and gestures
 Accelerometer input
 Geolocation
 Mobile text input
 Optimized SWF management for mobile
 Sleep mode
 Graphics hardware acceleration
 H.264 video hardware decoding
©2010 Adobe Systems Incorporated. All Rights Reserved.

17. Testing and Simulation: Device Central
©2010 Adobe Systems Incorporated. All Rights Reserved.

18. Publishing
Flash Player: In the Browser
AIR: Beyond the Browser
 Build standalone applications using Flash
 Everything Flash Player 10.1 has and then some
 First mobile operating system to be supported is Android
 Provides Flash developers access to app stores
©2010 Adobe Systems Incorporated. All Rights Reserved.

19. Two Clients
Mulitouch Accelerometer Orientation Microphone Keyboard Geolocation Camera GPS
✔
✔
✔
✔
✔
✔
✔
✔
✔
✔
✔
✔
✔
©2010 Adobe Systems Incorporated. All Rights Reserved.

20. Packaging & Distribution
.air
(swf, jpg, mp3)
.exe
.air
(swf, jpg, mp3)
.dmg
.ipa
.apk
©2010 Adobe Systems Incorporated. All Rights Reserved.

21. AIR for Android: Setup
 Get the Android SDK: http://developer.android.com/sdk
Allows you to create and install apps on your device
 Android - SDK Manager to install packages etc.
 ADB – Android Device Debugger installs apps on your device
 DDMS - Dalvik Debug Monitor for desktop simulation.
 Join the AIR Prerelease http://labs.adobe.com/technologies/air/
 Get AIR for Android runtime .apk installed
 Get the AIR for Android Extension for Flash CS5 to make apps
©2010 Adobe Systems Incorporated. All Rights Reserved.

22. Demo
©2010 Adobe Systems Incorporated. All Rights Reserved.

23. Resources
©2010 Adobe Systems Incorporated. All Rights Reserved.

24. Resources
DROID Does Flash ■ ptrani@adobe.com
hosted by Adobe & Motorola ■ www.adobetv.com
Thursday, September 16, 2010 ■ http://www.paultrani.com
from 6:00 PM - 9:00 PM (PT) ■ www.bytearray.org
■ http://www.RIAgora.com
■ http://www.flashmobileblog.com
■ http://www.gotoandlearn.com
■ http://www.blackcj.com
©2010 Adobe Systems Incorporated. All Rights Reserved.