Diferencia entre revisiones de «Diagrams»

De wiki.kiconex
mSin resumen de edición
mSin resumen de edición
Línea 35: Línea 35:
[[Archivo:Barra de configuración del diagrama.png|centro|miniaturadeimagen|Barra de configuración del diagrama]]
[[Archivo:Barra de configuración del diagrama.png|centro|miniaturadeimagen|Barra de configuración del diagrama]]


 
===  Añadir imagen: ===
Añadir imagen:  
[[Archivo:Añadir imagen en barra de configuración del diagrama.png|centro|miniaturadeimagen|Añadir imagen en barra de configuración del diagrama]]
[[Archivo:Añadir imagen en barra de configuración del diagrama.png|centro|miniaturadeimagen|Añadir imagen en barra de configuración del diagrama]]


Línea 54: Línea 53:
[[Archivo:Imagen cargada en diagrama.png|centro|miniaturadeimagen|560x560px|Imagen cargada en diagrama]]
[[Archivo:Imagen cargada en diagrama.png|centro|miniaturadeimagen|560x560px|Imagen cargada en diagrama]]


 
===  Añadir parámetros ===
Añadir parámetros
 
Para añadir parámetros se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
Para añadir parámetros se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
[[Archivo:Añadir parámetros en barra de configuración de diagramas.png|centro|miniaturadeimagen|Añadir parámetros en barra de configuración del diagramas]]
[[Archivo:Añadir parámetros en barra de configuración de diagramas.png|centro|miniaturadeimagen|Añadir parámetros en barra de configuración del diagramas]]
Línea 66: Línea 63:




Añadir botón
=== Añadir botón ===
 
Para añadir un botón se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
Para añadir un botón se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
[[Archivo:Añadir botón en barra de configuración del diagrama.png|centro|miniaturadeimagen|Añadir botón en barra de configuración del diagrama]]
[[Archivo:Añadir botón en barra de configuración del diagrama.png|centro|miniaturadeimagen|Añadir botón en barra de configuración del diagrama]]
Línea 73: Línea 69:




 
===  Añadir objeto ===
Añadir objeto
 
Para añadir un objeto se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
Para añadir un objeto se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  


Línea 82: Línea 76:




Añadir texto
=== Añadir texto ===
 
Para añadir texto se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
Para añadir texto se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
[[Archivo:Añadir texto en barra de configuración del diagrama.png|centro|miniaturadeimagen|Añadir texto en barra de configuración del diagrama]]
[[Archivo:Añadir texto en barra de configuración del diagrama.png|centro|miniaturadeimagen|Añadir texto en barra de configuración del diagrama]]
Línea 89: Línea 82:




Cambiar color de fondo
=== Cambiar color de fondo ===
 
Para cambiar el color de fondo se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
Para cambiar el color de fondo se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
[[Archivo:Cambiar color de fondo en barra de configuración del diagrama.png|centro|miniaturadeimagen|Cambiar color de fondo en barra de configuración del diagrama]]
[[Archivo:Cambiar color de fondo en barra de configuración del diagrama.png|centro|miniaturadeimagen|Cambiar color de fondo en barra de configuración del diagrama]]
Línea 96: Línea 88:




 
===  Añadir botón multi-acción ===
Añadir botón multi-acción
 
Para añadir un botón multi-acción se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
Para añadir un botón multi-acción se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
[[Archivo:Añadir botón multi-acción en barra de configuración del diagrama.png|centro|miniaturadeimagen|Añadir botón multi-acción en barra de configuración del diagrama]]
[[Archivo:Añadir botón multi-acción en barra de configuración del diagrama.png|centro|miniaturadeimagen|Añadir botón multi-acción en barra de configuración del diagrama]]
Línea 104: Línea 94:




 
===  Exportar a png ===
Exportar a png
 
Para exportar a png se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
Para exportar a png se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
[[Archivo:Exportar a png en barra de configuración del diagrama.png|centro|miniaturadeimagen|Exportar a png en barra de configuración del diagrama]]
[[Archivo:Exportar a png en barra de configuración del diagrama.png|centro|miniaturadeimagen|Exportar a png en barra de configuración del diagrama]]
Línea 112: Línea 100:




 
===  Exportar a SVG ===
Exportar a SVG
 
Para exportar a SVG se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
Para exportar a SVG se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
[[Archivo:Exportar a SVG en barra de configuración del diagrama.png|centro|miniaturadeimagen|Exportar a SVG en barra de configuración del diagrama]]
[[Archivo:Exportar a SVG en barra de configuración del diagrama.png|centro|miniaturadeimagen|Exportar a SVG en barra de configuración del diagrama]]
Línea 120: Línea 106:




 
===  Mostrar/quitar Grid ===
Mostrar/quitar Grid
 
Para mostrar/quitar Grid se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
Para mostrar/quitar Grid se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:  
[[Archivo:Mostrar-quitar grid.png|centro|miniaturadeimagen|Mostrar/quitar grid]]
[[Archivo:Mostrar-quitar grid.png|centro|miniaturadeimagen|Mostrar/quitar grid]]

Revisión del 13:43 13 feb 2023

Diagramas

Los diagramas son representaciones gráficas de los elementos que conviven en la instalación o instalaciones de mykiconex.

Pueden ser representadas con gráficas, tablas, planos, imágenes, entre otras muchas posibilidades, esto siempre irá de la mano con las necesidades de la instalación y del estilo de la persona que lo diseñará, se generará una imagen o imágenes en las que se podrá controlar visualmente la instalación sin tener que acceder a los distintos puntos.

Se pueden cargar los parámetros en la base del diagrama, estos parámetros se visualizarán a tiempo real y se puede acceder a las gráficas de los parámetros y visualizar tanto a tiempo real el comportamiento de la gráfica como en un tiempo determinado.

Existe el modo kiosco en la aplicación de kiconex que tiene la opción de visualizar la imagen del diagrama sin interacción ninguna, esto se puede utilizar para visualizar el funcionamiento de la máquina o vigilar temperaturas de todas las máquinas por ejemplo.

Configuración de un diagrama

Para crear un diagrama debes acceder a la instalación y seguido de esto entrar en el botón "Diagramas"

Botón de diagramas dentro de la instalación

Al acceder encontrarás el listado de diagramas, verás el nombre, la descripción, si se ha modificado y desde cuando, en caso de que tengas uno creado saldrá en este aparatado, en caso contrario para crearlo pulsarás en la cruz.

Botón de añadir diagrama

Entrarás en el panel de configuración general del diagrama donde debes configurar el nombre y la descripción del diagrama. Tienes la opción de configurar el formato, viene por defecto las medidas 1280 x 720 pixeles aunque se puede elegir entre 800 x 600 hasta 1920 x 1080 y si lo deseas en vertical u horizontal.

Configuración general del diagrama


El siguiente paso es entrar en la pestaña de diagrama donde comenzarás a definir el diagrama.

Pestaña de diagrama


Es necesario elegir una capa para comenzar. Una vez elegida se muestra una capa con una cuadrícula y se debe pulsar guardar para finalizar la configuración.

Para comenzar a configurar, hacer click derecho en editar o entrar en el diagrama y pulsar en el icono del lápiz para editar.

Editar desde el listado de diagramas
Editar diagrama desde el diagrama

Opciones de configuración de la capa

Los siguientes iconos son los iconos de configuración del diagrama:

Barra de configuración del diagrama

Añadir imagen:

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


Si pulsas encima del icono sale un panel de nuevo objeto, aquí podrás cargar la imagen que necesites para representar en el diagrama, por ejemplo un plano de la instalación donde se encuentren todos o algunos de los dispositivos a monitorizar, algún circuito de una maquina, entre otros.

Tienes dos pestañas donde en una es "Texto" podrás nombrar esta imagen y configurar el tamaño y el texto de este nombre, este se mostrará en la imagen que subas.

Pestaña texto


La siguiente pestaña es "Imagen" donde podrás subir la imagen y configurar el tamaño del archivo, también podrás previsualizar el elemento.

Pestaña imagen con previsualización


Pulsar añadir para subirla, una vez subida la imagen se cerrará el recuadro de configuración y ya puedes ubicar la imagen donde desees.

Imagen cargada en diagrama

Añadir parámetros

Para añadir parámetros se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:

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




Añadir botón

Para añadir un botón se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:

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


Añadir objeto

Para añadir un objeto se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:

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


Añadir texto

Para añadir texto se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:

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


Cambiar color de fondo

Para cambiar el color de fondo se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:

Cambiar color de fondo en barra de configuración del diagrama


Añadir botón multi-acción

Para añadir un botón multi-acción se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:

Añadir botón multi-acción en barra de configuración del diagrama


Exportar a png

Para exportar a png se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:

Exportar a png en barra de configuración del diagrama


Exportar a SVG

Para exportar a SVG se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:

Exportar a SVG en barra de configuración del diagrama


Mostrar/quitar Grid

Para mostrar/quitar Grid se debe pulsar sobre el icono que se muestra a continuación en la barra de configuración del diagrama:

Mostrar/quitar grid