Group Actions
Engagement
  • Author Author: Robert Peter Oakes
  • Date Created: Date Created
  • Views 3372 views
  • Likes 2 likes
  • Comments 14 comments
Related
Recommended

Fast Track to Arduino Programming - Lesson 4b, How to use an Ethernet Shield with a WEB page

Robert Peter Oakes

Link back to main menu Fast Track to Arduino Programming

 

link to lesson 4a incase you missed it image : Fast Track to Arduino Programming - Lesson 4a, Ethernet input and response test console

 

In lesson 4a we reviewed the HTML based console that was to be used throughout lesson 4, this was so you are prepared to follow through the lesson without worrying about how other none Arduino parts work, now I will present the main video that will walk you through the sketch, identifying the changes from the previous lesson and explaining the operation of the added code.

 

this is a long video, close to an hour but I wanted to be thorough and not miss out key parts.

 

 

The sketch and HTML page are provided in lesson 4a here: Fast Track to Arduino Programming - Lesson 4a, Ethernet input and response test console

 

and to follow up with how to change the settings of the web page and a brief description as to how it works, see this

  • in reply to Robert Peter Oakes

    If you are talking about the the functions related to XMLHttpRequests at line no 13 and 122, I can explain how it works.

     

    What I thought is what if an LED is already ON in your board before you are connecting to it. It can happen as a left over from your previous connection, right? So what I did was, upon loading the page, my onload() function will send a request to the board to update its status. This is done at 122. And when a request is received, function at line no 12 is triggered which will update your board status to your UI. In the case you don't want this feature, you can remove that code.

     

    And about firefox, cross domain requests won't work, so it will be difficult to setup it in this tutorial of yours. In chrome, I guess their is a way to get XDRs working, but don't know exactly. One friend of mine is using Chrome or testing some of her XDRs, so if you can't figure it out, I can probably get that info from her. image

  • in reply to vish

    there is some code right at the beginning that sets up a bunch of stuff but will never be executed after the initial page load and therefore seems obsolete and the page works without it

     

    there is also the page load function that initializes a htmlreader but does nothing with it

     

    i will share my final version as soon as I have completed it, oh and i will install FF too. I already test on Chrome and IE so FF is not much extra, I thonk my chrome issue was due to the cross domain scripting when loaded from the hard drive rather than the board.

     

    Peter

  • in reply to Robert Peter Oakes

    I expected some problems in arduino due to the limited memory. But I hope, MEGA can serve better. Using SD card will be the suitable option for UNO users, I hope.

    Regarding the HTML files, dygraphs- the library I'm using has no direct support for IE < v9. If you want to use in IE(<v9), you can use excanvas library( more info here ). I started learning HTML5,CSS, JS only a few weeks ago, that's why the code is not so tidy. If you could share the result after your clean up, it will be great learning exercise for me.

    I chose to test it in firefox, because of two reasons - 1. I'm using Ubuntu. So no IE. 2. It's available across Windows, Linux and Mac. So every body using my code will get a same experience. And I have a suggestion - if you can develop your tutorial codes to work with firefox/chrome too, it will be a great help for the people with Linux/Mac that they will also get same experience.

    About the unused codes - could you please tell me which part are you mentioning? I went through them a few times before posting it, but there is a great chance that codes from my learning exercises may be still present. I tried to eliminate them, but if still they are present, please share your findings with me, that I can change it in my github repo.

    Thanks a lot for your support image

  • in reply to vish

    no library, standard range control,

     

    btw,  I had a large number of errors porting the sketch to the Arduino, my Arduino ISP simply gave out a mass of java errors, not sure why and using visual studio compiled and uploaded no problems but would not run, it was probably out of RAM (I had to comment out the oscilloscope htm to get it to fit (Not added the SD code yet), I have not tried on the MEGA yet

     

    I have converted the SCOPE HTM page though, adjusting for my lesson 4 and trying to eliminate html errors (Not all of it is HTML5 compatible so I took the opportunity to clean it up, also of course running from the hard drive has its challenges with chrome too as it does not allow cross domain scripting by default. I now have it mostly working on both.

     

    There seems to be a few areas of code that are un-used, it this correct ??

  • in reply to Robert Peter Oakes

    I would like to see how you implemented those sliders. Which library are you using for that, if any?