Design Studio: Cómo crear alertas en un Crosstab con HANA en 3 pasos

Como ya sabemos el formato condicional en los indicadores, es una propiedad que alerta a los usuarios sobre el estado de sus negocios. ¿Pero qué pasa cuando queremos aplicarlo en una Crosstab de Design Studio cuando el Data Source es HANA?

Cuando el Data Source es HANA, ésta funcionalidad no está disponible y tenemos que buscar una alternativa que nos permita solucionar éste problema. Se podría realizar con el componente Scorecard, pero en Clariba hemos encontrado una solución para realizarlo con Crosstab que és más eficiente puesto que tiene mejor rendimiento ante la Scorecard. Además, la solución es fácil de mantener y escalable. En éste blog te mostraremos cómo lo hemos logrado.

Los componentes que vamos a utilizar son:

  • Crosstab
  • Text
  • Rapid Prototyping (parte de una extensión)

Paso 1: instalación de la extensión

Primero tenemos que instalarnos una extensión para poder añadir el componente Rapid Prototyping a Design Studio. Éste componente nos permitirá escribir un Java Script que leerá los indicadores de la crosstab i aplicarà las alertas. El link de descarga está  AQUÍ
Seleccionamos la opción .zip:

Desde dentro de Design Studio, seleccionamos  Herramientas - Instalar Extensión para Design Studio ...

Img2.png

Buscamos el archivo .zip que acabamos de descargar y hacemos clic en Aceptar

Una vez instalado localmente, lo instalamos en la plataforma seleccionando Tools - Platform Extensions ...

 

Seleccionamos la extensión que va a utilizarse: Design Studio SCN Community Prototypes y hacemos clic en "Install on Platform"

Cerramos la ventana; La extensión ya se ha instalado.

Paso 2 - Desarrollo

Después de la instalación ya podemos proceder al desarrollo de la solución. En primer lugar se debe preparar correctamente el Data Source. Para ello debemos crear una columna para cada una de las medidas que tendrán alarma. En esta columna se introducirá un indicador que nos permitirá saber qué tipo de alerta estamos aplicando. Por ejemplo:
• 1 para que estos valores se resalten en ROJO
• 2 para que estos valores se resalten en VERDE
 Seguidamente creamos la Crosstab que apunta a éste Data Source. También debemos crear un elemento de texto donde se indicará el nombre de la crosstab y finalmente el componente Rapid Prototype, de tal forma que nos quedarán estos elementos:
 

Tenemos que modificar el estilo CSS de la crosstab para ocultar todas aquellas columnas donde se encuentran las alertas. No queremos que estas columnas se vean, pero es necesario que estén en el HTML para poder consultar sus valores. En este link encontrareis otro blog de Clariba en el que se explica cómo formatear una Crosstab: Formatear tablas de referencias cruzadas
Nuestro código JavaScript nos permitirá realizar las siguientes tareas:
• Recuperar el nombre de tabla al que queremos aplicar la alerta (definido en el componente de texto CROSS_ID que hemos creado antes)
• Obtener el JS Usando este nombre
• Utilizando el objeto JS, podremos navegar por todos los registros secundarios de la tabla de referencias cruzadas. Siguiendo el primer ejemplo, en caso de que el niño en el que la alerta sea 1, cambiaremos el estilo.color del indicador a ROJO. En caso de que el valor sea 2, lo cambiaremos a VERDE

¡Observa los resultados a continuación!

 

Paso 3 - Replicación

Finalmente, si tenemos más de una Crosstab en la que queramos aplicar alertas en el mismo Documento de Design Studio, es tan facil como hacer un set.Text(“Nombre_Crosstab”) al componente de texto creado (CROSS_ID).

(No dude en ponerse en contacto con nuestro equipo para cualquier consulta!)
 

EspañolEnglish