First, I am impressed with the smooth web interface for OS. My son would like to make a similar UI for an Arduino based school project. From what I can see, it appears like OS uses localStorage for communicate between the Arduino OS board, and ui.opensprinkler.com/js/home.js. Is there a short high level design doc that can be shared? It would be nice to build on that experience.
The UI is written using JQuery Mobile (http://jquerymobile.com). The documentation is well written and easy to follow and a demo is available here: http://demos.jquerymobile.com/1.4.5/. This has actual code needed to implement each item being demo’d so should be a good start to get up and running.
The localStorage is what’s used to save the configuration for the app (and saved sites).
By the way, the home.js file is somewhat of a hack. The way the UI used to load used this home.js file and I built that file to basically load my UI instead of the previous one. You don’t need this at all. In fact, if you save the files on your computer and open index.htm, it behaves just like the app (with some small differences).