Pediatric Wheel

As part of a final assignment for my Web Application Development for iPhone class, I was tasked to create an intuitive, focused, and polished iPhone web application. I was given free reign on the theme of the project; however, there were many other requirements.

These included:

  • application must be optimized for the iPhone hardware and must behave like a native iPhone app, respecting the current iPhone UI metaphors
  • application must run in offline mode (HTML5 offline caching)
  • only one HTML page is allowed (meaning AJAX methods deliver content to avoid page refresh)
  • use minimal JS libraries
  • Webkit CSS3 transforms, transitions, and animations
  • CSS3 text effects
  • HTML5 client-side database capability
  • orientation change events

Additionally, I had to submit a Product Definition Document, including feature lists, user scenarios, and image mock-ups of the proposed project. I chose to replicate a Paramedic tool called a Pedi-Wheel. Here it is in action:

The project was challenging in the sense that most of the technologies were new, which translated into them having very little documentation.

pediwheel-full

Tech Specs:

  • HTML5
  • CSS3
  • JavaScript
  • XML
  • AJAX

The mobile web app was launched in 2009 and is slated to be updated in 2015.

Visit Site View GitHub Repo