8/9/2011 9:35 PM | |
Joined: 9/23/2005 Last visit: 9/19/2024 Posts: 4347 Rating: (1446)
|
Hi, The User-defined web pages are a nice new feature, available since the version 11 of the STEP 7. The S7-1200 System manual has very good information about it. The objective o this tips is to complement it with the main steps to the configuration, collecting some extra information about the theme and give some sample programs. 1 - Documentation: The main documentation about this theme could be found in the S7-1200 System Manual (http://support.automation.siemens.com/BR/view/en/36932465 ), in special chapter “13.3 User-defined web pages”. Despite there is some differences between User-defined web pages of S7-300 and S7-1200, the documentation of the Applications & Tools “Visualization with user-defined web pages on SIMATIC CPUs with PROFINET interface” (http://support.automation.siemens.com/BR/view/en/44212999) has also general information about how is the structure and syntaxes of HTML pages (in special chapter “3 General Principles of Web Pages and User-defined Web Pages”). There is an Applitation and Tool that descriptes (with example) the use of Web pages on S7-1200: "Creating and using user-defined web pages on S7-1200" http://support.automation.siemens.com/WW/view/en/58862931 2 – Main steps to configure a User-defined Web page 2.1 Create a Web page 2.1.1) Header, general information of the HTML page. Include follow line before the header: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> That defines that it is the document type HTML in the language version V4.01 in the "Transitional" variant. The language code "EN" refers to the language of the tags, i.e. English. Include follow line in the header: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta> With "content="text/html", the MIME type is specified, followed by the used character set UTF-8.With the help of the Multipurpose Internet Mail Extensions (MIME) standard, the web browser is informed e.g. during an HTTP transfer which data the web server sends, for example whether it is clear text, an HTML document or a PNG image. 2.1.2) To show PLC values on the Web To read PLC values and place it in the Web page, you need to use the symbolic or absolute name of the variables with the follow syntax: :=<Variable name>: You can predefine intern names and connect with the PLC names with the line: <!--AWP_Out_Variable Name='HTMLname' Use='PLCname' --> Tip: When you work with DB, use only symbolic names and syntax like follow example: <!--AWP_Out_Variable Name='flag1' Use='"My_Data_Block".flag1' --> :=flag1: Tip: If you need that the value are refreshed at fix intervals (without “F5”) you can place the line: <meta http-equiv="Refresh" content="10"> at the page header (10 = refreshed time, in seconds). 2.1.3) To write values to PLC First: you need to “declare” the PLC variable as a comment with the special syntax. For example: <!-- AWP_In_Variable Name='"MyVariable"' --> Syntax to write a value in an IO field (like input field in a HMI) <form method="POST"> <input name='"MyVariable"' type="text"> </form> Syntax to read and write a value in an IO field (like input/output field in a HMI) <form method="POST"> <input name='"MyVariable"' value=:="MyVariable": type="text"> </form> There others ways (by buttom, etc.) decrypted in the S7-1200 System Manual. Tip: you need to be logged on to write values to the PLC. If you try to send values without to login, it will not work, however, without any signs of fault. 2.2 – Device configuration CPU properties; Tab Web server: active the check box “Enable Web server on this module”. In the box User-defined Web pages, give the directory and the Default HTML page of your web page. Click in “Generate blocks” 2.3 – User Program Call the block WWW in your main block (e.g. OB1) and give the number of the DB (e.g. 333). |
Last edited by: Pegaia at: 4/25/2012 12:46 PMLast edited by: Pegaia at: 8/9/2011 9:45 PMDenilson Pegaia |
|
This contribution was helpful to33 thankful Users
|
8/9/2011 9:47 PM | |
Joined: 9/23/2005 Last visit: 9/19/2024 Posts: 4347 Rating: (1446)
|
This treads shows a sample program about Web pages. It has just a fix text to be showed. Editing it, it is possible to see, as comment, a little explanation about the main structure of the HTML source. AttachmentExample1.zip (7491 Downloads) |
Denilson Pegaia |
|
This contribution was helpful to11 thankful Users |
8/9/2011 9:48 PM | |
Joined: 9/23/2005 Last visit: 9/19/2024 Posts: 4347 Rating: (1446)
|
This second example shows how to see a PLC variable in the web interface.
AttachmentExample2.zip (6261 Downloads) |
Denilson Pegaia |
|
This contribution was helpful to11 thankful Users |
8/9/2011 9:49 PM | |
Joined: 9/23/2005 Last visit: 9/19/2024 Posts: 4347 Rating: (1446)
|
This third example shows how to write a value to a PLC variable by the web interface.
AttachmentExample3.zip (6071 Downloads) |
Denilson Pegaia |
|
This contribution was helpful to11 thankful Users |
8/15/2011 8:09 PM | |
Joined: 9/23/2005 Last visit: 9/19/2024 Posts: 4347 Rating: (1446)
|
Hi, Mr. Bakerjw has gently gives us a V11 project with the sample program listed in the chapter 13.3.8.1 of the S7-1200 System Manual ("wind turbine"). Thanks foryour help Follow attached. AttachmentRemoteMonitor_HTML_4_0.zip (6488 Downloads) |
Denilson Pegaia |
|
This contribution was helpful to14 thankful Users |
1/20/2012 3:16 PM | |
Joined: 7/7/2010 Last visit: 9/24/2024 Posts: 15225 Rating: (2417) |
Ok, I'm trying to get some custom names to work using the AWP_Out_Variable. System: CPU1214C, FW 2.2 configured and installed Software: TIA Portal Basic V11 SP2 An example that does not work is when I define like this: <!--AWP_Out_Variable Name='adHP' Use='"FromAD".Hyd_Pump_MS' --> Then in the HTML file, I try to display the value like this: :=adHP: Blocks generate fine. Compiles fine with warning : WebInt: PLC tag adHP not found. When the page is viewed, the tag does not display properly. If I do not use the AWP_Out_xxx, it works fine and displays, but it is kind of ugly looking in the source code. These are in the header of the html source: [code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <meta http-equiv="Content-Type"content="text/html; charset=utf-8"> [/code] Whatis wrong? |
science guy |
|
3/7/2012 4:03 PM | |
Posts: 25 Rating: (0) |
hey The www-block for the webpage where do i put it best? In the Ob1 or OB100? thanks on advance Cocske |
4/23/2012 6:04 PM | |
Posts: 12 Rating: (1) |
Try another web browser, IE maybe. Regards.
|
11/19/2012 11:22 PM | |
Posts: 32 Rating: (1) |
Hello. I have a question. Why TIA Portal V11 create 160 DB`s when I give "Generate blocks" I need only two DB`s " 333 and 334" and I must delete the rest??
|
11/20/2012 4:23 PM | |
Posts: 32 Rating: (1) |
Now i know what i`am doing wrong. When I write sample web page I save her in folder with my photos. |
This contribution was helpful to1 thankful Users |
12/14/2012 3:07 PM | |
Posts: 57 Rating: (8) |
Thanks to those exaples I succeded to create my two-user pages simple application. I'd like to add my own example. It's very simple, but showing: - two webpages structure - simple merker and DB variable value display - parameter configuration - digital outputs manual override with ON/OFF buttons Attached you'll find: - TIA portal example project - web pages - explaining document. Unfortunately I had to use italian language, but web pages are english commented and document is rather self-explaining with lot of screenshot. I'll translate it but it requires time. Maybe someone other will do it. Send me a message if you need the word original document. I still have a doubt on alias usage, maybe someone will answer to my question. Regards. Salvatore Randazzo AttachmentS7-1200 Web example.zip (1558 Downloads) |
Last edited by: salrandazzo at: 12/15/2012 10:41 PMremember to change ( and ) with /< and /> signs (form method="post" action="" ) (input type="text" name=''"Parametri".Sbilanc_OK'' value='':="Parametri".Sbilanc_OK:'' size="6") (/form) Last edited by: salrandazzo at: 12/15/2012 10:33 PMrevision #1: so far I verified that we could even not use the "submit" button to confirm all modified configuration values. Each value can be separately confirmed with this code: |
|
5/29/2013 5:10 PM | |
Posts: 8 Rating: (0) |
Yes it has 3.01 firmware.....i will try to go online tomorrow when i'm at work. thx for your quick response |
5/29/2013 5:39 PM | |
Posts: 267 Rating: (24) |
The password is "talea"! |
5/30/2013 10:03 AM | |
Posts: 8 Rating: (0) |
Thank you FreakOnALeash, you saved me. I'm pretty new at this PLC programming. |
10/8/2013 12:16 PM | |
Posts: 1 Rating: (0) |
You can prove to create afolder with name web, and put the file HTML inside. Regars. |
10/10/2013 12:18 AM | |
Posts: 43 Rating: (1) |
I changed it to POST on my code. No change though |
10/10/2013 12:27 AM | |
Joined: 7/7/2010 Last visit: 9/24/2024 Posts: 15225 Rating: (2417)
|
AWP_Out_Variable |
science guy |
|
10/10/2013 8:20 PM | |
Joined: 7/7/2010 Last visit: 9/24/2024 Posts: 15225 Rating: (2417)
|
Here is a simple example that works on s7-1215 FW 3.0 TIA Portal V11 SP2 Update 5: [code] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <!-- Web page to monitor PLC tags and Data Block Tags in STEP 7: The user-defined Web page displays current values forthe PLC data, and provides a select list to view data inside the PLC.--> <!-- AWP_Enum_Def Name="OnOff" Values='0:"Off",1:"On"' --> <!-- AWP_In_Variable Name='"UDP_ENABLE"' Use='"To_PC".UDP_ENABLE' -->
</head> </body> [/code] |
science guy |
|
10/23/2014 11:00 AM | |
Posts: 17 Rating: (1) |
Dear Pegaia, Thank you for your sample file. I can use them on firmware V4.0 CPU. Yusukey
|
10/24/2014 1:52 PM | |
Joined: 9/23/2005 Last visit: 9/19/2024 Posts: 4347 Rating: (1446)
|
Yusukey,
you are wellcome. Thanks for your feed back too. |
Denilson Pegaia |
|
11/7/2014 6:21 PM | |
Posts: 1 Rating: (0) |
hi . i don't know how to my project can get information from PLC . can you give examples ? |
Last edited by: Longminh at: 11/7/2014 6:37 PM |
|
4/16/2016 12:49 PM |
|
Posts: 198 Rating: (36) |
thanks for these exemples |
5/25/2016 6:42 PM | |
Joined: 7/10/2012 Last visit: 2/22/2024 Posts: 2 Rating: (0) |
In order to run jquery or other oversized files you can split them to under 64k. The file sizes is still over but the plc reads it as multiple files in a file. Here is an example of jquery that works without an sd card. Delete the .txt from extension and place in your html directory. And call with <script src="jquery-x2.2.3.min.js"></script> in your index.htm Attachmentjquery-x2.2.3.min.js.txt (538 Downloads) |
Last edited by: dave@ipm at: 5/25/2016 6:44:21 PM |
|
10/2/2016 11:27 AM | |
Joined: 11/19/2013 Last visit: 1/5/2024 Posts: 52 Rating: (0) |
Actually I've the same problem with .svg file.. I just can't get it works. Does anyone know something about it ? |
Follow us on