AUTOMATIONWORX
Quick Start UM QS EN WEBVISIT Order No.: 2910020
WebVisit
AUTOMATIONWORX
Quick Start WebVisit
09/2007
Designation:
UM QS EN WEBVISIT
Revision:
01
Order No.:
2910020
This user manual is valid for: Designation
Version
Order No.
WebVisit Basic
5 or higher
2985990
7361_en_01
PHOENIX CONTACT
WebVisit
Please Observe the Following Notes In order to ensure the safe use of the product described, we recommend that you read this manual carefully. The following notes provide information on how to use this manual. User Group of This Manual The use of products described in this manual is oriented exclusively to qualified application programmers and software engineers, who are familiar with the safety concepts of automation technology and applicable standards. Phoenix Contact accepts no liability for erroneous handling or damage to products from Phoenix Contact or third-party products resulting from disregard of information contained in this manual. Explanation of Symbols Used The attention symbol refers to an operating procedure which, if not carefully followed, could result in damage to hardware and software or personal injury. The note symbol informs you of conditions that must be strictly observed to achieve errorfree operation. It also gives you tips and advice on the efficient use of hardware and on software optimization to save you extra work. The text symbol refers to detailed sources of information (manuals, data sheets, literature, etc.) on the subject matter, product, etc. This text also provides helpful information for the orientation in the manual. We Are Interested in Your Opinion We are constantly striving to improve the quality of our manuals. Should you have any suggestions or recommendations for improvement of the contents and layout of our manuals, please send us your comments. PHOENIX CONTACT GmbH & Co. KG Documentation Services 32823 Blomberg Germany Phone Fax E-mail
PHOENIX CONTACT
+49 - 52 35 - 30 0 + 49 - 52 35 - 34 20 21
[email protected]
7361_en_01
WebVisit General Terms and Conditions of Use for Technical Documentation Phoenix Contact GmbH & Co. KG reserves the right to alter, correct, and/or improve the technical documentation and the products described in the technical documentation at its own discretion and without giving prior notice, insofar as this is reasonable for the user. The same applies to any technical changes that serve the purpose of technical progress. The receipt of technical documentation (in particular data sheets, installation instructions, manuals, etc.) does not constitute any further duty on the part of Phoenix Contact GmbH & Co. KG to furnish information on alterations to products and/or technical documentation. Any other agreement shall only apply if expressly confirmed in writing by Phoenix Contact GmbH & Co. KG. Please note that the supplied documentation is product-specific documentation only and that you are responsible for checking the suitability and intended use of the products in your specific application, in particular with regard to observing the applicable standards and regulations. Although Phoenix Contact GmbH & Co. KG makes every effort to ensure that the information content is accurate, up-to-date, and state-of-the-art, technical inaccuracies and/or printing errors in the information cannot be ruled out. Phoenix Contact GmbH & Co. KG does not offer any guarantees as to the reliability, accuracy or completeness of the information. All information made available in the technical data is supplied without any accompanying guarantee, whether expressly mentioned, implied or tacitly assumed. This information does not include any guarantees regarding quality, does not describe any fair marketable quality, and does not make any claims as to quality guarantees or guarantees regarding the suitability for a special purpose. Phoenix Contact GmbH & Co. KG accepts no liability or responsibility for errors or omissions in the content of the technical documentation (in particular data sheets, installation instructions, manuals, etc.). The aforementioned limitations of liability and exemptions from liability do not apply, in so far as liability must be assumed, e.g., according to product liability law, in cases of premeditation, gross negligence, on account of loss of life, physical injury or damage to health or on account of the violation of important contractual obligations. Claims for damages for the violation of important contractual obligations are, however, limited to contract-typical, predictable damages, provided there is no premeditation or gross negligence, or that liability is assumed on account of loss of life, physical injury or damage to health. This ruling does not imply a change in the burden of proof to the detriment of the user.
7361_en_01
PHOENIX CONTACT
WebVisit Statement of Legal Authority This manual, including all illustrations contained herein, is copyright protected. Use of this manual by any third party is forbidden. Reproduction, translation, and public disclosure, as well as electronic and photographic archiving or alteration requires the express written consent of Phoenix Contact. Violators are liable for damages. Phoenix Contact reserves all rights in the event of a patent being granted, in as far as this concerns software of Phoenix Contact that meets the criteria of technicity or has technical relevance. Third-party products are always named without reference to patent rights. The existence of such rights shall not be excluded. Windows 3.x, Windows 95, Windows 98, Windows NT, Windows 2000, and Windows XP are trademarks of the Microsoft Corporation. All other product names used are trademarks of the respective organizations. Internet Up-to-date information on Phoenix Contact products can be found on the Internet at: www.phoenixcontact.com Make sure you always use the latest documentation. It can be downloaded at: www.download.phoenixcontact.com A conversion table is available on the Internet at: www.download.phoenixcontact.com/general/7000_en_00.pdf
PHOENIX CONTACT
7361_en_01
Table of Contents 1
2
3
General....................................................................................................................................1-1 1.1
Introduction ........................................................................................................ 1-1
1.2
Information About This Manual ..........................................................................1-1
1.3
System Requirements ........................................................................................1-1 1.3.1 Supported Operating Systems ........................................................... 1-1 1.3.2 Hardware Requirements .....................................................................1-2
1.4
Supported Control Systems ............................................................................... 1-2
1.5
Ordering Data..................................................................................................... 1-2
Installing and Enabling the Software .......................................................................................2-1 2.1
Prior to Installation ............................................................................................. 2-1
2.2
AUTOMATIONWORX Software Suite................................................................ 2-1
2.3
Starting the Installation Program ........................................................................ 2-2
2.4
Starting WebVisit................................................................................................2-2
2.5
Enabling the WebVisit License........................................................................... 2-2
WebVisit ..................................................................................................................................3-1
7361_en_01
3.1
Abbreviations Used ............................................................................................ 3-1
3.2
File Formats ....................................................................................................... 3-2
3.3
The WebVisit User Interface .............................................................................. 3-3
3.4
Menu Bar ........................................................................................................... 3-4
3.5
Toolbar for Graphic Icons...................................................................................3-6 3.5.1 Static Graphic Icons ........................................................................... 3-6 3.5.2 Dynamic Graphic Icons ...................................................................... 3-7
3.6
Properties Dialog Box ........................................................................................3-8 3.6.1 General ............................................................................................... 3-8 3.6.2 Repaints ............................................................................................. 3-9 3.6.3 Actions ..............................................................................................3-11 3.6.4 Border Advanced ..............................................................................3-12 3.6.5 Text Positions Advanced ..................................................................3-13 3.6.6 Bargraph Advanced .......................................................................... 3-13 3.6.7 Line Advanced .................................................................................. 3-14 3.6.8 On Condition ..................................................................................... 3-14
3.7
Group Properties Dialog Box ...........................................................................3-15 3.7.1 Advanced Select ............................................................................... 3-16 3.7.2 General ............................................................................................. 3-16 3.7.3 Cross Ref .......................................................................................... 3-17
PHOENIX CONTACT
i
WebVisit
4
A
ii
Visualization With WebVisit .....................................................................................................4-1 4.1
PC WorX and WebVisit ...................................................................................... 4-1
4.2
Creating a New Project ...................................................................................... 4-1
4.3
Configuring a Project.......................................................................................... 4-2
4.4
Generating a Graphic View ................................................................................4-3
4.5
Inserting Graphic Visualization Objects.............................................................. 4-3 4.5.1 Graphic Icons for Visualization ........................................................... 4-4 4.5.2 Static Text for the Start, OUT3, Output V0 Headings ......................... 4-6 4.5.3 Static Text for Color Display of Start Variables .................................. 4-7 4.5.4 Rectangle as Background for Traffic Light .........................................4-8 4.5.5 Ellipses as Traffic Light .......................................................................4-9 4.5.6 Static Text for Displaying the Value of the V0 Variable .................... 4-10 4.5.7 Edit Box for the Manual Variable ...................................................... 4-11 4.5.8 Button for Toggling the Status of the Manual Variable ..................... 4-12 4.5.9 Static Text for Displaying the Value of the Number_of_Toggles Container Variable .......................................... 4-14 4.5.10 Bargraph for V0 ................................................................................4-15
4.6
Generating a Second Graphic View ................................................................. 4-17
4.7
Inserting Graphic Visualization Objects............................................................ 4-17
4.8
Navigating Between Graphic Views ................................................................. 4-18
4.9
Saving Graphic Views ......................................................................................4-21
4.10
Generating an HTML Page ..............................................................................4-21
4.11
Initial Test in the Browser .................................................................................4-21
4.12
Specifying the Value Range for Edit Box ......................................................... 4-21
4.13
Initializing Container Variables ......................................................................... 4-23
4.14
Data Transmission to the Control System........................................................ 4-24
4.15
Display in Internet Browser ..............................................................................4-26
4.16
Changes to the Project..................................................................................... 4-27
4.17
HMI With Several Graphic Views .....................................................................4-27
Appendix: Example Project in PC WorX................................................................................. A-1
PHOENIX CONTACT
A1
Description of the Project ................................................................................. A-1
A2
Developing a Project in PC WorX .................................................................... A-3 A 2.1 Building the Hardware Structure ........................................................ A-3 A 2.2 Creating the Program ........................................................................ A-4 A 2.3 Assigning Process Data .................................................................... A-9 A 2.4 Operation ........................................................................................... A-9
7361_en_01
General
1
General 1.1
Introduction
WebVisit is a software program used to generate websites. The software runtime component is a web server, which is stored on the control system. The variable values are actually visualized via a Java-compatible standard browser.
1.2
Information About This Manual
This document uses an example project to help you to get started with visualizing the variables you have created in PC WorX. The example project created in the Quick Start Guide for PC WorX is used. It is briefly described in "Appendix: Example Project in PC WorX" on page A-1. It is assumed the user has knowledge and experience in the operation of PCs and Windows operating systems. More detailed information about the individual functions of the WebVisit can be found in the online help for the program. The help function can be called via "Help" in the menu bar.
1.3 1.3.1 – –
7361_en_01
System Requirements Supported Operating Systems
Windows 2000 Windows XP (recommended)
PHOENIX CONTACT
1-1
WebVisit
1.3.2
Hardware Requirements
Hardware Requirements for WebVisit CPU
Pentium III 800 MHz
Main memory
128 MB, minimum
Hard disk space
100 MB free, minimum
CD-ROM drive
Yes
Ethernet interface
Yes
Monitor
SVGA minimum, recommended resolution of 1024 x 768
Operating devices
Keyboard, mouse
Web browser
Java Standard Edition SE 6 (or higher) with at least Java Runtime Environment JRE 6 (version 1.6.x or higher)
1.4
Supported Control Systems
You can use WebVisit to visualize projects running on the following control systems: Control System
Firmware Version
ILC 150 ETH
≥ 2.00
ILC 3xx PN ...
≥ 1.41
ILC 3xx ETH ...
≥ 1.20
CP 3xx
≥ 1.41
FC 350 PCI ...
≥ 1.41
1.5
Ordering Data
Products Description
Type
Order No.
Pcs./Pck.
Tool for creating websites for Phoenix Contact control systems
WEBVISIT BASIC
2985990
1
Documentation Description
Type
Order No.
Pcs./Pck.
Quick Start Guide "PC WorX"
UM QS EN PC WORX
2699862
1
1-2
PHOENIX CONTACT
7361_en_01
Installing and Enabling the Software
2
Installing and Enabling the Software 2.1
Prior to Installation
Prior to installation, close all open Windows applications.
2.2
AUTOMATIONWORX Software Suite
WebVisit is part of the AUTOMATIONWORX Software Suite. The following programs belong to the AUTOMATIONWORX Software Suite: – Config+ Simple configuration and commissioning of INTERBUS networks – Diag+ User-friendly network diagnostics during commissioning and operation – Diag+ NetScan User-friendly monitoring of multiple INTERBUS networks – PC WorX Uniform IEC-61131 programming environment for all PHOENIX CONTACT control systems – AX OPC Server Software for exchanging data between distributed INTERBUS networks and visualization systems – WebVisit Tool for creating websites for PHOENIX CONTACT control systems You can select the required programs individually or simultaneously for installation. As you can use WebVisit to visualize variables from PC WorX, you should install these two programs as a minimum. You only need to select Diag+ if you want to use it independently of PC WorX. When PC WorX is installed, Diag+ is installed as part of PC WorX. When one of the programs in the Software Suite is started for the first time, it runs in demo mode with limited resources. A registration code is required to enable the full version. You will receive the registration code when a full version of the relevant program is purchased.
7361_en_01
PHOENIX CONTACT
2-1
WebVisit
2.3
Starting the Installation Program
Usually, the installation program will start automatically a few seconds after you place the CD-ROM in the CD drive. • If it does not, start the "SETUP.EXE" file from the "[Drive]:\SETUP\" directory on the CD-ROM. This file calls the installation wizard, which guides you through the installation process. • Follow the installation program instructions. The installation program will generate all the directories necessary for operation and will copy the files for the programs you have selected. • Following successful installation, restart your PC to apply the changes to the configuration files. To do this, click "Finish" at the end of the installation process.
2.4 •
Starting WebVisit
For installation using the default settings, start WebVisit via "Start/Programs/Phoenix Contact/AUTOMATIONWORX Software Suite .../WebVisit". When started for the first time, WebVisit runs in demo mode.
If you wish to switch from demo mode to the full version, enable your WebVisit license.
2.5
Enabling the WebVisit License
Enable your license in the AUTOMATIONWORX Software Suite License Manager. • For installation using the default settings, start the License Manager via "Start/Programs/Phoenix Contact/License Manager". • Select "WebVisit" as the version. • Enter your registration code. • Confirm your entry with "Apply Settings". • Close the License Manager. Registration will come into effect when WebVisit is started again.
2-2
PHOENIX CONTACT
7361_en_01
WebVisit
3
WebVisit 3.1
Abbreviations Used
HMI
Human Machine Interface, e.g., a WebVisit graphic view displayed on a touch panel or in a PC browser.
*.prj
File extension for WebVisit projects created using the WebVisit editor. A WebVisit project contains all information required in order to create an HMI on a touch panel or in a browser.
Graphic view
A WebVisit graphic view is comprised of WebVisit graphic icons and represents the HMI. A graphic view of this type is stored in a *.teq file.
*.teq
File extension of a WebVisit graphic view generated by the WebVisit editor.
Graphic icon
A graphic icon is a visualization object used by the WebVisit editor to draw graphic views. These objects are programmed in Java. The objects of a graphic view are saved on the target system in a Java applet.
Java applet (applet)
Small program written in Java programming language that is loaded from a server (in this case a control system) and interpreted and executed in a user browser that has Java capability.
PDP (PPO)
Process Data Point. A PDP is any application-software variable that is to be made visible and/or enabled for operation in a WebVisit graphic view. The designation PPO is used as a data type in WebVisit.
Container
A container is a local variable within the WebVisit editor. A variable of the CONTAINER type is used to exchange data between the graphic icons of one or more graphic views.
7361_en_01
PHOENIX CONTACT
3-1
WebVisit
3.2
File Formats
All the file formats required to generate an HMI based on WebVisit are listed below. The browser addresses an html page as follows: http:///.html. This file is generated by WebVisit ("Project... Generate HTML..." menu). The file contains a reference to a Java applet that is responsible for visualization. If the project's html page is called entry.html, its file name does not need to be entered. In this case, only the IP address of the target system needs to be entered for addressing purposes. Other references point to *.teq files, which are generated by the WebVisit editor for every graphic view and determine the layout of those graphic views. All Java classes are saved in a Java archive called IMaster.jar. The following files must be saved in the target system in order to obtain a visualization based on an embedded web server: – The homepage of ".html" – The Java class library "IMaster.jar" – All graphic views (*.teq) – All additional user-specific HTML files (help pages, for example) – All view files that are used – The variable initialization files ".tcr" and ".itq" Please note that for web pages created by users, paths are not used as references, as subdirectories are not supported.
3-2
PHOENIX CONTACT
7361_en_01
WebVisit
3.3
The WebVisit User Interface
The user interface appears when WebVisit is started. The main window is divided into two sections. All open project files are displayed on the left-hand side. On the right-hand side, the graphic views for the open project are displayed and can be edited. Menu bar Toolbar for graphic icons Project files Graphic views
Toolbar Status bar Figure 3-1
7361_en_01
User interface
PHOENIX CONTACT
3-3
WebVisit
3.4
Menu Bar
Standard menu commands are not described here.
File New Project...
Creates a new HMI project.
Open Project...
Opens an existing HMI project.
Close Project
Closes the active HMI project.
Save All
Saves the active HMI project.
Project Add To Project New
Creates a new graphic view.
File
Adds a file to the project.
Remove From Project...
Removes a file from the project.
Remove/Delete From Project...
Removes a file from the project.
Project Configurations...
Configures the project's basic settings. Changes to the settings can only be made by means of new graphic views.
Teq Configurations
Default settings for new graphic views
Width
Standard width of a graphic view in pixels
Height
Standard height of a graphic view in pixels
Background Color
Standard background color
Foreground Color
Standard font/outline color
Font
Standard font type for graphic icons
Background Teq
Defines a graphic view as the background view for new graphic views.
applet params
3-4
Adds a graphic view or file to the project.
Parameters for the Java applet
period
Update rate for the process data points in ms
Main teq
Start screen when the HMI is loaded
Debug
When debug mode is activated, you can use advanced debug information. You must have a Java Console installed to take advantage of this feature, which is called in the Internet Explorer, for example, via "Tools... Sun Java Console".
Message Box
When the message box is activated, error messages are displayed.
HTML Parameters in csv File
Currently not supported.
Order Per View
Updates process data points for each view (see also "Applet params" on page 4-2).
Teq archive
Do not use, not supported in later versions.
Encode Special Chars
When activated (recommended), special characters in the PPO name are processed correctly.
PHOENIX CONTACT
7361_en_01
WebVisit Phoenix PC WORX Project Settings
Project settings for connecting to PC WorX (see also "Phoenix PC WORX Project Settings" on page 4-3).
*.mwt path
Path to PC WorX project
PDD.CSV Path
Path to the file with variables from PC WorX for WebVisit
Grid Configurations... Grid Visible
Configures the auxiliary grid. When the grid is activated, only new or selected graphic icons are snapped to the grid. Switches the grid on/off.
Grid Snap
Snaps the icons to the grid.
X
Horizontal grid spacing
Y
Vertical grid spacing
Grid Color
Color of the grid
Init Containers...
Initializes variables of the CONTAINER type.
Init PPOs...
Initializes variables of the PPO type.
Generate HTML...
Generates the homepage of the HTML file, which contains the WebVisit applet.
Download Project...
Downloads the project to the target system.
Library
Currently not supported.
Layout Align
Aligns the selected graphic icons. At least two graphic icons must be selected in order for these functions to work. Left
Aligns the graphic icons to the left edge.
Right
Aligns the graphic icons to the right edge.
Top
Aligns the graphic icons to the top edge.
Bottom
Aligns the graphic icons to the bottom edge.
Center
Centers the graphic icons in the graphic view. Horizontally
Centers the graphic icons horizontally.
Vertically
Centers the graphic icons vertically.
Make Same Size
Makes the graphic icons the same size. At least two graphic icons must be selected in order for these functions to work.
Width
Makes the widths of the graphic icons the same.
Height
Makes the heights of the graphic icons the same.
Both
Makes the heights and widths of the graphic icons the same.
Order
Sets the order of the graphic icons. To Back
Moves the graphic icon back one level.
To Front
Moves the graphic icon forward one level.
Group
Groups/separates graphic icons. Group UnGroup
Groups the selected graphic icons. Ungroups a selected group.
Edit Polygon Points
The points of the selected polygon can be edited.
Cross Ref...
Displays cross-references.
7361_en_01
PHOENIX CONTACT
3-5
WebVisit
3.5
Toolbar for Graphic Icons
Proceed as follows to select and configure a graphic icon: • Select the required icon from the graphic toolbar. • Hold the mouse button down and drag the graphic icon from the top left corner to the bottom right corner. • Double-click the graphic icon to open the Properties dialog box and configure the graphic icon (see also "Properties Dialog Box" on page 3-8). All available graphic icons appear on the graphic toolbar.
Figure 3-2 Selection
Selection of a graphic icon
3.5.1 Line, Rectangle, Ellipse, Polygon
Static Graphic Icons
Line, rectangle, ellipse, polygon These icons are purely drawing elements. You can link the color properties to a process data point or container in order to change the color. However, these graphic icons cannot be used to display process data points or containers.
Figure 3-3 Image
Toolbar for graphic icons
Line, rectangle, ellipse, polygon
Image You can use this graphic icon to display an image that is linked to the icon as an external file. The "GIF" file format is supported.
Figure 3-4
Image
You can also link two images, one of which is displayed dependent upon a condition. The image is scaled according to the size of the graphic icon and, if the image has a transparent background, the background color of the graphic icon will be visible.
3-6
PHOENIX CONTACT
7361_en_01
WebVisit
3.5.2
Dynamic Graphic Icons
You can link dynamic graphic icons to a process data point or container. This provides a means of displaying and modifying process data points or containers. You can configure colors dependent upon a process data point or container. Static text
Static text Text field for outputting a static text (as a STRING or HTML TAG) associated with a process data point or a container variable.
Figure 3-5 Edit box
Static text
Edit box An edit box can be used to display and modify a process data point (PDP) or a container variable.
Figure 3-6 Button
Edit box
Button A button can be used to set process data points, switch graphic views, call external web pages, and toggle or increment variables.
Figure 3-7 Bargraph
Button
Bargraph A bargraph can be used to display a process data point or a container variable graphically and dynamically. The value range of the bargraph can be parameterized.
Figure 3-8
7361_en_01
Bargraph
PHOENIX CONTACT
3-7
WebVisit
3.6
Properties Dialog Box
You can configure the properties of graphic icons using the Properties dialog box. • Open the Properties dialog box for a graphic icon by double-clicking the icon. The properties are grouped on several tabs. Each graphic icon has its own properties so not all tabs of the Properties dialog box will always be available.
Figure 3-9
3.6.1
Possible tabs in the Properties dialog box (in this case for Button)
General
This tab is available for all graphic icons.
Figure 3-10
"General" tab
You specify general format properties on this tab. These include the position, size, interior and outline color, line width and style, and font type. The x-axis runs from left to right and the y-axis from top to bottom, so the zero point is located in the top left corner. The font types originate from the Java Virtual Machine. PC fonts cannot be used. Different systems (browsers) may display fonts differently.
3-8
PHOENIX CONTACT
7361_en_01
WebVisit
3.6.2
Repaints
This tab is available for all graphic icons.
Figure 3-11 Edit a Source (2)
"Repaints" tab
The "Edit a Source" and "Edit a Source 2" properties are available for all graphic icons, which can display an external data source, such as Static text (text field), Edit box, Image, Bargraph or Button. This means that you can connect up to two external data items to a graphic icon and, if required, include a link to a condition (On Condition). When you activate the data source, a list appears from which you can specify the type and name of the external data source.
7361_en_01
PHOENIX CONTACT
3-9
WebVisit The following types exist, although not all types are available for all graphic icons: Table 3-1
Types for graphic icons
Type
Meaning
FILE
An image file of the *.gif type can be entered as the name.
PPO
A graphic icon can be linked to a process data point (PDP). The PDP can be entered in the "Name" field.
CONTAINER
A graphic icon can be linked to a WebVisit internal variable. These variables are only visible within the HMI and can be initialized using the "Project... InitContainers..." menu command.
STRING
A simple text string can be displayed.
HTML_TAG
This function has not yet been implemented in this version of WebVisit. If you select HTML_TAG as the type, it is interpreted internally as a string.
Figure 3-12
Examples of types of graphic icon: Static text type
A connection must have been established with a corresponding PC WorX file in the project configuration in order to select "PPO" as the type (see "Configuring a Project" on page 4-2). Hide Painter
3-10
PHOENIX CONTACT
The "Hide / Disable Painter On Condition" (hidden if condition is true) and "Hidden Painter" (hidden) properties are available for all icons. You can use these properties to show/hide a graphic icon, linked to a condition if required.
7361_en_01
WebVisit
3.6.3
Actions
This tab is only available for the Button graphic icon.
Figure 3-13
"Actions" tab
On this tab you set the action to be triggered when the mouse clicks a button. Table 3-2
7361_en_01
Actions for the Button graphic icon
Action
Effect
Set Var on Mouse DOWN
Left-clicking the button assigns the value of "Value" to a variable (PPO or CONTAINER).
Set Var on Mouse UP
Left-clicking the button assigns the value of "Value" to a variable (PPO or CONTAINER) when the mouse button is released.
Toggle Button
Depending on the status of the button, a variable is alternately set to "1" or "0".
Increment
Clicking the button increments a variable (PPO or CONTAINER) by the value of "Value".
View Jump
This allows you to switch to a different graphic view.
View Name
Name of the graphic view, to which you want to switch
Back Button
Clicking the button switches to the graphic view specified in "Actual Page".
URL Jump
This allows you to implement an HTML hyperlink to call an HTML page of your choice.
PHOENIX CONTACT
3-11
WebVisit
3.6.4
Border Advanced
This tab is available for all graphic icons.
Figure 3-14
"Border Advanced" tab
On this tab you set the color properties dependent upon a variable (process data point or container). Three colors can be used to test a variable against a minimum and a maximum value. This results in three cases, each of which can be assigned its own color. This applies to both the interior color and the outline color. You can use the "2 Colors on conditions" option to set whether you want to control two or three colors dependent upon a variable. With two colors, a variable can be tested at 0 or 1 and a different color can be assigned to each case. This applies to both the interior color and the outline color. The interior color and the outline color can be shown or hidden, dependent upon a variable.
3-12
PHOENIX CONTACT
7361_en_01
WebVisit
3.6.5
Text Positions Advanced
This tab is only available for the Static text or Button graphic icons.
Figure 3-15
"Text Positions Advanced" tab
On this tab you set the text alignment dependent upon a variable.
3.6.6
Bargraph Advanced
This tab is only available for the Bargraph graphic icon.
Figure 3-16
"Bargraph Advanced" tab
On this tab you can set the minimum, maximum, orientation, and scale of the bargraph.
7361_en_01
PHOENIX CONTACT
3-13
WebVisit
3.6.7
Line Advanced
This tab is only available for the Line graphic icon.
Figure 3-17
"Line Advanced" tab
On this tab you specify whether the start and end of a line are to be marked with an arrow or not.
3.6.8
On Condition
Certain properties of graphic icons can be linked to a condition, for example, the data sources in the Properties dialog box under "Repaints" or the color change under "Border Advanced". The format of these conditions is always the same and is described below. • First, in the "Type" field, select the type of the variable on which the condition is to depend. This can be the PPO (process data point) type or the CONTAINER (HMI internal variable) type. • Enter the name of the variable in the "Name" field. • Select the comparison type in the "Select" field. The following options are available:
•
3-14
PHOENIX CONTACT
!=
does not equal
<
less than
=
greater than or equal to
>
greater than
Enter the value with which the variable is to be compared in the "Value" field.
7361_en_01
WebVisit
3.7
Group Properties Dialog Box
Grouping can be used to change the properties of several graphic icons at the same time. • Select the required icons. To do this, draw a border around the graphic icons or leftclick them while holding down the shift key.
Figure 3-18 •
Grouping graphic icons
Select the "Group... Group" command from the "Layout" menu or click the icon in the toolbar at the bottom of the screen.
Figure 3-19
"Layout... Group... Group" menu command
Figure 3-20
"Group Selected Objects" toolbar command
•
To dissolve a group, select it and then select the "Layout... Group... UnGroup" menu command or click the icon in the toolbar at the bottom of the screen.
To change the general properties of a group, simply double-click the group and the Group Properties dialog box will appear. You can open the dialog box by clicking the icon in the toolbar at the bottom of the screen. The dialog box features the following tabs:
7361_en_01
PHOENIX CONTACT
3-15
WebVisit
3.7.1
Figure 3-21
Advanced Select
"Advanced Select" tab
The graphic icons in the group are listed. Double-click an entry to open that icon's Properties dialog box.
3.7.2
Figure 3-22
General
"General" tab
You can change the general format properties for all graphic icons in the group at the same time on this tab. You can specify whether each property is to be changed for all elements in the group or not.
3-16
PHOENIX CONTACT
7361_en_01
WebVisit
3.7.3
Figure 3-23
Cross Ref
"Cross Ref" window
All references associated with the graphic icons in the group are listed in this window.
7361_en_01
PHOENIX CONTACT
3-17
WebVisit
3-18
PHOENIX CONTACT
7361_en_01
Visualization With WebVisit
4
Visualization With WebVisit This section describes how to visualize a current project. The example project from "Appendix: Example Project in PC WorX" on page A-1 is used as a basis for this.
4.1
PC WorX and WebVisit
To visualize variables from a PC WorX project using WebVisit, the following requirements must be met: – You have created a project on a controller with the appropriate firmware (see "Supported Control Systems" on page 1-2). – The variables to be visualized have been created as global variables (VAR_GLOBAL or VAR_EXTERNAL). – The "PDD" attribute is marked for the variable. You make these settings when creating the variables (see also "Programming" on page A-6).
4.2 • •
Creating a New Project
Select the "New Project..." command from the "File" menu. Give your project a name (in this case quickstart) in the dialog box that appears, and save the project.
A *.prj project file and all other required files are then created and displayed in the "Project Files" window.
7361_en_01
PHOENIX CONTACT
4-1
WebVisit
4.3 • •
Configuring a Project
Select the "Project... Project Configurations..." menu command. Specify the basic settings for the project in the window that appears. If these settings are changed during the course of the project, the new settings will only be applied to new graphic views! Therefore, you must make the change for all existing graphic views, if necessary.
Figure 4-1 Teq Configurations
Configuring a project
Default settings for new graphic views (size, background and foreground color, text settings, background file) Select the size ("Width" and "Height"; in Figure 4-1 640 x 480 pixels) in accordance with the size of your browser window.
Applet params
Applet parameters Period: Update period for the process data points: Process data points are scanned and updated on the server periodically by default. You set this period under "period". Main teq (homepage): Start screen when the HMI is loaded
4-2
PHOENIX CONTACT
7361_en_01
Visualization With WebVisit Order per view (update per view): Every graphic view can contain several process data points. You have two options for updating process data points: – Update all PDPs at once (checkbox not activated) In order to perform the update efficiently, all PDPs associated with all graphic views are scanned on the target system (control system) at the same time by default. This uses fewer communication resources and speeds up the initialization of a new graphic view, since all the required values are already known. – Update PDPs per graphic view (checkbox activated) Alternatively, the "Order per view" (update per view) option can be activated. In this case, only process data points required for the active graphic view are scanned on the server. If there are a large number of PDPs to update, this can be the more efficient method. Phoenix PC WORX Project Settings
In this section of the dialog box, you specify where WebVisit gets its variables from. There are two options: 1. The PC WorX project is located on the same PC as WebVisit. • Use "Browse" to select the path to the PC WorX project file (*.mwt) in the "*.mwt path" field. If the PC WorX project has been installed and named as standard in accordance with Section A, "Appendix: Example Project in PC WorX", you will find the file under "C:\Programs\ PHOENIX CONTACT\Software Suite ...\Projects\qs_webvisit.mwt". Entering this path updates the path for the pdd.csv file automatically. 2. The PC with WebVisit contains only one file with the required variables (pdd.csv) generated using PC WorX. • Use "Browse" to select the path to the pdd.csv file in the "pdd.csv path" field.
4.4 •
Generating a Graphic View
To add an empty graphic view to the project, select the "Project... Add to Project... New..." menu command.
The editor suggests a file name comprising the project name, a consecutive number and the extension *.teq (in this case "quickstart1.teq"). • Use the suggested file name or edit it and then confirm your entry with "Add".
4.5
Inserting Graphic Visualization Objects
You can now insert your graphic visualization objects. You can use the items on the toolbar for graphic icons to do this (see "The WebVisit User Interface" on page 3-3).
7361_en_01
PHOENIX CONTACT
4-3
WebVisit
4.5.1
Graphic Icons for Visualization
The following graphic objects are used for graphic view 1 in the example: Table 4-1
Visualization elements used
No. in Figure 4-2
Element
Dynamics Effect
Example in Section
1
Static text
None
Static text as a heading: Start
4.5.2
2
Static text
Text and color
Changes the text and color Onboard_Input_Bit10 = False: Red with text "False" Onboard_Input_Bit10 = True: Green with text "True"
4.5.3
3
Static text
None
Static text as a heading: OUT3
4.5.2
4
Rectangle
5
Ellipse
OUT3
None
Background for traffic light
4.5.4
Color
Changes the color OUT3 = 0: Red; OUT3 = 1: Black
4.5.5
6
Ellipse
OUT3
Color
Changes the color OUT3 = 0: Black; OUT3 = 1: Green
4.5.5
7
Static text
None
Static text as a heading: OUT1
4.5.2
8
Static text
V0
Text
The current value of the V0 variable is displayed.
4.5.6
9
Bargraph
V0
Bargraph
The height of the bargraph changes according to the output value V0.
4.5.10
10
Button
Jump
If pressed: Switchover to another graphic view, which shows an enlarged version of the bargraph.
4.8
11
Edit box
Text and color
The current value of the Manual variable is displayed and can be changed. The color changes too. Manual = False: Dark red Manual = True: Dark green
4.5.7
12
Button
Toggle and increment
If pressed: – Changes the status of the Manual variable between 0 and 1. – Increments the Number_of_Toggles container variable.
4.5.8
13
Static text
Text
–
4.5.8
4-4
PHOENIX CONTACT
Visualized Variable
Onboard_ Input_Bit10
The current value of the Number_of_Toggles container variable is displayed.
7361_en_01
Visualization With WebVisit
Figure 4-2
7361_en_01
Example graphic view
PHOENIX CONTACT
4-5
WebVisit
4.5.2 • • •
Select a text field from the toolbar for graphic icons and place it in the graphic view. Double-click the graphic icon to open the Properties dialog box. Specify the general properties under "General".
Figure 4-3 •
4-6
PHOENIX CONTACT
Static Text for the Start, OUT3, Output V0 Headings
General properties of the text field (in this case for "Start")
Specify what the icon is to display under "Repaints".
Figure 4-4
Display via the text field (in this case for "Start")
Table 4-2
Settings for all headings used in the example
Setting
Start
OUT3
Output V0
X
80
80
400
Y
50
150
50
W
100
100
200
H
50
50
50
Type
STRING
STRING
STRING
Name
Start
OUT3
Output V0
7361_en_01
Visualization With WebVisit
4.5.3 • • •
Select a text field from the toolbar for graphic icons and place it in the graphic view. Double-click the graphic icon to open the Properties dialog box. Specify the general properties under "General".
Figure 4-5 • • • •
•
General properties for the text field
Specify what the icon is to display under "Repaints". Select two sources ("Edit a Source"), as different colors and texts are to be displayed subject to the status of the Start variable. Activate the "On Condition" checkbox. Enter the type and name of the condition variable. Click the "Select" field adjacent to the "Name" field. Select the name for the process data point (in this case @GV.ONBOARD_INPUT_BIT10). Select all other settings as shown in Figure 4-6.
Figure 4-6
7361_en_01
Static Text for Color Display of Start Variables
Text field displays
PHOENIX CONTACT
4-7
WebVisit
4.5.4 • • •
Rectangle as Background for Traffic Light
Select the rectangle from the toolbar for graphic icons and place it in the graphic view. Double-click the graphic icon to open the Properties dialog box. Specify the general properties under "General".
Figure 4-7
General properties of the rectangle
Since the rectangle only acts as a background, no other settings are required.
4-8
PHOENIX CONTACT
7361_en_01
Visualization With WebVisit
4.5.5 • • •
Ellipses as Traffic Light
Select the ellipse from the toolbar for graphic icons and place two instances of it in the graphic view. Double-click the graphic icon to open the Properties dialog box. Specify the general properties under "General".
Figure 4-8
General properties of the two ellipses
Settings do not have to be made under "Repaints". • Specify the color settings under "Border Advanced". The comparison is selected here such that if OUT2 = 0, the top indicator is red and the other is off. If OUT2 = 1, the bottom indicator is green and the top indicator is off.
Figure 4-9
7361_en_01
Color settings for the two ellipses
PHOENIX CONTACT
4-9
WebVisit
4.5.6 • • •
Select the text field from the toolbar for graphic icons and place it in the graphic view. Double-click the graphic icon to open the Properties dialog box. Specify the general properties under "General".
Figure 4-10 • • •
PHOENIX CONTACT
General properties of the text field
Specify what the icon is to display under "Repaints". Check that the "Edit a Source" (data source) checkbox is activated and the "PPO" type is selected in the "Type" selection box. Click the "Select" field adjacent to the "Name" field. Select the name for the process data point (in this case @GV.V0).
Figure 4-11
4-10
Static Text for Displaying the Value of the V0 Variable
Text field displays for V0
7361_en_01
Visualization With WebVisit
4.5.7 • • •
Select the edit box from the toolbar for graphic icons and place it in the graphic view. Double-click the graphic icon to open the Properties dialog box. Specify the general properties under "General".
Figure 4-12 • • •
Manual edit box displays
Specify the color settings under "Border Advanced".
Figure 4-14
7361_en_01
General properties of the edit box
Specify what the icon is to display under "Repaints". Check that the "Edit a Source" (data source) checkbox is activated and the "PPO" type is selected in the "Type" selection box. Click the "Select" field adjacent to the "Name" field. Select the name for the process data point (in this case @GV.Manual).
Figure 4-13 •
Edit Box for the Manual Variable
Color settings for the edit box
PHOENIX CONTACT
4-11
WebVisit
4.5.8 • • •
Select the button icon from the toolbar for graphic icons and place it in the graphic view. Double-click the graphic icon to open the Properties dialog box. Specify the general properties under "General".
Figure 4-15 •
General properties of the button
Give the button a name under "Repaints" (in this case TOGGLE).
Figure 4-16 • • • •
Button for Toggling the Status of the Manual Variable
Button displays
Select the "Actions" tab. In the "Toggle Button" section, activate the "Toggle" checkbox. Select "PPO" as the type. Select the name for the process data point under "Name" (in this case @GV.Manual).
You have now specified that pressing the button switches the status between 0 and 1. • • • •
4-12
PHOENIX CONTACT
In the "Increment" section, activate the "Increment a variable" checkbox. Select "CONTAINER" as the type. Select or enter the variable name under "Name" (in this case Number_of_Toggles). Enter the increment value under "Value" (in this case 1).
7361_en_01
Visualization With WebVisit You have now created/selected a container variable that is used only within the visualization. Its value increases by 1 every time the button is pressed.
Figure 4-17 •
Action executed by means of the button
Specify the color settings under "Border Advanced".
Figure 4-18
Color settings
Provided that the Number_of_Toggles variable is less than or equal to 10, the button remains green. If the variable is greater than 10, the button changes to yellow. The variable can be reset in the visualization by refreshing the browser window. Additional settings are not required.
7361_en_01
PHOENIX CONTACT
4-13
WebVisit
4.5.9 • • •
Select the text field from the toolbar for graphic icons and place it in the graphic view. Double-click the graphic icon to open the Properties dialog box. Specify the general properties under "General".
Figure 4-19 • • • •
4-14
PHOENIX CONTACT
General properties of the text field
Specify what the icon is to display under "Repaints". Check if the "Edit a Source" (data source) checkbox is activated. Select the "CONTAINER" type in the "Type" selection box. Select the container variable (in this case Number_of_Toggles) in the "Name" field.
Figure 4-20 •
Static Text for Displaying the Value of the Number_of_Toggles Container Variable
Text field displays for Number_of_Toggles
Specify the color settings under "Border Advanced". In this example, the same color settings have been made as for the toggle button (see Figure 4-18).
7361_en_01
Visualization With WebVisit
4.5.10 • • •
Select the bargraph from the toolbar for graphic icons and place it in the graphic view. Double-click the graphic icon to open the Properties dialog box. Specify the general properties under "General".
Figure 4-21 • • •
General properties of the bargraph
Specify what the icon is to display under "Repaints". Check that the "Edit a Source" (data source) checkbox is activated and the "PPO" type is selected in the "Type" selection box. Activate the box with the three dots next to the "Name" field. Select the name for the process data point (in this case @GV.ONBOARD_INPUT_BIT10).
Figure 4-22
7361_en_01
Bargraph for V0
Bargraph displays
PHOENIX CONTACT
4-15
WebVisit •
Specify the settings under "Bargraph Advanced".
Figure 4-23 •
Bargraph settings
Specify the color settings under "Border Advanced".
The limits here are set so that a level of 1 to > (for magnification)).
Figure 4-27
4-18
PHOENIX CONTACT
General properties of the button
Button displays
7361_en_01
Visualization With WebVisit • •
Select the "Actions" tab. In the "Jump" section, activate the "View Jump" checkbox. Select the name of your second graphic view from the list in the "view name" field.
Figure 4-28
Action executed by means of the button
Additional settings are not required. The complete graphic view 1 is shown in Figure 4-29.
Figure 4-29
7361_en_01
Graphic view 1
PHOENIX CONTACT
4-19
WebVisit • • •
Copy the button from graphic view 1. This ensures that it will be located in the same position in graphic view 2. Under "Project Files", select the file for graphic view 2 (in this case quickstart2.teq) and insert the button. Enter the name of the button under "Repaints".
Figure 4-30 •
Adaptation under "Repaints" for the button in graphic view 2
Make the adaptations under "Actions". In this case the jump is back to the previous page, not to any other specific page.
Figure 4-31
Adaptations under "Actions" for the button in graphic view 2
The complete graphic view 2 is shown in Figure 4-32.
Figure 4-32
Graphic view 2
You can now navigate between both graphic views.
4-20
PHOENIX CONTACT
7361_en_01
Visualization With WebVisit
4.9 •
Save the graphic views using "File... Save All".
4.10 • • •
Saving Graphic Views
Generating an HTML Page
Select the "Project... Generate HTML..." menu command. Accept the suggested file name (in this case entry.html) or enter your own file name. Save your project using the "File... Save All" menu command.
4.11
Initial Test in the Browser
Please note that the visualization is started only with the following setting in the Windows control panel. • Start the Java control panel from the Windows control panel. • Select in the temporary files settings that temporary files are not stored. • •
Open the entry.html file for an initial test with a PC browser (e.g., MS Internet Explorer, Netscape Navigator, Mozilla, Opera). Test the function of the pages.
Process data points are not yet displayed. To display them, the container variables first have to be initialized and the project transferred to the target system's web server.
4.12
Specifying the Value Range for Edit Box
If you are using edit boxes, you need to specify the value range for the entries. • Select the "Project... Init PPOs..." command. All the variables used and their parameter settings are listed in the dialog box that appears.
Figure 4-33
7361_en_01
"PPOs Initialization" window
PHOENIX CONTACT
4-21
WebVisit "Min Val" and "Max Val" The lower and upper limits for graphic icons of the "Edit box" type can be specified here. "Format Val" This parameter specifies the formatting of the screen output for a process data point. It can accept "Int" or "String" values. Unit Val The unit for a process data point is specified here. In the example, the field for displaying the Manual variable is an edit box. The values only have to be specified for this process data point. • Enter the values given in Figure 4-34 in the dialog box.
Figure 4-34
Values for initializing PPOs
If you make an incorrect entry in the visualization edit box (undershooting or overshooting the limits, incorrect formatting), WebVisit will display an input error.
Figure 4-35
4-22
PHOENIX CONTACT
Error message in the event of an edit box input error
7361_en_01
Visualization With WebVisit
4.13
Initializing Container Variables
Container variables are local variables that are only visible within one or more graphic views. They are not related to the PC WorX project. Once the variables have been created in a graphic object, they have to be initialized. • Select the "Project... Init Containers..." command. All the local variables used and their initializations are listed in the dialog box that appears.
Figure 4-36 • •
"Containers Initialization" window
Select your container variable and set the initial value. Close the window with "OK".
A container initialization file called .itq is then generated.
7361_en_01
PHOENIX CONTACT
4-23
WebVisit
4.14
Data Transmission to the Control System
All files generated when the project was created and subsequently transferred to the target system are displayed under "Project Files".
Figure 4-37 •
If changes have been made to the project since the last time the HTML file was generated, save the project ("File... Save All") and generate an HTML file ("Project... Generate HTML").
• •
Select the "Project... Download Project..." command. Enter your control system's IP address in the dialog box that appears.
Figure 4-38 •
4-24
PHOENIX CONTACT
Project files for the example
"FTP Download Project" window
Click the "Connect" button.
7361_en_01
Visualization With WebVisit •
In the window that appears, click the "Download Project" button.
Figure 4-39 •
7361_en_01
"FTP Download Project" window
Once the file has been transferred successfully, exit the window by clicking the "Exit" button.
PHOENIX CONTACT
4-25
WebVisit
4.15
Display in Internet Browser
You can now open your project in an Internet browser. Internet Explorer is used in the example below. Please note that the visualization is started only with the following setting in the Windows control panel. • Start the Java control panel from the Windows control panel. • Select in the temporary files settings that temporary files are not stored. •
Enter your control system's IP address in the browser in the following format: http:// (e.g., http://192.168.0.2). If the project's html page is called entry.html, its file name does not need to be entered. If you have selected a different file name, enter the following in the browser: http:///.html.
•
Confirm the entry by clicking "Enter".
The result of the visualization is shown in Figure 4-40.
Figure 4-40
Visualization in Internet Explorer
Pressing the "TOGGLE" button toggles the Manual variable from the visualization. You can also set the Manual variable directly by entering the value 0 or 1 in the edit box. All other values are controlled automatically by the program running on the control system.
4-26
PHOENIX CONTACT
7361_en_01
Visualization With WebVisit
4.16
Changes to the Project
If you have added new variables to the PC WorX project after creating the WebVisit project: • Open the "Project... Project Configurations..." menu. • Confirm the settings with "OK". After each change in WebVisit: • Save the changes using "File... Save All". • Regenerate the HTML file via "Project... Generate HTML...". • Download the changed project to the control system via "Project... Download Project...". • Refresh the display in the browser.
4.17
HMI With Several Graphic Views
There are two ways to generate an HMI with several graphic views. Either all the graphic views are located in a Java applet or you are working with HTML links to the various views. Several Graphic Views in a Java Applet Users generally access a single HTML page via a browser. This is generated via the "Project... Generate HTML..." menu command and is typically called ".html". This page references a Java applet, which contains the WebVisit technology and is called "IMaster.jar" (e.g., IMasterPhoenix5_00_00.jar). This applet references all graphic views (*.teq files) belonging to the HMI. This is the fastest method, since all views and the applet are loaded when first accessed. Several Graphic Views With HTML Links It is also possible to reference HTML links on other pages from the ".html" homepage. The disadvantage is that these pages are only loaded when they are called, which can lead to a delay in the display appearing. This option can be beneficial in the following cases: – Links to help files (saved as HTML) – Links to HMIs on other web servers in order to form a joint HMI – Links to other applets or pages not generated using WebVisit
7361_en_01
PHOENIX CONTACT
4-27
WebVisit
4-28
PHOENIX CONTACT
7361_en_01
Appendix: Example Project in PC WorX
A Appendix: Example Project in PC WorX This document describes an example project, whose variables are to be visualized in WebVisit. This Quick Start Guide assumes knowledge of PC WorX. Only basic project creation steps are illustrated and reference is only made to essential points, which must be known in order to be able to use WebVisit. For more information about creating a project, please refer to the Quick Start Guide for PC WorX.
A1
Description of the Project
In this document, an example project is developed using function block diagram (FBD). In order to obtain the best possible results, please use the same identifiers and names as used in this manual.
Project name
qs_webvisit
Project hardware
The example system is shown in Figure A-1.
7361_en_01
PHOENIX CONTACT
A-1
WebVisit
ILC 350 PN 1
FL SWITCH MCS 16TX
PLC MRESET
RUN FAIL
STP
I1
I5 I2
RUN / PROG
ETH
I7 I4
Q1 E Q2 Q3 Q4
I9 I10 I11 I12
I6
I3
10/100
I8
US UM UL
1
1
FL SWITCH MCS 16TX Ord. No. 28 32 70 0
D 2
3
5
7
9
11
13
15
10
12
14
16
PC PC WorX WebVisit
DO2
MODE
LNK ACT 100
INLINE CONTROL ILC 350 PN Ord. No.: 2876928
11
22
11
22
11
22
11
22
11
22
11
2
22
1
11
11
11
11
11
1
2
22
22
22
22
22
2
3
33
33
33
33
33
3
4
44
44
44
44
44
4
5
55
55
55
5
6
66
66
66
6
MAC Address
xxxxxxx (Seriennr.)
IL
PRG
6
8
00.A0.45.1B.D2.1D
1
RESET
4
US1 US2 FAIL
X17 US1 GND US2 GND
X18 R1 R2
2
3
4
5
X19 V.24
6
7
9 10 11 12 13 14 15 16
8 ACT 100 FD
RDY / RUN BSA FAIL RF
IB IL 24 DO 2
ILB PN 24 DI16 DIO16-2TX
FL IL 24 BK-PN-PAC US
1 UM
D 2
1
3
4
DO4
1
1
2
D 2
3 4
UL
RESET
100
DI4
2
1
2
FD COL
1
1
1
2
2
2
1
2
3
33
3 3
3
4
44
4 4
4
XMT RCV LNK 10/100
7361A001
IB IL 24 DI 4-ME IB IL 24 DO 4-ME
Figure A-1 Table A-1
Example system
Inputs and outputs used in the example including process data and assigned variables
Device
Connected To
Input/Output According to the Device Data Sheet
Signal At
Variable
Process Data
ILC 350 PN
Input IN11
Co 3 TP 1.4
ONBOARD_ INPUT_BIT10
3.1.4
ILB PN 24 DI16 DIO16-2TX
Outputs OUT1 to OUT16
Co 1 to 4 V0 TP x.1 and x.4
~DO16
Input IN21
Co 8 TP 2.1
IN3
IN21
IB IL 24 DO 4-ME
FL IL 24 BK-PN-PAC
Output OUT3
TP 1.4
OUT1
1.4
IB IL 24 DI 4-ME
FL IL 24 BK-PN-PAC
Input IN1
TP 1.1
IN2
1.1
IB IL 24 DO 2
ILC 350 PN
Output OUT2
TP 2.1
OUT2
2.1
No assignment required
T1 T2 Co
Connector
TP
Terminal Point
The variables in bold type are to be visualized in WebVisit.
A-2
PHOENIX CONTACT
7361_en_01
Developing a Project in PC WorX
A2
Developing a Project in PC WorX
Perform the following steps in accordance with the Quick Start Guide for PC WorX.
A 2.1 • • • • • • • •
Building the Hardware Structure
Create a new project with the control system (in this case ILC 350 PN Version >01/4.6F/1.41) and save it with the name "qs_webvisit". Adapt the project information as appropriate for your project and assign the "Domain Postfix" (in this case qs.de). Check/modify the IP settings for the controller (in this case 192.168.0.2). If required, assign an IP address to the PROFINET IO controller. Read in the PROFINET IO devices. If required, assign the PROFINET device names and IP addresses. Read in the INTERBUS. In order to detect any errors, compile the project once the bus topology has been completed.
The structure of the bus configuration is illustrated in Figure A-2.
Figure A-2
7361_en_01
Bus structure for the example project
PHOENIX CONTACT
A-3
WebVisit
A 2.2
Creating the Program
A 2.2.1
Program Description
The program is created in function block diagram (FBD). The program controls the following sequence: On an edge change from FALSE to TRUE at input IN, a timer (TP function block) generates a pulse, which is output at output Q for the duration PT. The associated output is set for this time. The state of the output is indicated at the corresponding status LED. The elapsed time is output at output ET. If IN switches from FALSE to TRUE for a second time while the pulse is still active (within PT), this does not affect the duration of the pulse generated at output Q. This signal is ignored. If a TRUE signal is present at output Q, the ROL function block is activated, which rotates the operands associated with input parameter IN bit-by-bit to the left. This means that for an initial value equal to 1, the associated outputs (e.g., OUT1 to OUT16 of a 16-bit module) switch in succession from FALSE to TRUE and back again. This state change is indicated by a "chasing light" at the corresponding status LEDs. Once the pulse time has elapsed, the output that indicates the presence of the pulse and the chasing light are switched off. Independent of this, inputs IN1 and IN2 are logically ANDed. IN1 and IN2 map the status of the inputs to which the toggle switches are connected. The result of ANDing is output at output OUT. Additional variable compared to the example program in the Quick Start Guide for PC WorX: The "Manual" variable is also used to facilitate editing in the program of entries made in the visualization. The variable is ANDed with inputs IN1 and IN2. The result is output at output OUT. A 2.2.2
Timer
Function Blocks Used
Format conversion
Rotate to left
ANDing
The variables in bold type in the tables below are to be visualized in WebVisit.
A-4
PHOENIX CONTACT
7361_en_01
Developing a Project in PC WorX TP Timer Function Block Table A-2
Timer TP_1
Parameter
Variable Name
Data Type
Application
Initial Value
Description
IN
ONBOARD_ INPUT_BIT10
BOOL
VAR_EXTERNAL
PT
T1
TIME
VAR
Q
OUT1
BOOL
VAR_EXTERNAL
Pulse output TRUE if IN = TRUE and ET < PT; FALSE if IN = FALSE or ET >= PT
ET
T2
TIME
VAR_EXTERNAL
Elapsed time
Start: If a rising edge is detected, a pulse is generated. T#15000ms
Pulse time setting: 15 seconds = 15,000 ms
BOOL_TO_DINT Format Conversion Function Block To use the output signal of the TP_1 block as the input signal for the ROL block, the format must be converted from BOOL to DINT. Variables are not declared for this block. ROL Rotation Function Block Table A-3
Rotate to left ROL
Parameter
Variable Name
Data Type
Application
IN
V0
WORD
VAR_EXTERNAL
N
(Output)
Initial Value
Input value
DINT
V0
WORD
Description
Number of characters to be rotated (in the example 0 or 1, defined by OUT1) VAR_EXTERNAL
Output value ROL
AND ANDing Function Block Table A-4
AND ANDing function block
Parameter
Variable Name
Data Type
Application
IN1
IN2
BOOL
VAR_EXTERNAL
Input value 1
IN2
IN3
BOOL
VAR_EXTERNAL
Input value 2
IN3
Manual
BOOL
VAR_EXTERNAL
Manual input from the visualization
OUT
OUT2
BOOL
VAR_EXTERNAL
AND output value
7361_en_01
Initial Value
Description
PHOENIX CONTACT
A-5
WebVisit A 2.2.3
Programming
Programming of this example, excluding the Manual variable, is described in detail in the Quick Start Guide for PC WorX. First, proceed in accordance with the example. Then insert the Manual variable afterward. When creating variables that are to be visualized in WebVisit, please note: – Create the variables as global variables (VAR_GLOBAL or VAR_EXTERNAL). – Activate the "PDD" checkbox.
Figure A-3
ONBOARD_INPUT_BIT10 variable properties
Figure A-4
V0 variable properties
In contrast to the description contained in the Quick Start Guide for PC WorX, in this case the initial value was set to 1 as soon as the variables were created.
A-6
PHOENIX CONTACT
7361_en_01
Developing a Project in PC WorX
Figure A-5
OUT2 variable properties
You can check the setting under "Global Variables".
Figure A-6
Identification of variables for visualization in WebVisit
The complete program is shown in Figure A-7.
Figure A-7
7361_en_01
Program without Manual variable
PHOENIX CONTACT
A-7
WebVisit •
If it has not already been done when the V0 variable was created, set the initial value for the V0 variable to 1.
Inserting the Additional Manual Variable: • • • • •
Switch to the "IEC programming" workspace. Select the "AND" function block. Click the right mouse button to open the context menu for the function block. Open the "Object Properties..." menu. Select the IN2 formal parameter and click on "Duplicate".
You will thus obtain the IN3 formal parameter. • Double-click the new input on the function block and specify its properties. Set the initial value to 1. Provided that no entries have been made in the visualization, in this case OUT is only dependent on the positions of the two switches (variables IN2 and IN3).
Figure 0-1
Manual variable
Figure A-8
Complete program (including Manual variable)
•
A-8
PHOENIX CONTACT
In order to detect any errors, compile the project once the program has been created.
7361_en_01
Developing a Project in PC WorX
A 2.3 •
Assigning Process Data
Assign the process data in accordance with the Quick Start Guide for PC WorX.
The result of the process data assignment process is shown in Figure A-9.
Figure A-9
All used process data assigned to variables
Since the ONBOARD_INPUT_BIT10 variable is a system variable, it does not appear in Figure A-9. •
Compile the project, send it to the control system and perform a cold restart.
A 2.4 • •
Operation
Change the task properties to "Cyclic" with an interval of 250 ms in accordance with the Quick Start Guide for PC WorX. Compile the project, send it to the control system and perform a cold restart.
Your program should now work. If you press the appropriate switch, the function will run. You can also check the function in debug mode in accordance with the Quick Start Guide for PC WorX.
7361_en_01
PHOENIX CONTACT
A-9
WebVisit
A-10
PHOENIX CONTACT
7361_en_01
