MP Practical

IMAMUDDIN KHAN SYIT-A-14
PRACTICAL NO: 1
Creating and building simple “Hello World” app using Cordova
 Adding and using Buttons

 Adding and Using Event Listeners
Command Prompt Steps:
Step 1: Create a Project name”practical_1”in E:
Step 2: Change the directory ("practical_1”) and add platform
Step 3: Adding and Using button
<body>
<div class="app">
<h1>Apache Cordova</h1>
<div id="deviceready" class="blink">
<p class="event listening">Connecting to Device</p>
<p class="event received">Device is Ready</p>
</div>
<button id=b1>Click to see the message</button>
</div>2
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
SEAT NO: 18SIT060

Step 4: Adding and using event listeners

var app = {
// Application Constructor
initialize: function() {
document.addEventListener('deviceready',
this.onDeviceReady.bind(this), false);
},
// deviceready Event Handler

//
// Bind any cordova events here. Common events are:
// 'pause', 'resume', etc.
onDeviceReady: function() {
this.receivedEvent('deviceready');
document.getElementById("b1").addEventListener("click,mymessage");
},
Step 5: Create callback function

function mymessage()
{
alert("Hello this is imam");
}
Step 6: Emulating on browser platform

SEAT NO: 18SIT060
PRACTICAL NO: 2
SEAT NO: 18SIT060

 Creating and using functions

 Using Events
 Handling and using backbutton
Command Prompt Steps:
Step 1: Create a Project name “Practical2” in E:
Step 2: Change the directory (Practical_1) and add platform android.
Step 3: Adding and using EventListener

SEAT NO: 18SIT060
Step 5: Create Callback function
Step 6: Emulating on browser platform
PRACTICAL NO: 3
SEAT NO: 18SIT060

 INSTALLING AND USING PLUGINS

 INSTALLING AND USING BATTERY PLUGINS
 INSTALLING AND USING CAMERA PLUGINS
Step1: Creating and adding platform
Step2: Adding Plugin(Battery status)
Step3: Adding and using EventListener
Step4: Creating callback function
Step5: Emulating on browser

SEAT NO: 18SIT060
PRACTICAL NO: 4
SEAT NO: 18SIT060

 INSTALLING AND USING DEVICE PLUGINS
Step1: Creating and adding platform
Step2: Adding plugin(device)
Step4: Creating callback function
Step5: Emulating on browser

SEAT NO: 18SIT060
PRACTICAL NO: 4
SEAT NO: 18SIT060

 INSTALLING AND USING ACCELEROMETER PLUGINS
Step 1: Creating Project and adding Platform
Step 2: Adding Plugin (device-motion)
Step 3: Adding and using Buttons
SEAT NO: 18SIT060

Step 4: Adding and using EventListeners
Step 5: Creating Call function
Step6: Emulate browser
SEAT NO: 18SIT060

PRACTICAL NO: 5
 Install and using Device Orientation plugin
Step1: Creating a new project and add platform
Step2: Adding Plugin (device-orientation)
SEAT NO: 18SIT060

Step3: Adding and using Buttons
Step4: Adding and using EventListeners
Step5: Creating Call Function
Step6:Emulate browser
SEAT NO: 18SIT060

PRACTICAL NO: 6
 Create and using prompt Function
Step2: Adding Plugin (dialogs)
Step3: Adding and using Buttons
SEAT NO: 18SIT060

Step5: Create Call Function
SEAT NO: 18SIT060

SEAT NO: 18SIT060

Practical no 7
A] Developing single page apps

B]Developingmultipages apps
C]Storing data locally in a cordova app
7.A] Developing single page apps
Step2: Adding and Using Buttons
SEAT NO: 18SIT060

Step 5: Emulate on browser
SEAT NO: 18SIT060

7.B)Developing multipages apps
Step 1: Create a Project name”prac7”in E:
<form action="index2.html">
ENTER YOUR NAME<input type="text" id="t1">
<button type="submit" id="b1">SUBMIT</button>
</form>
Step3:Adding and using EventListener
SEAT NO: 18SIT060

function test()
{
sessionStorage.setItem("fname",document.getElementById
("t1").value);
}
Step5: Creating index2.html file
<html>
<head>
<title>PRACTICAL NO 7</title>
</head>
<body>
<form>
<label>NAME</label>
<label id="fname"></label>
</form>
<script type="text/javascript" src="js/index2.js"></script>
</body>
<html>
Step6: Creating index.js
document.getElementById("fname").innerHTML=sessionStorage
.getItem("fname");
SEAT NO: 18SIT060

SEAT NO: 18SIT060

7.C)Storing data locally in a cordova app
SEAT NO: 18SIT060

<button id="b1">set local storage</button>

<button id="b2">show local storage</button>
<button id="b3">remove local storage</button>
document.getElementById("b1").addEventListener("click",setlocal);
document.getElementById("b2").addEventListener("click",showlocal)
;
document.getElementById("b3").addEventListener("click",removeloc
al);
function setlocal()
{
localStorage.setItem("NAME","NIHAR");
alert("data is added succesfully");
}
function showlocal()
{
alert(localStorage.getItem("NAME"));
}
function removelocal()
{
localStorage.removeItem("NAME");
alert("data is removed succesfully");
}
SEAT NO: 18SIT060

SEAT NO: 18SIT060

PRACTICAL NO: 8(A)
SEAT NO: 18SIT060

 Use of sqlite plugin with PhoneGap/apache Cordova

 Using Sqlite read/write and Search
Step2:Adding and using plugin(sqlite)
SEAT NO: 18SIT060

SEAT NO: 18SIT060

PRACTICAL NO: 8(B)
 Use of sqlite plugin with PhoneGap/apache Cordova

 Using Sqlite read/write and Search
Step2:Adding and using plugin(sqlite)
SEAT NO: 18SIT060

SEAT NO: 18SIT060

PRACTICAL NO 9
 INSTALLING AND USING VIBRATION PLUGIN
</div>
<button id="b1">vibrate</button>
</div>
document.getElementById("b1").addEventListener("click",c
allvibrate);
},
function callvibrate()
{
navigator.vibrate(5000);
}
SEAT NO: 18SIT060

 INSTALLING AND USING CAMERA PLUGIN
</div>
<button id="b1">click to get pic</button>
<img id="image" height="500" width="500"></img>
</div>
document.getElementById("b1").addEventListener("click",callpic);
},
app.initialize();
SEAT NO: 18SIT060
function callpic()
{
navigator.camera.getPicture(pass,fail,
{quality:50,destinationType:camera.DestinationType.DATA_URL});
}
function pass(imageData)
{
var image=document.getElementById('image');
image.src="data:image/jpeg;base64,"+imageData;
}
function fail(message)
{
alert("failed because"+message);
}
SEAT NO: 18SIT060

SEAT NO: 18SIT060

MP Practical

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

MP Practical

Uploaded by

Copyright:

Available Formats

IMAMUDDIN KHAN SYIT-A-14

Creating and building simple “Hello World” app using Cordova

 Adding and using Buttons

Step 2: Change the directory ("practical_1”) and add platform

Step 3: Adding and Using button

SEAT NO: 18SIT060

Step 4: Adding and using event listeners

// deviceready Event Handler

Step 5: Create callback function

Step 6: Emulating on browser platform

SEAT NO: 18SIT060

 Creating and using functions

Step 1: Create a Project name “Practical2” in E:

Step 2: Change the directory (Practical_1) and add platform android.

Step 3: Adding and using EventListener

Step 5: Create Callback function

Step 6: Emulating on browser platform

SEAT NO: 18SIT060

 INSTALLING AND USING PLUGINS

Step1: Creating and adding platform

Step2: Adding Plugin(Battery status)

Step3: Adding and using EventListener

Step4: Creating callback function

Step5: Emulating on browser

SEAT NO: 18SIT060

 INSTALLING AND USING DEVICE PLUGINS

Step1: Creating and adding platform

Step2: Adding plugin(device)

Step3: Adding and using EventListener

Step4: Creating callback function

Step5: Emulating on browser

SEAT NO: 18SIT060

 INSTALLING AND USING ACCELEROMETER PLUGINS

Step 1: Creating Project and adding Platform

Step 2: Adding Plugin (device-motion)

Step 3: Adding and using Buttons

SEAT NO: 18SIT060

Step 4: Adding and using EventListeners

Step 5: Creating Call function

Step6: Emulate browser

SEAT NO: 18SIT060

 Install and using Device Orientation plugin

Step1: Creating a new project and add platform

Step2: Adding Plugin (device-orientation)

SEAT NO: 18SIT060

Step3: Adding and using Buttons

Step4: Adding and using EventListeners

Step5: Creating Call Function

SEAT NO: 18SIT060

 Create and using prompt Function

Step1: Creating a new project and add platform

Step2: Adding Plugin (dialogs)

Step3: Adding and using Buttons

SEAT NO: 18SIT060

Step4: Adding and using EventListener

Step5: Create Call Function

SEAT NO: 18SIT060

SEAT NO: 18SIT060

A] Developing single page apps

Step1: Creating a new project and add platform

Step2: Adding and Using Buttons

Step3: Adding and using EventListener

SEAT NO: 18SIT060