Book Image

PhoneGap 2.x Mobile Application Development HOTSHOT

By : Kerri Shotts
Book Image

PhoneGap 2.x Mobile Application Development HOTSHOT

By: Kerri Shotts

Overview of this book

<p>Do you want to create mobile apps that run on multiple mobile platforms? With PhoneGap (Apache Cordova), you can put your existing development skills and HTML, CSS, and JavaScript knowledge to great use by creating mobile apps for cross-platform devices.</p> <p>"PhoneGap 2.x Mobile Application Development Hotshot" covers the concepts necessary to let you create great apps for mobile devices. The book includes ten apps varying in difficulty that cover the gamut – productivity apps, games, and more - that are designed to help you learn how to use PhoneGap to create a great experience.</p> <p>"PhoneGap 2.x Mobile Application Development Hotshot" covers the creation of ten apps, from their design to their completion, using the PhoneGap APIs. The book begins with the importance of localization and how HTML, CSS, and JavaScript interact to create the mobile app experience. The book then proceeds through mobile apps of various genres, including productivity apps, entertainment apps, and games. Each app covers specific items provided by PhoneGap that help make the mobile app experience better. This book covers the camera, geolocation, audio and video, and much more in order to help you create feature-rich mobile apps.</p>
Table of Contents (19 chapters)
PhoneGap 2.x Mobile Application Development HOTSHOT
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
InstallingShareKit 2.0
Index

Designing our UI and the look and feel


As always, let's not start coding until we have a good idea about how we want our app to look. Thankfully, we really only have to focus on the map view. We've already covered the look and feel of our document manager in the previous project, and it's not changed much here. Furthermore, since a good portion of the view will actually be taken up by the interactive map provided by Google, there's not even a lot we have to do there.

Getting ready

Once again, get your pencil and paper out or your favorite graphics editor; we'll be using them to design our wireframe and then build out any of the assets we might need later on.

Getting on with it

The following screenshot gives a final mockup of our map view:

At first glance, this appears like a pretty simple view—and it is—but don't let that fool you. There's a lot of power underneath!

Let's go over the various items:

  • The Back button will take the user back to the document management interface. For Android, of course...