""

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

We need to install an extension to be able to add the Rapid Prototyping component to Design Studio. This component will allow us to write Javascript to read indicators from the crosstab and apply alerts. You can download the extension HERE
Select the .zip option:

From within Design Studio, select Tools - Install Extension to Design Studio…

Img2.png

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

Once installed locally, install it in the platform by selecting Tools - Platform Extensions…

 

Select the extension going to be used: Design Studio SCN Community Prototypes, and click on “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:
 

We have to modify the crosstab’s CSS Style in order to hide all columns where alerts are allocated. We do not want these columns to be displayed, but we will need them in the HTML code to retrieve their values. You can find a good explanation on how to format a crosstab in the Clariba Blog article: Formatting Crosstabs
Our JavaScript code will allow us to perform the following tasks:
•    Retrieving the table name we want to apply the alert to (defined at the CROSS_ID text component we’ve created before)
•    Getting the JS crosstab object using this Name
•    Using the JS object, we’ll be able to browse across all crosstab’s child records. Following the fist example, in case the child where the alert is 1, we’ll change the style.color from the indicator to RED. In case the value is 2, we’ll change it to GREEN

¡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