KEMBAR78
Getting started with flash mobile development | PPTX
Getting Started with Flash Mobile DevelopmentMihai Corlan | WW Developer Evangelist | http://corlan.org
About MeAdobe World Wide Developer Evangelist  (since 2008)Flash Builder Engineer 2006-2008Web Developer 98’ - 2006Blog: http://corlan.orgTwitter: http://twitter.com/mcorlanEmail: mihai.corlan@adobe.com2
Live Coding – a simple Twitter Client
Flex Support for Screen MetaphorApplication First ScreenSecond Screen
Flex Mobile Components - ViewNavigatorUsing Flex’s s:MobileApplication or s:TabbedMobileApplication you get screen management for freenavigator.push(NewScreen, data)	- add new screennavigator.popView()				- go to previous screennavigator.popToFirstView()		- go to first viewnavigator.activeView				- retrieve active view
Action BarNavigation / Title / ActionHide the bar actionBarVisible = falseOverlay the bar overlayControls = false<s:navigationContent><s:Button label="Home"/></s:navigationContent><s:titleContent><s:TextInput prompt="search" width="100%"/></s:titleContent><s:actionContent><s:Button label="Go"/></s:actionContent>
View Lifecycle?ViewDataAnotherViewDestroyedCreatedCreatedDestroyedCreatedDestroyeddata = yourData;destructionPolicy =”none"
Integration with Phone/SMS/Mail/Web Browser Apps<s:Button label="Phone" 	click="navigateToURL(new URLRequest('tel:08383838'))"/><s:Button label="SMS" 		click="navigateToURL(new URLRequest('sms:08383838'))"/><s:Button label="Email" 	click="navigateToURL(new URLRequest('mailto:mcorlan@adobe.com'))"/><s:Button label="Web" 		click="navigateToURL(new URLRequest('http://corlan.org'))"/>
Camera AccessAccess to Camera RollAccess to Camera Native app (for video and photo)cameraUI = new CameraUI();cameraUI.addEventListener(MediaEvent.COMPLETE, onCameraUIComplete);cameraUI.launch(MediaType.IMAGE);//photo//cameraUI.launch(MediaType.VIDEO);//videoprivate function onCameraUIComplete(e:MediaEvent):void {varmediaPromise:MediaPromise = e.data;	// do something with the image:mediaPromise.file.url;}
Microphone Accessif (Microphone.isSupported) {mic= Microphone.getMicrophone();soundBytes = new ByteArray();mic.addEventListener(SampleDataEvent.SAMPLE_DATA, micSampleDataHandler);	}private function micSampleDataHandler(event:SampleDataEvent):void {while (event.data.bytesAvailable) {varsample:Number = event.data.readFloat();soundBytes.writeFloat(sample);	}}
Storing Data 	AIR has support for SQLite. You can create new databases/tables, read/write recordsYou can write files to device storage
Thank You!Download tutorial and projects for mobile development:http://corlan.org/downloads/dt/mobile.zipI will upload the slides to my blog today.http://corlan.orghttp://twitter.com/mcorlanmcorlan@adobe.com
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/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
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

Getting started with flash mobile development

  • 1.
    Getting Started withFlash Mobile DevelopmentMihai 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.
    Live Coding –a simple Twitter Client
  • 4.
    Flex Support forScreen MetaphorApplication First ScreenSecond Screen
  • 5.
    Flex Mobile Components- ViewNavigatorUsing Flex’s s:MobileApplication or s:TabbedMobileApplication you get screen management for freenavigator.push(NewScreen, data) - add new screennavigator.popView() - go to previous screennavigator.popToFirstView() - go to first viewnavigator.activeView - retrieve active view
  • 6.
    Action BarNavigation /Title / ActionHide the bar actionBarVisible = falseOverlay the bar overlayControls = false<s:navigationContent><s:Button label="Home"/></s:navigationContent><s:titleContent><s:TextInput prompt="search" width="100%"/></s:titleContent><s:actionContent><s:Button label="Go"/></s:actionContent>
  • 7.
  • 8.
    Integration with Phone/SMS/Mail/WebBrowser Apps<s:Button label="Phone" click="navigateToURL(new URLRequest('tel:08383838'))"/><s:Button label="SMS" click="navigateToURL(new URLRequest('sms:08383838'))"/><s:Button label="Email" click="navigateToURL(new URLRequest('mailto:mcorlan@adobe.com'))"/><s:Button label="Web" click="navigateToURL(new URLRequest('http://corlan.org'))"/>
  • 9.
    Camera AccessAccess toCamera RollAccess to Camera Native app (for video and photo)cameraUI = new CameraUI();cameraUI.addEventListener(MediaEvent.COMPLETE, onCameraUIComplete);cameraUI.launch(MediaType.IMAGE);//photo//cameraUI.launch(MediaType.VIDEO);//videoprivate function onCameraUIComplete(e:MediaEvent):void {varmediaPromise:MediaPromise = e.data; // do something with the image:mediaPromise.file.url;}
  • 10.
    Microphone Accessif (Microphone.isSupported){mic= Microphone.getMicrophone();soundBytes = new ByteArray();mic.addEventListener(SampleDataEvent.SAMPLE_DATA, micSampleDataHandler); }private function micSampleDataHandler(event:SampleDataEvent):void {while (event.data.bytesAvailable) {varsample:Number = event.data.readFloat();soundBytes.writeFloat(sample); }}
  • 11.
    Storing Data AIRhas support for SQLite. You can create new databases/tables, read/write recordsYou can write files to device storage
  • 12.
    Thank You!Download tutorialand projects for mobile development:http://corlan.org/downloads/dt/mobile.zipI will upload the slides to my blog today.http://corlan.orghttp://twitter.com/mcorlanmcorlan@adobe.com
  • 14.
    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
  • 15.
    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 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
  • #5 Show Mobile-1 project to discuss phone/sms/mail/web integration