Vijeo-Designer Tutorial
35007035
eng
2
Table of Contents
About the Book . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Part I Vijeo Designer at a Glance . . . . . . . . . . . . . . . . . . . . . . . . 7 At a Glance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
Chapter 1
General . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 At a Glance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 Vijeo Designer's main tools . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 Installing Vijeo Designer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 Uninstalling Vijeo Designer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
Chapter 2 2.1
2.2
2.3
2.4
Creating a project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21 At a Glance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Specifications . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . At a Glance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . The Application at a Glance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Starting Vijeo Designer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Basic settings . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creating variables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creating the "Water level settings" screen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . At a Glance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creating the "Water level setting" screen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creating lamps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creating navigation buttons. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creating an alarm display popup window . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creating the "Water level meter" screen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . At a Glance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creating the "Water level meter" screen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creating a tank . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creating a conduit . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creating a navigation button . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creating the "Water level data chart" screen . . . . . . . . . . . . . . . . . . . . . . . . . . . At a Glance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Creating the "Water level data chart" screen . . . . . . . . . . . . . . . . . . . . . . . . . . .
21 22 22 23 27 27 30 33 33 34 39 43 46 53 53 54 57 62 66 67 67 71 3
Creating a chart . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68 Creating a navigation button . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73 Creating a script. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74
Chapter 3
Project Download. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79 At a Glance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79 Validation / Building / Correcting errors . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80 Simulation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82 Downloading data and exiting a project . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83
Index
4
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87
About the Book
At a Glance Document Scope
This manual presents the basic concepts of the Vijeo Designer software application required for the development of an application. For a more detailed feature description, refer to Vijeo Designer's online help.
Related Documents User Comments
September 2003
We welcome your comments about this document. You can reach us by e-mail at
[email protected]
5
About the Book
6
September 2003
Vijeo Designer at a Glance
I At a Glance Purpose of this section
This section presents the main functions of the software together with its installation.
What's in this Part?
This part contains the following chapters: Chapter 1
September 2003
Chapter Name General
Page 9
2
Creating a project
21
3
Project Download
79
7
Vijeo Designer at a Glance
8
September 2003
General
1 At a Glance Purpose of this chapter
This chapter describes the Vijeo Designer software application.
What's in this Chapter?
This chapter contains the following topics: Topic Overview
September 2003
Page 10
Vijeo Designer's main tools
13
Installing Vijeo Designer
16
Uninstalling Vijeo Designer
19
9
General
Overview About Vijeo Designer
Vijeo Designer is a state-of-the-art software application that allows you to create Human Machine Interfaces (HMI). It provides all the tools needed to design a project, from the acquisition of data to the creation and display of animated drawings.
Required configuration
The table below presents the configuration required to use Vijeo Designer:
10
Elements
Characteristics
Processor
Pentium II 400 MHz or higher
Memory
128 MB of RAM
Operating system
Windows 2000 (Service Pack 2) Windows XP
Web browser
Internet Explorer 5.0 or higher
September 2003
General
Main features
September 2003
l
Re-use the data: Vijeo Designer uses two types of data: l Internal data created in the user application, l External data provided by the devices (PLCs, remote I/Os, etc.). Graphical objects, Scripts and panels created with Vijeo Designer can be saved in the Toolchest (See Vijeo Designer's main tools, p. 13). It can thus be reused in other projects. This is particularly useful when optimizing the development of new applications or standardizing screens when co-developing, for example.
l
Connect to multiple PLCs: Vijeo Designer can be used to simultaneously communicate with a number of Schneider PLCs.
l
Create screen pages: Vijeo Designer can be used to create dynamic screens quickly and easily. It combines various functions in a simple program, such as moving objects, zooms, level indicators, On/Off indicators, buttons or other special graphics. Animated symbols can be used to build and edit a graphical screen very simply.
l
Use scripts: Vijeo Designer incorporates a function used to create scripts. Thus, a "building block" created by one application can easily be reused in other projects.
l
Report: Vijeo Designer also incorporates an advanced function designed to simplify the management of variables used in the animation screens, such as: l Configuring or modifying the variables and characteristics of objects via the Inspector (See Vijeo Designer's main tools, p. 13) window.
l
Multi-language: Vijeo Designer can store the alarm messages or text objects for the same application in more than 20 different languages. Thus, while running the user program, a simple selection from the animation screen switches the display to the selected language.
l
Edit variables created by other applications: Vijeo Designer can import or export variables in a CSV file. Similarly, variables created in Vijeo Designer can be exported in other applications.
11
General
Target Terminal Models
12
The list below represents the different units that can communicate with Vijeo Designer: l XBTG2110, l XBTG2120, l XBTG2130, l XBTG2220, l XBTG2330, l XBTG4320, l XBTG4330, l XBTG5230, l XBTG5330, l XBTG6330.
September 2003
General
Vijeo Designer's main tools At a Glance
September 2003
Vijeo Designer's main tool windows are located on the program's main screen. You can therefore use six windows to develop your project quickly and easily. Each window provides information pertaining to a specific object or to the project. You can customize your work environment by resizing or moving the windows. Icons associated with the windows are located in the toolbar.
13
General
The Vijeo Designer environment looks like this:
Vijeo
Designer
Vijeo
Designer
Icons for the working windows
2
1
3
Manual_V41 - Vijeo-Frame - [InfoViewer] File
Edit
Build
Arrange
Search
View
Draw
Tools
Window
Help
? Graphical Panel Vijeo
Designer
Manual_V41
Designer
Graphical Panels 1: Configuratio
Vijeo
Target1
Name
Panel1
PanelID
1
Description
2: Tank 3 : Chart Application Scripts
Width
800
Height
600 (128,255
BackgroundColor
Alarms Popup Windows Languages Data Files IO Manager
Order 1 2 3 4 5 6 7 8 9
Designer Vijeo
Vij...
Project
Too..
Var...
Position
Object Name
A A A A
Rectangle01 Text01 Text02 Text04 Text05 LampO_0015_01 SwSpO_0005_01 SwSpO_0003_01 SwSpO_0003_02
Lamps\2-states
Romizing
8 2 36 8 45 56 9
Calling romizer Romizer successful
LampO_000... LampO_000...
Total size of HMI Runtime files is 813 KB. (832,540 bytes).
Label LampO_000... LampO_000...
Downloading Downloading Target1...
LampO_000... LampO_000...
Download Complete - 0 error(s), 2 warning(s) Objects
4
14
Build
5
6
September 2003
General
Icons associated with the working windows
The following table presents the different working windows: Number
Screen/Icon name
Description
1
Navigator
This tool is mainly used to create applications. The information on each project is listed hierarchically as in a document explorer.
2
View Info
Displays the online help or report contents.
?
September 2003
3
Inspector
Displays the selected object's parameters. When more than one object is selected, only those parameters common to the various objects are displayed.
4
Data list
Lists all the objects appearing in the drawing, giving their creation order, name, position, animations and associated variables. The highlighted object in the list is selected in the drawing. Similarly, information is displayed for a group of objects (its order, name and position). You can display a list of the objects that make up the group by clicking +. Each object can be selected separately.
5
Feedback Zone
Displays the progress and results of the error check, compilation and load. When an error occurs, the system displays an error message or warning message. To view the error location, double-click the message.
6
Toolchest
A library of components (bar chart, timers, etc.) provided by the manufacturer or previously made by you. To place a component in the drawing, you must select the component and then drag it onto the drawing. Your own components can be exported and/or imported.
15
General
Installing Vijeo Designer At a Glance
16
This product is available on a CD-ROM. The CD-ROM contains the installation of Vijeo Designer. Prior to installing the application, be aware of the following points: l Before installing an application, be sure to close all other active applications. l If you are reinstalling the software, be sure to remove the previous version of Vijeo Designer first. l Vijeo Designer must be installed by the system administrator. l A project created and opened with this software version cannot be opened with an earlier version of Vijeo Designer. Also, before opening an application created using an earlier version of Vijeo Designer, you are advised to perform a complete backup of the initial project. l Prior to starting up Vijeo Designer for the first time, read the "Readme.txt" text file. This file can be accessed from the "Start \ Programs \ Schneider Electric \ Vijeo-Designer" menu.
September 2003
General
Installation procedure
Description of the installation steps: Step
Action
1
Insert the CD-ROM in the computer's CD drive. (1)
2
Select Vijeo-Designer.
3
Select the installation language and click "OK".
4
Click "Next".
5
You must enter the requested information in order to personalize the software: l User name l Company name l Serial number
Client Information Enter the information. Enter your name, the name of the company for which you work and the product serial number. Username: VijeoDesigner Company name: Schneider SA Serial number
InstallShield
Next >
Cancel
Click "Next".
September 2003
17
General
Step
Action
6
Enter the software activation key. KEY CODE Input
Input the KEY CODE made up of 15 alphanumeric characters and 2 hyphens, exactly as it appears on the back of the CD-ROM case.
KEY
InstallShield
Next >
Cancel
Click "Next". 7
If you accept the terms of the license agreement, click "Yes".
8
Choose the installation folder (by default, this folder is "c:\Program Files\Schneider Electric"). Click "Next".
9
Select Program Folder. Click "Next".
10
Select "Yes" to create a shortcut icon on desktop.
11
InstallShield will now install Vijeo Designer or one of its components. Click "Finish" when the installation is complete.
(1) Vijeo Designer's "Autorun" program will automatically start the installation program. If the installation does not begin automatically, click "Start \ Run" and then enter "x:\SETUP.EXE" in the "Open" box and click OK (x represents your CD-ROM's drive letter).
Note: At the end of the installation process, if the program ask to restart your computer, you must do it and so, all newly installed components are updated in the system. You must’nt restart the computer if the program don’t ask to do.
18
September 2003
General
Uninstalling Vijeo Designer Uninstall procedure
The procedure for uninstalling Vijeo Designer is as follows: Note: Before beginning to remove the software, close all other active applications. l l
Use the "Add/Remove Programs" (Start \ Settings \ Control Panel menu), select Vijeo Designer and then select "Remove". Alternatively, you can select the Start \ Programs \ Schneider Electric \ Vijeo Designer \ Uninstall menu.
At the end of the uninstall process, you must restart your computer to take account of all the newly removed components.
September 2003
19
General
20
September 2003
Creating a project
2 At a Glance Purpose of this chapter
This chapter gives a step by step description of how to produce a simple application using Vijeo Designer's main functions.
What's in this Chapter?
This chapter contains the following sections: Section 2.1
September 2003
Topic Specifications
Page 22
2.2
Creating the "Water level settings" screen
33
2.3
Creating the "Water level meter" screen
53
2.4
Creating the "Water level data chart" screen
67
21
Creating a project
2.1
Specifications
At a Glance Purpose of this subchapter
This subchapter describes Vijeo Designer's general features as well as the steps to create a sample project.
What's in this Section?
This section contains the following topics:
22
Topic
Page
The Application at a Glance
23
Starting Vijeo Designer
27
Basic settings
27
Creating variables
30
September 2003
Creating a project
The Application at a Glance At a Glance
The project you are going to create is named "Manual_v41". It consists of three screen pages: l The Water level setting screen, l The Water level meter screen, l The Water level data chart screen. These screens contain animated items, a numerical value input field, a chart and an alarm. The project, called "Manual_V41", can be found at c:\Program Files\Schneider Electric\Docs\samples.
Viewing the project
Use the following steps to view the project:
September 2003
Step
Action
1
Click on the "Vijeo Manager" tab.
2
Double-click the project to open it.
3
Right-click "Target 1" and select "Start Simulation (Build)".
23
Creating a project
Settings screens
The water level must be set to display signals, alarms and error messages. The following diagrams present the "Water level settings (See Creating the "Water level setting" screen, p. 34)" screen. Water level setting
Water level setting
Water level Setting value
Water level Setting value
123
0
-- --
B6
7
8
9
+/-
4
5
6
Del
1
2
3
0
.
Enter
Esc
Next
1
2
Next
3
Perform the following steps in the order given. Number
Description
1
Click in this area to display the numeric keypad.
2
Numeric Keypad: enter a value and press "Enter" to validate the input.
3
Navigation button for accessing the "Water level meter" screen.
When the numeric value input by the user is outside the permitted range (0 to 100), three warnings are displayed: l An alarm array (See Creating an alarm display popup window, p. 46), l A red lamp blinks (See Creating lamps, p. 39), l An error message blinks (See Creating an alarm message, p. 41).
24
September 2003
Creating a project
The following diagram presents the settings screen with the warnings. Water level setting Water level Setting value
1
Alarm setting
123 2 03/01/08 19:04:20
The value of this setting
Next
3
Close
The following table presents number’s description.
September 2003
Number
Description
1
The blinking of this message shows that the input value is outside the range. It is displayed at the same time as the alarm array.
2
The lamp lights up.
3
Alarm array.
25
Creating a project
Graphic representations
Water level changes can also be shown graphically. "Water Level Meter (See Creating the "Water level meter" screen, p. 54)" screen display: Water level meter 9
Next
"Water Level Data Chart (See Creating the "Water level data chart" screen, p. 71)" screen display: Water level data chart (History) 100 90 80 70 60 50 40 30 20 10 0
Back
1
2
The following table presents number’s description.
26
Number
Description
1
Graph representing the tank water level.
2
Navigation button for returning to the "Water level setting" screen.
September 2003
Creating a project
Starting Vijeo Designer Procedure
To start Vijeo Designer, select Start \ Programs \ Vijeo Designer or double-click the Vijeo Designer icon on the desktop.
Basic settings At a Glance
September 2003
Configuring your project correctly is essential before you begin to create a drawing. The following procedure does not describe how to configure the external inputs/ outputs, however. A project created in Vijeo Designer is a simple chain of information (database). Within a project, the target terminals are configured and organized in a hierarchical structure. Each target shows the hardware (PLC device) environment in which the project will be run.
27
Creating a project
Create a project and configure its target
The following table describes the procedure to follow to create a project and select the remote device: Step
Action
1
This dialog box appears when Vijeo Designer is started. Click "Next" to continue. Vijeo-Designer Welcome to Vijeo-Designer To create a project, click Next. To open the last project created, select "Open Last Project" and then click Finish. You can reconfigure the project settings in the following dialog boxes. Create new project Open Last project
Don't show this dialog box again
< Back
Next >
Finish
Cancel
Note: If the above dialog box does not appear when you start Vijeo Designer, select the Navigator's "Vijeo-Manager" tab, then right-click "Vijeo-Manager" and select "New project".
28
September 2003
Creating a project
Step
Action
2
l Enter the name of your project and click OK (in our case, enter "Manual_V41"). l Select the XBT-G Target. l Select the required screen size.
New folders (screens, scripts, alarms, popup windows, languages, data files, etc.) are created.
Vijeo
Designer
Manual_V41 Target1 Graphical Panels Application Scripts Alarms Popup Window Languages Data Files IO Manager
Designer Vijeo
Vij...
Project..
Var...
Too..
Note: To add another "Target" to the project, right-click "my project" then select "New project". 3
September 2003
Save your project.
29
Creating a project
Creating variables At a Glance
A variable is a memory address indicated by a name. Vijeo Designer handles the following five types of variables: l Discrete, l Integer, l Float, l String, l Structure. Vijeo Designer uses the variables to communicate with the PLCs. You can also define internal variables that will only be used by Vijeo Designer. In our tutorial, since we will not be communicating with any PLCs, we will create only internal variables. The following table describes the procedure to follow for creating variables: Step
Action
1
Click the "Variables" tab in the "Navigator" window, then click right to select "New variable" and "Discrete".
Variable List: Sort By Target Name, Filter Target1 New Variable
30
Designer Vijeo
Vije.
Discrete Ctrl+V
Integer
Import Variables
Ctrl+I
Float
Export Variables
Ctrl+E
String
Properties...
Alt+Enter
Structure
Paste
Project Variables
Toolchest
September 2003
Creating a project
Step
Action
2
You will now change the name of the Discrete-type "Discrete01" variable to "alarm". Once the variable has been created, a properties window, "Inspector", will open. Variable List: Sort By Target Name, Filter Target1 INT alarm
3
Designer Vijeo
Vij...
Pro...
Var...
- Variable Name Description ArrayDimension DataType Source + KeepHistory + DataDetails + Alarm
Alarm 0 Discrete Internal Disabled Enabled
Too...
Repeat steps 1 and 2 to create integer-type variables called "sec" and "value". You have just created one Discrete variable and two integer variables. Variable List: Sort By Target Name, Filter Target1 INT alarm INT sec INT value
September 2003
Designer Vijeo
Vij...
Pro..
Var...
Too...
31
Creating a project
Step
Action
4
In KeepHistory’s parameter select "Disabled" for the "alarm" and "value" variable and select Enabled for the "sec" variable . - Variable Name Description ArrayDimension DataType Source + KeepHistory + DataDetails + Alarm
5
32
alarm 0 Discrete Internal Disabled Enabled
Save your project.
September 2003
Creating a project
2.2
Creating the "Water level settings" screen
At a Glance Purpose of this subchapter
This subchapter describes how to create the first water level settings screen.
What's in this Section?
This section contains the following topics:
September 2003
Topic
Page
Creating the "Water level setting" screen
34
Creating lamps
39
Creating navigation buttons
43
Creating an alarm display popup window
46
33
Creating a project
Creating the "Water level setting" screen Illustration
The screen we will create looks like the following illustration. Water level setting Water level Setting value
123 -- --
B6
7
8
9
+/-
4
5
6
Del
1
2
3
0
.
Enter
Esc
Procedure
Next
The following table describes the procedure to follow to create the first screen: Step
Action
1
Click the "Project" tab in the "Navigator" window and click on "Target1".
2
Double-click "Graphical Panels" to open the folder.
3
Rename "1:Panel1" as "1:Configuration" then double click on it to open the graphic screen window.
Vijeo
Designer
Manual_V41 Target1 Graphical Panels 1: Configuration Application Scripts Alarms Popup Window Languages Data Files IO Manager
4
34
In the "Inspector" window, select blue (153,255,255) on Backgroundcolor parameter.
September 2003
Creating a project
Create a title in the screen
The title of this screen is: "Water level setting". The following table describes the procedure to follow to create text: Step
Action
1
Click inside the graphic screen, and select the "Text" icon in the toolbar. Graphical Editor
2
3
Click on the panel window where you want the text zone top left corner to be placed. Release the mouse button. Move the mouse to the position where you want to place the text zone right bottom corner. Click to enter the position. When the "Text Editor" window appears: l Enter "Water level setting" l Select "Vijeo Sans Serif" as the font l Select "16" as the font size l Select "Normal" as the font style l Click OK Text Editor Language: Font: Font Style:
1: Language1
Font Width: 16
Vijeo Sans Serif
Font Height: 16
Normal
Water level setting
OK
4
Cancel
In the Inspector window, enter: l The text color = "blue(102,102,255)" l The BackColor = "transparent" l The LineColor = "transparent"
September 2003
35
Creating a project
Create a numerical indicator
The "#" text is used to enter numerical data, while the "Water level setting" text is used as the title. Note: • Only use the "#" text to configure data in the animation. • Do not press the "Enter" key after the "#" character. Doing so will invalidate the data animation settings. The following table describes the procedure to follow to create the "#" text: Step
Action
1
Create a "#" text object. To do so, refer to steps 1 and 2 in the "Create a title" table (See Create a title in the screen, p. 35), and configure the text properties as shown in the following screen: Text Editor Language: Font: Font Style:
1: Language1
Font Width: 32
Vijeo Gothic
Font Height: 32
Normal
#
OK
2
Cancel
In the "Inspector" window, enter: l the TextColor = "blue (0,0,255)" l the BackColor = "yellow (255,255,0)" l the LineWidth = "3" l the HorizontalAlign = "Center" l the VerticalAlign = "Middle"
36
September 2003
Creating a project
Step
Action
3
Click the
...
icon to the right of "Animation" to open the "Animation Properties"
window: Animation Properties Position
Color
12
Value
Visib. Data Type:
Enable Value Animation
Integer
Value Display Digits: Zero Suppress
Format:
3
0
Dec.
Keypad/Keyboard Input Display Popup Keypad Interlock Input Status Variable Group No.: Unassigned
Order No.
0
Beep on Touch
OK
4
Cancel
Apply
In the "Animation Properties" dialog box, click the "Value" tab and check: l "Enable Value Animation" l "Keypad/Keyboard Input" l "Display Popup Keypad" l "Zero Suppress" Click the
icon then:
l Select the "Value" variable l Enter 3.0 in the "Display Digits" field l Select "Integer" in "Data Type" field l Click OK
September 2003
37
Creating a project
Step
Action
5
Next, create the "Water level, Setting value" text. Repeat steps 1 and 2 above with the following configuration: l Enter "Water level" and "Setting value" l Select "Vijeo Gothic" as the font l Select "16" as the font size l Select "Normal" as the font style l Click OK
Text Editor Language: Font: Font Style:
1: Language1
Font Width: 16
Vijeo Gothic
Font Height: 16
Normal
Water level Setting value
OK
6
Cancel
In the "Inspector" window, enter: l "blue (0,0,255)" for the TextColor l Set: l l
7
The BackColor to "transparent" The LineColor to "transparent"
Click OK
Note: You can access and modify an object's settings in the "Inspector" window.
38
September 2003
Creating a project
Creating lamps At a Glance
"Animated symbols" are used to create lamps that light up when an error is detected. Water level setting Water level Setting value
Alarm setting
123
The following table describes the procedure to follow to create lamps: Step
Action
1
Click the "Toolchest" tab in the navigator, then click the "Lamps" folder and then "2 States". Toolchest BarGraph CircleGraph DataGraph DateDisplay HistoricalTrend Keypad Blank SpecialKeys Lamps 2 Sates 4 States Special Meter NumericDisplay PieGraph SEI toolchest Switches
September 2003
Designer Vijeo
Vij...
Pro...
Var...
Toolchest
39
Creating a project
Step
Action
2
Drag & drop "Lamp2St0_0015_01" onto the panel. Lamps\2-state Label LampO_000... LampO_000...
LampO_000...
Label LampO_000...
LampO_000...
LampO_000...
LampO_000...
LampO_000...
LampO_000...
LampO_001... LampO_001...
LampO_001...
LampO_0013_... LampO_0014_... Lamp2StO_001 5_01
3
In the "Inspector" window, click the
...
icon to the right of "Variable" and select
the "alarm" variable: Inspector Smart Part Name
Lamp2StO_0015_01
Description
2-state lamps 0015 V4.0
Top
120
Left
240
Width
40
Height
40
Variable
alarm
ForeColor(OFF)
(0,255,0)
ForeColor(ON) FALSE
Pattern
1 : SOLID
BackColor
(0,0,0)
FrameColor
(102,102,102)
RestoreDefaults
40
(255,0,0)
Blink
Select an item alarm _Minutes _Months _Seconds _SystemLanguage _UserApplicationLanguage _Year2 _Year4 alarm Value
September 2003
Creating a project
Creating an alarm message
You will now create text that blinks when the user enters an incorrect value or an error is detected. The following table describes the procedure to follow to create an error message that blinks: Step
Action
1
Create the "Alarm setting" text. Repeat steps 1 and 2 (See Create a title in the screen, p. 35) using the following settings: Text Editor Language: Font: Font Style:
1: Language1
Font Width: 16
Vijeo Gothic
Font Height: 16
Normal
Alarm setting
OK
2
September 2003
Cancel
In the "Inspector" window, enter: l "red (255,0,0)" for the TextColor l Set: l The BackColor to "transparent" l The LineColor to "transparent"
41
Creating a project
Step
Action
3
Double-click the previously created text or click the
...
icon to the right of
"Animation" in "Inspector". The "Animation properties" dialog box is displayed: Animation Properties Color
Position
Value
Visib.
Enable Visibility Animation alarm
Enable Blink Animation alarm Speed: Slow
OK
4
Cancel
Apply
Click the "Visib." tab. l Check the "Enable Visibility Animation" and "Enable Blink Animation"
check boxes. l Click the
icon and select the "alarm" variable.
l Click OK.
42
September 2003
Creating a project
Creating navigation buttons At a Glance
We will use the "Smart Part" to create buttons for navigating between the "Water level setting" and "Water level meter" screens. Water level setting Water level Setting value
0
Next
The following table describes the procedure to follow to create buttons: Step
Action
1
Click the "Toolchest" tab in the navigator and then click the "Special function switches" folder. Toolchest BarGraph CircleGraph DataGraph DateDisplay HistoricalTrend Keypad Blank SpecialKeys Lamps Meter NumericDisplay PieGraph SEI toolchest Switches Bit switches Special function switches Word switches TankGraph
September 2003
Designer Vijeo
Vij...
Pro...
Var...
Toolchest
43
Creating a project
Step
Action
2
Drag & drop "SwSp0_0005_01" onto the screen. Switches\Special function switches Label SwSpO_000... SwSpO_000...
SwSpO_000...
Label SwSpO_000... SwSpO_0005_ SwSpO_000... 01
3
SwSpO_000... SwSpO_000...
SwSpO_000...
SwSpO_001... SwSpO_001...
SwSpO_001...
In the "Inspector" window, enter 2 on ID. The number 2 on ID represents ID’s screen who will be open when click on the button: Inspector Smart Part Width
80
Height
40
Operation
Change Panel
ID
2
ForeColor
(0,255,0)
Label (0,0,255)
TextColor Interlock
FALSE
Buzzer
TRUE
Pattern
1 : SOLID
BackColor
(0,0,0)
FrameColor
(153,153,153)
RestoreDefaults Animation
44
September 2003
Creating a project
Step
Action
4
In the "Inspector" window, click the
...
icon to the right of "Label" to open the
"Text Editor" dialog box and configure each field as shown below: Text Editor Language: Font: Font Style:
Language1
Font Width: 8
Vijeo Sans Serif
Font Height: 16
Normal
Next
OK
September 2003
Cancel
45
Creating a project
Creating an alarm display popup window Introduction
A popup window is a window that appears in front of a window already open. The following figure shows an alarm list that appears after the user enters an incorrect value. yy/mm/dd
24:00:00
24:00:00
XxXxXxXx
yy/mm/dd
24:00:00
24:00:00
XxXxXxXx
yy/mm/dd
24:00:00
24:00:00
XxXxXxXx
Close
46
September 2003
Creating a project
Create a popup window
The following table describes the procedure to follow to create a popup window: Step
Action
1
Click the "Project" tab in the "Navigator" window and right-click "Popup windows" in order to select "New popup window": Vijeo
Designer
Manual_V41 Target1 Graphical Panels 1: Configuration Application Scripts Alarms Popup Windows New Popup Window Languages Paste Popup Window 1: Language1 Delete All Popup Windows... 2: Language2 Properties
Insert Ctrl+V Delete Alt+Enter
Data Files IO Manager
2
September 2003
Designer Vijeo
Vij...
Project
Var...
Tool...
Rename "1:Window" as "1:AlarmWindow" and "10001:Panel4" as "10001:Alarmarray". Click "10001:Alarmarray" to open the drawing.
47
Creating a project
Displaying the alarms
The following table gives the procedure to create an alarm display table: Step 1
2
Action Click the "Alarm Summary" drawing icon
to create the "Alarm" object.
In the "Inspector" window, change the following settings: l Enter "16" in the "FontHeight" field. l Enter "16" in the "FontWidth" field. l Enter "(white) 255,255,255" in the "BackAreaColor" field. l Set the "Frame" property to "Enabled". l Enter "(orange) 255,102,0" in the "Line Color" field. Next, set "Ruler" to "Enabled", and "Line Color" to "(dark blue) 0,0,153". Inspector Alarm RTNBlink
No
FontHeight
16
FontWidth BackAreaColor
16 (255,255,255)
ShowColumnTitles
FALSE
Frame
Enabled (255,102,0)
LineColor LineStyle
0 : SOLID
LineWidth
1 (0,0,0)
BackAreaColor Ruler
Enabled
LineColor
0 : SOLID
LineWidth
1
BackAreaColor
48
(0,0,153)
LineStyle
(0,0,0)
September 2003
Creating a project
Create an alarm message
After an error is detected, an alarm message is displayed in the "Alarm display" array (see "Displaying the alarms" above). The following table gives the procedure to create an alarm message: Step
Action
1
Click the "Variables" tab in the "Navigator" window in order to select the "alarm" variable.
2
In the "Inspector" window, change the following settings: Set "Alarm" zone to "Enabled". Inspector Variable Name Description ArrayDimension DataType Source KeepHistory DataDetails Alarm AlarmMessage
alarm alarm 0 Discrete Internal FALSE Enabled
TriggerConditon When high AlarmGroup RootAlarmGroup
3
4
Click the
••• icon in the "AlarmMessage" zone.
In the "Alarm Message Editor" window, enter "The value of this setting exceeds 100" in the dialog box and then click OK. Alarm Message Editor Language:
1: Language1
The value of this setting exceeds 100!
OK
September 2003
Cancel
49
Creating a project
Creating a button to close a window
The procedure for creating a button to close a window is described below. Step
Action
1
Click "10001:Alarmarray" to open the drawing.
2
Click the "Rectangle" drawing icon and then draw a rectangle on "10001:Alarmarray" window.
3
Input "(yellow) 255,255,102" in the "ForeColor" property.
4
5
Click the
••• icon in the "Animation" zone.
Click the "Touch" tab and then click "Enable Touch Animation" check box. Animation Properties Color
Fill
Size
Position
Rotate
Touch
Visib.
Enable Touch Animation Function 1 Bit
Operation Toggle:
Add
Condition Always
Insert
Delete
Option Reverse On Touch
Buzzer On Touch
OK
50
Cancel
Apply
September 2003
Creating a project
Step
Action
6
l Double click the "Operation" property to call up the "Function Setting"
dialog box. l Select "Popup Panel" from the "Function" drop-down list, then click "Close
Popup Panel". l Select "10001:Alarmarray" from the "Panel Name" drop-down list, and click
OK. Function Setting Function Popup Panel Open Popup Panel
Close Popup Panel
Panel: 10001:Alarmarray Panel Name Panel ID(Expression) Position: At Position
Y 0
X 0
Centered OK
Cancel
l In the "Animation Properties" window, click OK to close the window.
7
Click the "Text" icon and create a text object named "Close", and enter the following settings: Text Editor Language: Font: Font Style:
1: Language1
Font Width: 16
Vijeo Gothic
Font Height: 16
Normal
Close
OK
September 2003
Cancel
51
Creating a project
Step
Action
8
l Enter "(red) 255,0,102" in the "TextColor" field. l
9
52
Check the "Transparent" check box in the "BackColor" and "LineColor" fields.
Save your project.
September 2003
Creating a project
2.3
Creating the "Water level meter" screen
At a Glance Purpose of this subchapter
This subchapter describes how to create the second "Water level meter" screen.
What's in this Section?
This section contains the following topics: Topic Creating the "Water level meter" screen
September 2003
Page 54
Creating a tank
57
Creating a conduit
62
Creating a navigation button
66
53
Creating a project
Creating the "Water level meter" screen Illustration
In this section, you are going to create a second screen: Water level meter #
Next
54
September 2003
Creating a project
Procedure
The following table describes the procedure to create a second screen: Step
Action
1
Click the "Project" tab in the navigator.
2
Right-click "Graphical Panels" and select "New panel". Vijeo
Designer
Vijeo
Designer
Manual_V41 - Vijeo-Frame - [Target1 - Tank] File
Vijeo
Designer
Edit
Build
Arrange
Search View
Draw
Manual_V41 Target1 Graphical Panels New Panel 1: Confiion Report...
Insert Ctrl+T
Paste Panel ApplicationDelete ScriptsAll Panels...
Ctrl+V Delete
Alarms
Properties Popup Windows
Alt+Enter
Languages Data Files IO Manager
3
September 2003
Designer Vijeo
Vij...
Project
Var...
Too...
Rename "2:Panel2" as "2:Tank" to open the graphical screen window. In the "Inspector" window, change the back area color by entering (yellow) "255,255,153".
55
Creating a project
Create a title in the screen
Here, we will create the following title: "Water level meter". The following table describes the procedure to create text: Step
Action
1
Click inside the graphic screen, and select the Toolbar's "Text" icon to draw an area on the screen where the text will be placed. Graphical Editor
2
When the "Text Editor" window appears: l Enter "Water level meter" l Select "Vijeo Sans Serif" as the font l Select "16" as the font size l Click OK Text Editor Language: Font: Font Style:
1: Language1
Font Width: 16
Vijeo Sans Serif
Font Height: 16
Normal
Water level meter
OK
3
Cancel
In the Inspector window, enter: l The text color = "pink (255,153,255)" l The BackColor = "transparent" l The LineColor = "transparent"
56
September 2003
Creating a project
Creating a tank Illustration
The graphic below represents the object to create. Water level meter
#
Next
Use the following procedure to create a tank: Step
Action
1
Click the "Rectangle" drawing icon, then draw two rectangles shown below:
2
For each rectangle, change the fore color to "pale green (153.153.102)" and the line color to transparent.
3
Click the "Ellipse" drawing icon, then draw three ellipses shown below: Ellipse 1
Ellipse 2 Ellipse 3 4
l Ellipse 1: Change the fore color to "grey (153.153.153)" and the line color to
transparent. l Ellipses 2 and 3: Change the fore color to "pale green (153.153.102)" and the
line color to transparent.
September 2003
57
Creating a project
Step
Action
5
Click the "Rectangle" drawing icon, then draw a rectangle at the center of the large rectangle:
New Rectangle
6
58
Change the previously created rectangle's fore color to "white" (255.255.255) and the line color to "white" (255.255.255).
September 2003
Creating a project
Step
Action
7
Double-click the previously drawn rectangle or click the
...
icon to the right of
"Animation" in the "Inspector" window in order to open the "Animation Properties" window, and then click the "Fill" tab: Animation Properties Color
Fill
Position
Size
Rotate
Touch
Visib.
Enable Vertical Fill Animation _seconds Display Range
Value Range
Start Point:
From:
Top
To:
0
Min %:
0
59
Max %:
100
Back Area Color:
Enable Horizontal Fill Animation
Start Point:
Display Range
Value Range
Left
From: To:
0
Min %:
0
100
Max %:
100
OK
Cancel
Apply
l Check the "Enable Vertical Fill Animation" check box. l Click the
icon and select the "_seconds" variable.
l Configure the following fields: l
Set "Start point" to "Top". Set "Back Area Color" to 0,0,255. l Set "Value Range" from 0 to 59. Note: "_seconds" is a system variable. It is reserved and can only be used by Vijeo Designer. l
8
Click the
drawing icon, then draw a graduated scale:
Graduated scale
9
September 2003
Select "255,0,0" as the line color.
59
Creating a project
Step
Action
10
Click inside the graphic screen, and select the Toolbar's "Text" icon to draw an area on the screen where the text will be placed.
11
When the "Text Editor" window is displayed: Text Editor Language: Font: Font Style:
1: Language1
Font Width: 16
Vijeo Gothic
Font Height: 16
Normal
#
#
OK
Cancel
l Enter "#" l Select "1: Language1" as the language l Select "Vijeo Gothic" as the font l Select "16" as the font size l Select "Normal" as the font style
12
60
In the "Inspector" window, change the text color properties to "255,255,255" and the back area color and line color to "255,102,0".
September 2003
Creating a project
Step
Action
13
Double-click the previously created "#" text or click the
...
icon to the right of
"Animation" in the "Inspector" window to open the "Animation Properties" window. Next, click the "Value" tab: Animation Properties Position
Color
12
Value
Visib. Data Type:
Enable Value Animation
Integer
_Seconds Display Digits: Zero Suppress
Format:
2
0
Dec.
Keypad/Keyboard Input Display Popup Keypad Interlock Input Status Variable Group No.: Unassigned
Order No.
0
Beep on Touch
OK
Cancel
Apply
l Check the "Enable Value Animation" check box. l Click the
icon and then select the "_Seconds" variable.
l In the "Display Digits" field, enter "2.0". l Click OK.
September 2003
61
Creating a project
Creating a conduit Illustration
The graphic below represents the object to draw. Water level meter #
Next
The following table describes the procedure to create a conduit: Step
Action
1
Click the "Rectangle" drawing icon and then draw the following two rectangles:
2
Change the line color to "transparent" and the fore color to "grey" (153,153,153).
3
Click the "Polygon" drawing icon object:
E
and then draw the following the following
G
A
F
B
C
D Procedure: l Click point A. l Click point B. Repeat the operation until point G. l Right-click.
62
September 2003
Creating a project
Step
Action
4
Change the line color to "white" (255,255,255) and the fore color to blue (0,0,255).
5
Click the "Selection" icon and then select the arrow created in step 4.
6
In the main menu bar, select "Edit" then "Copy" and "Paste".
7
Select this arrow and choose "Rotate Right" in the pull-down "Arrange" menu. The arrow should have rotated clockwise so that the arrow is pointing to the left: Vijeo
Designer
Vijeo
Designer
Manual_V41 - Vijeo-Frame - [Target1 - Tank] File
Edit
Build
Arrange
Search
View
Draw
Bring to Front Send to Back Group Ungroup
Vijeo
Designer
Align Manual_V41 Rotate Left Target1 Rotate Right Flip Horizontal Graphical Panels Flip Vertical 1: Panel Application Scripts Alarms Popup Windows Languages Data Files IO Manager
September 2003
Designer Vijeo
Vij...
Project
Var...
Too...
8
Repeat step 6. Select this arrow and choose "Rotate Left" in the pull-down "Arrange" menu. The arrow should have rotated anti-clockwise so that the arrow is pointing to the right:
9
Duplicate (using "Copy/Paste") two more left-facing and right-facing arrows.
63
Creating a project
Step
Action
10
Place the seven arrows created in steps 3 to 9 in the rectangles as shown in the figure below:
Note: You can drag any of these arrows or rectangles to increase or reduce their size.. 11
Select all the arrows. Select "Group" in the pull-down "Arrange" menu to create a group object. Vijeo
Designer
Vijeo
Designer
Manual_V41 - Vijeo-Frame - [Target1 - Tank] File
Edit
Build
Arrange
Search
View
Draw
Bring to Front Send to Back Group Ungroup Align Vijeo
Designer
Manual_V41
Rotate Left Rotate Right Flip Horizontal Graphical Panels Flip Vertical 1: Panel
Target1
Application Scripts Alarms Popup Windows Languages Data Files IO Manager
Designer Vijeo
Vij...
Project
Var...
Too...
Note: To select several objects at once, press and hold down the "Shift" key while selecting the objets.
64
September 2003
Creating a project
Step
Action
12
Double-click the previously created arrow group or click the
...
icon to the
right of "Animation" in the "Inspector" window in order to open the "Animation Properties" window, and then click the "Visib." tab. Enter the following settings: Animation Properties Color
Size
Position
Rotate
Touch
Visib.
Smart Part
Enable Visibility Animation
Enable Blink Animation _Seconds Speed: Slow
OK
September 2003
Cancel
Apply
65
Creating a project
Creating a navigation button Illustration
The graphic below represents the object to create. The "Next" button will be used to move from the "Water level meter" screen to the "Water level data chart" screen: Water level meter #
Next
Procedure
66
Use the following procedure to create the navigation button:: Step
Action
1
Click "1:Configuration" in the navigator in order to open the "Water level setting" screen.
2
Click the "Select" drawing icon and select the button "SwSp0_0005_01" (See Creating navigation buttons, p. 43).
3
In the main menu bar's "Edit" menu, select the "Copy" command.
4
Click "2:Tank" in the navigator in order to open the above screen.
5
Click the drawing and, from the main menu's "Edit" menu, select the "Paste" command.
6
Select the "SwSp0_0005_01" button.
7
Input "3" in the property "ID" (See Creating navigation buttons, p. 43).
September 2003
Creating a project
2.4
Creating the "Water level data chart" screen
At a Glance Purpose of this subchapter
This subchapter describes the procedure to create the third "Water level data chart" screen.
What's in this Section?
This section contains the following topics: Topic Creating the "Water level data chart" screen
September 2003
Page 71
Creating a chart
68
Creating a navigation button
73
Creating a script
74
67
Creating a project
Creating a chart Procedure
Here we will create a chart that will show the water level changes in the tank. The following table describes the procedure to create a chart: Step 1
68
Action Click the "Chart"
icon and then draw a chart on the 3:Chart screen.
September 2003
Creating a project
Step
Action
2
In the "Inspector" window, enter the following settings: l "PlateColor" = sky blue (102,255,255). l "BorderColor" = green (0,153,0). l Click "+" to the left of "DataAxisLabel" and set the TextColor to "orange (255,102,0)". l Click "+" to the left of "Channel1" and enter the "sec" variable. Inspector TrendGraph Width
300
Height
240
Description PlateColor
(102,255,255)
BorderColor
(0,153,0)
GraphSettings RangeSettings ValueRange...
0
ValueRangeTo...
100
DisplayRangeMin
0
DisplayRangeMax
100
DataAxisLabel
Enabled
TextColor 16
FontWidth
8
Decimals
September 2003
(255,102,0)
FontHeight
0
Spacing DataAxisScale
1
DataAxisGridLine
Enabled
TimeAxisScale
Enabled
TimeAxisGridLine
Enabled
Channel1
Enabled
Enabled
Variable
Sec
DisplayFormat Color
Line
Track
Disabled
Mark
Disabled
OutOfRangeColor
Disabled
69
Creating a project
Step
Action
3
Click the "Variables" tab in the "Inspector" window. Select the "sec" variable and set the "RecordRate [sec]" field to "1".
Variable List: Sort By Target Name, Filter Target1 INT INT INT
Designer Vijeo
Vij...
alarm sec value
Pro...
Variables
Too..
Inspector Variable Name
sec
Description ArrayDimension
0
DataType
Integer
Source
Internal
KeepHistory
Enabled
NumberOfDays
1
RecordRate [sec]
1
DataDetails Alarm
70
Disabled
September 2003
Creating a project
Creating the "Water level data chart" screen Illustration
The graphic below shows the screen to create: Water level data chart (History) 100 90 80 70 60 50 40 30 20 10 0
Back
Create a new screen
September 2003
The following table describes the procedure to create a new screen: Step
Action
1
Click the "Project" tab in the "Navigator" window.
2
Repeat step 1 (See Procedure, p. 55) of the "Water level meter" chapter to create a new panel. Right-click "Graphical Panel" and select "New panel".
3
Rename "3:Panel3" as "3:Chart".
4
Click "3:Chart" to open the graphical screen window.
5
In the "Inspector" window, change the back area color by inputting "green (153,255,0)".
71
Creating a project
Create a title in the screen
As specified above, the title of this screen is: "Water level data chart (History)". The following table describes the procedure to create the title: Step
Action
1
Select the Toolbar's "Text" icon and draw an area on the screen where the text will be placed. Graphical Editor
2
When the "Text Editor" window appears: l Enter "Water level data chart (History)" l Select "Vijeo Sans Serif" as the font l Select "16" as the font size l Click OK Text Editor Language: Font: Font Style:
1: Language1
Font Width: 16
Vijeo Sans Serif
Font Height: 16
Normal
Water level data chart (History)
OK
3
Cancel
In the Inspector window, enter: l The text color = "orange (255,153,0)" l The BackColor = "transparent" l The LineColor = "transparent"
72
September 2003
Creating a project
Creating a navigation button Procedure
Here we will create a "Back" button to return from the "Water level data chart (History)" screen to the "Water level setting" screen: Step
Action
1
Click "1:Configuration" in the navigator to open the first screen (See Creating the "Water level setting" screen, p. 34).
2
Click the "Select" drawing icon and select the button "SwSp0_0005_01" (See Creating navigation buttons, p. 43).
3
In the main menu bar's "Edit" menu, select the "Copy" command.
4
Click "3:Chart" in the navigator to open the third screen (See Creating the "Water level data chart" screen, p. 71).
5
Click the sceen and, from the main menu's "Edit" menu, select the "Paste" command.
6
Select the "SwSp0_0005_01" button.
7
Enter "1" in the property "ID" (See Creating navigation buttons, p. 43) field.
8
In the "Inspector" window, click the
...
icon to the right of "Label" to open the
"Text Editor" dialog box and set up each field as shown below: Text Editor Language: Font: Font Style:
Language1
Font Width: 8
Vijeo Sans Serif
Font Height: 16
Normal
Back
OK
September 2003
Cancel
73
Creating a project
Creating a script At a Glance
74
In Vijeo Designer, a script can be used to automate some tasks of a communication program. You can use a script to define a procedure that runs when a condition is met. You can then add a function that is not available in a drawing's properties.
September 2003
Creating a project
Create the "Over_100" script
The following script is run when a predefined value is entered in screen 1. If that value is over 100, the alarm popup window is displayed (See Creating an alarm display popup window, p. 46). The following table describes the procedure to create the "Over_100" script: Step
Action
1
Click the "Project" tab in the "Navigator" window, then right-click "1:Configuration" and select "New script": Vijeo
Designer
Vijeo
Designer
Manual_V41 - Vijeo-Frame - [Target1 - Configuration] File
Vijeo
Designer
Edit
Build
Arrange
Search
View
Manual_V41 Target1 Graphical Panels 1: Panel1 Open In New Window Rename Panel Report... Application Scripts Cut Panel AlarmsCopy Panel Popup Delete Windows Panel... New Script Paste Script Languages Properties Data Files
Ctrl+T Ctrl+X Ctrl+C Delete Insert Ctrl+V Alt+Enter
IO Manager
2
Designer Vijeo
Vijeo...
Project
Var...
Tool...
In the "Inspector" window's: Inspector Panel Script Name
Over_100
Trigger
Conditional
Trigger Variable
value
Trigger Condition
On Data Change
l Enter "Conditional" in the "Trigger" field. l Enter "value" in the "Trigger Variable" field. l Enter "On Data Change" in the "Trigger Condition" field. l Rename "Script 1" as "Over_100".
September 2003
75
Creating a project
76
Step
Action
3
Click "Over_100" to open the script editor window and enter the following program: int a; a = value.getIntValue(); if (a>100){ alarm.write(1); AlarmWindow.open((short)10,(short)400); AlarmWindow.changePanel(10001); AlarmWindow.show(true); } else { alarm.write(0); } Note: When the value of the "value" variable is over 100, the bit corresponding to the "alarm" variable becomes TRUE and the "Alarm display" (See Creating an alarm display popup window, p. 46) screen is displayed. If the "value" variable's value is less than or equal to 100, the bit corresponding to the variable is FALSE.
September 2003
Creating a project
Create the "Refresh_per_se c" script
The following table presents the procedure to create the "Refresh_per_sec" script. Step
Action
1
Repeat step 1 of the "Create the Over_100 script" procedure. Click the "Project" tab in the "Navigator" window, then right-click "3:Chart" and select "New script":
2
Select "Periodic" in the "Trigger" field and "1000" as the "Frequency": Inspector Panel Script
September 2003
Name
Refresh_per_sec
Trigger
Periodic
Frequency [msec]
1 000
3
Rename "Script 2" as "Refresh_per_sec".
4
Click "Refresh_per_sec" to open the script editor window and enter the following program: sec.write(_Seconds.getIntValue()); Note: The value of the "_Seconds" system variable is assigned to the "sec" variable.
5
Save your project.
77
Creating a project
78
September 2003
Project Download
3 At a Glance Purpose of this chapter
This chapter describes the different project build types and the various Project download modes.
What's in this Chapter?
This chapter contains the following topics:
September 2003
Topic
Page
Validation / Building / Correcting errors
80
Simulation
82
Downloading data and exiting a project
83
79
Project Download
Validation / Building / Correcting errors Types of data transfer
You must use one of the following methods to transfer a customer application to a terminal (or perform a local simulation): Type
Procedure
Ethernet
The application produced by the built project* is transferred to products equipped with an Ethernet connector via the network.
Tool port
Data produced by the built project* is transferred to the device connected to the PC using the special cable XBTZ-G915.
CompactFlash card
Data produced by the built project* (on a PC equipped with a PCMCIA card reader) is transferred by copying to a CompactFlash card; it can then be plugged in the terminals.
Local simulation Data produced by the built project* are stored locally for simulating the customer application during its fine-tuning phase.
* Data created using the "Build" function. Validating the target
The project is validated using the main menu's "Build" command and then selecting "Validate all".
Building the target
"Building" consists in building a program that can be run directly by the XBT-G from the project created with the Vijeo Designer graphical editor. Be sureto clean each target and/or project before you build. This is performed by choosing the main menu's "Build" command and selecting "Clean All". The clean command removes unnecessary files from the project folder. Choose the main menu's "Build" command and selecting "Build All" to build your target. Vijeo Designer can build a program in the following four ways:
80
Type
Procedure
Build
Rebuilds the project completely and optimizes the results file. Although creation is quicker than when using the "Build" function.
Quick Build
Only builds the data updated since the previous version was built, and optimizes the results file.
Start simulation
Rebuilds the project completely and refreshes the resulting file. After the build the simulation starts.
Download
Before download, the target is validated and built. If no errors are detected, the user application files are transferred to the target machine.
September 2003
Project Download
Error correction
September 2003
In each of the above four cases, the system displays "Errors" and "Warnings" in the "Feedback zone". In each case the "Feedback zone" window is automatically opens and "Errors" and "Warnings" are displayed. "Errors" are displayed in red and "Warnings" are displayed in yellow. When there are no errors or warnings, the result is displayed in green. Double-click an error or "warning" to view detailed information.
81
Project Download
Simulation Simulate your project
The simulation function can be used to simulate your project on the PC, i.e. to display your project without downloading it to an XBT-G terminal.
Start Simulation
Use the following procedure to start the simulation: Step
82
Action
1
Click the "Project" tab in the "Navigator" window.
2
Right-click "Target 1".
3
Select "Start Simulation (Build)" to begin the simulation. After the build is completed, the main screen will appear.
4
To stop the simulation, press the "Ctrl" and "Z" keys simultaneously or "Alt" and "F4" keys simultaneously.
September 2003
Project Download
Downloading data and exiting a project Data download types
September 2003
The Download function is used to send an application to a target. Several download methods can be used: l Ethernet: an Ethernet network is used to download data. l File System: Data is downloaded to a CF Card. l Serial: The unit's serial port is used to download data directly to the target. Use the "Inspector" window's Target area to select the type of download method.
83
Project Download
Download procedure
Use the following procedure to create to download an application to a target (XBTG): Step 1
Action When using XBT-G type units, connect the download cable to the XBT-G tool connector or ethernet cable connector and to the computer port com (COM1 or Ethernet). XBT-G2110/2120/2220/4320: only tool connector (serial) Other XBT-G units allow you to choose an Ethernet or tool connector connection.
2
Click the "Project" tab in the "Navigator" window and click on "Target1".
3
In the "Inspector" window's Download field, select Ethernet or Serial. Inspector Target Name
Target1
Description Type
XBT-G Series
TargetColor
256 Colors
PanelSize
XBT-G4330 (640x480)
InitialPanelID
1 : Panel1 Enabled
Buzzer StartUpDelay [sec]
0
ToConfiguration
Top Left Corner
Download
Ethernet Ethernet File System Serialcal
84
4
If you select Ethernet as your download method, be sure to enter the following data. l IPAddress l SubnetMask l DefaultGateway If you select Serial as your download method, be sure to enter the following data. l COM Port l Baud Rate
5
In the "Navigator" click on "Target1" then click right to select "Download".
September 2003
Project Download
Step 6
Exit Vijeo Designer
September 2003
Action Check your XBT-G unit to see if the application is displayed correctly. Note: If an error message appears in the "Feedback zone", this means that the download has failed. After you have solved the problem try to download data again. If you double-click on an error displayed in the "Feedback zone", the error's position is indicated.
To exit Vijeo Designer, select "Exit" from the main menu bar's "File" menu and save your project.
85
Project Download
86
September 2003
BC
Index
Animation, 59, 63
Graphic screen, 37 Graphical panel, 11 Graphical screen, 57, 59, 63
B
H
A
Blinking lamp, 41 Building, 82 Button, 45, 68
HMI, 10
I C
Installation, 17
Conduit, 63 Configuration, 29 Connection, 11 Create a graphic, 70
L
D Data transfer, 82 Download, 85
Level indicator, 59
M Multi-language, 11
R E Edit variables, 11 Ethernet, 82
Report, 11 Re-use the data, 11
S G Generation, 82 Graduated scale, 59 Graphic, 70 September 2003
Script, 76 Scripts, 11 Simulation, 84 Starting Vijeo Designer, 28, 30
87
Index
T Tank, 59 Target devices, 12
U Uninstall, 20
V Variables, 32, 63
88
September 2003
