Crear un cuadro de control

Inicio  Anterior  Siguiente

Un cuadro de control es un forma de comunicar de forma conjunta el resultado de los procesos y análisis que se hayan podido generar en un proyecto. El cuadro de control agrupa y da formato a estos resultados desde la propia aplicación; sin embargo, recordemos que cada unidad de análisis y también cada informe, dispone de un enlace único que permite embeber el código de resultado en cualquier página web.

Para crear un informe o cuadro de control procederemos accediendo al proyecto del que deseamos hacer el informe.

Paso 1

DH_clip0010Editar el proyecto en el cual vamos a crear el cuadro de control. No importa si no tenemos análisis ya creados en el proyecto, ya que lo podemos hacer desde el mismo proyecto. En nuestro ejemplo, vamos a partir de tener ya creados los análisis y solo tendremos que elegirlos. Tras seleccionar el proyecto, clic en la pestaña de cuadros de control y clic en el botón DH_clip0069.

Paso 2

Nos aparece un lienzo blanco sobre el que comenzaremos a operar, mientas que en la parte derecha, surgen un conjunto de paneles desplegables que mostrarán todo lo que se puede hacer en el cuadro de control. Los botones superiores de la barra de herramientas, ya anuncian lo que se puede hacer.

DH_clip0070

Paso 3

Vamos a proceder a añadir el primer elemento que compone el cuadro de control, un título. Por ello escribiremos un texto HTML que aparecerá en el lienzo. Pero antes de escribir, debemos decidir dónde. El lienzo (zona cuadriculada) está vacío y debemos indicar donde vamos a escribir (sobre una fila); debemos por tanto añadir el panel sobre el que vamos a escribir. El icono DH_clip0071permite añadir una fila al lienzo vacío. Como queremos que sea un título, haremos que este ocupe toda la primera fila, por lo que creamos una fila, con sólo una columna. Cambiamos el valor de 2 por defecto de número de columnas de la fila, por el 1, y clic en icono DH_clip0071. El lienzo quedará de la siguiente forma:

DH_clip0072

Se traza un panel que ocupa toda la fila. En esa fila, daremos el siguiente paso.

Paso 4

Añadiremos ahora un elemento de tipo texto DH_clip0073. Lo haremos mediante la selección del panel de la fila, y posteriormente clic en el icono DH_clip0073. Aparece la palabra texto y en el desplegable de propiedades, veremos que hay un pequeño editor para editar / pegar el contenido  HTML que deseemos. Le aconsejamos, si es más cómodo, maximizar el editor desde el menú  Ver y la entrada Pantalla completa. Para volver, usar la misma entrada de menú...

DH_clip0074

y quedaría de la siguiente forma en el lienzo al hacer clic en el botón DH_clip0075...

DH_clip0076

Si en el panel de propiedades modificamos el valor de la altura de la fila a 50 píxeles, conseguiremos este aspecto.

DH_clip0078 Secuencialmente, podremos crear tantas filas y dentro de éstas, tantas columnas como deseemos en nuestro diseño de informe. Un consejo, para que se vea bien en dispositivos móviles, crear un diseño responsivo; utilizar tantas filas como sea necesario y no más de dos columnas por fila, sobre todo si en éstas se deben poner tablas o gráficos muy densos. Se pueden combinar filas con diversas columnas de acuerdo a su diseño.

Paso 5

Nuevamente, crearemos una fila, pero ahora lo haremos con dos columnas. Repetimos el paso 3, con dos columnas por fila y el lienzo queda así.

DH_clip0079

pudiéndose apreciar en la imagen, que se creó una nueva fila con dos columnas. Hacemos clic en icono DH_clip0081 y clic en el espacio que debe ocupar el análisis que vamos a añadir, quedando éste señalado en color naranja.

DH_clip0080

El espacio queda marcado, y tras ello, nos resta seleccionar el análisis, desplegando los ya diseñados en este proyecto, o creando uno nuevo. Atención, porque los análisis creados dentro de un cuadro de control, no estarán disponibles en el proyecto. Sólo serán válidos en este cuadro de control. Haciendo clic en DH_clip0082 podremos añadirlo a nuestro cuadro de control.

DH_clip0083

Del mismo modo, si procedemos con la siguiente columna incorporando el otro análisis...

DH_clip0084

Paso 6

Vamos a ver como este cuadro de control se vería en el navegador. Para ello utilizamos el icono DH_clip0085que nos permite ver el resultado de nuestro trabajo.

DH_clip0086

Como es obvio, puedes seguir añadiendo filas, columnas, y más páginas (pestañas) utilizando el icono DH_clip0087junto a las pestañas. Cada vez que hagas clic en DH_clip0088se creará una nueva pestaña. Podrás cambiar el texto de la misma haciendo doble clic sobre el texto de la pestaña en modo de edición del cuadro de control.DH_clip0255

 

Paso 7

Por último, si quieres que alguien no registrado en SegmentaNet, pueda ver tu informe o lo pueda publicar en una web, puedes enviarle el enlace para que lo inserte en su web. Usa para ello el enlace que proporciona el icono DH_clip0090 en la barra de herramientas del cuadro de control en modo de edición. Así podrás ver el cuadro de control a pantalla completa y/o en una web diferente.