Flex multi-screen development

3,462 views

Published on

This is a presentation delivered to the MN .Net Forum about multi-screen development with Adobe Flex

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

  • Be the first to like this

No Downloads
Views
Total views
3,462
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
41
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Flex multi-screen development

  1. 1. Flex | .Net | Mobile<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 />
  13. 13. Understanding Flex<br />Flex SDK<br />MXML<br />ActionScript<br />Flex Class Library<br />Debuggers<br />Open Source Flex<br /><ul><li>2 languages (MXML, ActionScript 3)
  14. 14. Compilers
  15. 15. Rich component library
  16. 16. Data visualization libraries
  17. 17. Debuggers</li></ul>Flash Builder IDE<br /><ul><li>Eclipse plug-in or turn-key install
  18. 18. Accelerates design and development
  19. 19. Design view and code view</li></ul>Flash Builder IDE<br />
  20. 20. Flex 4.5 – A single framework for web, desktop and mobile<br /><ul><li>Standalone AIR applications for Android, BlackBerry, and iOS
  21. 21. New, mobile-specific components added for application navigation and state management
  22. 22. UIs tailored for different form factors
  23. 23. Optimized for mobile device performance
  24. 24. Existing Spark components retro-fitted for mobile
  25. 25. Customizable components through skinning and styling</li></li></ul><li>What about .Net?<br />GET/POST using HTTPService or URLLoader<br />SOAP using WebService<br />AMF Remoting using RemoteObject<br />Map C# class to ActionScript Classes<br />http://www.adobe.com/devnet/flex/flex_net.html<br />
  26. 26. Create a new Flex Mobile Project<br />Design View is Mobile-Optimized<br />
  27. 27.
  28. 28. Detecting Device Capabilities<br />
  29. 29. Device Capabilities<br />Multitouch<br />Accelerometer<br />Orentation<br />Microphone<br />Keyboard<br />GPS<br />Camera<br />
  30. 30. Check for support<br />
  31. 31. GPS<br />
  32. 32. Orientation<br />
  33. 33. Multi-touch: You CAN touch this<br />
  34. 34. Raw touch points<br />Gestures<br />
  35. 35. Optimization<br />
  36. 36. 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 />
  37. 37. Event propagation<br />
  38. 38. Frame Rate and Memory Management<br />https://github.com/mrdoob/Hi-ReS-Stats<br />
  39. 39. Developer Programs<br />
  40. 40. $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 />
  41. 41. Resources<br />Flash Builder 4.5 and Flex 4.5<br />http://www.adobe.com/products/flash-builder.html<br />http://www.adobe.com/devnet/flash-builder.html<br />http://www.adobe.com/devnet/devices/mobile-apps.html<br />http://www.adobe.com/devnet/flex.html<br />Flex and .Net<br />http://www.adobe.com/devnet/flex/flex_net.html<br />http://www.themidnightcoders.com/products/weborb-for-net/<br />http://www.fluorinefx.com/<br />
  42. 42. Q & A<br />Thank you!<br />blog.easelsolutions.com<br />adobe.com/devnet/mobile<br />adobe.com/devnet/flex<br />

×