1756-EWEB Module: Web Server and More - Rockwell Automation

1756-EWEB Module: Web Server and More - Rockwell Automation 1756-EWEB Module: Web Server and More - Rockwell Automation

rockwellautomation.nl
from rockwellautomation.nl More from this publisher
30.11.2012 Views

64. Use Internet Explorer to get FTP access to the module as we did earlier in the lab. • Delete the get.asp, index.html, and post.html files from the EWEB. • Copy all of the files from the AU2004� EWEB� enip-livedata folder to the EWEB. By default, browsing to the IP address of your EWEB module causes the system’s index.html page to load. Let’s change this behavior so that our new index.html page loads instead. 65. Use Internet Explorer to navigate to the EWEB home page. 66. Open Administrative Settings->Server Management->Server Settings. 67. Edit the page until it looks like the image below, then click Apply Changes: When you change the EWEB’s home page, you must enter “http://10.88.89.2xx/index.html” in the address bar in order to get to the original home page. 68. Let’s look at the web page we downloaded: Type “10.88.89.2xx/user/web/index.html” using the IP address for your EWEB module. This should have caused you to navigate directly to our new home page. The animated graphics are attached to the tags motor1 and motor2. They stop when the respective value is 0 and go when the value is non-zero. The lights are attached to the tag switches. A value of 1 for a bit turns the light green while a value of 0 turns the light red. This page uses jpg and gif files to present graphics and animation. The advantage is that they are simple to use and maintain and do not require the browser to download any LAB 1: 1756-EWEB Module Page 14

additional software to view (unlike Flash files, which require the browser to download and install plug-in software). The images do not have to be located on the EWEB, either. Since we only have 6 MB of memory on the module, we can save space by storing graphics and other large files on company servers or other computers. You should notice that the background image for this file was loaded from a website on the internet. This means our applications can be as big as the internet! In the next steps we are going to tweak one of the files we just loaded to replace the current background image and add a factory view camera to the application. 69. Open the AU2004�EWEB� enip-livedata folder. 70. Right click the main.html file�Select Open With�Select Word Pad. In HTML, the strings “” are the open comment string and the close comment string, respectively. We are going to uncomment one line and comment another. 71. Scroll to the line of code after the line “”. 72. As indicated in the image above, highlight the open comment () and drag it to the end of the next line. 74. Press Ctrl + S to save the changes. This will cause a different background to load when we open the page in our web browser. 75. Scroll down to the line labeled “”. A few lines below the cameraTag comment, you should see the word APPLET. The camera image is loaded directly from the camera to the web browser using a java applet. So again, we can load applications and other resources from the internet/intranet, and reserve module memory for our ASP/HTML code and our data views. 76. Delete the lines indicated by the following image. LAB 1: 1756-EWEB Module Page 15

additional software to view (unlike Flash files, which require the browser to download<br />

<strong>and</strong> install plug-in software). The images do not have to be located on the <strong>EWEB</strong>, either.<br />

Since we only have 6 MB of memory on the module, we can save space by storing<br />

graphics <strong>and</strong> other large files on company servers or other computers. You should notice<br />

that the background image for this file was loaded from a website on the internet. This<br />

means our applications can be as big as the internet!<br />

In the next steps we are going to tweak one of the files we just loaded to replace the<br />

current background image <strong>and</strong> add a factory view camera to the application.<br />

69. Open the AU2004�<strong>EWEB</strong>� enip-livedata folder.<br />

70. Right click the main.html file�Select Open With�Select Word Pad.<br />

In HTML, the strings “” are the open comment string <strong>and</strong> the close<br />

comment string, respectively. We are going to uncomment one line <strong>and</strong> comment<br />

another.<br />

71. Scroll to the line of code after the line “”.<br />

72. As indicated in the image above, highlight the open comment () <strong>and</strong> drag it to the end of the next line.<br />

74. Press Ctrl + S to save the changes. This will cause a different background to load<br />

when we open the page in our web browser.<br />

75. Scroll down to the line labeled “”.<br />

A few lines below the cameraTag comment, you should see the word APPLET. The<br />

camera image is loaded directly from the camera to the web browser using a java applet.<br />

So again, we can load applications <strong>and</strong> other resources from the internet/intranet, <strong>and</strong><br />

reserve module memory for our ASP/HTML code <strong>and</strong> our data views.<br />

76. Delete the lines indicated by the following image.<br />

LAB 1: <strong>1756</strong>-<strong>EWEB</strong> <strong>Module</strong><br />

Page 15

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!