Flex multi-screen development
•Download as PPTX, PDF•
0 likes•1,777 views
This document provides an overview of developing mobile applications with Adobe AIR and Flash Builder. It discusses the mobile platforms that can be targeted (iOS, Android, Blackberry), how to set up your development environment, optimizing applications for mobile, monetizing through developer programs, and resources for learning more. The key advantages highlighted are writing code once in Flash/Flex and deploying to multiple platforms, and eliminating the need to learn platform-specific languages like Objective-C or Java.
Report
Share
Flex multi-screen development
- 1. Flex | .Net | Mobile
- 3. I Teach
- 4. I Use
- 5. Brief overview of mobile development with Adobe AIRCompare mobile platformsiOS, RIM, AndroidDeveloping a multi-screen mobile applicationFlash Builder 4.5Developing | Debugging | DistributingQ&A
- 8. Adobe AIRDesktop applicationRequires the free AIR RuntimeBuild once, Publish manyFile.desktopDirectory;CameraRoll.browseForImage();
- 9. Adobe AIREliminates the need to learn multiple programming languagesiOS -> Objective CAndroid -> JavaWindows -> SilverlightBlackberry -> JavaDevelop in Flash, export to your desired platformiOS -> IPA fileAndroid -> APK fileBlackberry -> BAR/COD file
- 10. Adobe AIRWith most platforms, you’re exporting an AIR applicationAIR app is “wrapped” with a native installer (i.e. APK file)Application is installedIf user doesn’t have AIR, they will be prompt to downloadAIR app is then installediOS is the only exceptionApp is converted to a NATIVEiOS application because iOS does not support Adobe AIR
- 11. What do I need to get started?
- 12. ToolFlash CS5.5Export Android, iOS, and BlackBerry Tablet applicationsMore platforms coming…Flash Builder 4.5Build Flex/ActionScript mobile applicationsFlex 4.5 SDK contains mobile optimized-componentsCurrently supports Android appsiOS and BlackBerry Tablet OS coming in June update
- 13. Understanding FlexFlex SDKMXMLActionScriptFlex Class LibraryDebuggersOpen Source Flex2 languages (MXML, ActionScript 3)
- 14. Compilers
- 17. DebuggersFlash Builder IDEEclipse plug-in or turn-key install
- 18. Accelerates design and development
- 19. Design view and code viewFlash Builder IDE
- 20. Flex 4.5 – A single framework for web, desktop and mobileStandalone AIR applications for Android, BlackBerry, and iOS
- 21. New, mobile-specific components added for application navigation and state management
- 22. UIs tailored for different form factors
- 23. Optimized for mobile device performance
- 24. Existing Spark components retro-fitted for mobile
- 25. Customizable components through skinning and stylingWhat about .Net?GET/POST using HTTPService or URLLoaderSOAP using WebServiceAMF Remoting using RemoteObjectMap C# class to ActionScript Classeshttp://www.adobe.com/devnet/flex/flex_net.html
- 26. Create a new Flex Mobile ProjectDesign View is Mobile-Optimized
- 31. GPS
- 32. Orientation
- 33. Multi-touch: You CAN touch this
- 35. Optimization
- 36. Optimization ConsiderationsConsider bitmaps over vectors Keep bitmaps as small as possibleWhen in doubt, use ActionScriptMXML can be more costly
- 38. Frame Rate and Memory Managementhttps://github.com/mrdoob/Hi-ReS-Stats
- 40. $99/yearYou get 70% of sales revenueBlackberry Tablet OS$200 for 10 applications, you get 80% of sales revenueFree to develop applicationsOne-time $25 fee if you want to submit to marketplaceYou get 70% of sales revenue
- 41. ResourcesFlash Builder 4.5 and Flex 4.5http://www.adobe.com/products/flash-builder.htmlhttp://www.adobe.com/devnet/flash-builder.htmlhttp://www.adobe.com/devnet/devices/mobile-apps.htmlhttp://www.adobe.com/devnet/flex.htmlFlex and .Nethttp://www.adobe.com/devnet/flex/flex_net.htmlhttp://www.themidnightcoders.com/products/weborb-for-net/http://www.fluorinefx.com/
- 42. Q & AThank you!blog.easelsolutions.comadobe.com/devnet/mobileadobe.com/devnet/flex