In this chapter, we will continue to build a mobile application "Travelly" using PhoneGap, its plugins, and Sencha Touch. We will utilize the application structure already defined in the previous chapter. It is a mobile application for a traveller to capture pictures and place them on the map. Our system should support the addition, display, and removal of media elements. Our application should be able to access hardware features of the mobile device it is running on. It will access the device's camera to capture photos, the filesystem to save media data in persistent file storage, and geolocation to detect the place of the captured photo. We will use Sencha Touch to build the user interface and control the client-side logic. The Sencha Touch store will handle the storage of information, and Google map will be used to display saved media.

This chapter will show you how to: