multiscreen development with adobe air

30
Multi-screen Development with Adobe AIR

Upload: easelsolutions

Post on 02-Dec-2014

2.704 views

Category:

Technology


0 download

DESCRIPTION

These are slides from my Mobile Development presentation at the 2011 cf.Objective() conference

TRANSCRIPT

Page 1: Multiscreen Development with Adobe Air

Multi-screen Development with Adobe AIR

Page 2: Multiscreen Development with Adobe Air

Dustin [email protected]@dtauer

Page 3: Multiscreen Development with Adobe Air

I Teach

Page 4: Multiscreen Development with Adobe Air

I Use

Page 5: Multiscreen Development with Adobe Air

• 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

Page 6: Multiscreen Development with Adobe Air
Page 7: Multiscreen Development with Adobe Air

Device Landscape

Page 8: Multiscreen Development with Adobe Air

Adobe AIR

• Desktop application• Requires the free AIR Runtime• Build once, Publish many– File.desktopDirectory;– CameraRoll.browseForImage();

Page 9: Multiscreen Development with Adobe Air

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

Page 10: Multiscreen Development with Adobe Air

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

Page 11: Multiscreen Development with Adobe Air

What do I need to get started?

Page 12: Multiscreen Development with Adobe Air

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

Page 13: Multiscreen Development with Adobe Air

Create a new Flex Mobile Project

Design View is Mobile-Optimized

Page 14: Multiscreen Development with Adobe Air
Page 15: Multiscreen Development with Adobe Air

Demo: Creating a Flex Mobile Application

Page 16: Multiscreen Development with Adobe Air

Detecting Device Capabilities

Page 17: Multiscreen Development with Adobe Air

Device Capabilities

• Multitouch• Accelerometer• Orentation• Microphone• Keyboard• GPS• Camera

Page 18: Multiscreen Development with Adobe Air

Check for support

Page 19: Multiscreen Development with Adobe Air

GPS

Page 20: Multiscreen Development with Adobe Air

Orientation

Page 21: Multiscreen Development with Adobe Air

Demo: Using the Camera

Page 22: Multiscreen Development with Adobe Air

Multi-touch: You CAN touch this

Page 23: Multiscreen Development with Adobe Air

Raw touch points

Gestures

Page 24: Multiscreen Development with Adobe Air

Optimization

Page 25: Multiscreen Development with Adobe Air

Optimization Considerations

• Consider bitmaps over vectors• Keep bitmaps as small as possible• When in doubt, use ActionScript– MXML can be more costly

Page 26: Multiscreen Development with Adobe Air

Event propagation

Page 27: Multiscreen Development with Adobe Air

Frame Rate and Memory Management

https://github.com/mrdoob/Hi-ReS-Stats

Page 28: Multiscreen Development with Adobe Air

Developer Programs

Page 29: Multiscreen Development with Adobe Air

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

Page 30: Multiscreen Development with Adobe Air

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