Getting Started with Flash Mobile Development<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...
Live Coding – a simple Twitter Client<br />
Flex Support for Screen Metaphor<br />Application First Screen<br />Second Screen<br />
Flex Mobile Components - ViewNavigator<br />Using Flex’s s:MobileApplication or s:TabbedMobileApplication you get screen m...
Action Bar<br />Navigation / Title / Action<br />Hide the bar actionBarVisible = false<br />Overlay the bar overlayControl...
View Lifecycle<br />?<br />View<br />Data<br />Another<br />View<br />Destroyed<br />Created<br />Created<br />Destroyed<b...
Integration with Phone/SMS/Mail/Web Browser Apps<br /><s:Button label="Phone" 	click="navigateToURL(new URLRequest('tel:08...
Camera Access<br />Access to Camera Roll<br />Access to Camera Native app (for video and photo)<br />cameraUI = new Camera...
Microphone Access<br />if (Microphone.isSupported) {<br />mic= Microphone.getMicrophone();<br />soundBytes = new ByteArray...
Storing Data 	<br />AIR has support for SQLite. You can create new databases/tables, read/write records<br />You can write...
Thank You!<br />Download tutorial and projects for mobile development:<br />http://corlan.org/downloads/dt/mobile.zip<br /...
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
×

Getting started with flash mobile development

2,423

Published on

Published in: Self Improvement
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,423
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
41
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
  • Building Twitter ClientDiscuss new project wizard with different options, application permissionsUsing DCDDiscus Action BarDiscuss screen metaphorDiscuss view live cycle – using data to store the dataTesting the app in the simulator and deviceDiscuss support for device orientation changesDiscuss packaging supporShow Mobile-1 project to discuss phone/sms/mail/web integrationShow samples for camera and mic access
  • Show Mobile-1 project to discuss phone/sms/mail/web integration
  • Getting started with flash mobile development

    1. 1. Getting Started with Flash Mobile Development<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. Live Coding – a simple Twitter Client<br />
    4. 4. Flex Support for Screen Metaphor<br />Application First Screen<br />Second Screen<br />
    5. 5. Flex Mobile Components - ViewNavigator<br />Using Flex’s s:MobileApplication or s:TabbedMobileApplication you get screen management for free<br />navigator.push(NewScreen, data) - add new screen<br />navigator.popView() - go to previous screen<br />navigator.popToFirstView() - go to first view<br />navigator.activeView - retrieve active view<br />
    6. 6. Action Bar<br />Navigation / Title / Action<br />Hide the bar actionBarVisible = false<br />Overlay the bar overlayControls = false<br /><s:navigationContent><br /><s:Button label="Home"/><br /></s:navigationContent><br /><s:titleContent><br /><s:TextInput prompt="search" width="100%"/><br /></s:titleContent><br /><s:actionContent><br /><s:Button label="Go"/><br /></s:actionContent><br />
    7. 7. View Lifecycle<br />?<br />View<br />Data<br />Another<br />View<br />Destroyed<br />Created<br />Created<br />Destroyed<br />Created<br />Destroyed<br />data = yourData;<br />destructionPolicy =”none" <br />
    8. 8. Integration with Phone/SMS/Mail/Web Browser Apps<br /><s:Button label="Phone" click="navigateToURL(new URLRequest('tel:08383838'))"/><br /><s:Button label="SMS" click="navigateToURL(new URLRequest('sms:08383838'))"/><br /><s:Button label="Email" click="navigateToURL(new URLRequest('mailto:mcorlan@adobe.com'))"/><br /><s:Button label="Web" click="navigateToURL(new URLRequest('http://corlan.org'))"/><br />
    9. 9. Camera Access<br />Access to Camera Roll<br />Access to Camera Native app (for video and photo)<br />cameraUI = new CameraUI();<br />cameraUI.addEventListener(MediaEvent.COMPLETE, onCameraUIComplete);<br />cameraUI.launch(MediaType.IMAGE);//photo<br />//cameraUI.launch(MediaType.VIDEO);//video<br />private function onCameraUIComplete(e:MediaEvent):void {<br />varmediaPromise:MediaPromise = e.data;<br /> // do something with the image:<br />mediaPromise.file.url;<br />}<br />
    10. 10. Microphone Access<br />if (Microphone.isSupported) {<br />mic= Microphone.getMicrophone();<br />soundBytes = new ByteArray();<br />mic.addEventListener(SampleDataEvent.SAMPLE_DATA, micSampleDataHandler); <br />}<br />private function micSampleDataHandler(event:SampleDataEvent):void {<br />while (event.data.bytesAvailable) {<br />varsample:Number = event.data.readFloat();<br />soundBytes.writeFloat(sample);<br /> }<br />}<br />
    11. 11. Storing Data <br />AIR has support for SQLite. You can create new databases/tables, read/write records<br />You can write files to device storage<br />
    12. 12. Thank You!<br />Download tutorial and projects for mobile development:<br />http://corlan.org/downloads/dt/mobile.zip<br />I will upload the slides to my blog today.<br />http://corlan.org<br />http://twitter.com/mcorlan<br />mcorlan@adobe.com<br />
    13. 13.
    14. 14. 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 />
    15. 15. 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.

    ×