VPIV - Create an Andon Grid Panel

From Versacall Support
Jump to navigation Jump to search
Call Now 858-677-6766 SubmitTckBtn.png EmailUsBtn.png





GeneralHeader.png

Overview
Grid Panels allow the user to add a cell to the panel then place it anywhere on the screen as well as allowing for complete control over all cell properties. An Andon Grid Panel/Widget will show the state and duration of an alarm on any type of device. The state of the alarm can be used to create color changes in the cell. Our example is of a standard bingo board for one call station with 4 buttons/calls.
NOTE - The instructions below apply to both a Panel & a Widget. Both are created exactly the same.


Requirements
See Requirements Here
1. The VT3000 Core Software installed and running on your system.
2. VPIV - Virtual Panels IV software installed and running on your system.
3. In order to create this type of panel you will need at least one module setup with 1 or more Alarms.
4. If you plan on showing an image on the panel, ensure you have uploaded it to VPIV using the Media section of the software.


Panel Capabilities
See Capabilities Here
1. Tags - Constant, State, Duration & System Property.
2. Widgets - Andon & Information.
3. URL - Not Available.
4. Real-Time Reports - Not Available.


Example
ANGrid1.png





InstructionHeader.png

Step 1.
Open the VT3000 web interface - select VPIV button from the welcome page.
VPImage1.png




Step 2.
Select either the Panels or Widgets icon depending on which type you want to create.
VPIV Panels.png
VPIV Widgets.png




Step 3.
When creating a Panel, select page 2 on the Add New menu. When creating a Widget, no page selection is required.
Inform5.png




Step 4.
Select the Andon Table Panel/Wdiget Icon in the list.
AndonGrid.png




Step 5.
Select the Properties tab at the top of the screen.
VPIVPropTab.png




Step 6.
Enter a name for the Panel/Widget in the Panel/Widget Name field under the Properties tab. Leave the Refresh Interval at 5.
AndonPan1.png




Step 7.
After entering a name for the Panel/Widget, select the Tags Tab at the top of the page.
AndonPan2.png




Step 8.
On the Tag page, select the Add Tag icon.
AndonPan3.png




Step 9.
Create a State tag for each alarm on each device that needs to be shown on the panel/widget. This is done so that we can use the tag to change the color of a cell to show Active (Red), Acknowledged (Yellow) & Not Active (Green).
For more information on creating a State tag Click Here.
AndonPan4.png
Name - enter a name for the tag - ensure it is something that you will recognize..
Functionality - select State.
Data Source - select Monitoring Point.
Device - select the device that you want to setup.
Monitoring Point - select the Alarm/Call you want to setup.
Result - select Integer.




Step 10.
Select the Add Tag icon.
AndonPan3.png




Step 11.
Create a Duration tag for each alarm on each device that needs to be shown on the panel/widget. This will be used to show the active time the Alarm/Call has been active.
For more information on creating a Duration tag Click Here.
AndonPan50.png
Name - enter a name for the tag - ensure it is something that you will recognize..
Functionality - select Duration.
Active Only - select Active Only - we want the panel to show time only when an Alarm/Call is active or acknowledged.
Time Period - no selection is required as we are using the Active Only option.
Schedule - no selection is required as we are using the Active Only option.
Exclude Overlap - leave this unchecked - not required.
Option - select All Time.
Data Source - select Monitoring Point.
Device - select the device that you want to setup.
Monitoring Point - select the Alarm/Call you want to setup.
Result - select Time Span.
Format - select HH:MM:SS.




Step 12.
After all of the State & Duration Tags are setup for the device(s) - click on the Save & Exit button in the top right corner of the screen. This is done as a good practice measure so that there is a lower risk of losing a connection/changes.
VPSaveButton1.png




Step 13.
You will be returned to the Panels/Widgets home page. Click on the Panel/Widget that you created in the steps above so that it is highlighted - click on the Edit button.
AndonGrid50.png




Step 14.
Click on the Layout tab at the top of the page.
AndonPan6.png




Step 15.
In this example, we will be making a panel for 2 modules that have the same 4 alarms/calls (Maintenance, Lead, Materials & Supervisor). To accomplish this you will need to add all of the Cells to the Grid. Use the Add Cell (+) icon at the top left of the Grid.
ANGrid2.png




Step 16.
A new cell will appear highlighted on the grid.
ANGrid3.png




Step 17.
Find the Content section at the bottom left of the Grid. By default the content field will be set to Text. Type in the name of the first alarm. For our example this will be Maintenance.
ANGrid4.png






Step 18.
Next we will add the Alarm state/duration cells to the right side of the button/call heading that was created. Click on the Add Cell icon.
ANGrid2.png




Step 19.
With the new cell highlighted on the grid, find the Content section at the bottom left of the grid.
ANGrid3.png




Step 20.
Click on the down arrow for the Content field and select Tag. Select the Maintenance Duration tag for the first module/device.
ANGrid6.png




Step 21.
To the right of the Content section, find the Colors section. Click on the Back color swatch.
ANGrid7.png




Step 22.
Select the Green color swatch in the 1st row. Select the OK button after making the color selection.
AndonPan23.png




Step 23.
In the Color section click on the Fore color swatch.
ANGrid8.png




Step 24.
Select the Green color swatch in the 1st row. Select the OK button after making the color selection.
AndonPan23.png




Step 25.
This creates the default status of the cell. When no alarms/calls are active the cell will be solid green. The duration tag you selected is in the cell but is made invisible by matching the Fore color to the Back color.
Next you will need to move the cell next to the alarm label. Using the Movement tools at the top of the grid, move the duration cell next to the Maintenance label.
ANGrid9.png




Step 26.
When you are done moving the cell, your grid should look like the image below.
ANGrid11.png




Step 27.
Repeat the cell creation steps for the remaining Alarms/Calls. When this process is completed your Grid should look similar to the image below.
ANGrid10.png




Step 28.
Next we will be setting up conditions to turn the Duration Cell different colors based on the State of the Alarm/Call. Select the first Duration Cell that you created - find the Selected Cell section at the bottom of right the Grid. Select the Conditions button.
For our example we will be using the default color scheme.
Red Cell = Active Call.
Yellow Cell = Acknowledged Call.
Green Cell = No Active Calls/Default.
ANGrid13.png




Step 29.
The Conditions menu will pop-up - select the Color tab.
ANGrid14.png




Step 30.
Click on the Add Color Condition button.
AndonPan29.png




Step 31.
Click on the down arrow in the Left Comparator field, select the appropriate state tag for the alarm & device. In this example we selected TEST1_MAINT_STATE.
AndonPan30.png




Step 32.
Select the (=) sign from the middle/comparator field.
AndonPan31.png




Step 33.
Type 1 for the Right Comparator field.
AndonPan32.png




Step 34.
Below the Comparator fields, there will be color swatches. Click on the Back color swatch.
AndonPan33.png




Step 35.
On the Colors pop-up menu, select the Red color swatch on the 4th row. Click on the OK button.
AndonPan34.png




Step 36.
This sets up the color condition for when a call has been activated but not acknowledged. Click on the OK option next to the Right Comparator field above the color swatches.
AndonPan35.png




Step 37.
Next we will be setting up the color condition for an Acknowledged Alarm/Call. Click on the Add Color Condition button.
AndonPan29.png




Step 38.
Click on the down arrow in the Left Comparator field, select the same state tag as you did in the steps above. In this example we selected TEST1_MAINT_STATE.
AndonPan30.png




Step 39.
Select the (=) sign from the middle/comparator field.
AndonPan31.png




Step 40.
Type 2 for the Right Comparator field.
AndonPan36.png




Step 41.
Click on the Back color swatch.
AndonPan33.png




Step 42.
On the Colors pop-up menu, select the Yellow color swatch on the 5th row. Click on the OK button.
AndonPan37.png




Step 43.
This sets up the color condition for when a call has been acknowledged but not cleared. Click on the OK option next to the Right Comparator field above the color swatches.
AndonPan35.png




Step 44.
When both Color Conditions have been setup and saved, click on the "X" button to close the Conditions menu.
AndonPan38.png




Step 45.
Next we will need to add a Station Name label above the Alarm/Call cells. Click on the Add icon at the top left of the grid.
ANGrid2.png




Step 46.
Using the Movement tools, place the cell at the top of the group of cells you have created. Your grid should look similar to the image below.
ANGrid15.png




Step 47.
With the cell highlighted, find the Content section at the bottom left of the grid. Text will be selected by default, enter the name of the station in the field below. In our example we entered Call Station 1.
ANGrid17.png




Step 48.
With the cell still highlighted, find the Size toolbox at the top of the grid. We need to extend the length of the title cell to go across both the label & duration cells you created. Use the extend icon to expand the cell to cover both cells.
ANGrid16.png




Step 49.
When you are done expanding the cell, your grid should look like the image below.
ANGrid18.png




Step 50.
Repeat the process for any additional Stations/Locations that you want to add to this panel. Once everything you need has been added, select the Save & Exit button at the top right corner of the table
VPSaveButton1.png





RelatedHowTos.png
Select a Guide Here
Create a Rotating Panel
Create a Messaging Panel
Create an Informative Panel
Create an Andon (Table) Panel
Create a Performance (Table) Panel




SearchHeader.png




VC Footer.png
Follow Us On LinkedIn View our Blog