multiscreen development with adobe air
DESCRIPTION
These are slides from my Mobile Development presentation at the 2011 cf.Objective() conferenceTRANSCRIPT
Multi-screen Development with Adobe AIR
Dustin [email protected]@dtauer
I Teach
I Use
• Brief overview of mobile development with Adobe AIR• Compare mobile platforms– iOS, RIM, Android
• Developing a multi-screen mobile application– Flash Builder 4.5– Developing | Debugging | Distributing
• Q&A
Device Landscape
Adobe AIR
• Desktop application• Requires the free AIR Runtime• Build once, Publish many– File.desktopDirectory;– CameraRoll.browseForImage();
Adobe AIR
• Eliminates the need to learn multiple programming languages– iOS -> Objective C– Android -> Java– Windows -> Silverlight– Blackberry -> Java
• Develop in Flash, export to your desired platform– iOS -> IPA file– Android -> APK file– Blackberry -> BAR/COD file
Adobe AIR
• With most platforms, you’re exporting an AIR application• AIR app is “wrapped” with a native installer (i.e. APK file)• Application is installed
– If user doesn’t have AIR, they will be prompt to download– AIR app is then installed
• iOS is the only exception– App is converted to a NATIVE iOS application because iOS does
not support Adobe AIR
What do I need to get started?
Tool
• Flash CS5.5– Export Android, iOS, and BlackBerry Tablet applications– More platforms coming…
• Flash Builder 4.5– Build Flex/ActionScript mobile applications
• Flex 4.5 SDK contains mobile optimized-components• Currently supports Android apps• iOS and BlackBerry Tablet OS coming in June update• Unsupported BlackBerry workaround
– http://blogs.adobe.com/jasonsj/2011/05/flex45_air25_playbook.html• You need to create a development account for BlackBerry and iOS
Create a new Flex Mobile Project
Design View is Mobile-Optimized
Demo: Creating a Flex Mobile Application
Detecting Device Capabilities
Device Capabilities
• Multitouch• Accelerometer• Orentation• Microphone• Keyboard• GPS• Camera
Check for support
GPS
Orientation
Demo: Using the Camera
Multi-touch: You CAN touch this
Raw touch points
Gestures
Optimization
Optimization Considerations
• Consider bitmaps over vectors• Keep bitmaps as small as possible• When in doubt, use ActionScript– MXML can be more costly
Event propagation
Frame Rate and Memory Management
https://github.com/mrdoob/Hi-ReS-Stats
Developer Programs
• $99/year• You get 70% of sales revenue
• Blackberry Tablet OS• $200 for 10 applications, you get 80% of sales revenue
• Free to develop applications– One-time $25 fee if you want to submit to marketplace
• You get 70% of sales revenue
Q & A | Evaluation
Thank you!blog.easelsolutions.com
adobe.com/devnet/mobileadobe.com/devnet/flashbuilder
http://goo.gl/T1P0h
* Turn in your paper conference evaluations at the registration desk