- This topic has 5 replies, 2 voices, and was last updated 11 years, 3 months ago by .
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.
OpenSprinkler › Forums › Hardware Questions › OpenSprinkler Pi (OSPi) › Web UI design
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.
/c
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).
Thanks you Samer. Those are a great pointers.
No problem and thanks for the compliments.
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).
Sweet. He and I will be learning about jquery mobile.
For those interested, I wrote a simple JSON-based demo for an Arduino and using jsfiddle.net.
http://www.coertvonk.com/technology/arduino/arduino-webserver-using-jquerymobile-and-jsfiddle-11803
thx for pointing me in the right direction, Samer,
/c
OpenSprinkler › Forums › Hardware Questions › OpenSprinkler Pi (OSPi) › Web UI design