Book Image

PhoneGap Mobile Application Development Cookbook

By : Matt Gifford
Book Image

PhoneGap Mobile Application Development Cookbook

By: Matt Gifford

Overview of this book

<p>As more and more of our online life and daily activities evolve into the mobile landscape it has never been of more importance to start venturing into the world of mobile applications.<br />&nbsp;<br />With PhoneGap, you can put your existing development skills and HTML, CSS, and JavaScript knowledge to great use by creating mobile apps for cross-platform devices.<br /><br />"PhoneGap Mobile Application Development Cookbook" will show you how to create native mobile applications for multiple device platforms using the PhoneGap API. You will learn to build dynamic applications that interact with the native functionality on the device to create a rich, interactive experience for your users.<br /><br />This is a cookbook with each section written as a recipe in an informal, friendly style. Each recipe contains the complete code needed to build your applications, and plenty of screenshots showing the completed projects running on devices are included to assist you.<br /><br />"PhoneGap Mobile Application Development Cookbook" will introduce the PhoneGap API to you in clear, concise sections, breaking down each recipe to achieve realistic working projects that can be applied to your own mobile applications.<br /><br />You will be shown how to use the mobile development framework to build applications that can be deployed and run on multiple mobile platforms including iOS, Android, and BlackBerry.<br /><br />This book will explore the various methods and functions available using the API, and how to write code that interacts with the native functions, including geolocation sensors, contacts database, and native button events of the device to create powerful applications ready for the market place.<br /><br />"PhoneGap Mobile Application Development Cookbook" will help you break into the world of mobile application development. Build mobile applications in code you&rsquo;re comfortable with, create a richer user experience for your users and become part of the ever-growing mobile market place.</p>

Related Content you might be interested in

Current Title:

Small book image
PhoneGap Mobile Application Development Cookbook
Matt Gifford
Oct, 2012 | 320 pages
No titles found
Table of Contents (17 chapters)
PhoneGap Mobile Application Development Cookbook
PhoneGap Mobile Application Development Cookbook
Credits
Credits
Foreword
Foreword
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Movement and Location: Using the Accelerometer and Geolocation Sensors
Movement and Location: Using the Accelerometer and Geolocation Sensors
Introduction
Detecting device movement using the accelerometer
Adjusting the accelerometer sensor update interval
Updating a display object position through accelerometer events
Obtaining device geolocation sensor information
Adjusting the geolocation sensor update interval
Retrieving map data through geolocation coordinates
Creating a visual compass to show the devices direction
2
File System, Storage, and Local Databases
File System, Storage, and Local Databases
Introduction
Saving a file to device storage
Opening a local file from device storage
Displaying the contents of a directory
Creating a local SQLite database
Uploading a file to a remote server
Caching content using the web storage local storage API
3
Working with Audio, Images, and Video
Working with Audio, Images, and Video
Introduction
Capturing audio using the devices audio recording application
Recording audio within your application
Playing audio files from the local filesystem or over HTTP
Capturing video using the devices video recording application
Loading a photograph from the devices camera roll/library
Applying an effect to an image using canvas
4
Working with Your Contacts
Working with Your Contacts
Introduction
Listing all available contacts
Displaying contact information for a specific individual
Creating and saving a new contact
5
Hook into Native Events
Hook into Native Events
Introduction
Pausing your application
Resuming your application
Displaying the status of the device battery levels
Making use of the native search button
Displaying network connection status
Creating a custom submenu
6
Working with XUI
Working with XUI
Introduction
Learning the basics of the XUI library
DOM manipulation
Working with touch and gesture events
Updating element styles
Working with remote data and AJAX requests
Animating an element
7
User Interface Development with jQuery Mobile
User Interface Development with jQuery Mobile
Introduction
Creating a jQuery Mobile layout
Persisting data between jQuery Mobile pages
Using jQuery Mobile ThemeRoller
8
Extending PhoneGap with Plugins
Extending PhoneGap with Plugins
Introduction
Extending your Cordova application with a native plugin
Extending your Cordova iOS application with a native plugin
The plugin repository
9
Development Tools and Testing
Development Tools and Testing
Introduction
Downloading Cordova
Using the command line to create a new iOS Cordova project
Using Xcode templates for iOS to develop Cordova applications
Using Eclipse to develop Android Cordova applications
Controlling your Android Virtual Device
Using Adobe Dreamweaver to develop Cordova applications
Using the PhoneGap Build service
Index
Index

Learning the basics of the XUI library

When creating applications that focus as heavily on user interactions as mobile apps do, we want to be able to easily update and manage the underlying HTML and data collections.

How to do it...

We'll make use of XUI's simple but powerful DOM traversal methods and the ability to extend the library functionality into custom code.

  1. Create the basic layout for the HTML page.

  2. Create a div element within the page with some text. In this case we're going for the globally recognized "Hello World" sample text. Set the id attribute for this element to content.

  3. Include a new script tag into the head of your document, and reference the XUI library within your project directory.

    <!DOCTYPE HTML>
<html>
  <head>
    <meta name="viewport" content="user-scalable=no, 
         initial-scale=1, maximum-scale=1, 
         minimum-scale=1, width=device-width;" />
    <meta http-equiv="Content-type" 
    content="text/html; charset=utf-8">
    &lt...
Previous Section
End of Section 3
Next Section