Páginas filhas
  • DT DVAFIN-4008 Criação e Visualização de Dashboards.


01. DADOS GERAIS

Linha de Produto:Virtual Age
Segmento:Moda
Módulo:Geral
Função:

GERFM256 -  Manutenção de Dashboards

GERFM257 -  Manutenção de painéis

GERFM258 - Manutenção da Exibição Automática de Dashboard do Usuário

GERFL128 - Lista/Manutenção de Liberação de Dashboard

GERFC010 - Consulta de Dashboad Liberado


Requisito/Story/Issue (informe o requisito relacionado) :DVAFIN-4008


02. SITUAÇÃO/REQUISITO

Foi solicitado desenvolvimento de um novo processo dentro do sistema, para visualização macro de diversas informações em tempo real de setores e processos diferentes de uma só vez. 

Uma consulta que retornasse valores validos para tomada de decisão, sem que o usuário precise acessar vários relatórios para obte-los.

03. SOLUÇÃO

Foi desenvolvido um novo processo de visualização de "DASHBOARD" dentro do storeAge. Este processo será inteiro configurável, trazendo vários modelos de visualização, contendo informações de filtros pré configurados. Será possível a configuração de gráficos para tomada de decisão, listas de consultas, totalizadores e também lembretes, todas as informações em uma mesma janela, podendo ser visualizada na entrada do sistema, no meio do dia e também no final do processo.

CRIAÇÃO E CONFIGURAÇÃO DE PAINÉIS

Imagem 1 -  Na imagem acima, como podemos observar foi criado um novo componente GERFM257 onde criaremos os painéis de visualização que serão inseridos no dashboard. Neste componente definiremos o período em que o painel fará sua consulta, juntamente com a definição de cores de borda e titulo do painel. Neste componente o usuário terá a possibilidade de informar sequências e filtros fixos para que no momento da consulta o sistema traga informações reais de seu dia a dia. Vale também tomar atenção, no "Tipo de Exibição" do painel que esta sendo criado, juntamente com o período que este painel irá considerar. Veja que na parte de módulos já existem alguns módulos desenvolvidos, juntamente com as chamadas de seus componentes de consulta e filtro. Mas nem todos possuem filtro, alguns buscam informações fixas da empresa logada dentro do período configurado.

Imagem 2 -  Na imagem acima, detalhamos o módulo de filtro do contas a pagar, veja que quando clicamos no botão fórmula o sistema abre o componente FCPFF001 para informarmos o filtro desejado para a consulta que o painel fará.

Imagem 3 -  Na imagem acima, detalhamos o módulo de filtro do contas a receber, veja que quando clicamos no botão fórmula o sistema abre o componente FCRFF004 para informarmos o filtro desejado para a consulta que o painel fará.

Imagem 4 -  Na imagem acima, detalhamos o módulo de filtro do conta corrente, veja que quando clicamos no botão fórmula o sistema abre o componente FCCFL025 para informarmos o filtro desejado para a consulta que o painel fará.

Imagem 5 -  Na imagem acima, detalhamos o módulo de filtro do pedido de venda, veja que quando clicamos no botão fórmula o sistema abre o componente PEDFF002 para informarmos o filtro desejado para a consulta que o painel fará.

Imagem 6 -  Na imagem acima, detalhamos o módulo de filtro do pedido de compra, veja que quando clicamos no botão fórmula o sistema abre o componente FCRFF004  para informarmos o filtro desejado para a consulta que o painel fará.

Imagem 7 - Na imagem acima, como podemos observar é possível dentro do GERFM257 escolhermos qual o tipo de exibição que desejamos para este painel. Seguido do tipo de movimento que iremos considerar nos filtros, levando em consideração que o fato "Emissão", "Vencimento" e "Pagamento" estão aplicados ao módulo financeiro. Na sequência definimos o período que iremos considerar para este painel seguido do período auxiliar, "Anterior", "Atual" e "Seguinte". 

Imagem 8 - Na imagem acima, quando selecionado algum gráfico para exibição sera liberado o filtro de "EVOLUÇÃO", que é um item obrigatório nos gráficos. 

Imagem 9 - Na imagem acima, temos um outro exemplo de configuração dentro do GERFM257 que é o módulo de "Formula", que sera utilizado para criar campos calculados dentro do painel. Deve-se levar em consideração que o campo fórmula precisa ser inserido após a criação de campos, sendo gravado para depois ser aplicado configuração de fórmula. No detalha acima, estamos demonstrando também a possibilidade de exibição ou não de algum registro do painel. 

Imagem 10 - Na imagem acima, depois de gravado o campo fórmula, efetuamos o detalhamento do filtro, veja que foi carregado o componente GERFM259 para ser informado quais os filtros que o campo formula irá considerar. É possivel dentro deste componente definir diversas operações como "Adição", "Subtração", "Divisão" e "Multiplicação".


Depois de criado o painel e informado seus filtros basta salvar.

Demonstraremos abaixo os modelos de exibição de painel que o dashboard irá fornecer:

Totalizador             

Lista

Gráfico de Colunas

Gráfico Circular

Gráfico Pizza

Gráfico Linha

Texto Simples


CRIAÇÃO E CONFIGURAÇÃO DE DASHBOARD

Imagem 1 -  Na imagem acima como podemos observar acessamos o componente GERFM256 que será utilizado para criação do dashboard e vinculo dos painéis que desejamos visualizar no dashboard. Neste componente informaremos as cores do background do dashboard, cores superiores e do corpo da pagina. Juntamente com a cor do titulo de nosso dashboard.

No processo de criação e vinculo de painéis no dashboard é possível visualizar o dashboard que estamos criando, clicando no botão "Exibir...", lembrando que o exibir fará com que seja carregado o dashboard juntamente com os filtros que já estão aplicados aos painéis.

Imagem 2 -  Na imagem acima, efetuamos a consulta dos painéis criados pelo componente GERFM256. Veja que foi carregado o componente GERFL127 contendo os painéis que existem. Nesta janela o usuário pode selecionar vários registros e adicionar tudo de uma só vez, ou adicionando um por vez. 


Imagem 3 -  Na imagem acima, criamos o dashboard 50 na empresa 12, configuramos ele na cor preta e titulo branco e vinculamos vários painéis ao dashboard. Faremos a visualização deste dashboard clicando no botão "Exibir...".

Imagem 4 - Na imagem acima, depois de clicarmos em exibir é carregado o componente de visualização do dashboard. Veja que a barra do dashboard, cor do titulo e cor central obedecem a configuração realizada dentro do componente GERFM256.  Neste dashboard que exibimos, temos o exemplo dos painéis de "Totalizadores", "Listas" e "Texto simples".

Imagem 5  - Na imagem acima, após descermos na barra de rolagem do dashboard temos os exemplos dos outros tipos de visualização configurados para painéis. 

Imagem 6 - Na imagem acima como podemos observar, acessamos o componente GERFM257 e buscamos pelo painel 26 que esta vinculado ao dashboard 52, iremos tentar remover este painel vinculado no GERFM256.

Imagem 7 - Na imagem acima, veja que o sistema apresenta mensagem de dependência no processo de remoção, não permitindo a exclusão do painel, já que esta vinculado a um dashboard.

LIBERAÇÃO DE DASHBOARD PARA O USUÁRIO

Imagem 1 - Na imagem acima, efetuamos a abertura do componente de liberação de dashboard para usuário. Este componente será necessário para visualização do dashboard foram do componente GERFM256, para os usuários padrão e outros tipos de usuário. No componente GERFL128 informaremos o código do nosso usuário no campo "Código" do filtro, e ao consultar teclando tab, o sistema vai carregar todas as empresas do pool que possuem dashboard criado, para que possa ser feito a liberação ao usuário informado. É importante lembrar que neste componente só serão listadas empresas do pool que tenham algum dashboard criado, empresas que não possuem dashboard criado  não aparecerão neste componente.

Veja que navegamos até a empresa 12 e existem os dois dashboard que criamos.  Liberamos os dois para o usuário 9999998 - DESEN. 

Se por algum motivo este dashboard for excluido no GERFM256, ele para de aparecer neste componente de liberação e o usuário já não tem mais acesso a ele.

Imagem 2 -  Na imagem acima, iremos remover o dashboard 2  da empresa 12.

Imagem 3 -  Na imagem acima, como podemos observar após a exclusão do dashboard 2 da empresa 12  e acessar o componente GERFL128, o dashboard já não aparece mais liberado e para ser liberado ao usuário informado.

Para todos os tipos de visualização dentro do sistema, se faz necessário acesso a este componente e liberação do dashboard para o usuário, do contrário o usuário não conseguirá visualizar os dashboard no sistema.

CONFIGURAÇÃO DE EXIBIÇÃO DE DASHBOARD

Imagem 1 -  Na imagem acima, como podemos observar foi criado o componente GERFM258 que servirá para apontamento de momentos de visualização automático do dashboard para o usuário. Neste componente o usuário informará seu código de login e para a empresa desejado, informar se deseja visualizar algum dashboard já no momento de login no sistema e pode também configurar um dashboard para ser exibido no momento em que ele vai sair do sistema. 

Imagem 2 -  Na imagem acima, buscamos pelo código do usuário DESEN - 999998, depois de teclarmos tab, serão carregadas novamente todas empresas do pool para efetuarmos a configuração, então é possivel efetuar a navegação através da barra de rolagem. Efetuamos a configuração da seguinte maneira, informamos que o usuário 999998 deseja visualizar o dashboard 1 no momento em que logar no sistema e também no momento em que vai sair do sistema. 


O flag "PERGUNTA", será utilizado da seguinte forma, no caso dele estar marcado, quando o usuário logar ou tentar sair do sistema será apresentado uma pergunta ao mesmo, se ele desejar visualizar o dashboard. No caso deste flag estar desmarcado a abertura do dashboard será feita automaticamente sem perguntar ao usuário se ele deseja visualizar ou não.

No exemplo acima, deixamos a pergunta tanto para entrada no sistema como para saída. 

Imagem 3 - Na imagem acima, por dentro do componente GERFM258 efetuamos a consulta dos dashboard para configuração, veja que é carregado o componente GERFL129, trazendo os dashboard criados e liberados para o usuário 999998 no componente GERFL128, ou seja, esta consulta só ira trazer dashboard que estão realmente liberados para o usuário através do componente GERFL128.

Imagem 4 - Na imagem acima como podemos observar, estamos efetuando login no sistema utilizando o usuário DESEN na empresa 12.

Imagem 5 - Na imagem acima, depois de clicar em login e informar o terminal, veja que agora é exibido uma pergunta ao usuário, para saber se ele deseja visualizar o dashboard que esta liberado e configurado para ele visualizar na entrada do sistema. Clicaremos em "Sim" para ser gerado pra nós o dashboard.

Imagem 6 -  Na imagem acima, veja que ao clicar em "Sim", o sistema irá carregar as informações do dashboard que vamos visualizar, juntamente com seus respectivos painéis.

Imagem 7 - Veja que foi carregado e exibido o dashboard liberado para o usuário 999998. 

Depois que fecharmos o dashboard, o sistema irá carregar o restante das informações de login normalmente.

Imagem 8 - Na imagem acima, fechamos o dashboard, então veja que logamos no sistema normalmente.


Agora faremos um teste fechando o sistema.

Imagem 9 - Teclamos "ESC" na tela inicial para fechamento do sistema, é apresentado ao usuário logado a mensagem de logout padrão do sistema. Clicaremos em "Sim".

Imagem 10 -  Veja que ao clicarmos em "Sim", o sistema identifica que você esta saindo do sistema e pergunta se deseja visualizar o dashboard configurado no GERFM258 para visualizar na saída do sistema. Clicaremos em "Sim" para visualizar. Se clicarmos em "Não" o sistema sera normalmente fechado. 

Imagem 11 - Veja que temos a visualização do dashboard normalmente no logout do sistema.

Após fecharmos o dashboard o sistema será encerrado corretamente.


Sem a pergunta em ambos os processos, o dashboard será carregado normalmente.

CONSULTA E EXIBIÇÃO DE DASHBOARD

Imagem 1 -  Na imagem acima, no caso do usuário desejar visualizar o dashboard ja logado no sistema em qualquer momento do seu dia, ele deverá acessar o componente GERFC010, que trará os dashboards liberados para ele no GERFL128. Neste componente podemos visualizar o dashboard clicando duas vezes no campo código, ou selecionando o registro e clicando no botão "Exibir...".

Imagem 2 -  Na imagem acima, como podemos observar será possível consultar e visualizar também outros dashboard que estão liberados pro usuário em outras empresas, o filtro de empresa ficará liberado para filtro e consulta. No detalhamento será carregado o componente GERFL009, trazendo todas as empresas do pool.

Imagem 3 - Ao clicarmos em visualizar ou clicarmos duas vezes no código do dashboard, será carregado e exibido normalmente o dashboard.

MÓDULO DE DASHBOARD NO MENU

Imagem 1 -  Na imagem acima, estamos demonstrando a localização do dashboard no menu do sistema. O modulo de dashboard esta localizado no menu geral, isto porque se trata de um processo que agregará vários módulos do sistema. 

Imagem 1 - Na imagem acima, estamos demonstrando como será exibido os gráficos contendo evoluções. Neste exemplo acima, criamos o painel 21 de contas a pagar, pegando toda movimentação do "ano" "anterior", e trazendo os valores com evolução "Bimestral". Veja que os valores no dashboard foram exibidos por bimestre do ano anterior. Neste caso em especifico vale ressaltar que como não ha movimentação nos meses 11 e 12 do ano anterior, não é carregado a coluna bimestral destes meses, isto se aplica a qualquer outro tipo de evolução.

Imagem 2 - Na imagem acima, alteramos a evolução do painel 21 para trazer os valores com evolução mensal. Veja que ao recarregar o dashboard agora o grafico foi aplicado para comportar todos os periodos e trouxe os valores corretamente quebrados mensalmente.

Imagem 3 - Na imagem acima, como podemos observar alteramos o modo de visualização e algumas informações no painel, para gerar um grafico de linha com evolução bimestral. Veja que o grafico foi gerado corretamente, com os dados e valores corretos. 

Imagem 4 - Na imagem acima, fizemos a alteração no painel 21, alterando ele para "Totalizadores". Incluímos mais alguns itens a este painel, mesclando contas a pagar, contas a receber e conta corrente. Serão criados no dashboard 56totalizadores conforme configuração.


Estes módulos mencionados acima, que foram criados no painel 21, possuem detalhamento dentro do dashboard quando configurados como "Totalizador". Somente estes módulos inicialmente possuem detalhamento, para os outros módulos será exibido um cadeado no detalhamento.

Imagem 5 - Veja na imagem acima, que abaixo de acada totalizador, existe um botão de detalhamento do painel, possibilitando obter as informações relacionadas ao valor exibido.

Imagem 6 - Na imagem acima, quando clicamos em detalhar o painel de Contas a Pagar, veja que foi carregado o componente FCPFL009 já com o filtro automaticamente carregado e trazendo os documentos do contas a pagar que contemplam esta consulta. Podendo assim liberar ao usuário a possibilidade de impressão dos dados. Deve-se levar em consideração que o periodo consultado se baseia nas informações aplicadas a configuração do painel dentro do GERFM257.

Imagem 7 - Na imagem acima, quando clicamos em detalhar o painel de Contas a Receber, veja que foi carregado o componente FCRFL046 já com o filtro automaticamente carregado e trazendo os documentos do contas a receber que contemplam esta consulta. Podendo assim liberar ao usuário a possibilidade de impressão dos dados. Deve-se levar em consideração que o período consultado se baseia nas informações aplicadas a configuração do painel dentro do GERFM257.

Imagem 8 - Na imagem acima, ao detalharmos o movimento de conta corrente, o sistema abre o componente FCCFL004 trazendo os movimentos do período filtrado e o saldo da conta corrente batendo com o valor exibido no dashboard. Vale informar que para filtro dentro do FCCFL004 ele utiliza somente o intervalo informado dentro do GERFM257 para movimento, mas para compor o saldo o sistema busca o ultimo saldo que ele possuir. 

Imagem 9 - Na imagem acima, estamos demonstrando painéis que neste primeiro momento não possuem detalhamento, neste caso veja que no lugar do detalhamento é colocado um ícone de um cadeado, mostrando ao usuário que não será possível detalhar aquele valor.


Imagem 10 - Na imagem acima, iremos demonstrar o processo de exibição de itens do painel, pois existe a possibilidade de escondermos itens do painel no momento da geração do dashboard. Isto pode ser utilizado em casos onde utilizaremos certos campos somente para calculo e não desejarmos que este valor seja exibido ao usuário. Veja no exemplo acima que criamos dois campos de formula para o painel 21, o primeiro campo ira somar tudo que foi colocado do CP e CR e a segunda formula ira somar o restante. Escondemos os campos e mostraremos somente os dois novos campos de formula que fará a somatória.


Imagem 11 - Na imagem acima, veja que não foi exibido os outros painéis que anteriormente estavam sendo exibidos, agora so é exibido as formulas que deixamos a visualização marcada.


Foi implementado o campo de ordenação dentro do componente GERFM256 para que o usuário possa definir qual painel ele desejar visualizar primeiro, definindo uma sequencia pela qual as informações são exibidas em tela. Mas é importante mencionar que o dashboard é dividido em três camadas, sendo elas; A camada dos totalizadores, depois temos a cada de listas e textos simples seguido da camada de gráficos. Então a ordenação, funcionará mas ordenará os elementos que estão dentro da camada. Não será possivel então, colocar uma lista antes dos totalizadores, mesmo que configurado assim, o sistema vai entender que a lista que informamos em cima dos totalizadores é a primeira a ser exibida na sua camada.


Imagem 1 - Na imagem acima, como podemos observar foi incluso novos campos de ordenação dentro do GERFM256. Veja que temos dois painéis adicionados a este dashboard, o painel 31 são totalizadores na cor Amarela e o painel 30 são totalizadores na cor verde. 


Imagem 2 - Na imagem acima, depois de gerado o dashboard vemos que os painéis amarelos foram exibidos primeiro e os verdes foram exibidos na sequencia.


Imagem 3 - Na imagem acima, utilizamos o botão de ordenação para enviar o painel 31 por segundo na ordem das informações do dashboard.


Imagem 3 - Na imagem acima, como podemos observar os painéis verdes foram exibidos por primeiro e depois os amarelos, seguindo a ordenação que definimos dentro do componente GERFM256.


Imagem 4 - Na imagem acima, incluímos mais painéis ao dashboard 51. Foi adicionado duas "Listas" e um painel de texto simples contendo duas informações. 

Imagem 5 - Na imagem acima, estamos demonstrando como ficou organizadas as informações do dashboard seguindo a ordem definida dentro do GERFM256.


Imagem 6 - Na imagem acima, efetuamos a alteração colocando os textos simples antes das listas para ser exibido no dashboard.


Imagem 7 - Veja na imagem acima, que as listas foram colocadas depois dos textos simples, obedecendo a ordenação definida dentro do GERFM256. 


Imagem 8 - Na imagem acima, demonstraremos a terceira camada do dashboard incluindo gráficos ao dashboard 51. Veja que incluímos um gráfico de linha, um de coluna, um gráfico de pizza e um gráfico circular.


Imagem 9 - Na imagem acima, vemos que segundo a ordenação que estava configurada dentro do GERFM256 o dashboard foi gerado como na imagem acima. Veja que os gráficos de pizza e circular foram colocados ao final do dashboard.

Imagem 10 - Na imagem acima, efetuamos a alteração colocando os gráficos de pizza e circular para serem exibidos primeiro. 


Imagem 11 - Na imagem acima, depois de gerado o dashboard vemos que os gráficos de pizza e circular foram exibidos por primeiro e os outros foram colocados depois na exibição do dashboard.



04. DEMAIS INFORMAÇÕES

Hoje o processo de criação de dashboard e painéis possuem os módulos abaixo implementados na consulta e filtro:

  • CONTAS A PAGAR
  • CONTAS A RECEBER
  • CONTA CORRENTE
  • PEDIDO DE VENDA
  • PEDIDO DE COMPRA
  • AUTORIZAÇÃO DE CHEQUE
  • TEXTO SIMPLES

Estes são os módulos que foram importados do mesmo processo de fluxo de caixa dinâmico, processo implementado no módulo "FINANCEIRO", mas com atualizações e implementações futuras podem ser acrescentados mais módulos a criação de painéis, pois o objetivo é englobar vários módulos de todo o sistema, trazendo dados gerais de uma só vez ao usuário.Estes são os módulos que foram importados do mesmo processo de fluxo de caixa dinâmico, processo implementado no módulo "FINANCEIRO", mas com atualizações podem ser acrescentados mais módulos a criação de painéis, pois o objetivo é englobar vários módulos de todo o sistema, trazendo dados gerais de uma só vez ao usuário.