Difference between revisions of "VPIV - Create an Andon Table Panel"

From Versacall Support
Jump to navigation Jump to search
m (Text replacement - "https://www.linkedin.com/company/versacall-technologies-inc-/mycompany/" to "https://www.linkedin.com/company/versacall/")
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
<gallery mode="nolines" widths=200 heights=36>
{|style="background:transparent; color:black" border="0" height="230" align="center" valign="bottom"
File:ButtonHome.png|link=Main Page
|+style="background:transparent|
File:ButtonGuides.png|link=VT3000_How_To_Guides
|-align="center"
File:ButtonVPIV.png|link=Virtual Panels IV
|
</gallery>
|[[Image:CallUsBtn.png|Call Now 858-677-6766]]
|
|[[Image:SubmitTckBtn.png|link=https://www.versacall.com/customer-support/service-ticket]]
|
|[[Image:EmailUsBtn.png|link=mailto:[email protected]?Subject=Help%20Needed%20Wiki&body=Type%20Message%20Here]]
|}
<br>
----
----
<br>
[[File:GeneralHeader.png]]
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Overview'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|An Andon Table Panel 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 typical bingo board.
|-
|style= "text-align:center" | '''NOTE''' - The instructions below apply to both a Panel & a Widget. Both are created exactly the same.
|}
|}
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Requirements'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
{| class="wikitable mw-collapsible mw-collapsed" width="775px;"
|-
|style="text-align: center;" | '''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.
|}
|}
|}
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Panel Capabilities'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
{| class="wikitable mw-collapsible mw-collapsed" width="775px;"
|-
|style="text-align: center;" | '''See Capabilities Here'''
|-
|'''1.  Tags''' - Constant, State, Duration & System Property.
|-
|'''2.  Widgets''' - Andon & Information.
|-
|'''3.  URL''' - Not Available.
|-
|'''4.  Real-Time Reports''' - Not Available.
|}
|}
|}
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Example'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|[[File:AndonPan40.png|center|800px]]
|}
|}
<br>
----
----
<br>
[[File:InstructionHeader.png]]
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 1.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Open the VT3000 web interface - select VPIV button from the welcome page.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style=" align="center; " background:white;"
|-
|[[File:VPImage1.png|center|257px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 2.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Select either the Panels or Widgets icon depending on which type you want to create.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:VPIV_Panels.png|center|103px]] || [[File:VPIV_Widgets.png|center|103px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 3.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|When creating a Panel, select page 2 on the Add New menu. When creating a Widget, no page selection is required.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:Inform5.png|center|314px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 4.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Select the Andon Table Panel/Wdiget Icon in the list.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonTable.png|center|56px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 5.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Select the Properties tab at the top of the screen.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:VPIVPropTab.png|center|244px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 6.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Enter a name for the Panel/Widget in the Panel/Widget Name field under the Properties tab. Leave the Refresh Interval at 5.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan1.png|center|188px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 7.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|After entering a name for the Panel/Wdiget, select the Tags Tab at the top of the page.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan2.png|center|227px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 8.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|On the Tag page, select the Add Tag icon.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan3.png|center|220px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 9.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|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).
|-
|style= "text-align:center" | <u>For more information on creating a State tag [[VPIV_State_Tag|'''Click Here''']]</u>.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white; width:775px;"
|-
|[[File:AndonPan4.png|center|404px]]
|}
{|class="wikitable" style="background:white; width:775px;"
|-
|style= "text-align:left" | '''Name''' - enter a name for the tag - ensure it is something that you will recognize..
|-
|style= "text-align:left" | '''Functionality''' - select State.
|-
|style= "text-align:left" | '''Data Source''' - select Monitoring Point.
|-
|style= "text-align:left" | '''Device''' - select the device that you want to setup.
|-
|style= "text-align:left" | '''Monitoring Point''' - select the Alarm/Call you want to setup.
|-
|style= "text-align:left" | '''Result''' - select Integer.
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 10.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Select the Add Tag icon.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan3.png|center|220px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 11.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|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.
|-
|style= "text-align:center" | <u>For more information on creating a Duration tag [[VPIV_Duration_Tag|'''Click Here''']].</u>
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white; width:775px;"
|-
|[[File:AndonPan50.png|center|334px]]
|}
{|class="wikitable" style="background:white; width:775px;"
|-
|style= "text-align:left" | '''Name''' - enter a name for the tag - ensure it is something that you will recognize..
|-
|style= "text-align:left" | '''Functionality''' - select Duration.
|-
|style= "text-align:left" | '''Active Only''' - select Active Only - we want the panel to show time only when an Alarm/Call is active or acknowledged.
|-
|style= "text-align:left" | '''Time Period''' - no selection is required as we are using the Active Only option.
|-
|style= "text-align:left" | '''Schedule''' - no selection is required as we are using the Active Only option.
|-
|style= "text-align:left" | '''Exclude Overlap''' - leave this unchecked - not required.
|-
|style= "text-align:left" | '''Option''' - select All Time.
|-
|style= "text-align:left" | '''Data Source''' - select Monitoring Point.
|-
|style= "text-align:left" | '''Device''' - select the device that you want to setup.
|-
|style= "text-align:left" | '''Monitoring Point''' - select the Alarm/Call you want to setup.
|-
|style= "text-align:left" | '''Result''' - select Time Span.
|-
|style= "text-align:left" | '''Format''' - select HH:MM:SS.
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 12.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|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.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:VPSaveButton1.png|250px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 13.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|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.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan51.png|476px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 14.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Click on the Layout tab at the top of the page.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan6.png|222px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 15.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|In this example, we will be making a panel for 4 modules that have the same 4 alarms/calls (Maintenance, Lead, Materials & Supervisor). To accomplish this you will need to add all of the Rows & Columns of the table. Use the Add Rows & Add Columns buttons at the top of the table.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan7.png|147px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 16.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Add a total of 5 Columns and 6 Rows. Your table will look like the one shown below.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan8.png|765px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 17.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|For this example we  will be adding a Title or Heading to the panel. This is done by merging cells. Select the first cell in the table (R1, C1), so that it is hightlighted. Use the Merge Horizontal Add button to merge all the way across the table.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan9.png|353px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 18.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Once you have merged all of the cell in the top/first row, your table will look like the image below.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan10.png|765px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 19.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|With the top row highlighted, find the Type section at the bottom left of the table. By default, text will be selected as the Type. Click in the Content field and type in a Title/Heading for the panel. For our example we are using South Station Alarms.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan11.png|224px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 20.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|After adding the Title/Heading, your top cell will look like the example below.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan12.png|765px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 21.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Each Column for the Station/Module will need to be labeled. Select the first module column cell (R2, C2), so that it is highlighted.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan13.png|593px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 22.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|With the R2, C2 cell highlighted, find the Type section at the bottom left of the table. By default, Text will be selected as the Type. Click in the Content field and type in the name of the first Station/Module. For our example we are using Test 1.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan14.png|162px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 23.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Repeat this process for the remaining columns (R2,C3 - R2,C4 - R2,C5). Once they have all been labeled your table will look similar to the image below.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan15.png|757px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 24.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Each Row will need to have the Alarm/Call name entered into the first cell. Click on the R3,C1 cell in the table so that it is highlighted.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan16.png|358px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 25.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|With the R3, C1 cell highlighted, find the Type section at the bottom left of the table. By default, Text will be selected as the Type. Click in the Content field and type in the name of the first Alarm/Call. For our example we are using Maintenance.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan17.png|170px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 26.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Repeat the Alarm/Call naming process for the remaining rows (R4,C1 - R5,C1 - R6,C1). Once they have all been labeled, your table will look similar to the image below.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan18.png|356px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 27.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Next we will be configuring the individual cells that correspond to a Module/Station and Alarm. Select the first cell for the first call on the first Module/Station so that it is highlighted. In our example this would be R3,C2 - Test 1, Maintenance.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan19.png|598px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 28.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Find the Type section on the bottom left of the table, select the down arrow and select Tag. We are going to add the Duration tag for the Module - Alarm.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan20.png|87px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 29.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Click on the down arrow in the Content field. Select the first Station, first Alarm/Call Duration tag. For our example this is Test 1 Maint Duration.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan21.png|197px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 30.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Find the Color section at the bottom of the table to the right of the Type/Content section. Click on the Back color swatch.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan22.png|160px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 31.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Select the Green color swatch in the 1st row - select the OK button.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan23.png|303px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 32.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Select the Fore color swatch to the right side of the Back color swatch.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan24.png|155px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 33.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Select the Green color swatch in the 1st row - select the OK button.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan23.png|303px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 34.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Repeat this process for all the other cells (R3, C3 to C5) (R4, C2 to C5) (R5, C2 - C5) (R6, C2 to C5). This sets all the Cells to be Green by default. Next we will be adding conditions to change the color based on the State of the Alarm/Call. When you have setup all of the cells your table will look similar to the image below.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white; width:775px;"
|-
|[[File:AndonPan25.png|765px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 35.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Select the Test 1 - Maintenance cell (R3, C2) so that it is highlighted.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan26.png|596px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 36.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Next we will be setting up conditions to turn the cell different colors based on the State of the Alarm/Call. Find the Conditions button at the bottom of the table - click on this button.
|-
|style= "text-align:center" | <u>For our example we will be using the default color scheme.</u>
|-
|style= "text-align:center" | '''Red Cell''' = Active Call.
|-
|style= "text-align:center" | '''Yellow Cell''' = Acknowledged Call.
|-
|style= "text-align:center" | '''Green Cell''' =  No Active Calls.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan27.png|133px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 37.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|A conditions pop-up window will appear with tabs at the top labeled Content & Color. Click on the Color tab.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan28.png|193px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 38.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Click on the Add Color Condition button.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan29.png|168px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 39.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|In the Left Comparator field select the appropriate state tag for the alarm & device.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan30.png|250px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 40.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Select the (=) sign from the middle/comparator field.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan31.png|55px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 41.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Type 1 for the Right Comparator field.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan32.png|248px]]
|}
|}
|}
|}
<br>
----
----
 
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 42.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Below the Comparator fields, there will be color swatches. Click on the Back color swatch.
{|style="margin:left;"
{|style="margin:left;"
|valign="top" |
|valign="top" |
{|class="wikitable" style="background:#eaf3ff;"
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan33.png|237px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 43.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|-
!style="text-align: left;"|<big>'''Overview'''</big>
|On the Colors pop-up menu, select the Red color swatch on the 4th row. Click on the OK button.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|-
|An Andon Table Panel 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 typical bingo board. The instructions below can be used for an Andon Table Panel or an Andon Table Widget.
|[[File:AndonPan34.png|301px]]
|}
|}
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 44.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|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.
{|style="margin:left;"
{|style="margin:left;"
|valign="top" |
|valign="top" |
{|class="wikitable" style="background:#eaf3ff;"
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan35.png|341px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 45.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Next we will be setting up the color condition for an Acknowledged Alarm/Call. Click on the Add Color Condition button.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan29.png|168px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 46.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|-
!style="text-align: left;"|<big>'''Example'''</big>
|In the Left Comparator field select the appropriate state tag for the alarm & device.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|-
|[[File:AndonPan40.png|600px]]
|[[File:AndonPan30.png|250px]]
|}
|}
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 47.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|Select the (=) sign from the middle/comparator field.
{|style="margin:left;"
{|style="margin:left;"
|valign="top" |
|valign="top" |
{|class="wikitable" style="background:#eaf3ff;"
{|class="wikitable" style="background:white;"
|-
|-
!style="text-align: left;"|<big>'''Panel Capabilities'''</big>
|[[File:AndonPan31.png|55px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|-
|'''1. Tags''' - Constand, State, Duration & System Property.
|<big>'''Step 48.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|-
|'''2. Widgets''' - Andon & Information.
|Type 2 for the Right Comparator field.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan36.png|248px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|-
|'''3. URL''' - Not Available
|<big>'''Step 49.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|-
|'''4. Real-Time Reports''' - Not Available
|Click on the Back color swatch.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan33.png|237px]]
|}
|}
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 50.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|On the Colors pop-up menu, select the Yellow color swatch on the 5th row. Click on the OK button.
{|style="margin:left;"
{|style="margin:left;"
|valign="top" |
|valign="top" |
{|class="wikitable mw-collapsible mw-collapsed" style="background:#eaf3ff; width: 800px;"
{|class="wikitable" style="background:white;"
!style="text-align: left;"|<big>'''Requirements'''</big>
|-
|-
|'''1.'''  The VT3000 Core Software installed and running on your system.
|[[File:AndonPan37.png|302px]]
|}
|}
|}
|}
<br>
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|-
|'''2.''' The Virtual Panels IV Software installed and running on your system.
|<big>'''Step 51.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|-
|'''3.'''  If you are going to add an image to the panel, you will need to have that image uploaded to the VP IV Software before starting this guide.
|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.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|-
|'''4.'''  If you are going to add a widget to the panel, you will need to have already created the widget prior to starting this guide.
|[[File:AndonPan35.png|341px]]
|}
|}
|}
|}
|}
|}
 
<br>
 
=Properties=
 
'''1.''' Select the Andon Table Panel/Widget icon from the Add New list.
 
[[File:AndonTable.png]]
 
 
'''2.''' Enter a name for the panel/widget in the Panel/Widget Name field under the Properties tab. Leave the Refresh Interval at 5.
 
[[File:AndonPan1.png]]
 
 
=Tags=
 
'''1.''' Select the Tags tab - select to Add a tag.
 
[[File:AndonPan2.png]]
 
 
[[File:AndonPan3.png]]
 
 
'''2.''' Create a State tag for each alarm on each device that needs to be shown on the panel/widget. For more information on creating a State tag [[VPIV_State_Tag|'''Click Here''']].
 
[[File:AndonPan4.png]]
 
 
'''3.''' Create a Duration tag for each alarm on each device that needs to be shown on the panel/widget. For more information on creating a Duration tag [[VPIV_Duration_Tag|'''Click Here''']]
 
[[File:AndonPan5.png]]
 
 
'''4.''' After all of the State and Duration tags are completed click on the Layout tab.
 
[[File:AndonPan6.png]]
 
 
=Layout - Headings=
A panel/widget needs to have a heading or title across the top and the alarm names running down the left side of the screen. This allows for easy understanding of the panel/widget when viewed.
 
 
'''1.''' This panel will be for 4 modules with the same 4 alarms (Maintenance, Lead, Materials & Supervisor). Use the Rows & Column buttons to make 5 total columns and 6 total rows.
 
[[File:AndonPan7.png]]
 
 
[[File:AndonPan8.png]]
 
 
'''2.''' Select the R1 - C1 cell and use the Merge Horizontal (+) button to merge the top row. This will be our title/heading for the panel.
 
[[File:AndonPan9.png]]
 
 
[[File:AndonPan10.png]]
 
 
'''3.''' Use the Content field to enter the title/heading for the panel. Example below.
 
[[File:AndonPan11.png]]
 
 
[[File:AndonPan12.png]]
 
 
'''4.''' Select the R2 - C2 cell and use the Content field to enter the name of the first device that contains the 4 alarms. Repeat this for C3, C4 & C5. Example below.
 
[[File:AndonPan13.png]]
 
 
[[File:AndonPan14.png]]
 
 
[[File:AndonPan15.png]]
 
 
'''5.''' Select the R3 - C1 cell and use the Content field to enter the name of the first alarm "Maintenance".
 
[[File:AndonPan16.png]]
 
 
[[File:AndonPan17.png]]
 
 
'''6.''' Repeat the process for R4, R5 & R6 to enter the Lead, Materials & Supervisor headings.
 
[[File:AndonPan18.png]]
 
 
=Layout - Inactive Cell Setup=
When there are no active calls for the cell it will be solid green.
 
 
'''1.''' Select the R3 - C2 cell.
 
[[File:AndonPan19.png]]
 
 
'''2.''' Use the Type option at the bottom of the page and select Tag.
 
[[File:AndonPan20.png]]
 
 
'''3.''' Select the the Maintenance Duration alarm for the appropriate station.
 
[[File:AndonPan21.png]]
 
 
'''4.''' Select the Back color swatch - set the color to Green.
 
[[File:AndonPan22.png]]
 
 
[[File:AndonPan23.png]]
 
 
'''5.''' Select the Fore color swatch - set the color to Green.
 
[[File:AndonPan24.png]]
 
 
[[File:AndonPan23.png]]
 
 
'''6.''' Repeat the process for all remaining cells. Select the appropriate duration tag for the alarm matched to the device. Example below.
 
[[File:AndonPan25.png]]
 
 
=Layout - Conditions=
Once a call is activated, the cell on the panel needs to change colors to indicate and issue. For the example, Red will indicate Active/Set and Yellow will indicate Acknowledged.
 
 
'''1.''' Select R3 - C2 cell.
 
[[File:AndonPan26.png]]
 
 
'''2.''' Click on the Conditions button at the bottom of the page.
 
[[File:AndonPan27.png]]
 
 
'''3.''' Select the Color tab.
 
[[File:AndonPan28.png]]
 
 
'''4.''' Click on the Add Color Condition button.
 
[[File:AndonPan29.png]]
 
 
'''5.''' In the Left Comparator field select the appropriate state tag for the alarm & device.
 
[[File:AndonPan30.png]]
 
 
'''6.''' Select the (=) sign from the middle field.
 
[[File:AndonPan31.png]]
 
 
'''7.''' Type 1 for the Right Comparator field.
 
[[File:AndonPan32.png]]
 
 
'''8.''' Click on the Back color swatch - change the color to Red.
 
[[File:AndonPan33.png]]
 
 
[[File:AndonPan34.png]]
 
 
'''9.''' Click on the OK link when finished.
 
[[File:AndonPan35.png]]
 
 
'''10.''' Click on the Add Color Condition button.
 
[[File:AndonPan29.png]]
 
 
'''11.'''  In the Left Comparator field select the appropriate state tag for the alarm & device.
 
[[File:AndonPan30.png]]
 
 
'''12.''' Select the (=) sign from the middle field.
 
[[File:AndonPan31.png]]
 
 
'''13.''' Type 2 for the Right Comparator field.
 
[[File:AndonPan36.png]]
 
 
'''14.''' Click on the Back color swatch - change the color to Yellow.
 
[[File:AndonPan37.png]]
 
 
'''15.''' Click on the OK link when finished.
 
[[File:AndonPan35.png]]
 
 
'''16.''' Close the Conditions Window with the (X) button.
 
[[File:AndonPan38.png]]
 
 
'''17.''' Repeat this process with all the remaining cells selecting the appropriate alarm/device state tag.
 
 
'''18.''' After all of the tags are created, heading created and all the conditions have been setup the panel should look similar to the example below. Click on the Save & Exit button to save the panel/widget.
 
[[File:AndonPan39.png]]
 
'''NOTE:''' An Andon panel/widget can have as many as 6 columns and 11 rows. This would provide the user with room to show 10 devices with 4 alarms each.
----
----
<br>
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
|-
|<big>'''Step 52.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|-
|When both Color Conditions have been setup and saved, click on the "X" button to close the Conditions menu.
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:AndonPan38.png|90px]]
|}
|}
|}
|}
<br>
----
----
 
<br>
 
{|style="margin:left; width: 100px; background:#eaf3ff; padding:5px; border:2px solid #000000;"
{|style="margin: auto; background:#eaf3ff; border:1px solid #2a4b8d"
|-
|<big>'''Step 53.'''</big>
{|style="margin:left; width: 800px; background:#F0F0F0; padding:5px; border:2px solid #000000;"
|valign="top" |
|valign="top" |
{| class="article-table mw-collapsible mw-collapsed" width="400px" data-expandtext="&#9660;" data-collapsetext="&#9650;"
|-
!<span style="font-size:150%; color:#0645ad;">Related - Step by Step Guides</span>
|Repeat this process for all the remaining cells. Once all the cells have been setup with the 2 color conditions, select the Save & Exit button at the top right corner of the table
{|style="margin:left;"
|valign="top" |
{|class="wikitable" style="background:white;"
|-
|[[File:VPSaveButton1.png|250px]]
|}
|}
|}
|}
<br>
----
----
<br>
{|style="margin:auto;"
|+
[[File:RelatedHowTos.png|center]]
|align="center" |
{| class="wikitable mw-collapsible mw-collapsed" width="400px;"
|-
|style="text-align: center;" | '''Select a Guide Here'''
|-
|-
|[[VPIV - Create/Edit Rotating Panels|Create a Rotating Panel]]
|[[VPIV - Create/Edit Rotating Panels|Create a Rotating Panel]]
Line 298: Line 1,160:
|[[VPIV - Create a Performance Table Panel|Create a Performance (Table) Panel]]
|[[VPIV - Create a Performance Table Panel|Create a Performance (Table) Panel]]
|}
|}
|valign="top" |
|}
{| class="article-table mw-collapsible mw-collapsed" width="400px" data-expandtext="&#9660;" data-collapsetext="&#9650;"
<br>
!<span style="font-size:150%; color:#0645ad">Additional Help</span>
----
<br>
{|style="margin:auto;"
|+
[[File:SearchHeader.png|center]]
|align="center" |
{|class="wikitable"
|-
|-
|'''Submit a Ticket''' - https://www.versacall.com/customer-support/service-ticket
|<inputbox>type=search</inputbox>
|-
|}
|'''Training Videos''' - https://www.versacall.com/training
|}
|}
|-
<br>
|colspan="2"|<inputbox>
----
              type=search
<br>
              default=Search VersaCall Support
[[File:VC Footer.png|center]]
            </inputbox>
{|style="background:transparent; color:black" border="0" height="200" align="center" valign="bottom" cellpadding=10px cellspacing=10px
|+style="background:transparent|
|-align="center"
|
|[[File:LinkedIn.png|Follow Us On LinkedIn|link=https://www.linkedin.com/company/versacall/]]
|
|[[File:BlogIcon.png|View our Blog|link=https://www.versacall.com/blog/]]
|}
|}
 
<br>
[[Category:Virtual Panels IV]]
[[Category:Virtual Panels IV]]
[[Category:Andon Panel]]
[[Category:Andon Panel]]
[[Category:Panels]]
[[Category:Panels]]
[[Category:Table Panels]]
[[Category:Table Panels]]

Latest revision as of 19:24, 20 April 2023

Call Now 858-677-6766 SubmitTckBtn.png EmailUsBtn.png





GeneralHeader.png

Overview
An Andon Table Panel 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 typical bingo board.
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
AndonPan40.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.
AndonTable.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/Wdiget, 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.
AndonPan51.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 4 modules that have the same 4 alarms/calls (Maintenance, Lead, Materials & Supervisor). To accomplish this you will need to add all of the Rows & Columns of the table. Use the Add Rows & Add Columns buttons at the top of the table.
AndonPan7.png




Step 16.
Add a total of 5 Columns and 6 Rows. Your table will look like the one shown below.
AndonPan8.png




Step 17.
For this example we will be adding a Title or Heading to the panel. This is done by merging cells. Select the first cell in the table (R1, C1), so that it is hightlighted. Use the Merge Horizontal Add button to merge all the way across the table.
AndonPan9.png




Step 18.
Once you have merged all of the cell in the top/first row, your table will look like the image below.
AndonPan10.png




Step 19.
With the top row highlighted, find the Type section at the bottom left of the table. By default, text will be selected as the Type. Click in the Content field and type in a Title/Heading for the panel. For our example we are using South Station Alarms.
AndonPan11.png




Step 20.
After adding the Title/Heading, your top cell will look like the example below.
AndonPan12.png




Step 21.
Each Column for the Station/Module will need to be labeled. Select the first module column cell (R2, C2), so that it is highlighted.
AndonPan13.png




Step 22.
With the R2, C2 cell highlighted, find the Type section at the bottom left of the table. By default, Text will be selected as the Type. Click in the Content field and type in the name of the first Station/Module. For our example we are using Test 1.
AndonPan14.png




Step 23.
Repeat this process for the remaining columns (R2,C3 - R2,C4 - R2,C5). Once they have all been labeled your table will look similar to the image below.
AndonPan15.png




Step 24.
Each Row will need to have the Alarm/Call name entered into the first cell. Click on the R3,C1 cell in the table so that it is highlighted.
AndonPan16.png




Step 25.
With the R3, C1 cell highlighted, find the Type section at the bottom left of the table. By default, Text will be selected as the Type. Click in the Content field and type in the name of the first Alarm/Call. For our example we are using Maintenance.
AndonPan17.png




Step 26.
Repeat the Alarm/Call naming process for the remaining rows (R4,C1 - R5,C1 - R6,C1). Once they have all been labeled, your table will look similar to the image below.
AndonPan18.png




Step 27.
Next we will be configuring the individual cells that correspond to a Module/Station and Alarm. Select the first cell for the first call on the first Module/Station so that it is highlighted. In our example this would be R3,C2 - Test 1, Maintenance.
AndonPan19.png




Step 28.
Find the Type section on the bottom left of the table, select the down arrow and select Tag. We are going to add the Duration tag for the Module - Alarm.
AndonPan20.png




Step 29.
Click on the down arrow in the Content field. Select the first Station, first Alarm/Call Duration tag. For our example this is Test 1 Maint Duration.
AndonPan21.png




Step 30.
Find the Color section at the bottom of the table to the right of the Type/Content section. Click on the Back color swatch.
AndonPan22.png




Step 31.
Select the Green color swatch in the 1st row - select the OK button.
AndonPan23.png




Step 32.
Select the Fore color swatch to the right side of the Back color swatch.
AndonPan24.png




Step 33.
Select the Green color swatch in the 1st row - select the OK button.
AndonPan23.png




Step 34.
Repeat this process for all the other cells (R3, C3 to C5) (R4, C2 to C5) (R5, C2 - C5) (R6, C2 to C5). This sets all the Cells to be Green by default. Next we will be adding conditions to change the color based on the State of the Alarm/Call. When you have setup all of the cells your table will look similar to the image below.
AndonPan25.png




Step 35.
Select the Test 1 - Maintenance cell (R3, C2) so that it is highlighted.
AndonPan26.png




Step 36.
Next we will be setting up conditions to turn the cell different colors based on the State of the Alarm/Call. Find the Conditions button at the bottom of the table - click on this 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.
AndonPan27.png




Step 37.
A conditions pop-up window will appear with tabs at the top labeled Content & Color. Click on the Color tab.
AndonPan28.png




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




Step 39.
In the Left Comparator field select the appropriate state tag for the alarm & device.
AndonPan30.png




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




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




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




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




Step 44.
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 45.
Next we will be setting up the color condition for an Acknowledged Alarm/Call. Click on the Add Color Condition button.
AndonPan29.png




Step 46.
In the Left Comparator field select the appropriate state tag for the alarm & device.
AndonPan30.png




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




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




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




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




Step 51.
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 52.
When both Color Conditions have been setup and saved, click on the "X" button to close the Conditions menu.
AndonPan38.png




Step 53.
Repeat this process for all the remaining cells. Once all the cells have been setup with the 2 color conditions, 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 (Grid) Panel
Create a Performance (Table) Panel




SearchHeader.png




VC Footer.png
Follow Us On LinkedIn View our Blog