Creating User- Defined Web Pages S7-1500

Creating Userdefined Web Pageson S7-1200 /S7-1500SIMATIC STEP 7 (TIA Portal V14), S7-1200 / en/view/68011496SiemensIndustryOnlineSupport

Warranty and LiabilityWarranty and Liability Siemens AG 2017 All rights reservedNoteThe Application Examples are not binding and do not claim to be completeregarding the circuits shown, equipping and any eventuality. The ApplicationExamples do not represent customer-specific solutions. They are only intendedto provide support for typical applications. You are responsible for ensuring thatthe described products are used correctly. These Application Examples do notrelieve you of the responsibility to use safe practices in application, installation,operation and maintenance. When using these Application Examples, yourecognize that we cannot be made liable for any damage/claims beyond theliability clause described. We reserve the right to make changes to theseApplication Examples at any time without prior notice.If there are any deviations between the recommendations provided in theseApplication Examples and other Siemens publications – e.g. Catalogs – thecontents of the other documents have priority.We do not accept any liability for the information contained in this document.Any claims against us – based on whatever legal reason – resulting from the use ofthe examples, information, programs, engineering and performance data etc.,described in this Application Example shall be excluded. Such an exclusion shallnot apply in the case of mandatory liability, e.g. under the German Product LiabilityAct (“Produkthaftungsgesetz”), in case of intent, gross negligence, or injury of life,body or health, guarantee for the quality of a product, fraudulent concealment of adeficiency or breach of a condition which goes to the root of the contract(“wesentliche Vertragspflichten”). The damages for a breach of a substantialcontractual obligation are, however, limited to the foreseeable damage, typical forthe type of contract, except in the event of intent or gross negligence or injury tolife, body or health. The above provisions do not imply a change of the burden ofproof to your detriment.Any form of duplication or distribution of these Application Examples or excerptshereof is prohibited without the expressed consent of the Siemens AG.SecurityinformationSiemens provides products and solutions with industrial security functions thatsupport the secure operation of plants, systems, machines and networks.In order to protect plants, systems, machines and networks against cyberthreats, it is necessary to implement – and continuously maintain – a holistic,state-of-the-art industrial security concept. Siemens’ products and solutions onlyform one element of such a concept.Customer is responsible to prevent unauthorized access to its plants, systems,machines and networks. Systems, machines and components should only beconnected to the enterprise network or the internet if and to the extent necessaryand with appropriate security measures (e.g. use of firewalls and networksegmentation) in place.Additionally, Siemens’ guidance on appropriate security measures should betaken into account. For more information about industrial security, please mens’ products and solutions undergo continuous development to make themmore secure. Siemens strongly recommends to apply product updates as soonas available and to always use the latest product versions. Use of productversions that are no longer supported, and failure to apply latest updates mayincrease customer’s exposure to cyber threats.To stay informed about product updates, subscribe to the Siemens IndustrialSecurity RSS Feed under http://www.siemens.com/industrialsecurity.Creating User-defined Web Pages on S7-1200 / S7-1500Entry ID: 68011496, V2.2, 04/20172

Table of ContentsTable of ContentsWarranty and Liability . 21Preface . 42Automation Task . 53Automation Solution . 6 Siemens AG 2017 All rights reserved3.13.23.33.43.5General solution overview . 6Advantages and application options of web server applications. 7Creating user-defined web pages . 8Structure of the application. 9Hardware and software components . 104Principles of Standard Web Pages . 125Functional Mechanisms of this Application . onfiguration and Settings. 196.16.26.36.46.56.67Functional principle of the S7 program . 13Startup (OB100) . 14Main (OB1) . 14TankSimu (FB1) . 15Functional principle of the HTML file . 16AWP commands . 16Outputting CPU variables . 17Outputting texts via enumerations . 17Setting variables in the CPU with value and button . 17Setting variables in the CPU via button only . 18Procedure for creating a web page . 19Configuring the hardware . 20Creating the variables in the variable table or DB . 23Creating the HTML files. 23Web server settings and generating of the data blocks . 24Creating, compiling and loading of the S7 program . 26Installation . 287.17.2Hardware and software installation . 28Installation of the application example . 298Operating the Application . 309Related Literature . 339.110Internet link specifications . 33History. 34Creating User-defined Web Pages on S7-1200 / S7-1500Entry ID: 68011496, V2.2, 04/20173

1 Preface1PrefaceObjective of the applicationThe application on hand shows you how to simply and quickly create your ownuser-defined web pages for S7-1500.Main topics of this applicationThe following main points will be discussed in this application: Principles of user-defined web pages. Creating user-defined web pages. Configuring the web server with user-defined web pages. Integrated web serverThe standard web pages for simple display of services and diagnosticinformation are activated with a click. Additionally, individually created, userdefined web pages can be generated. Location-independentThe web page can be called up world-wide via a standard internet browser. Application exampleUniversal usage of the application for all controllers No additional hardware and software required. The access to the web server is possible across large distances via mobilecommunication devices such as tablet PC, smart phone, etc. Reduced working hours through simple activation of the web server. Time saving in planning and implementing your automation solution throughsimple adaptation of the application on hand. Siemens AG 2017 All rights reservedAdvantagesBenefitsNoteThe application example as well as the web server should not and cannotreplace an HMI system.Creating User-defined Web Pages on S7-1200 / S7-1500Entry ID: 68011496, V2.2, 04/20174

2 Automation Task2Automation TaskOverview of the automation taskModern automation technology increasingly integrates internet technologies which– together with an integrated Ethernet-based communication – enable, forexample, direct access to the system via the intranet.During the test and commissioning phase, the commissioning engineer wants tohave flexible access to the CPU; individual data is to be visualized during operationfor diagnostic purposes.For access mechanisms via the internet or intranet it is reasonable to use alreadyexisting standards, such as, for example, http technology, standard web browsersand common "languages" such as HTML (Hypertext Markup Language) orJavaScript.Figure 2-1 Overview of the automation problemLaptopSmartphoneTablet Siemens AG 2017 All rights reservedRemote accessWeb page 1Web page 2Web page 3 html html html PROFINETIndustrial EthernetController 2Controller 1Controller 3Requirements for the automation task Access the CPU with standard hardware and standard mechanisms viaIndustrial Ethernet. You do not require any additional hardware andsoftware. Access the CPU individually related to the system and also visualized, ifrequired. Each CPU has its own individual web page. Operating personnel without any automation knowledge is also providedsimple access to the CPU.Creating User-defined Web Pages on S7-1200 / S7-1500Entry ID: 68011496, V2.2, 04/20175

3 Automation Solution3Automation Solution3.1General solution overviewSchematic layoutSIMATIC CPUs with PROFINET interfaces provide the opportunity to access CPUvariables with the help of web pages provided by the system.Access the integrated web server of the CPU via a web browser.The web server contains standard web pages, such as start page, identification,diagnostic buffer, module status, messages, communication, topology and filebrowser.In addition to the standard web pages, you can also design and call the web pagesindividually for your application case.To create your web page (user-defined web page), you can use any tools such asMicrosoft Expression Web, Notepad , etc.For designing your web page, you can use all options provided to you by HTML,CSS (Cascading Style Sheets) and JavaScript.In addition, there are Automation Web Programming (AWP) commands for directedcommunication with the CPU. Siemens AG 2017 All rights reservedThe following figure gives an overview of the implemented solution.Figure 3-1 Overview of the overall solutionClient siteS7-Program-blocks- STEP7(TIA-Portal)HTML-fileCPU 1511-1 PNas webserverHTML-Editor- HTML-DateiIn this application example, the CPU simulates a tank which can be controlledthrough the website.Creating User-defined Web Pages on S7-1200 / S7-1500Entry ID: 68011496, V2.2, 04/20176

3 Automation Solution3.2Advantages and application options of web serverapplicationsBy having access options through various web browsers, control data can bedisplayed and to a limited degree controlled, by any computer or web-enableddevices without additional software installation.Another advantage is the use of the entire network infrastructure of a plant withoutany additional hardware components. I.e., each place of the plant where a networkaccess is provided, can access the respective controllers.Evaluating, diagnosing and controlling the controllers can therefore also beperformed over large distances or mobile communication devices such as tabletPC, smartphone, etc. However, this also requires you to take correspondingprecautions to protect your system. Please observe our security notes in thechapter “Warranty and Liability” in this context.No safety-relevant functions should be realized via the web serverfunctionality due to the missing time deterministic of web applications! Siemens AG 2017 All rights reservedWARNINGCreating User-defined Web Pages on S7-1200 / S7-1500Entry ID: 68011496, V2.2, 04/20177

3 Automation Solution3.3Creating user-defined web pagesBelow it is shown the procedure for creating user-defined web pages. Siemens AG 2017 All rights reservedFigure 3-2 Procedure at a glanceTable 3-1No.Instruction1.With an HTML editor, you create the HTML file for the user-defined web page.2.The web application can consist of various source files, e.g.: *.html, *.gif, *.js, 3.The HTML files with images etc. are stored in data blocks with SIMATIC STEP 7V12. Call the WWW instruction in the S7 program.4.Transfer all blocks to the CPU.5.Open the web page of the CPU via a web browser. Accessing the web server ofthe CPU can be irrespective of the configuration computer. Every output devicewith access to the PN interface of the CPU can display the web page.Detailed explanations of the creation of a web page and programming in STEP 7can be found from Chapter 6 on.Creating User-defined Web Pages on S7-1200 / S7-1500Entry ID: 68011496, V2.2, 04/20178