Your SlideShare is downloading. ×
0
Mobile Development & The Flash Platform<br />Mihai Corlan | WW Developer Evangelist | http://corlan.org<br />
About Me<br />Adobe World Wide Developer Evangelist  (since 2008)<br />Flash Builder Engineer 2006-2008<br />Web Developer...
Examples of Mobile Applications created using our tools<br />
Open Screen Project			    http://www.openscreenproject.org<br />
Flash Platform and Multi-Screen<br />Adobe<br />Flash <br />Platform<br />
Flash Player and Adobe AIR Runtimes<br />Applications inside the browser<br />Running on <br />Windows/MacOS/Linux<br />An...
The Flash Platform<br />Applications, Content and Video<br />Tools to Design and Develop<br />Clients<br />Servers<br />Fr...
What is our proposal and why is it valuable?<br />
Native Mobile Application Development Model<br />A costly, inefficient development model<br />Native<br />App<br />Native<...
Introducing a new mobile development paradigm<br />One Tool, One Language, One Codebase<br />Flex Application<br />Common ...
How do you build mobile apps with Adobe’s Flash Platform?<br />
How do you build AIR Apps for Mobile Devices?<br />Flex 4.5<br />Adobe AIR 2.6<br />LiveCycle<br />Data Services<br />Live...
Where we are today<br />Flash Builder 4.5 and Flex 4.5 was launched this month<br />Support for:<br />ActionScript mobile ...
Are there any limitations when using the Flash Platformfor mobile apps?<br />
Performance?<br />Performance wise we think we are there with the native<br />We continue our work on optimizing our runti...
Integration with devices capabilities / existing apps?<br />Today AIR on mobile offers:<br />Camera (Camera Rol) and Micro...
Integration with devices capabilities / existing apps?<br />This year we will add support for native extensions<br />Devel...
Flex Framework Support for Mobile<br />Support for Screen Metaphor<br />Pushing new screens<br />Removing the current scre...
Flash Builder Support for Mobile Development<br />Mobile Projects<br />Design view for mobile<br />Running and debugging t...
Thank You!<br />Question & Answers <br />Join my session 14:30PM for a handson on building mobile apps.<br />I will upload...
Adobe, the Adobe logo, Adobe AIR, the Adobe AIR logo, the Adobe PDF logo, AIR, ColdFusion, ColdFusion Builder, Flash, Flas...
The Flash Platform<br />Applications, Content and Video<br />Tools to Design and Develop<br />Clients<br />Servers<br />Fr...
Upcoming SlideShare
Loading in...5
×

Mobile Development With Flash Platform

3,062

Published on

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,062
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
70
Comments
0
Likes
1
Embeds 0
No embeds

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 -&gt; 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 of "Mobile Development With Flash Platform"

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

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

    ×