Developing Mobile Applications for Multiple Platforms

  • 1,284 views
Uploaded on

The Adobe® AIR® 2.5 runtime enables developers to use ActionScript® to build web applications that run as standalone client applications without the constraints of a browser. A key component of the …

The Adobe® AIR® 2.5 runtime enables developers to use ActionScript® to build web applications that run as standalone client applications without the constraints of a browser. A key component of the Flash Platform, AIR unleashes the creativity of designers and developers by providing a consistent and flexible development environment for the delivery of applications across devices and platforms. In this tutorial, you will learn how to build AIR applications for BlackBerry Playbook, Android and other supported devices and platforms using the Adobe Flex framework. Prerequisites:
Adobe Flash Builder Burrito (Download from: http://labs.adobe.com/technologies/flashbuilder_burrito/)
Blackberry Playbook SDK for Air, BlackBerry Playbook simulator (Download and installation instructions here:http://us.blackberry.com/developers/tablet/adobe.jsp)

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,284
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Developing Apps for multiple platforms with Adobe AIR Immanuel Noel | Platform Evangelist, Adobe© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 1
  • 2. © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 3. The explosion of devices introduces new challenges for application development© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 4. TREND: Adobe revolutionizes CONTENT how the world TO engages with ideas CONTENT+ and information APPLICATIONS© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 4
  • 5. TREND: Adobe revolutionizes CREATION how the world TO engages with ideas CREATION+ and information OPTIMIZATION© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 5
  • 6. TREND: Adobe revolutionizes ONE DEVICE how the world TO engages with ideas MULTISCREEN and information© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 6
  • 7. Typical Architecture Model View Controller© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 8. Native Mobile Application Development Model A costly, inefficient development model Native Native Native Native App App App App Additional OS’s© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 9. RIA and Mobile Technical Considerations Rich + Reach Local Processing + Hosted Services Content Manipulation Application / Communication Not just sync© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 10. AIR for VIEW Model Controller View© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 11. Introducing a new mobile development paradigm One Tool, One Language, One Codebase Flex Application Common codebase AIR Additional OS’s Any Platform© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 12. The Flash Platform is the leading solution for rapidly building RIAs Applications, Content and Video The Flash Platform Tools to Design and Develop Framework Clients Services Servers provides a single development platform Adobe® Flash® that consistently delivers Adobe® Flash® Adobe® Flex ® Adobe® AIR® Adobe® Flash® Adobe® Flash® expressive, easy to use applications Professional Catalyst® Platform Media Server Services Family on the leading web and mobile platforms and devices Adobe® Flash® Builder™ Adobe® Flash® Adobe® Player LiveCycle® Integrating with the Flash Platform Creative Suite ColdFusion Builder© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 12
  • 13. Platforms, browsers, and devices In-browser Outside the browser Mobile Platforms Set-top boxes (Future)© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 14. AIR 2.6 SDK  Standalone AIR applications for Android, BlackBerry, and iOS  New, mobile-specific components added for application navigation and state management  UIs tailored for different form factors  Optimized for mobile device performance  Customizable components through skinning and styling© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 14
  • 15. AIR for Mobile Mobile-aware user interface components are…  Performance optimized  Touch-enabled  Multi-platform and multi-density aware  Expose common mobile UI affordances  Customizable through skinning and styling© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 15
  • 16. Native API Support Stage web View Multi Touch and Gestures Camera Screen Management Accelerometer Local Database GPS Native App Integration© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 16
  • 17. Flex An open-source framework for rapidly building expressive applications for web and mobile devices© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 18. What is Flex? Productive Cross-platform Expressive© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 19. Flex application building blocks  Controls  Charts  Smart layout  Skinning and styling  Animation and transition effects  Data binding  Integration with servers  Formatting and validation© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 20. What can you build with Flex? Just about anything Social Apps Dashboards/Visualization Productivity TweetDeck SAP Xcelsius bizk.it Digital Publishing Video Shopping/Configurators New York Times Reader 2.0 Brightcove Mini Cooper See flex.org/showcase for more© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 21. How Flex Works on the Mobile Mobile Files SQLite Notifications Clipboard Flex SDK MXML ActionScript AIR Client Runtime Flex Class Library Debuggers SOAP HTTP/S AMF/S RTMP/S Flash Builder IDE Web Server Compile & Package XML/HTTP LC Data Services REST SOAP Web Services J2EE Application Server Existing Applications & Infrastructure© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 22. Understanding Flex  Open Source Flex Flex SDK  2 languages MXML ActionScript  MXML  ActionScript 3 Flex Class Library  Compilers Debuggers  Rich component library Flash Builder IDE  Data visualization libraries  Debuggers  Flash Builder IDE  Eclipse plug-in or turn-key install  Accelerates design and development  Design view and code view© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 23. MXML: Components, Id, Properties, Events, Data Binding <Application> <Declarations> <HttpService id=“hs” url=“catalog.xml”/> </Declarations> <Button label=“Get Data” click=“hs.send()”/> <DataGrid dataProvider=“{hs.lastResult}”/> <LineChart dataProvider=“{hs.lastResult}”/> </Application>© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 24. Understanding ActionScript  All Flex code would eventually convert to AS before turning into Bytecode.  You can embed AS code in MXML to code the business logic of your application. <fx:Script> <![CDATA[ import mx.collections.ArrayCollection; import mx.events.FlexEvent; [Bindable]private var myData:ArrayCollection=new ArrayCollection([{},{}]); protected function application1_creationCompleteHandler(event:FlexEvent) { myDataGrid.dataProvider=myData; } ]]> </fx:Script>© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 25. Flash Builder Professional-grade Eclipse- based IDE for ActionScript and Flex development© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 26. What is Flash Builder? Productive coding Visual UI layout Design/development and debugging and data access workflow© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 27. Develop mobile applications – Flash Builder 4.5  New tooling to support ActionScript and Flex mobile development  Target Android, Apple iOS and BlackBerry Tablet OS  Visual development and per-device preview in design mode  Multi-density authoring support  One-click launch or debug on-device  Create signed application packages ready for deployment to mobile app store/marketplace© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 27
  • 28. Example mobile applications built using Flex 4.5 SDK© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 28
  • 29. Example mobile applications built using Flex 4.5 SDK© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 29
  • 30. More Power. More Devices. Less Code.  Deliver mobile applications across Android, Blackberry Tablet and iOS, with a single codebase using AIR 2.6.  Connectivity  Speed up application development with Adobe Flash Builder Adobe Flash Builder 4.5 More Devices. Less Code.© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.