creating a mobile web app from a mockup
I've started on the interface using sencha touch, a mobile web framework. Sencha Touch
is part of the ExtJS
, so I'm excited to give it a shot. The style is similar to how we used to develop web apps at the company I work for, but we've since moved on to using knockout.js
the sencha touch approach
Sencha lets you build up a mobile web frontend programmatically rather than starting from existing html. You create objects that represent forms, tabs, carousels and everything else you need to develop a smartphone or tablet app. Sencha produces html5 and supports many of the animations and transitions that are used in native iOS and android apps.
Using code inspired by several of the online demos, I've put together a sencha app with an initial stab at a chat/comment view. I have a comment entry field and a submit button as well as a table of comments. The other tabs will follow the same general pattern, but aren't built yet.
serving the static html, css and js files
deployed to hosting provider
You can check it out at http://seatmate.nodejitsu.com/
I've also attached a few more mockups of the other screens. They are in landscape and portrait mode.