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.
Tech Specs:
- HTML5
- CSS3
- JavaScript
- XML
- AJAX
The mobile web app was launched in 2009 and is slated to be updated as a single-page application.