Ir para o conteúdo

Opções de Painel e Práticas Recomendadas

O Vinyl oferece vários tipos de opções de painel para usar ao criar um aplicativo, dependendo dos requisitos específicos do seu negócio. Os painéis permitem que você visualize rapidamente os principais indicadores de desempenho e outros dados estratégicos da sua organização. Um design atraente do Dashboard destila grandes volumes de dados em visualizações concisas, significativas e acionáveis. Este guia apresentará diferentes opções de Dashboard disponíveis no Vinyl, bem como algumas informações de práticas recomendadas para trabalhar com Dashboards em aplicativos.

Coleção de Painéis E/ou Gráficos

Uma maneira de criar painéis em Vinyl é usar uma coleção de diferentes tipos de painéis. Normalmente, os painéis são desenvolvidos usando combinações de painéis de formulário ou grade e/ou painel(s) de gráfico. Com esta abordagem, cada painel pode ter uma fonte de dados diferente. Cada painel exibido no Dashboard pode ter um Tema diferente aplicado, se desejado.

No exemplo do Painel mostrado abaixo, há uma coleção de dois Painéis de Gráfico e um painel de Grade. O gráfico de pizza à esquerda ilustra um gráfico dinâmico vinculado às informações apresentadas no gráfico de linhas no painel superior direito; esses gráficos são vinculados ao ID do funcionário.

Painel

Coleção de gráficos e exemplo de painel MRP

No exemplo do painel mostrado a seguir, aproveitamos uma coleção de três gráficos diferentes, bem como dois painéis multilinhas:

Painel 2

  • Coleção de gráficos e painéis de grade Exemplo de painel *

Painéis de Azulejo

Outra maneira pela qual os painéis podem ser desenvolvidos é usando painéis Tile (em vez de painéis Gráfico ou outros tipos de painéis como Formulário e Grade) para armazenar e exibir os dados do Indicador Chave de Desempenho. Dependendo dos requisitos do seu negócio, os painéis Tile podem oferecer maior flexibilidade com a exibição gráfica dos dados do que outros tipos de painel. Os painéis lado a lado são essencialmente contêineres de conteúdo definidos exibidos em um layout de estilo de grade na página do aplicativo.

Com os painéis Tile, cada célula é a mesma fonte de dados e exibe o mesmo tipo de dados. A formatação condicional pode ser usada com painéis Tile (e outros tipos de painel) para alterar cores com base em critérios especificados, o que é muito útil para o usuário que visualiza o Dashboard.

Pranchas

Exemplo de painel de painéis lado a lado com formatação condicional para alterar a cor do cabeçalho do painel

Widgets

Widgets podem ser usados opcionalmente no desenvolvimento de um Dashboard em Vinyl. Os widgets permitem que os desenvolvedores usem controles na camada UI que não estão disponíveis nativamente no próprio Vinyl. Dependendo dos requisitos de negócios para o seu Painel, o uso de Widgets pode ajudá-lo a apresentar os dados de uma maneira graficamente envolvente.

Por exemplo, se você deseja exibir dados sobre metas trimestrais e anuais em seu painel, considere usar um widget de discagem/botão em vez de um tipo de gráfico (por exemplo, gráfico de barras). Aqui está uma captura de tela de como isso pode parecer:

Ferramenta

Exemplo de painel de widget usando o widget Dial/Knob para painéis de metas trimestrais e anuais

Para mais informações sobre como trabalhar com Widgets no Vinyl, veja Widgets.

Tabela de Métricas Opcionais

Uma opção ao desenvolver Dashboards em Vinyl é utilizar uma tabela de Métricas. Com esta abordagem, você cria e usa uma tabela de métricas em seu aplicativo Vinyl para armazenar os dados apresentados na visualização do painel. Regras de lógica de negócios também são criadas com esta abordagem, para instruir o Vinyl sobre os dados específicos armazenados na tabela de métricas. Esta opção é útil se a renderização de algumas métricas do Dashboard for muito lenta para renderização. Com esta abordagem você pode usar um trabalho em segundo plano para buscar e armazenar valores na Tabela de Métricas.

O exemplo do Dashboard mostrado a seguir usa uma tabela de métricas que foi criada no aplicativo Vinyl para armazenar os dados apresentados no Dashboard. A tabela Métrica armazena informações sobre os diferentes pontos de dados exibidos no Painel.

A tabela Métrica recebe dados de várias regras de negócios CRUD que foram criadas para instruir o Vinyl sobre quais dados armazenar. Por exemplo, você pode ter uma série de regras CRUD que inserem contagens de registros em diferentes tabelas que estão sendo exibidas no Dashboard. Neste exemplo específico, temos regras de atualização CRUD configuradas que inserem contagens de registros na tabela Métricas das tabelas Cliente, Fornecedor, Pedido, Funcionário, Produto e Remetente.