8.4 Configuration of the TIA portal project
TOs of S7-1500(T)
Entry ID: 109743134, V1.0, 05/2017
Siemens AG 2017 All rights reserved
8.4.3 PLC data types
The PLC data types are included in the TIA Portal project provided:
The data types are divided in the same
folder structure as the program blocks
and include the appropriate PLC data
types.
8.4.4 Realization of the web server application for the simulation
The realization of the web server application for the simulation of the example
application is not subject of this documentation. In chapter 10 the appropriate
application examples are listed for this purpose. Nevertheless, the functions of the
web page are briefly discussed here.
The following files are included in the TIA Portal project provided in the "HTML”
subfolder for the realization of the pages of the web server of the SIMATIC CPU:
The two JSON files include the definitions
for the data exchange between HTML
page and the CPU.
The "home.html” file represents the actual
web page.
The JS files include the JavaScript
functions for the data exchange of the
web page with the CPU.
Realization of the web page
The HTML file includes the web page configuration that is represented via the
SIMATIC CPU web server for the simulation of the example application. The web
page is configured in accordance with the HTML 5 standard whilst using various
HTML objects. The definition of the appearance of the objects complies with the
CSS standard, whereby this description is also included in the HTML file in the
<style> section. The animation of the objects is also done with the help of
JavaScript functions included in the HMTL file in the <script> section. The
JavaScript functions animate the objects located on the side, depending on the
process variables of the SIMATIC CPU.
Data exchange with the SIMATIC CPU
The data exchange between the web page and the SIMATIC CPU is carried out in
two different ways, depending on the direction of the data:
Sending jobs from the web page to the CPU:
The data is transferred to the user program event-driven, for example, directly
after pressing a button via the SIMATIC web server functions.
Sending data from the CPU to the web page:
Via the "window.setIntervall” function of the HTML page, the status data of the
user program is requested every 5 milliseconds from the HTML page in the
SIMATIC CPU with the help of the "S7Framework”.