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.
- 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.
The mobile web app was launched in 2009 and is slated to be updated as a single-page application.