Information on JAVA.: Develop app once in html and run in Apple,Andriod,Windows,Blackberry,bada,Symbian,webOS

Friday, 23 August 2013

Develop app once in html and run in Apple,Andriod,Windows,Blackberry,bada,Symbian,webOS

Phonegap:PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs

It supports Apple,Andriod,Windows,Backberry,Symbains,bada,webOS.

Step 1: Download Phonegap plugins

http://phonegap.com/install/

Click on install.

Step 2: Develop a HTML page

Here we have taken a sample Application which shows the details of Mobile.

index.html:

<!DOCTYPE html>
<html>
  <head>
    <title>Device Properties Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for Cordova to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // Cordova is ready
    //
   function onDeviceReady() {
     var element = document.getElementById('deviceProperties');

     element.innerHTML = 'Device Name: '     + device.name     + '<br />' + 
                         'Device Cordova: '  + device.cordova + '<br />' + 
                         'Device Platform: ' + device.platform + '<br />' + 
                         'Device UUID: '     + device.uuid     + '<br />' + 
                         'Device Version: '  + device.version  + '<br />';
   }

    </script>
  </head>
  <body style="background-color:#99ccff;text-align:center;font-weight:bold;">
  <label>**----PhoneGapp Sample-----** </label>
    <p id="deviceProperties" ><br/>
 <br/>Loading device properties...</p>
  </body>
</html>

 Step3:Place index.html and cordova.js in folder make it zip.
https://build.phonegap.com/apps 
 click on update code browse the rar fileclick on upload

Step4:If u want to c app in andriod mobile click on apk save file.

Connect the mobile to system place the apk file in mobile ur app is ready.

OUTPUT:

2 comments:

Mahender Pembarthi said...: In lower version of andriod form fields are poping up know any solution?; 10 September 2013 at 22:24
Unknown said...: Better option what i found is JQUERY mobiles framework.; 17 September 2013 at 04:29