Official (Closed), Non-Sensitive
ET0829 Digital
Manufacturing
Technology
Chapter 2 Web Server and Web Page
Official (Closed), Non-Sensitive
Chapter 2 Web Server and Web
Page
• In this chapter, we will learn:
• Read data from web server
• User-defined web page
• Write data to PLC through web page
Official (Closed), Non-Sensitive
PLC S1500 Web Server
• S1500 PLC has a web server function, with this function, we can
read and modify the following data through web browser.
• – Start page with general CPU information
• – Information on Diagnostics
• – Identification
• – Program protection
• – Memory
• – Runtime information
• – Fail-safe
• – Contents of the diagnostics buffer
• – Module information
Official (Closed), Non-Sensitive
Read data from web server
• – Firmware update
• – Alarms
• – Information on Communication
• – Important interface parameters
• – Port statistics
• – Display of the communication resources
• – Display of the communication connections
• – PROFINET Topology
• – Graphical view
• – Table view (actual topology)
• – Status overview
Official (Closed), Non-Sensitive
Read data from web server
• – Tag status
• – Watch tables
• – User pages
• – Filebrowser
• – DataLogs
• – User files
• – Online backup and restoration of the configuration
• – Diagnostic information for technology objects
• – Evaluation of trace recordings
• – Reading out service data
• – Basic websites
Official (Closed), Non-Sensitive
User-defined web page
• 1. HTML language is used for webpage design
• 2. Automation Web Programming (AWP) Command is used for
Siemens PLC Web Page design.
• 3. Automation Web Programming (AWP) commands are a special
command syntax for data exchange between CPU and user page
(HTML file).
Official (Closed), Non-Sensitive
The format to read PLC Tag
• :=<Varname>:
• Example:
• :=Button1:
• :=“web”.bool1:
Official (Closed), Non-Sensitive
The format to write PLC Tag
• <!-- AWP_In_Variable Name='<Varname1>' -->
• Example:
• <!-- AWP_In_Variable Name=‘Button1' -->
• <!-- AWP_In_Variable Name='“web”.bool1' -->
Official (Closed), Non-Sensitive
Creating user-defined web pages
• Any HTML or txt editor can be used to create user page(s).
• Make sure that HTML code complies with the standards of the W3C
(World Wide Web Consortium) because STEP 7 does not check the
HTML syntax in any way.
• In addition to the simple HTML code, JavaScript commands can be
used in user pages design as well.
Official (Closed), Non-Sensitive
Proceed of user-defined web page
design
• 1. Create the HTML file for your user page with an HTML editor. To
allow data from the CPU to be output on your web page, integrate the
AWP commands as HTML comments.
• 2. Store the HTML file and all associated source files (e.g., *.gif, *.jpg,
*.js, etc.) in a directory on your PG/PC and note the storage path.
• 3. Call the "WWW" instruction in STEP 7 and program it.
• 4. Configure the user page in STEP 7. In this way, you compile the
contents of your HTML files, among other things, into data blocks.
Official (Closed), Non-Sensitive
Proceed of user-defined web page
design
• 5. Download the configuration and the user program to the CPU.
• 6. Open your user page with your display device by means of a web
browser in the Web server of the CPU.
Official (Closed), Non-Sensitive
Self-Reflection Quiz
• 1. What function block will be used to develop the web server
application?
• 2. How to set up the above mentioned function block?
