Skip to Content
Technical Articles
Author's profile photo Ciro Peroso Alves Junior

Transição automática de histórias com “Analytic Application”

Criando uma transição automática para as histórias no SAC utilizando o Analytic Application.

Abaixo uma amostra de transição de dois relatórios, eu utilizo esse recurso para colocar em algumas televisões espalhadas pela empresa com informações cruciais para o funcionamento e informações publicas do negócio.

Assim disseminamos a informação para a equipe e agilizamos a tomada de decisão.

 

 

Dentro do Analytic Application adiciono ao canvas a quantidade de Panel que preciso, crio as histórias dentro de cada Panel.

No canvas clica em edit script e escolhe a opção onInitialization.

Vamos escrever o script abaixo para criar a funcionalidade.

PS: Não alterei o nome dos painéis mantive o nome de Panel_1 e Panel_2.

console.log('onInitialization - begin');
//Variável boleana para manter a funcionalidade dentro de um laço de repetição.
var fim = true; 

//Variavel para transição de Panel
var panel = 1;

//Tempo que cada painel vai ficar visível na tela
var Lim1 = 1000;
var Lim2 = 1000;

//Iniciamos o navegador deixando as informações em um laço de repetição.
do {
	//Validamos a variável panel para mostrar o primeiro painel.
	if (panel === 1){
		//Iniciamos um laço de repetição para ficar um tempo mostrando o painel.
		var timer1 = 0;
		do {
			//Aqui colocamos o primeiro painel visível e o segundo invisível.
			Panel_1.setVisible(true);
			Panel_2.setVisible(false);
			timer1 ++;
		} while (timer1 < Lim1);
		//Quando sair do laço mudamos a variavel panel para 2 para entrar na próxima condição.
		panel = 2;
	} else if (panel === 2){
		var timer2 = 0;
		do {
			Panel_1.setVisible(false);
			Panel_2.setVisible(true);
			timer2 ++;
		} while (timer2 < Lim2);
		//Quando sair do ultimo laço valtamos a variavel panel para 1 para recomeçar.
		panel = 1;
	} 
} while ( fim === true)

console.log('onInitialization - end');

Com a instrução acima é possível criar uma animação com os painéis deixando somente um visível e alternando entre eles.

Assigned Tags

      2 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Aditya Garg
      Aditya Garg

      very interesting.

      I tried to implement the animation ( mentioned in https://www.sapanalytics.cloud/timer-analytics-designer/ )by Jason but was not able to.

       

      Can you help me pls?

       

      Author's profile photo Ciro Peroso Alves Junior
      Ciro Peroso Alves Junior
      Blog Post Author

      Hi Aditya

      I tried to use the Yang post.
      I didn't It worked.
      So I did it from my own knowledge of javascript.

      How can I help you?

      whats you problem?

      It's a pleasure to help you.