7. Accessing the Device Sensors and Locations API | PhoneGap Beginners Guide (third edition)

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

PhoneGap Beginners Guide (third edition)

By : Ramanujam, Giorgio Natili

3.7 (6)

PhoneGap Beginners Guide (third edition)

3.7 (6)

By: Ramanujam, Giorgio Natili

Overview of this book

This book is for web developers who want to be productive in the mobile market quickly. In fact, by using PhoneGap, it's possible to deploy native applications based on web standards. This book assumes a very small knowledge of HTML/CSS/JavaScript and mobile platforms, such as Android, BlackBerry, iOS, and Windows Phone, and takes the reader step-by-step into a deep overview of PhoneGap and its APIs.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Sections

Time for action – heading

Conventions

Reader feedback

Customer support

Free Chapter

1. Introduction to PhoneGap

1. Introduction to PhoneGap

About PhoneGap

PhoneGap and Apache Cordova

Choosing an operating system for development

Mobile web versus mobile app

Installing dependencies

Installing PhoneGap

Setting up your development environment

Time for action – setting up Android using PhoneGap 3.x

Getting started with Android and JBoss

Time for action – using JBoss Developer Studio

Getting started with iOS and Xcode

Getting started with Windows Phone and Visual Studio

Summary

2. Building Your First PhoneGap Project

2. Building Your First PhoneGap Project

The structure of a PhoneGap application

Using the PhoneGap CLI

Cordova events

Time for action – the Hello World example

WebKit debugging – Chrome, Safari, and Opera

Gecko debugging – Firefox

Internet Explorer

Debugging workflow

Building and deployment

Summary

3. Mobile Frameworks

3. Mobile Frameworks

Building native UI for the mobile

Achieving a native look and feel on iOS

Choosing mobile frameworks

Time for action – developing with jQuery Mobile

Selecting a framework

Summary

4. Working with Plugins

4. Working with Plugins

An introduction to plugins

Exploring the Device API

Time for action – accessing the Device API

Custom plugins

Summary

5. Using Device Storage and the Files API

5. Using Device Storage and the Files API

Application data storage

Time for action – reading and writing data on the LocalStorage

Time for action – populating a local database

Database limitations

Understanding the Files API

Time for action – listing folders

Time for action – reading and rendering an image

Time for action – downloading and saving a file

Summary

6. Using the Contacts and Camera APIs

6. Using the Contacts and Camera APIs

The Contacts API

Time for action – searching device contacts

Time for action – adding a new contact

Camera API or Capture API?

Accessing the camera using the Camera API

Time for action – accessing the device camera

Time for action – controlling the position of the camera roll

The Media Capture API

Time for action – manipulating images with a canvas

Summary

7. Accessing the Device Sensors and Locations API

7. Accessing the Device Sensors and Locations API

Introducing device sensors

Accelerometer

Time for action – handling device orientation with JavaScript

Compass

Time for action – using the Compass API

An introduction to geolocation

The PhoneGap Geolocation API

Time for action – showing device position with Google Maps

Summary

8. Advanced PhoneGap

8. Advanced PhoneGap

Using the Globalization API

Localizing your app

Time for action – rendering localized messages

Adding multitouch gesture support

Time for action – implementing gesture support

Handling click delays

Summary

9. Getting Ready for Release

9. Getting Ready for Release

Exploring JavaScript compression

Time for action – compressing files using the Closure Compiler

Time for action – using UglifyJS

Time for action – optimizing JavaScript with RequireJS

Comparing compression tools

Using template engine compression

Time for action – compiling a template using Pistachio

Creating fluid, multiple app views

Using hardware-accelerated transitions

Porting web applications

Summary

10. A Sample PhoneGap Project

10. A Sample PhoneGap Project

What's in the app?

Creating the project

Scope for improvements

Summary

A. The JavaScript Quick Cheat Sheet

A. The JavaScript Quick Cheat Sheet

The getElementById() method

The getElementsByTagName() method

The getElementsByName() method

The alert method

The toString() method

The parseInt() method

The getDate() method

The onclick event

The ondblclick event

The window.location object

Selectors using jQuery

B. Publishing Your App

B. Publishing Your App

Publishing on Google Play

Publishing on Blackberry World

Publishing on the Apple App Store

Publishing on the Windows Phone Store

Summary

C. Related Plugin Resources

C. Related Plugin Resources

Summary

D. PhoneGap Tools

The PhoneGap Developer App

The PhoneGap Desktop App

Summary

Index

Index

Customer Reviews

3.7 (6)

5 star

33.3%

4 star

33.3%

3 star

16.7%

2 star

0%

1 star

16.7%

Time for action – handling device orientation with JavaScript

Execute the following steps:

Open the command-line tool and create a new PhoneGap project named orientationevents, and add the platforms you want to target for this example.

Install the plugin to your project:

$ phonegap plugin add cordova-plugin-device-motion

Go to the www folder, open the index.html file, and add div with the #orientation ID inside the main div of the app beneath #deviceready:

<div class="app">
    <h1>Apache Cordova</h1>
    <div id="deviceready">
        ......
    </div>
    <div id="orientation">
    </div>
</div>

Go to the css folder and define two new rules inside the index.css file to give a border and a bigger font size to div and its content. You can even add the CSS styles directly to the head section of your HTML page:
```
#orientation{

    width: 230px;
    border: 1px solid rgb(10, 1, 1);

}

#orientation p{
    font-size: 36px;
    font-weight: bold;
   ...
```

Visually different images

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

PhoneGap Beginners Guide (third edition)

Search

Your notes and bookmarks