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 the user interface and the look and feel


This app will be visually simpler than any of our previous apps. We only need one view, and the look of that view has already largely been defined by our Android interfaces for the last two projects. That's right; the view is essentially a list of items, nothing fancy.

Getting on with it

There are some things we will change in our list of items. Essentially we will clean up the list by hiding the action icons (delete, share, and so on) and showing them only when we receive a gesture. We will also include Play and Pause buttons in the list item instead of any particular document image. After all, we don't have album art for recordings the user creates themselves.

Let's look at the mockup:

As you can see, this mockup is pretty similar to the Android file listings we've had in our previous projects. It is substantially different than the document-based list on iOS, but the preceding view is common enough that users will know how to use it.

The icons...