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.
The project was challenging in the sense that most of the technologies are new, which translates into them having very little documentation. In the coming weeks, I will be posting individual problems I ran into and my solutions to them in case others find themselves in the same boat.
The final deliverable can be viewed here: http://craigfreeman.net/iphone/project3/
(note: link does not currently degrade gracefully)
I will eventually attempt to port this application over to Android browsers, as they utilize the same Webkit browser engine as the iPhone.
