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
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
- Page 1 and 2: Hands-On Lab Workbook 1756-EWEB Mod
- Page 3 and 4: Background: The EWEB module allows
- Page 5 and 6: LAB 1: 1756-EWEB Module Only the at
- Page 7 and 8: Different Data Views can act as dif
- Page 9 and 10: 34. You must now create three tags:
- Page 11 and 12: 44. In the browser’s address bar,
- Page 13: 56. We want to prevent a third part
- Page 17 and 18: 80. Close ALL instances of Internet
- Page 19 and 20: ased, it is platform independent. B
- Page 21 and 22: In this example, we will send data
- Page 23: EWEB Performance, EWEB Effect on Sy
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