Your SlideShare is downloading. ×
Mobile Development With Flash Platform
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Mobile Development With Flash Platform

3,005
views

Published on

Learn how you can build mobile applications for Android, iOS, and PlayBook using Adobe AIR, Flash Builder, and Flex framework.

Learn how you can build mobile applications for Android, iOS, and PlayBook using Adobe AIR, Flash Builder, and Flex framework.

Published in: Self Improvement

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,005
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
69
Comments
0
Likes
1
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
  • I’ve been working for Adobe for the past 7 years. And in the last tree years I’ve been working as a developer evangelist focused on Flex, Adobe AIR
  • And what better way to demonstrate this than having a look at examples of mobile applications created with our tools.aTabSplitter -> telefon / tableta Samsung / PlayBookPeopleORB – PlayBookTwitter Client - phone and iPodLCCS ShowcaseConqu and MobileTrader
  • How is all of this possible? Well, it actually started 2-3 years ago. We created a project called Open Screen Project. The goal of this project: enable consumers to engage with rich experiences seamlessly across any device.
  • This is why in 2011 Flash is on smartphones, tablets, televisions, set top boxes, and so on.
  • Why do we think our technology is valuable for companies looking to create mobile apps?
  • Traditionally when companies move to mobile world, they start typically with an iPhone or iPad app. Then maybe they want an Android app, and then a Blacberry, and so forth. And you can see that this becomes a problem: different technologies for each platform mean different teams, bigger costs. But probably most important it means much longer time spent in development.I spoke to Android developers from one of the biggest German companies and they told me that they have three different teams, one for Android, one for iOS and so forth, and that the when a new app is created is done first for only one of the platforms, then is done for the second one without reusing anything.
  • And here comes Adobe’s Flash Platform: the AIR runtime offers an abstraction layer over different OSs and devices. It is running on desktop computers, and it is running on Android, iOS, and BlackBerry PlayBook. We are working with our partners to bring AIR to other platforms as well.As a developer you can leverage the same APIs, tools, services, and workflows to target these different devices. The payoff? Faster time to market, with less resources.
  • So how do you build apps with our tools?
  • At a minimum you build apps for Android using: The free Adobe AIR SDK. This SDK has command line tools to compile and test your application, as well as package as an APK file.Next, you can use the open source Flex framework. The current version is Flex 4.5 and brings support for mobile. So you can use the same framework for desktop apps and for mobile apps.Using these two you can start building apps using your favorite text editor. If you prefer IDEs, then we have an Eclipse based IDE called Flash Builder. The 4.5 version will be release soon.And finally, of course, you can use other services and servers to do collaborative apps, or enable server-side services for consuming from Flex via RPC, Web Services, or messaging.
  • Now let’s see the Flex framework, Flash Builder, and Adobe AIR in action.I will build a simple app that illustrates many of the talking points I covered so far.Script:Preparations: final project for backup and show them where we want to goCreate a new Flex Mobile ProjectIn the first view add a list 100% and a data provider (label, phone, email, site)Create the second view to display the selected contact information: 3 or four buttons + titleBack to main application and create the action barFirst view and add the logic for selecting an item and change the viewSecond view use the data to populate buttons and title, add code for making calls etc.Demonstrate sessionCachingEnabled = trueDeploy the app on phone and tablet – talk about the automatic layout
  • Transcript

    • 1. Mobile Development & The Flash Platform
      Mihai Corlan | WW Developer Evangelist | http://corlan.org
    • 2. About Me
      Adobe World Wide Developer Evangelist (since 2008)
      Flash Builder Engineer 2006-2008
      Web Developer 98’ - 2006
      Blog: http://corlan.org
      Twitter: http://twitter.com/mcorlan
      Email: mihai.corlan@adobe.com
      2
    • 3. Examples of Mobile Applications created using our tools
    • 4. Open Screen Project http://www.openscreenproject.org
    • 5. Flash Platform and Multi-Screen
      Adobe
      Flash
      Platform
    • 6. Flash Player and Adobe AIR Runtimes
      Applications inside the browser
      Running on
      Windows/MacOS/Linux
      Android/PlayBook
      Flash® Player
      Standalone Applications
      Running on:
      Windows/MacOS/Linux/
      Android/iOS/PlayBook
      Adobe® AIR®
    • 7. The Flash Platform
      Applications, Content and Video
      Tools to Design and Develop
      Clients
      Servers
      Framework
      Services
      Adobe® Flash® Builder™
      Adobe® Flash® Media Server Family
      Adobe® Flash® CS5 Professional
      Adobe® Flex ®
      Adobe® Flash® Platform Services
      Adobe® AIR®
      “Burrito”
      “Hero”
      2.6
      Adobe® Flash® Catalyst™
      Adobe® LiveCycle®
      Data Services
      Adobe® LiveCycle® Collaboration Service
      Adobe® Flash® Player
      “Panini”
      10.2
      Integrating withthe Flash Platform
      ColdFusion Builder
      Creative Suite 5
    • 8. What is our proposal and why is it valuable?
    • 9. Native Mobile Application Development Model
      A costly, inefficient development model
      Native
      App
      Native
      App
      Native
      App
      Native
      App
      Additional
      OS’s
    • 10. Introducing a new mobile development paradigm
      One Tool, One Language, One Codebase
      Flex Application
      Common codebase
      AIR
      Additional
      OS’s
      Any Platform. Great performance.
    • 11. How do you build mobile apps with Adobe’s Flash Platform?
    • 12. How do you build AIR Apps for Mobile Devices?
      Flex 4.5
      Adobe AIR 2.6
      LiveCycle
      Data Services
      LiveCycle Collaboration Service
      Flash Builder 4.5
    • 13. Where we are today
      Flash Builder 4.5 and Flex 4.5 was launched this month
      Support for:
      ActionScript mobile projects for Android, iOS, and PlayBook
      Flex mobile projects for Android
      Flex and ActionScript projects for desktop
      In June 2011 we will release and update that enables Flex framework for
      iOS
      PlayBook
    • 14. Are there any limitations when using the Flash Platformfor mobile apps?
    • 15. Performance?
      Performance wise we think we are there with the native
      We continue our work on optimizing our runtimes and frameworks
    • 16. Integration with devices capabilities / existing apps?
      Today AIR on mobile offers:
      Camera (Camera Rol) and Microphone access
      Accelerometer
      GPS
      Multitouch/Gestures
      Screen Orientation / Fullscreen
      Phone/SMS/Email/Browser/AndroidMarket
      StageWebView
      Session Cache Support –RestoreApp State
      Hardware Buttons Support
      Local database (SQLite)
    • 17. Integration with devices capabilities / existing apps?
      This year we will add support for native extensions
      Developers will be able to use the platform native SDK to create extensions that can be used by AIR apps
      This means:
      Support for notifications
      Using Intents on Android – other applications
      Using the contact lists
      And so on…
    • 18. Flex Framework Support for Mobile
      Support for Screen Metaphor
      Pushing new screens
      Removing the current screen
      Integration with the hardware buttons on Android
      Support for device orientation changes
      UI components optimized for mobile
      Saving (persisting) and restoring application state
    • 19. Flash Builder Support for Mobile Development
      Mobile Projects
      Design view for mobile
      Running and debugging the mobile apps on the simulator or the device
      Support for packaging the native files (APK, BAR, IPA)
    • 20. Thank You!
      Question & Answers
      Join my session 14:30PM for a handson on building mobile apps.
      I will upload the slides to my blog today.
      http://corlan.org
      http://twitter.com/mcorlan
      mcorlan@adobe.com
    • 21.
    • 22. Adobe, the Adobe logo, Adobe AIR, the Adobe AIR logo, the Adobe PDF logo, AIR, ColdFusion, ColdFusion Builder, Flash, Flash Builder, the Flash logo, Flex, LiveCycle, and Reader are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries. All other trademarks are the property of their respective owners.
      © 2010 Adobe Systems Incorporated. All rights reserved. Printed in the USA. 9102xxxx 3/10
      Adobe, the Adobe logo, Adobe AIR, the Adobe AIR logo, ActionScript, AIR, Flash, Flash Builder, Flash Catalyst, the Flash logo, Flex, and LiveCycle are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries. Microsoft and Windows are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. Java is a trademark or registered trademark of Sun Microsystems, Inc. in the United States and other countries. All other trademarks are the property of their respective owners.
      Printed in the USA. 91023957 3/10
    • 23. The Flash Platform
      Applications, Content and Video
      Tools to Design and Develop
      Clients
      Servers
      Framework
      Services
      Adobe® Flash® Builder™
      Adobe® Flash® Media Server Family
      Adobe® Flash® CS5 Professional
      Adobe® Flex ®
      Adobe® Flash® Platform Services
      Adobe® AIR®
      “Burrito”
      “Hero”
      2.6
      Adobe® Flash® Catalyst™
      Adobe® LiveCycle®
      Data Services
      Adobe® LiveCycle® Collaboration Service
      Adobe® Flash® Player
      “Panini”
      10.2
      Integrating withthe Flash Platform
      ColdFusion Builder
      Creative Suite 5