Loading presentation...

Present Remotely

Send the link below via email or IM


Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.


Phone Gap

No description

visitha baddegama

on 25 October 2012

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Phone Gap

a quick walkthrough PhoneGap BBC Olympics Let's see in action Wikipidia Mobile PhoneGap What is this Phone Gap ??? Mobile Web development framework
Based on JavaScript, HTML5 and CSS3
Open source : Apache 2.0 License.
iPhone, Android, Windows phone, BlackBerry, Symbian etc. Requirements: Getting Started with Android Install Eclipse
Install Android SDK
Install ADT Pluging
Download Cordova Step 1 : Make sure activity doesn't inherit from any thing.
In the root directory of your project, create two new directories
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 Step 3 : Verify that cordova-2.0.0.jar is listed in the Build Path for your project.
Right click on /libs folder
Build Paths/ > Configure Build Path...
Libraries tab, add cordova-2.0.0.jar to the project Step 4 : Do some changes in Main.java file.
Add import org.apache.cordova.*;
Change the class's extend from Activity to DroidGap
Replace the setContentView() line with super.loadUrl("file:///android_asset/www/index.html"); Step 5 : Open AndroidManifest.xml file.
Paste the following permissions between the <uses-sdk.../> and <application.../> tags Step 6 : Create and open a new file named index.html in the assets/www directory Step 7 : Right click the project and go to Run As > Android Application.. =) Started by Nitobi Software
People's Choice Award at O'Reilly Media's 2009 Web 2.0 conference.
Adobe acquired nitobi at October 2011.
PhoneGap was contributed to Apache Software Foundation
First it was called Apache callback
Renamed to Apache Cordova History JavaScript API to access different parts of the device. Features Multi - platform
Well-known technologies : HTML, JavaScript, CSS
Fast and simple web applications
Vast amount of JavaScript libraries/ Framework available
General purpose - JQuery, Prototype, ..
Mobile - JQuery Mobile, Enyo, ..
Open Source Advantages Camera
Notifications(alert, sound, vibration)
New Elements
New Attributes
Full CSS3 support
Video and Audio
3D/2D Graphics
Local Storage
Local Storage Database What is HTML5..?? Examle of HTML5 Reduce need of external plugins( Flash etc.)
Better error handling
Device Independent
Support client side local database
New features than HTML
<canvas> element for 2D drawing
<video> and <audio> elements for media playback
<article>, <footer>, <header>, <nav>, <section> Advantages of HTML5...
Full transcript