Revisión del 07:13 24 oct 2023

Diagrams

The diagrams module allows to make synoptic diagrams of one or several facilities in SCADA mode where images and variables can be mixed in real time to obtain status and operation information on a simple screen.

The configuration of these diagrams is done directly in myKiconex platform in an easy and intuitive way. Images, analog variables, digital variables, dynamic icons, action buttons, layer change links...etc. can be included.

The variables configured in each diagram will be displayed in real time and can be plotted by clicking on the different elements.

In addition to the above, there is a full screen view mode in myKiconex web app. In this way, the diagram can be viewed as if it were a stand-alone SCADA application including all possibilities for viewing, navigation, interaction, etc.

Diagram Configuration

To create a diagram, access the facility and then navigate to the "Diagrams" subsection.

When accessing, you can find the list of diagrams. If any diagram is available, the name, description and date of the last modification will be displayed. If a diagram has already been created, it will appear in this list. Otherwise, a new one can be created by clicking on the + icon.

By clicking on the + icon, you can access the diagram general configuration panel where the name and description of the diagram must be configured. Next, you must select the canvas format to be used. By default it comes with the dimensions 1280 x 720 pixels, although you can choose between 800 x 600px up to 1920 x 1080px, both vertically and horizontally.

The next step is to access the diagram tab where the content of the diagram is defined.

The main thing is to choose a layer as the main layer, this will be the initial screen when opening the diagram. Once chosen, a layer with a grid will be displayed. By clicking on save, on the bottom icon of the diagram, all changes will be saved.

To modify an existing diagram, right click on a diagram and select edit. You can also enter the diagram and click on the pencil icon to edit it.

Layer configuration options

Layer configuration options The following icons are the diagram configuration icons:

Barra de configuración del diagrama

The description of each icon from left to right is:

Add image. Add a background image or an image to be used in some element.
Add parameter. Menu to select variables of a control to display in the diagram.
Add button. Used to add a button to the diagram to perform an action when clicked.
Add object. Use it to add a shape or object to the diagram.
Add text. Menu to include a text with its properties.
Change background color. Used to change the background color of the diagram.
Add multi-action button. Use it to create a button that executes several commands simultaneously when clicked.
Export to PNG. Exports the diagram to a .png image format.
Export to SVG. Export the diagram to an .svg image format.
Show/hide grid. Select whether to show or not the grid.

Add image

Añadir imagen en barra de configuración del diagrama

By clicking on the icon a new new object panel appears. Here you can load the image to be used to represent in the diagram. For instance, a plan of the facility where all or some of the devices to be monitored are located, a circuit of an equipment, ect. among others.

Two tabs appear in this pop-up. The first tab Text will allow the user to name this image and configure the size. The text of this name will be displayed in the image the user uploads.

The next tab is Image, where the user can upload the image and set the file size. It can also preview the element.

By clicking on the add button the image is uploaded to the diagram. Once the image is uploaded, the configuration box will close and the image will appear so that it can be placed in the desired position.

Add parameters

To add parameters, click on the icon shown below in the diagram configuration bar:

Añadir parámetros en barra de configuración del diagramas

Once the icon is clicked, a configuration panel for this parameter will appear. It has four configuration tabs:

Parameters

Select facility: this drop-down menu automatically selects the facility to be worked on.

Select control: the control (machine or device to be monitored) must be selected.

Select parameter: the parameter to be displayed must be selected. That is, the variable to be monitored.

With the Show icon selector users indicate whether they want to display the icon (seeing a preview of the final format at the bottom of the pop-up). The size of the icon can be configured in the diagram, as well as the position of the X and Y axis.

Shape

In this tab the user sets the height, width, radius and color of the area where it can access the graph of this parameter. The preview of the item will be displayed upon completion.

Texto

Lo primero que encontrará es el recuadro de introducción del texto, aquí podrá introducir el nombre que quiere mostrar que identifique al parámetro, puede ser en nombre de la sala, del control o de la máquina, por ejemplo.

Se puede habilitar o deshabilitar el mostrar el valor y configurar la posición X e Y indicando el tamaño en el que se quiere visualizar el valor. Al final verá la previsualización del elemento.

Seguido podrá configurar el color del texto haciendo click en el recuadro donde aparecerá una paleta de colores.

Se puede habilitar o deshabilitar el mostrar el nombre y configurar la posición X e Y indicando el tamaño en el que se quiere visualizar el tamaño del nombre. Al final verá la previsualización del elemento.

Acción

Tiene un desplegable donde podrá seleccionar las diferentes acciones que puede realizar este parámetro en cuanto se haga click encima de su área, se puede cambiar de capa, cargar diagrama, cargar instalación, cargar control, ir a un link externo o simplemente la acción del parámetro.

A su lado está la configuración Destino que indicará las opciones posibles una vez se haya seleccionado la pestaña anterior. Al final verá la previsualización del elemento.

Una vez terminadas estas configuraciones se debe hacer click en añadir y este parámetro se añadirá al diagrama, lo podrá situar donde desee.