Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #37213

    cvonk
    Participant

    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

    #37219

    Samer
    Keymaster

    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).

    #37233

    cvonk
    Participant

    Thanks you Samer.  Those are a great pointers.

    #37234

    Samer
    Keymaster

    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).

    #37236

    cvonk
    Participant

    Sweet.  He and I will be learning about jquery mobile.

    #37697

    cvonk
    Participant

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.