Creating Mobile Content Using Flash

2,502 views
2,458 views

Published on

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

1 Comment
1 Like
Statistics
Notes
  • I have java based mobile.nokiac2-01
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
2,502
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
44
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Creating Mobile Content Using Flash

  1. 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. 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. 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. 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. 5. Design Considerations ©2010 Adobe Systems Incorporated. All Rights Reserved.
  6. 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. 7. Design for Real Hand Sizes 44px ©2010 Adobe Systems Incorporated. All Rights Reserved. 7
  8. 8. Placement ©2010 Adobe Systems Incorporated. All Rights Reserved. 8 Copyright 2009 Adobe Systems Incorporated. All rights reserved. Adobe confidential.
  9. 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. 10. Native Keyboard Placement ©2010 Adobe Systems Incorporated. All Rights Reserved.
  11. 11. Screens and Orientation ? ? ? ©2010 Adobe Systems Incorporated. All Rights Reserved.
  12. 12. Optimization ©2010 Adobe Systems Incorporated. All Rights Reserved.
  13. 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. 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. 15. Flash Player 10.1 ©2010 Adobe Systems Incorporated. All Rights Reserved.
  16. 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. 17. Testing and Simulation: Device Central ©2010 Adobe Systems Incorporated. All Rights Reserved.
  18. 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. 19. Two Clients Mulitouch Accelerometer Orientation Microphone Keyboard Geolocation Camera GPS ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ©2010 Adobe Systems Incorporated. All Rights Reserved.
  20. 20. Packaging & Distribution .air (swf, jpg, mp3) .exe .air (swf, jpg, mp3) .dmg .ipa .apk ©2010 Adobe Systems Incorporated. All Rights Reserved.
  21. 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. 22. Demo ©2010 Adobe Systems Incorporated. All Rights Reserved.
  23. 23. Resources ©2010 Adobe Systems Incorporated. All Rights Reserved.
  24. 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.

×