Building the application with jQuery Mobile
From the specification, we have four kinds of entities:
Accounts
Categories
Customers
Transactions
We will track all of them inside a database, and our interface will be a simple CRUD for these entities.
Note
Create, read, update, and delete (CRUD) is the basic operation you can perform with an entity of a persistent storage (such as the WebSQL we use with Cordova).
Speaking about CRUD and user interface, you should build the interface to create new items, to list them all, to look through the detail of a single item, to modify and save the changes, and finally, to delete them.
For this reason, this will be the layout of this application:
We put a few buttons in the footer to give the user a way to navigate between entities' pages.
In this layout, I excluded the customer view because we will use this application with a mobile device, with a real small resolution, so we cannot put too much text in the header/footer.
Note
In this chapter, we will build only the...