Project Details

Type App
Client John Price
Duration August 2010 until September 2010

Technologies, Languages & Frameworks Used

Services Used

Gatekrash Mobile Beta

Mobile version of Gatekrash

  • Case study by John
  • October 14th, 2010

IMPORTANT: This version of Gatekrash Mobile does not currently work, as it relied on the API of the previous version of Gatekrash. Why not read about the new version of Gatekrash Mobile based on the new API?

Gatekrash Mobile is a touchscreen-optimised version of Gatekrash designed for users of smartphones, such as the iPhone and Android. If you'd like to learn more about the original Gatekrash, you can read the case study.

The idea

The initial idea for Gatekrash was to provide a way of seeing what's happening where you are, both at the moment and in the near future. This kind of service lends itself well to being made available on the move, but the main site didn't provide a good way of accessing this information on smaller screens. As a result, a mobile version of Gatekrash which is optimised for touchscreen smartphones was made. It contains many of the same features as the full site; what's happening right now, what's starting soon, event pages, search, and setting your location. As time goes on, more features from the full site will be added, including venue and place pages.

The design

Gatekrash Mobile uses jQTouch to provide the framework for simulating an iPhone style web application. The design of Gatekrash Mobile itself is not unique, as it uses a jQTouch bundled theme (with customisations like the startup screen and home screen icon). This framework provides access to common UI elements, including some common to only touchscreens. These include buttons, form inputs, toolbars, swiping, and history (amongst others). The design itself is very spartan and utilitarian, with no images, just text.

How it works

The site itself is only one page, which contains all the JavaScript required in order to run the app. All data required by the app is pulled in using AJAX in JSON format (similar to the way the full site loads more event listings in the page). This AJAX system uses the same data source as the full site, and processes the JSON on the client side.

More details will be published here and on the blog in the future!

More information

If you would like to know more about the site, don't hesitate to get in touch with John using the Contact page.