Creating Mobile Content Using Flash
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Creating Mobile Content Using Flash

on

  • 2,792 views

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

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

Statistics

Views

Total Views
2,792
Views on SlideShare
2,792
Embed Views
0

Actions

Likes
1
Downloads
40
Comments
1

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • I have java based mobile.nokiac2-01
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Creating Mobile Content Using Flash Presentation Transcript

  • 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.