Diferència entre revisions de la pàgina «Uso de Grafana en el VPS del Máster de Industria 4.0 el curso 2022-2023»
Salta a la navegació
Salta a la cerca
| (Hi ha 32 revisions intermèdies del mateix usuari que no es mostren) | |||
| Línia 1: | Línia 1: | ||
| − | [[Image: | + | [[Image:38grafana3elements2023.png|center|thumb|Ejemplo de visualización en Grafana]] |
<!-- | <!-- | ||
[[Image:18nodeRedRW.png|center|thumb|Escritura a InfluxDB]] | [[Image:18nodeRedRW.png|center|thumb|Escritura a InfluxDB]] | ||
| Línia 5: | Línia 5: | ||
= Acceso a Grafana = | = Acceso a Grafana = | ||
| − | Hay tres tipos de usuario en Grafana: Administrador, Editor | + | Hay tres tipos de usuario en [https://grafana.com/ Grafana]: ''Administrador'', ''Editor'' y ''Visualizador''. |
| − | Podeis acceder a [http://vps656540.ovh.net:3000 Grafana en el VPS del Máster de Industria 4.0] mediante el usuario '''m28XX''' cambiando '''XX''' por vuestro [[Asignación de puertos para el curso | + | Podeis acceder a [http://vps656540.ovh.net:3000 Grafana en el VPS del Máster de Industria 4.0] mediante el usuario '''m28XX''' cambiando '''XX''' por vuestro [[Asignación de puertos para el curso 2023-2024 | número asignado en clase]]. Tenéis acceso con permisos de edición. También hay un usuario '''convidat''' con contraseña ''benvingut'' para que se pueda visualizar Grafana sin derecho a hacer modificaciones (usuario para que un comercial, o un cliente, puedan enseñar los datos graficados). |
Para poder compartir todos los usuarios el Grafana en línea, se sugiere que cada panel de control (''dashboard'') use un prefijo del estilo '''Máster 28XX''', siendo '''XX''' vuestro número asignado. Ejemplo de nombres de paneles de control: '''Master 28XX Dashboard''' o '''Máster 28XX Json Values'''. | Para poder compartir todos los usuarios el Grafana en línea, se sugiere que cada panel de control (''dashboard'') use un prefijo del estilo '''Máster 28XX''', siendo '''XX''' vuestro número asignado. Ejemplo de nombres de paneles de control: '''Master 28XX Dashboard''' o '''Máster 28XX Json Values'''. | ||
| Línia 15: | Línia 15: | ||
La primera vez que se entra en Grafana con las credenciales de acceso como Administrador (la primera vez es ''admin''/''admin'' y se requiere un cambio de contraseña. La segunda vez ya se accede con la nueva contraseña): | La primera vez que se entra en Grafana con las credenciales de acceso como Administrador (la primera vez es ''admin''/''admin'' y se requiere un cambio de contraseña. La segunda vez ya se accede con la nueva contraseña): | ||
| − | [[Image: | + | [[Image:20grafana02023.png|center|Primera pantalla de Grafana como administrador]] |
| − | |||
| − | |||
| − | |||
| − | |||
<!-- | <!-- | ||
| Línia 29: | Línia 25: | ||
== Establecimiento del origen de datos == | == Establecimiento del origen de datos == | ||
| − | [[Image: | + | [[Image:24grafanaAdminDataSource2023.png|center|Establecimiento del origen de datos]] |
| − | [[Image: | + | [[Image:25grafanaAdminDataSource022023.png|center|Establecimiento del origen de datos]] |
| − | |||
| − | |||
| − | |||
== Usuarios == | == Usuarios == | ||
| − | [[Image: | + | [[Image:27grafanaAdminUsers002023.png|center|Nuevos usuarios]] |
= Edición = | = Edición = | ||
| + | Entramos con nuestro usuario al [http://vps656540.ovh.net:3000/ Grafana] del VPS del máster. | ||
| + | == Creación de un panel de control == | ||
| + | === Creación de un nuevo panel de control === | ||
| + | [[Image:22grafanaCreateDashboard2023.png|center|Creación de un nuevo panel de control]] | ||
| + | === Quitar el límite de 50 puntos por gráfica === | ||
| + | Quitar el límite de 50 puntos por gráfica (seleccionar el conmutador '''order''' y borrar el número 50): | ||
| − | + | [[Image:23grafanaCreateDashboard2023.png|center|Quitar el límite de 50 puntos por gráfica]] | |
| + | === Origen de datos ('''Dataset''') === | ||
| + | Origen de datos a visualizar ('''Dataset''' <-- ''aula206''): | ||
| + | [[Image:24grafanaCreateDashboard2023.png|center|Selección del origen de datos]] | ||
| + | ==== Generación de datos para visualizar ==== | ||
| + | Aprovechando el ejercicio ''Aleatorización controlada por el panel de control'' [[Uso de la base de datos MariaDB desde NodeRED (2023)#Aleatorización controlada por el panel de control | Uso de la base de datos MariaDB desde NodeRED]], usaremos los datos generados y almacenados en MariaDB para visualizarlos en Grafana. | ||
| − | [[Image: | + | [[Image:25nodoMariaDbNodeRed.png|center|Generación de datos aleatorios]] |
| − | + | Al seleccionar el conmutador (''switch'') '''Randomize''' comienza la generación de datos aleatorios. Al deseleccionarlo se para la generación de datos. | |
| − | [[Image: | + | [[Image:26nodoMariaDbNodeRed.png|center|Generación de datos aleatorios]] |
| − | + | [https://www.binefa.cat/training/upcSchool/2023/20230415/26nodeRedRandomUi.nodered.json Código para el NodeRED que genera dos datos aleatorios] | |
| − | [[Image: | + | === Seleccion de tabla y datos a visualizar === |
| + | Seleccionar una tabla vista con '''time''' con formato de '''época UNIX'''. Luego seleccionar la columna '''time''' y después los datos a visualizar ('''valueT''') | ||
| + | [[Image:25grafanaCreateDashboard2023.png|center|Selección de tabla y datos a visualizar]] | ||
| + | Añadir más datos a visualizar (añadir '''valueRH''') | ||
| + | [[Image:26grafanaCreateDashboard2023.png|center|Selección de tabla y datos a visualizar]] | ||
| − | + | == Parámetros de la gráfica == | |
| + | [[Image:30grafanaPanelSettings2023.png|center|Parámetros]] | ||
| − | |||
| + | [[Image:31grafanaPanelSettings2023.png|center|Parámetros]] | ||
| − | |||
| − | + | [[Image:32grafanaPanelSettings2023.png|center|Parámetros]] | |
| − | |||
| + | [[Image:33grafanaPanelSettings2023.png|center|Parámetros]] | ||
| − | [[Image: | + | == Parámetros del estado (''stat'') == |
| + | [[Image:34grafanaStat2023.png|center|Parámetros del estado]] | ||
== Parametros del reloj de visualización (''gauge'') == | == Parametros del reloj de visualización (''gauge'') == | ||
| − | [[Image: | + | [[Image:35grafanaGauge2023.png|center|Parametros del reloj de visualización]] |
| − | |||
| − | |||
| − | |||
== Visualización final con 3 elementos == | == Visualización final con 3 elementos == | ||
| − | + | Salvar el panel de control en una carpeta de nombre m28XX (cambiar por vuestro número) y con el prefijo del número de puerto asignado: | |
| − | + | [[Image:38grafana3elements2023.png|center|Visualización final con 3 elementos]] | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | [[Image: | ||
Revisió de 15:23, 3 maig 2024
Contingut
Acceso a Grafana[modifica]
Hay tres tipos de usuario en Grafana: Administrador, Editor y Visualizador.
Podeis acceder a Grafana en el VPS del Máster de Industria 4.0 mediante el usuario m28XX cambiando XX por vuestro número asignado en clase. Tenéis acceso con permisos de edición. También hay un usuario convidat con contraseña benvingut para que se pueda visualizar Grafana sin derecho a hacer modificaciones (usuario para que un comercial, o un cliente, puedan enseñar los datos graficados).
Para poder compartir todos los usuarios el Grafana en línea, se sugiere que cada panel de control (dashboard) use un prefijo del estilo Máster 28XX, siendo XX vuestro número asignado. Ejemplo de nombres de paneles de control: Master 28XX Dashboard o Máster 28XX Json Values.
La primera vez que se entra en Grafana con las credenciales de acceso como Administrador (la primera vez es admin/admin y se requiere un cambio de contraseña. La segunda vez ya se accede con la nueva contraseña):
Administración[modifica]
Establecimiento del origen de datos[modifica]
Usuarios[modifica]
Edición[modifica]
Entramos con nuestro usuario al Grafana del VPS del máster.
Creación de un panel de control[modifica]
Creación de un nuevo panel de control[modifica]
Quitar el límite de 50 puntos por gráfica[modifica]
Quitar el límite de 50 puntos por gráfica (seleccionar el conmutador order y borrar el número 50):
Origen de datos (Dataset)[modifica]
Origen de datos a visualizar (Dataset <-- aula206):
Generación de datos para visualizar[modifica]
Aprovechando el ejercicio Aleatorización controlada por el panel de control Uso de la base de datos MariaDB desde NodeRED, usaremos los datos generados y almacenados en MariaDB para visualizarlos en Grafana.
Al seleccionar el conmutador (switch) Randomize comienza la generación de datos aleatorios. Al deseleccionarlo se para la generación de datos.
Código para el NodeRED que genera dos datos aleatorios
Seleccion de tabla y datos a visualizar[modifica]
Seleccionar una tabla vista con time con formato de época UNIX. Luego seleccionar la columna time y después los datos a visualizar (valueT)
Añadir más datos a visualizar (añadir valueRH)
Parámetros de la gráfica[modifica]
Parámetros del estado (stat)[modifica]
Parametros del reloj de visualización (gauge)[modifica]
Visualización final con 3 elementos[modifica]
Salvar el panel de control en una carpeta de nombre m28XX (cambiar por vuestro número) y con el prefijo del número de puerto asignado:
