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

Implementing the scaled-up UI


Now that we've designed the UI for Filer HD mark I, it's time to implement it. The number of changes that we've made to our code are astoundingly small, so get ready to keep your eyes open—blink, and you might miss it!

Getting ready

Although we're focusing primarily on the iOS platform for this app, the concepts apply equally to any platform-based tablet. With that said, to render an iOS app specific to the iPad, there are a couple of settings that need to be set in the project itself, outside of code:

In the project's settings in Xcode, change the Devices setting to iPad from Universal.

You should see the project setting like so:

Aside from this change (and setting our typical settings for the project in Cordova.plist for iOS), we'll copy the files from Project 3, Being Productive. If you want to follow along, navigate to /1/www in the code files of this project.

Getting on with it

There's really surprisingly little that we have to do to make the app fit to the larger...