Your SlideShare is downloading. ×
0
Multi-screen Development with Adobe AIR<br />
Dustin Tauerdustin@easelsolutions.com@dtauer<br />
I Teach<br />
I Use<br />
Brief overview of mobile development with Adobe AIR<br />Compare mobile platforms<br />iOS, RIM, Android<br />Developing a...
Device Landscape<br />
Adobe AIR<br />Desktop application<br />Requires the free AIR Runtime<br />Build once, Publish many<br />File.desktopDirec...
Adobe AIR<br />Eliminates the need to learn multiple programming languages<br />iOS -> Objective C<br />Android -> Java<br...
Adobe AIR<br />With most platforms, you’re exporting an AIR application<br />AIR app is “wrapped” with a native installer ...
What do I need to get started?<br />
Tool<br />Flash CS5.5<br />Export Android, iOS, and BlackBerry Tablet applications<br />More platforms coming…<br />Flash ...
Create a new Flex Mobile Project<br />Design View is Mobile-Optimized<br />
Demo: Creating a Flex Mobile Application<br />
Detecting Device Capabilities<br />
Device Capabilities<br />Multitouch<br />Accelerometer<br />Orentation<br />Microphone<br />Keyboard<br />GPS<br />Camera<...
Check for support<br />
GPS<br />
Orientation<br />
Demo: Using the Camera<br />
Multi-touch: You CAN touch this<br />
Raw touch points<br />Gestures<br />
Optimization<br />
Optimization Considerations<br />Consider bitmaps over vectors<br /> Keep bitmaps as small as possible<br />When in doubt,...
Event propagation<br />
Frame Rate and Memory Management<br />https://github.com/mrdoob/Hi-ReS-Stats<br />
Developer Programs<br />
$99/year<br />You get 70% of sales revenue<br />Blackberry  Tablet OS<br />$200 for 10 applications, you get 80% of sales ...
Q & A | Evaluation<br />* Turn in your paper conference evaluations at the registration desk<br />http://goo.gl/T1P0h<br /...
Upcoming SlideShare
Loading in...5
×

Multiscreen Development with Adobe Air

2,361

Published on

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

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,361
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
33
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Multiscreen Development with Adobe Air"

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

    Clipping is a handy way to collect important slides you want to go back to later.

×