FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android...

16

Transcript of FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android...

Page 1: FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android SDK, ADT Plugin 33.. Open a new Project in Eclipse, Make fe 44.. DeviceReadyDeviceReady(())
Page 2: FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android SDK, ADT Plugin 33.. Open a new Project in Eclipse, Make fe 44.. DeviceReadyDeviceReady(())
Page 3: FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android SDK, ADT Plugin 33.. Open a new Project in Eclipse, Make fe 44.. DeviceReadyDeviceReady(())

FORFOR

ATATATAT

Page 4: FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android SDK, ADT Plugin 33.. Open a new Project in Eclipse, Make fe 44.. DeviceReadyDeviceReady(())

TIME??TIME??

Page 5: FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android SDK, ADT Plugin 33.. Open a new Project in Eclipse, Make fe 44.. DeviceReadyDeviceReady(())

Apache Project – Open Source

Write Once – Run Everywhere

Active Community – 3 Major Releases in last 3 months

Page 6: FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android SDK, ADT Plugin 33.. Open a new Project in Eclipse, Make fe 44.. DeviceReadyDeviceReady(())

Adobe,Adobe, IBM, Microsoft, RIM, Symbian,IBM, Microsoft, RIM, Symbian,Sony Ericsson, Sony Ericsson, SenchaSencha, LetsGoMo , LetsGoMo ☺☺☺☺☺☺☺☺

Page 7: FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android SDK, ADT Plugin 33.. Open a new Project in Eclipse, Make fe 44.. DeviceReadyDeviceReady(())

BUT CROSSBUT CROSS--PLATFORMPLATFORM

•• AppceleratorAppcelerator•• RhomobileRhomobile•• RhomobileRhomobile•• Trigger.ioTrigger.io•• Build Custom Build Custom

Framework Framework -- FacebookFacebook

Search ‘How Facebook Mobile was designed to Write Once Run Anywhere’

Page 8: FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android SDK, ADT Plugin 33.. Open a new Project in Eclipse, Make fe 44.. DeviceReadyDeviceReady(())

HTML5

CSS3

Javascript

1 Use HTML5, CSS3, JS to write your code

3

Access native features using Phonegap2

Deploy your App to Multiple Platforms

Page 9: FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android SDK, ADT Plugin 33.. Open a new Project in Eclipse, Make fe 44.. DeviceReadyDeviceReady(())

•• CameraCamera•• CompassCompass•• ContactsContacts•• File SystemFile System•• File SystemFile System•• LocationLocation•• NetworkNetwork•• MediaMedia•• NotificationNotification

Page 10: FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android SDK, ADT Plugin 33.. Open a new Project in Eclipse, Make fe 44.. DeviceReadyDeviceReady(())

•• Facebook ConnectFacebook Connect•• Twitter IntegrationTwitter Integration

Create/Use Phonegap PluginsCreate/Use Phonegap Plugins

•• Twitter IntegrationTwitter Integration•• MiniMini--BrowserBrowser•• NFC NFC •• Push NotificationsPush Notifications•• Email ComposerEmail Composer•• Send SMS and many more… Send SMS and many more…

Page 11: FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android SDK, ADT Plugin 33.. Open a new Project in Eclipse, Make fe 44.. DeviceReadyDeviceReady(())

http://phonegap.com/start/

1. Need Eclipse 3.4+2. Download and Install – Phonegap, Ecli2. Download and Install – Phonegap, EcliAndroid SDK, ADT Plugin 3.3. Open a new Project in Eclipse, Make feOpen a new Project in Eclipse, Make fe4.4. DeviceReadyDeviceReady()() EventEvent5.5. Deploy to SimulatorDeploy to Simulator6.6. Deploy to Device and you are done..Deploy to Device and you are done..

Page 12: FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android SDK, ADT Plugin 33.. Open a new Project in Eclipse, Make fe 44.. DeviceReadyDeviceReady(())

• https://github.com/phonegap• http://groups.google.com/group/phon• API DOCS - http://docs.phonegap.com• https://github.com/phonegap/phoneg• https://github.com/phonegap/phoneg•• http://phonegap.com/http://phonegap.com/toolstools•• JJquerymobile.comquerymobile.com•• RippleRipple –– ChromeChrome basedbased emulatoremulator•• WeinreWeinre –– For remote For remote debuggingdebugging

Page 13: FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android SDK, ADT Plugin 33.. Open a new Project in Eclipse, Make fe 44.. DeviceReadyDeviceReady(())

Let’s write some code..Let’s write some code..

Page 14: FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android SDK, ADT Plugin 33.. Open a new Project in Eclipse, Make fe 44.. DeviceReadyDeviceReady(())

You cannotYou cannot distinguish a well writtendistinguish a well writtenphonegapphonegap app from a native appapp from a native app

Page 15: FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android SDK, ADT Plugin 33.. Open a new Project in Eclipse, Make fe 44.. DeviceReadyDeviceReady(())

YOUR CUSTOMER WANTS YOU ON YOUR CUSTOMER WANTS YOU ON MOBILE DEVICE OF HIS CHOICEMOBILE DEVICE OF HIS CHOICE

PHONEGAP PHONEGAP –– A GOOD ALTERNATIVEA GOOD ALTERNATIVEBACKED BY ADOBE, IBM,BACKED BY ADOBE, IBM, AND …..AND …..

Page 16: FOR - SiliconIndia€¦ · 1. Need Eclipse 3.4+ 2. Download and Install – Phonegap, Ecli Android SDK, ADT Plugin 33.. Open a new Project in Eclipse, Make fe 44.. DeviceReadyDeviceReady(())

Slides and more information available atSlides and more information available at

http://letsgomo.com/phonegap

@vikasbanga

[email protected]