Category Archives: webapps

Mobile web apps I have developed

PubCrawler HTML 5 DB – Save crawls on iPhones

I have updated PubCrawler to use HTML 5 client side storage. This is supported by iPhones and iPod Touches with firmware 2.0 and above. It means that these devices can now save crawls. For Android phones a Google Gears database is still used.
It took me a while to get the HTML 5 DB working properly. The fact that it works asynchronously (rather than synchronously like Gears) made it difficult to implement all the functionality. Also the created tables don’t have a built in ROWID column (like Gears) so I had to create my own. I’ll probably revisit it later to tidy up the code.

PubCrawler now has manual location

PubCrawler now has manual location functionality. When Google Gears is not installed it falls back to asking for location in a JavaScript prompt(). With or without Gears on the map screen the location can be changed with a new button. Another minor change is the removal of the map buttons at the bottom for everything but Android devices. iPhones can use multitouch gestures to zoom and drag the map (Google’s functionality not mine!). For Android 1.5 I have added drag functionality myself though.

Coming soon: HTML5 database to save crawls on iPhone (instead of Google Gears DB which Android uses).

PubCrawler Web App

My first mobile web app is PubCrawler. It finds pubs in your location automatically and can show you a route around them. Navigate from pub to pub and save the number of pints drunk in each. Crawls are saved for viewing later.
Its being developed in HTML, CSS 3.0 and JavaScript using Google Gears GeoLocation, Maps API, Local Search and dojo Toolkit. Google Gears is required. It works on:

  • Android phones like the T-mobile G1
  • Windows Mobile 6 with Opera Mobile 9.5 technology preview build (go to gears.google.com in the browser to install Gears)
  • Firefox 3 with Google Gears installed (although the CSS 3.0 elements won’t look right)
  • Google Chrome

On first visit a prompt will pop-up asking you if you trust the site to use Gears. If you don’t click the accept button it won’t work.