...

We were originally planning to make each of the bar on the chart be interactive, and make them lead to displaying the expenses for that day as a list. However, we could not find an api that would allow us to do that, and in addition, as stated before, making the charts and list interactive could end up confusing the user, so we removed that functionality altogether.

Implementation

implementationWe used Flask which made it very easy to use templates. We also used jQuery Mobile to make the visuals of the page look nice and simple. We utilized Google maps API to display expenses on the map, and attempted to use Google Charts API. However, the Google charts API produced its chart using SVG which does not display properly on the Android OS, so we resorted to using another API even though it was not interactive.

Evaluation

We conducted our user tests at two different places: one at a fraternity, and one at the student center on campus.
We wanted to look for smartphone users with a variety of background. They were quickly briefed with the fact that this website is to keep track of their expenditures. They were not shown any demos. The task is as follows:

...