Book Image

PhoneGap 3.x Mobile Application Development HOTSHOT

By : Kerri Shotts
Book Image

PhoneGap 3.x Mobile Application Development HOTSHOT

By: Kerri Shotts

Overview of this book

<p>PhoneGap allows you to use your existing knowledge of HTML, CSS, and JavaScript to create useful and exciting mobile applications.<br /><br />This book will present you with 12 exciting projects that will introduce you to the dynamic world of app development in PhoneGap. Starting with their design and following through to their completion, you will develop real-world mobile applications. Each app uses a combination of core PhoneGap technologies, plugins, and various frameworks covering the necessary concepts you can use to create many more great apps for mobile devices.</p>
Table of Contents (21 chapters)
PhoneGap 3.x Mobile Application Development HOTSHOT
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Designing the user interface


Because we're reusing our user interface for this project, we only need to consider the user interface for an audio note. As part of this, we need to implement a simple recording and playback mechanism.

Getting on with it

Our project will now have three views in it: the note list view, the text note edit view, and the audio note edit view. The text note edit view and note list view are visually unchanged from the prior version, so we won't go over any changes for it, but we do need to cover the audio note edit view.

Essentially, we need to determine how we want to allow the user to edit an audio note. We could make an initial view that only displays the text and could present a button that displays another view for recording/playing audio, but this introduces too many taps for the feature. A user wanting to create an audio recording may need to do so as quickly as they can, and introducing unnecessary steps into the process will only slow them down and may cause...