Building Android UsingPhoneGap By – Mr.Prajyot Mainkar (@prajyotm)
SO WHAT’s IN PLATEKEY TOPICS Topics Time Duration Introduction 15 mins About PhoneGap and Libs 30 mins PhoneGap Demo 30 mins
About Me C.E.O & Founder SPM Softwares & Designers Project Management Professional Mentor, Google Developer Group Head Maven,Head, Startup Saturday Goa Developer Advocate, Goa Android User Group Androcid.com
TYPES OF APPSCHOOSE WHICH SUITS NATIVE APPLICATION MOBILE WEB App Designed Using Local Resources Integrating app functionality APPLICATION with web and is mobile os centric development techniques CROSS PLATFORM DEV TOOLS NATIVE & WEB APPLICATION Using the respective model to create cross Writing minimal native UI and loading web native apps that works on all intended services for data transmission over server targets
Native Apps Are PRESENTBut Hybrid Apps are The Future Native App Web App Hybrid AppCross PlatformLinkableDiscoverableDevice API
WHAT CAN YOU DO WITH PHONEGAP? Moby is designed by GPS and location-based services applications expert Contigo. It’s a private location- sharing app for the people who matter most to you. The mobile app, built using the PhoneGap framework, answers the question, "Where are you?" by sharing users coordinates with family and friends. Unlike similar services, Moby only shares your location with the people you choose, for the length of time you want. Moby also acts as a personal safety app allowing users to request help from family and friends at the touch of a button.
WHAT CAN YOU DO WITH PHONEGAP? HealthTap is the best way to quickly find, trusted, reputable doctor answers to health questions anytime, anywhere for free! ✓ Get fast, free, trustworthy health answers on any symptom, condition, medication or health concern from over 14,000 of the best U.S. doctors ✓ Connect with doctors by starting private conversations in a safe, HIPAA- secure environment
A Simple Hybrid Application •Take advantage of the strengths of PhoneGap. •Support multiple platforms. •Works Together. •Easy Compilation. •Smart Share among your network.
Step 2 : PhoneGap ProcessingIn the root directory of your project, create two new directories:1./libs2.assets/www•Copy cordova-2.0.0.js from your Cordova download earlier to assets/www•Copy cordova-2.0.0.jar from your Cordova download earlier to /libs•Copy xml folder from your Cordova download earlier to /res•Verify that cordova-2.0.0.jar is listed in the Build Path for your project.•Right click on the /libs folder and go to Build Paths/ > Configure Build Path.•Then, in the Libraries tab, add cordova-2.0.0.jar to the project.•Refresh the project
Step 3 : Class File ProcessingEdit your projects main Java file found in the src folder in Eclipse:1.Add import org.apache.cordova.*;2.Change the classs extend from Activity to DroidGap3.Replace the setContentView() line with super.loadUrl("file:///android_asset/www/index.html");
Step 4: Android ManifestUse the following permissions between the <uses-sdk.../>and <application.../> tags.android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale"
Step 5 : Hello WorldCreate and open a new file named index.html in theassets/www directory. Paste the following code: Deploy and Run the Code
Plugins in PhoneGapAdobe® PhoneGap™ Buildsupports a curated selectionof PhoneGap Plugins, toextend the nativefunctionality exposed by thePhoneGap native-appcontainer. https://github.com/phonegap/phonegap-plugins
1. How safe is it to use embedded Webview?2. HTMl5 and CSS3 support3. Debugging and profiling4. Performance and Memory Usage5. Screen Sizes and Orientation6. DPIs7. User Interface - or just use the Native Look8. Performance and Optimization
1. PhoneGap is NOT a UI Framework2. PhoneGap Doesnt include a browser and/or a rendering engine3. PhoneGap Doesnt compile4. Every Platform needs its own compilation5. HTML5/CSS3 CompatibilityCheck – http://www.mobilehtml5.org
GET IN TOUCHCONTACT US Address: SPM Softwares & Designersf facebook.com/prajyotmainkar Zarina Towers,St.Inez,Panaji Goat twitter.com/prajyotm Phone: +91-9822987513 linkedin.com/in/prajyotm Email: firstname.lastname@example.org