Skip to content

Posts from the ‘Mobile’ Category

13
Mar

Mobile File Explorer with PhoneGap/Cordova and jQuery Mobile Part 2

In the first part of this tutorial we’ve learned how to browse the file system. Now we’ll learn how to deal with files and folders actions, like open, copy, move and delete.

Final result:


Read more »
13
Mar
shot_000030

Mobile File Explorer with PhoneGap/Cordova and jQuery Mobile Part 1

This tutorial will show you how to create a cross-platform mobile file explorer using web technologies like PhoneGap/Cordova and jQuery Mobile UI. This is a two part tutorial, the first part contains the browsing part of the folders and files from your file system device, and the second part contains implementation of the actions that can be made with the folders and files, like open, copy, move, delete.

Final result:


Read more »
12
Mar

PhoneGap’s Local App Storage

With Storage you can store application data similar to mySQL database tables.

In this tutorial you will learn how to create a table and insert data into it. For this tutorial you should have some basic mySQL knowledge.

This tutorial was created on a machine running Ubuntu 11.10, using Aptana Studio 3 as the development IDE and tested on a HTC Desire device running Android 2.2.

End result:



Read more »

4
Mar

Compass App

In this tutorial we will access the Compass feature from PhoneGap. With this feature we can obtain the direction that the device is pointing to.

To demonstrate the use of this feature I built an application that acts as a Compass, it points to the North. This only works on the device.

End result:



Read more »

3
Mar

Audio Player made with PhoneGap and jQuery Mobile

From this tutorial you will find out how to play and record files from your device.

Final result

Read more »

3
Mar

Accessing the accelerometer in PhoneGap

In this tutorial we will take a look at how we can capture the devices motion in the x, y and z direction. The accelerometer is a motion sensor which detects movement changes relative to the current device orientation.
At the end of this tutorial we will make an object move around the screen.

This tutorial was made on a Mac using Aptana Studio 3 and was tested on a HTC Desire device running on Android 2.2.

End result:



Read more »

21
Feb

Photo Gallery with PhoneGap and jQuery Mobile

This tutorial will cover a basic photo gallery app. You will learn how to use jQuery Mobile grid layout, how to get files from the device’s file system and list them and how to show a picture.

Final result:


Read more »

14
Feb

Geolocation & jQuery Mobile Maps

This tutorial presents how to use the Geolocation API from PhoneGap and how to show your position on Google Maps using jQuery Mobile Maps.

Final result:

phonegap geolocation jquery mobile maps

Read more »

14
Feb

PhoneGap Network Connection and Events

In this tutorial we will take a look at the PhoneGap connection object which gives access to the device’s cellular and wifi connection information. We will use this feature to check what type of connection we have active on our device. Also we will take a look at some of the event types for Android and iOS provided by phonegap.

End result:



Read more »

10
Feb

Deal with contacts cross-platform (part 2)

Welcome! This is the second part on a tutorial that shows you how to use mobile phone contact lists with PhoneGap. You can find the first part of this tutorial at Deal with contacts cross-platform (part 1).

We will cover with this tutorial:

  • the use of jQuery Mobile form elements
  • how to add, edit and delete a contact from the device

Final result:

use mobile phone contact lists with phonegap
Read more »