Downloaded 73 times
Uploaded byMihai Corlan
Mobile Development With Flash Platform
The document discusses using the Adobe Flash Platform for mobile application development. It describes how developers can use Flash Builder and Flex to build mobile apps for Android, iOS, and Blackberry PlayBook using a single codebase. Currently Flex mobile projects are supported for Android, and support for iOS and PlayBook will be added later in 2011. The Flash Platform provides tools for building standalone mobile apps using AIR as well as apps that run within mobile browsers using Flash Player. Performance is optimized and device capabilities like the camera are supported.
More Related Content
Similar to Mobile Development With Flash Platform
Mobile Development With Flash Platform
- 1. Mobile Development &The Flash PlatformMihai Corlan | WW Developer Evangelist | http://corlan.org
- 2. About MeAdobe WorldWide Developer Evangelist (since 2008)Flash Builder Engineer 2006-2008Web Developer 98’ - 2006Blog: http://corlan.orgTwitter: http://twitter.com/mcorlanEmail: mihai.corlan@adobe.com2
- 3. Examples of MobileApplications created using our tools
- 4. Open Screen Project http://www.openscreenproject.org
- 5. Flash Platform andMulti-ScreenAdobeFlash Platform
- 6. Flash Player andAdobe AIR RuntimesApplications inside the browserRunning on Windows/MacOS/LinuxAndroid/PlayBookFlash® PlayerStandalone Applications Running on: Windows/MacOS/Linux/Android/iOS/PlayBookAdobe® AIR®
- 7. The Flash PlatformApplications,Content and VideoTools to Design and DevelopClientsServersFrameworkServicesAdobe® Flash® Builder™ Adobe® Flash® Media Server FamilyAdobe® Flash® CS5 ProfessionalAdobe® Flex ®Adobe® Flash® Platform ServicesAdobe® AIR®“Burrito”“Hero”2.6Adobe® Flash® Catalyst™Adobe® LiveCycle®Data ServicesAdobe® LiveCycle® Collaboration Service Adobe® Flash® Player“Panini”10.2Integrating withthe Flash PlatformColdFusion BuilderCreative Suite 5
- 8. What is ourproposal and why is it valuable?
- 9. Native Mobile ApplicationDevelopment ModelA costly, inefficient development modelNativeAppNativeAppNativeAppNativeAppAdditional OS’s
- 10. Introducing a newmobile development paradigmOne Tool, One Language, One CodebaseFlex ApplicationCommon codebaseAIRAdditional OS’sAny Platform. Great performance.
- 11. How do youbuild mobile apps with Adobe’s Flash Platform?
- 12. How do youbuild AIR Apps for Mobile Devices?Flex 4.5Adobe AIR 2.6LiveCycleData ServicesLiveCycle Collaboration ServiceFlash Builder 4.5
- 13. Where we aretodayFlash Builder 4.5 and Flex 4.5 was launched this monthSupport for:ActionScript mobile projects for Android, iOS, and PlayBookFlex mobile projects for AndroidFlex and ActionScript projects for desktopIn June 2011 we will release and update that enables Flex framework for iOSPlayBook
- 14. Are there anylimitations when using the Flash Platformfor mobile apps?
- 15. Performance?Performance wise wethink we are there with the nativeWe continue our work on optimizing our runtimes and frameworks
- 16. Integration with devicescapabilities / existing apps?Today AIR on mobile offers:Camera (Camera Rol) and Microphone accessAccelerometerGPSMultitouch/GesturesScreen Orientation / FullscreenPhone/SMS/Email/Browser/AndroidMarketStageWebViewSession Cache Support –RestoreApp StateHardware Buttons Support Local database (SQLite)
- 17. Integration with devicescapabilities / existing apps?This year we will add support for native extensionsDevelopers will be able to use the platform native SDK to create extensions that can be used by AIR appsThis means:Support for notificationsUsing Intents on Android – other applicationsUsing the contact listsAnd so on…
- 18. Flex Framework Supportfor MobileSupport for Screen MetaphorPushing new screensRemoving the current screenIntegration with the hardware buttons on AndroidSupport for device orientation changesUI components optimized for mobileSaving (persisting) and restoring application state
- 19. Flash Builder Supportfor Mobile DevelopmentMobile ProjectsDesign view for mobileRunning and debugging the mobile apps on the simulator or the deviceSupport 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.orghttp://twitter.com/mcorlanmcorlan@adobe.com
- 22. Adobe, the Adobelogo, 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/10Adobe, 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 PlatformApplications,Content and VideoTools to Design and DevelopClientsServersFrameworkServicesAdobe® Flash® Builder™ Adobe® Flash® Media Server FamilyAdobe® Flash® CS5 ProfessionalAdobe® Flex ®Adobe® Flash® Platform ServicesAdobe® AIR®“Burrito”“Hero”2.6Adobe® Flash® Catalyst™Adobe® LiveCycle®Data ServicesAdobe® LiveCycle® Collaboration Service Adobe® Flash® Player“Panini”10.2Integrating withthe Flash PlatformColdFusion BuilderCreative Suite 5
Editor's Notes
- #3 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
- #4 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
- #5 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.
- #6 This is why in 2011 Flash is on smartphones, tablets, televisions, set top boxes, and so on.
- #9 Why do we think our technology is valuable for companies looking to create mobile apps?
- #10 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.
- #11 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.
- #12 So how do you build apps with our tools?
- #13 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.
- #14 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