O Dashboard é um painel digital onde é possível exibir, em tempo real, diversas informações de forma resumida, utilizando para isso, componentes como tabelas, gráficos, mapas e diversos outros recursos. A ferramenta de Dashboard do Cronapp é fácil de utilizar e possui diversos recursos.

A figura 1 exibe o diretório padrão do dashboard criado no Cronapp (Localização: Dashboards/  ).

Figura 1 - Local de criação do dashboard

Os dashboards criados no Cronapp podem ser visualizados através do componente Visualizador de Dashboard inseridos em uma view ou através do bloco de programação Abrir Dashboard.

Criação do Dashboard

Para criar um arquivo de dashboard clique no botão (+) (destaque 1 da figura 1.1) exibido ao lado do diretório Dashboards (Localização: Dashboards/  ) ou através do menu de contexto, selecionando Novo > Dashboard. Em seguida, na janela que abrir (destaque 2), informe o nome do arquivo e clique em OK.

Figura 1.1 - Criando um dashboard

Visão Geral do Dashboard

O dashboard apresenta diversas ferramentas para construir um poderoso painel visual de maneira simples através de seus componentes de arrastar e soltar, no qual os componentes são arrastados até a área de edição e ao solta-los, eles preenchem automaticamente o espaço que será utilizado junto com os outros componentes existentes no dashboard, podendo personalizá-los de diversas formas. Veja abaixo os espaços que compõe a ferramenta do dashboard. 

Figura 1.2 - Visão geral do dashboard

1. Menu superior;
2. Área lateral;
3. Área de edição, local onde são organizados os componentes do dashboard.
4. Menu inferior.

Menu Superior

O Menu superior (Destaque em amarelo da figura 2) é composto por abas que comportam ferramentas de utilização, são elas Início, Inserir, Página, Layout e Pré-visualizar.

Figura 2 - Menu superior do dashboard

Aba Início

A aba início (Destaque amarelo da figura 2.1) é responsável por estilizar o componente, inserindo tamanhos e cores de fontes, bordas e cores de fundos para o componente. Também é possível escolher estilos prontos para o componente (ao selecionar o componente) ou para todo o dashboard (ao selecionar a área de edição).

Figura 2.1 - Aba Início

Aba Inserir

Na aba inserir (Destaque da figura 2.2), estão localizados os componentes que farão parte do dashboard. Com exceção dos componentes, imagem, texto, painel e formas, todos os outros componentes precisam estar relacionados com os campos de uma fonte de dados. No exemplo abaixo, Região e Estados são campos obtidos de uma fonte de dados.

Figura 2.2 - Aba Inserir

1. Tabela: insere uma tabela na área de edição.
2. Gráfico: insere um gráfico na área de edição.
3. Manômetro: insere um manômetro na área de edição.
4. Tabela de Pivô: insere uma tabela de pivô na área de edição. Uma tabela de pivô é uma tabela dinâmica que serve para calcular, resumir e analisar os dados, permitindo ver comparações, padrões e tendências nos dados.
5. Indicador: insere um indicador na área de edição que irá usar os dados para verificar se o valor está próximo da meta.
6. Progresso: insere um componente que mostra o progresso de um atributo.
7. Mapa: insere um mapa na área de edição, existem dois tipos de mapa: o mapa de região e mapa de localização. O primeiro exibe os países divididos por continentes, o segundo exibe todos os países de uma forma geral, como um mapa-múndi.
8. Imagem: insere uma imagem na área de edição.
9. Texto: insere uma área de texto.
10. Painel: insere um painel na área de edição, nele é possível inserir outros componentes do dashboard.
11. Formas: insere uma ou mais formas ao dashboard, como por exemplo, círculos, triângulos, setas, retângulos, etc.
12. Filtros: insere um filtro a um determinado componente do dashboard.
13. Setup de caixa de ferramentas:  local onde é possível deixar ou não visível algum componente do dashboard, basta clicar na checkbox para realizar tal ação.

Aba Página

A aba página é responsável por formatar a página, como por exemplo, definir as margens, orientação, tamanho da página, também é possível inserir uma marca d'água à página.

Figura 2.3 - Aba Página

Aba Layout

A aba layout apresenta todas as opções de organização dos componentes que se encontram na página do dashboard e o design dos mesmos. Essa opção só fica disponível quando o componente ou conjunto de componentes estão selecionados.

Figura 2.4 - Aba Layout

Aba Pré-visualizar

A aba pré-visualizar mostra uma prévia de como está ficando o dashboard sem ter que executar o projeto.

Figura 2.5 - Aba Pré-visualizar

Área Lateral 

Na Área Lateral podemos encontrar as propriedades de cada componente selecionado na área de edição do dashboard, também é por ela que adicionamos a fonte de dados e podemos ver a árvore hierárquica de elementos que constam no dashboard.

Figura 3 - Área Lateral

1. Ícone de atalhos: apresenta os principais componentes da aba inserir do menu superior;
2. Propriedades: apresenta as propriedades do componente selecionado na área de edição do dashboard.
3. Dicionário: área responsável por adicionar fontes de dados e disponibilizar funções prontas.
4. Árvore de relatório: exibe uma lista dos componentes presentes no dashboard.
5. Ícones de configuração do menu lateral: possui recursos diferentes a depender a aba aberta (Propriedades, Dicionário ou Árvore de relatório).
   • Propriedades: exibida apenas ao selecionar a aba Propriedades (destaque 2), possui os recursos para configurar o elemento selecionado;
   • Eventos: exibida apenas ao selecionar a aba Propriedades (destaque 2), possui os recursos para configurar eventos ao componente selecionado;
   • Colocações: possui opções diferentes a depender da aba selecionada:
     • Opções da aba Propriedades (destaque 2):
       • Localize Propriedades da Grade: permite alterar o nome dos campos das propriedades entre original e amigável.
     • Opções da aba Dicionário (destaque 3): 
       • Criar Campo com Dois Clicks: ao ativar essa opção, não é possível abrir a tela de edição do atributo ao clicar 2 vezes;
       • Criar Rótulo: ativa ou desativa o rótulo;
       • Usar Aliases: ao ativar, irá mostrar apenas o apelido da fonte de dados, desativado, irá mostrar o nome da fonte junto ao apelido entre parênteses, ex: app_dados (dados gerais).
   • Fixar: Fixa ou desprende/minimiza o menu lateral do relatório.
6. Segurança/Renderização: permite selecionar o perfil de usuário que terá acesso ao relatório e a forma como ele será exibido.

Propriedades

A aba propriedades varia conforme o componente selecionado no dashboard, ela exibe todas as configurações que podem ser feitas no componente. É possível clicar e expandir as subabas (exemplo: Tabelas, Posição, Aparência, etc) para exibir todos os campos do componente.

Figura 3.1 - Propriedades do componente selecionado

Dicionário 

Na aba Dicionário é possível adicionar e remover fontes de dados, variáveis do sistema, variáveis criadas pelo usuário, funções e Recursos do relatório.

Figura 3.2 - Dicionário

1. Controles: menus e botões para manipulação dos recursos.
   • Ações: exibe ações para os recursos do dicionário.
     • Novo dicionário: limpa o dicionário atual e suas configurações.
     • Abrir dicionário: abre as configurações do dicionário a partir de um arquivo de configurações do dicionário.
     • Salvar dicionário como: permite exportar as configurações do dicionário atual para um arquivo de configurações.
     • Sincronizar: recarrega o dicionário.
   • Novo item: exibe ações para os recursos do dicionário.
     • Nova fonte de dados: adiciona uma Fonte de dados do Cronapp ou um dos arquivos: JSON, CSV e Excel.
     • Nova transformação de dados; cria um novo atributo a partir de um existente.
     • Nova coluna: (essa opção só será exibida quando um campo da fonte de dados estiver selecionado na área de recursos, destaque 2) - insere uma nova coluna (atributo) na fonte de dados.
     • Nova coluna calculada: (essa opção só será exibida quando um campo da fonte de dados estiver selecionado na área de recursos, destaque 2) - insere uma nova coluna calculada na fonte de dados.
     • Novo relacionamento: cria uma relação entre duas fontes de dados que possuam um atributo de relação.
     • Nova categoria: cria uma nova categoria de variáveis.
     • Nova variável: cria uma nova variável.
     • Novo recurso: cria um novo recurso (arquivo) no diretório "Recursos".
   • Editar: abre a janela de edição dos recursos criados pelo usuário. Exemplo: Fonte de dados, campos da fonte de dados, variáveis, recursos, etc. 
   • Excluir: deleta o recurso selecionado e criado pelo usuário. Exemplo: Fonte de dados, campos da fonte de dados, variáveis, recursos, etc. 
   • Mover para cima: habilitado somente quando um atributo da fonte de dados estiver selecionado e quando esse elemento não for o primeiro, ele move o atributo da fonte de dados para cima.
   • Mover para baixo: habilitado somente quando um atributo da fonte de dados estiver selecionado e quando esse elemento não for o último, ele move o atributo da fonte de dados para baixo.
2. Recursos
   • Fonte de dados: lista as fontes de dados (e seus campos) vinculados ao dashboard.
   • Variáveis:  lista as variáveis criadas pelo usuário.
   • Variáveis do Sistema: lista um conjunto de variáveis pré-definidas, normalmente são variáveis que fornecem informações sobre o status atual de um dashboard.
   • Funções: lista um conjunto de funções pré-definidas que podem ser utilizadas no dashboard.
   • Recursos: espaço destinado para armazenar recursos que podem ser utilizados no dashboard, são eles:

     • Arquivos de dados - CSV, Excel, JSON, XML, DBF;

     • Arquivos de imagem - SVG, JPEG, JPG, PNG, BMP, GIF e outros arquivos de imagem.

Nova fonte de dados

Ao clicar na opção Nova fonte de dados, será exibida a janela Selecionar o tipo de conexão, através dela poderemos incluir no dashboard diferentes tipos de fontes de dados: os arquivos CSV, Excel ou JSON e a Fonte de dados do Cronapp.

Existem três formas de adicionar uma nova fonte de dados, a primeira é logo após a criação do arquivo dashboard, onde será exibida a opção Criar nova fonte de dados, a segunda é através do menu Novo item, por fim, a última forma é clicando com o botão direito na área de destaque 2 da figura 3.2 e selecionando a opção Nova fonte de dados.

Figura 3.2.1 - Nova Fonte de Dados

1. Menu de Filtros: exibe os filtros que irão alterar o modo de exibição das fontes de dados na janela Selecionar o tipo de conexão.
   • Procurar: utilizado para buscar uma fonte de dados específica. 
   • Categoria: selecione Tudo para exibir todas as categorias ou selecione uma categoria específica.
2. Favoritos: campo destinado a exibir as fontes de dados favoritas do usuário. Para favoritar uma fonte de dados, clique no ícone de estrela que aparece quando colocamos o mouse em cima da opção. Por padrão, a Fonte de Dados do Cronapp já vem favoritada.
3. Arquivo: exibe as fontes de dados obtidas a partir de arquivos: CSV, Excel e JSON.
4. Ocultar fontes de dados não suportadas: oculta as fontes de dados que não são suportadas atualmente pelo Cronapp.

Ao selecionar a Fonte de dados Cronapp, a janela padrão de seleção de fonte de dados é exibida. Porém, ao selecionar uma das opções de arquivos, a janela exibida será a Nova conexão. Essa janela possui campos comuns a todos os arquivos e campos específicos. 

Figura 3.2.1.1 - Configurando a nova fonte de dados escolhida

Para este exemplo utilizamos o tipo de fonte de dados CSV, ele possui alguns campos em comum com os tipos de fonte de dados Excel e JSON.

Campos em comum:

1. Nome: especifica o nome da fonte de dados. 
2. Apelido: define um alias para a fonte de dados.
3. Caminho para Dados: clique no botão "..." para selecionar um arquivo em seu computador.
4. Campos específicos: os campos abaixo vão variar em relação ao arquivo selecionado.
   • CSV
     • Codificando: neste campo é possível informar a codificação do arquivo, para mais informações clique aqui.
     • Separador: define qual tipo de separador será utilizado no CSV, podendo ser: aba, ponto e vírgula, vírgula, espaço ou outro.
   • Excel
     • A primeira linha é cabeçalho: campo booleano que usa a primeira linha no arquivo do Excel como um cabeçalho para os dados. Se estiver habilitado, a primeira linha será o cabeçalho dos dados.
   • JSON
     • Direção da relação: define como os dados do arquivo serão importados.
       • Pai-Para-Filho: quando essa opção é selecionada, a fonte de dados é estruturada de forma que os objetos pais são listados primeiro, seguidos pelos objetos filhos que pertencem a cada objeto pai. Essa direção de relação é usada para exibir informações que têm uma hierarquia, como uma lista de categorias e subcategorias.
       • Filho-Para-Pai: quando essa opção é selecionada, a fonte de dados é estruturada de forma que os objetos filhos são listados primeiro, seguidos pelos objetos pais a que pertencem. Essa direção de relação é usada para exibir informações que têm um relacionamento de dependência, como uma lista de tarefas e seus projetos associados.
5. Recursos: esse campo exibe a galeria de recursos selecionados, é possível selecionar mais de um arquivo do mesmo tipo.

Após selecionar o arquivo e clicar em Ok o arquivo será incluído na propriedade Fonte de Dados (destaque 1 da figura 3.2.1.2) e a janela de seleção de dados será exibida, dessa forma, o usuário pode decidir se quer trabalhar com todos os campos da fonte ou somente alguns.

Figura 3.2.1.2 - Janela de seleção de dados

Nova transformação de dados

A janela Nova Transformação de Dados permite modificar/converter valores dos campos de uma ou mais Fonte de dados e criar um recurso a parte para ser utilizado em diversos locais do dashboard. É possível inserir os dados arrastando e soltando um atributo da fonte de dados (2 da figura 3.2) para o campo Organização de dados (5 da figura 3.2.2) ou selecionando uma opção no menu de contexto da área dos campos (2 da figura 3.2.2). 

Figura 3.2.2 - Nova Transformação de Dados

1. Nome na Fonte: nome do diretório onde ficará o recurso no dicionário.
2. Nome: nome do novo diretório onde será armazenado os atributos com dados transformados.
3. Apelido: neste campo você pode especificar o nome da transformação, que será usado se o parâmetro Usar Aliases estiver habilitado nas configurações do Dicionário.
4. Tabela de dados: exibe os valores das colunas e campos de dados.
5. Organização de dados: campo destinado a armazenar os dados que serão transformados.
6. Tipo: define o modo de um atributo selecionado, podendo ser Dimensão () ou A medida ():
   • Dimensão. esse tipo de campo não é aplicado a tipos de dados numéricos por padrão. Ao agrupar dados, os valores deste campo de dados serão a condição de agrupamento para valores de outros campos de dados.
   • A medida. por padrão, esse tipo de campo é aplicado a todos os tipos numéricos de dados. Além disso, esse tipo de campo de dados é usado se você precisar agrupar os valores do campo de dados atual pelos valores de outro campo de dados.
7. Expressão: expressão que resultará no valor do campo selecionado. Também é possível utilizar funções para tratar o valor.
8. Tipo: define o tipo de dado para o campo selecionado, exemplo: String, inteiro, datetime, byte[], etc.

Variáveis

É possível criar variáveis para utilizar junto com textos, expressões e outros recursos do dashboard. Todas as variáveis são armazenadas no dicionário de dados e podem ser de diferentes tipos: string, data, hora, número, array, coleção, intervalo, etc. Antes de utilizar uma variável, é necessário adicioná-la ao dicionário de dados. Para adicionar uma variável, você pode selecionar Nova variável no menu Novo Item do dicionário de dados ou clicar com o botão direito no item Variável e em seguida Nova variável, como na imagem abaixo.

Figura 3.2.3 - Criando uma nova variável

1. Nome: especifica o nome da variável usada no dashboard.
2. Apelido: aplica um nome mais amigável ao nome da variável.
3. Descrição: é possível adicionar algum comentário para a variável.
4. Tipo: você pode alterar o tipo de dado que será colocado em uma variável e o seu formato. Este campo é representado por duas caixas de seleção, a primeira é uma lista de todos os tipos de dados, já a segunda informa o formato do dado:
   • Valor: define que a variável será um valor simples.
   • Nullable Valor: fornece a capacidade de colocar valores simples que podem ser iguais a null. 
   • Faixa: permite trabalhar com intervalos de valores. Nesse caso, a variável armazenará um intervalo de valores.
   • Lista: fornece a capacidade de colocar uma lista de valores de qualquer tipo de dados disponível. Ao contrário da variável Valor, neste caso, na renderização do dashboard, a variável contém uma lista de valores.
5. Iniciar por: caixa de seleção para definir o tipo de conteúdo da variável, "Valor" ou "Expressão".
   
6. Valor / Expressão: este campo especifica o conteúdo a ser armazenado na variável. Se o campo Iniciar por (5) estiver configurado como "Valor", o campo atual espera receber um conteúdo fixo, como um texto ou número, porém, caso a opção "Expressão" esteja selecionada no campo Iniciar por (5), o campo atual espera receber uma expressão, como um cálculo matemático ou função do sistema.
7. Somente leitura: o valor armazenado em uma variável é retornado e o usuário não pode alterá-lo.
   
8. Solicitado ao usuário: estabelece um modo onde é possível definir o parâmetro de entrada. Ao marcar essa opção, novos campos de configurações de parâmetros serão exibidos. 
   

Variável tipo Faixa

A opção Faixa permite trabalhar com um intervalo de valores. Ao selecionar a opção faixa, a janela Nova Variável sofre algumas alterações.

Figura 3.2.4 - Nova Transformação de Dados

1. Tipo: ao selecionar a opção "Faixa", na segunda caixa de seleção, os campos "De" (3) e "Para" (4) serão exibidos.
2. Iniciar por: caixa de seleção para definir o tipo de conteúdo da variável, "Valor" ou "Expressão".
3. De: especifica o valor inicial do intervalo. O valor neste campo é incluído no intervalo de valores. No nosso caso a data 01/01/2022; 00:00:01 é especificado
4. Para: especifica o valor final do intervalo. O valor neste campo é incluído no intervalo de valores. No nosso caso a data 07/04/2022; 23:59:59 é especificado.
   

Variáveis de sistema

As Variáveis de sistema encontram-se na aba Dicionário e para utilizá-las é preciso ter alguma fonte de dados vinculado ao dashboard. Elas possuem diversos elementos prontos para serem exibidos no dashboard. Em geral, essas variáveis contemplam informações sobre páginas, informações do dashboard, informações de linha do dashboard, data e hora.

Figura 3.2.5 - Variáveis de Sistema

Funções

As funções possuem elementos que são usados para tratar ou calcular os dados obtidos no dashboard, cada grupo possui várias funções e os principais grupos são: Matemática, Data, Edição de palavras e Cálculo de agrupamento.

Figura 3.2.6 - Funções

Math (Matemática)

Date (Data)

Print State (Estado de impressão)

Programming Shortcut (Atalho de programação)

Strings (Sequência de caracteres)

Totals (Totais)

Árvore de relatório

A aba Árvore de relatório exibe de forma hierárquica todos os elementos e itens contidos no dashboard, facilitando a seleção de componentes sobrepostos.

Figura 3.3 - Árvore de relatório

Segurança e Renderização

A funcionalidade Segurança/Renderização permite selecionar o perfil de usuário que terá acesso ao dashboard e a forma como ele será exibido (PDF ou HTML).

Figura 3.4 - Segurança/Renderização

1. Segurança/Renderização: abre uma janela com as opções de renderização e segurança.
2. Renderização: exibe um menu com três opções de visualização do dashboard:
   • PDF: gera um pdf do dashboard criado e exibe para o usuário.
   • HTML: gera um dashboard em formato HTML.
   • PDF-Servidor: processa o dashboard no servidor da aplicação e exibe em formato PDF.
3. Segurança: abre uma janela com a opção Permitir Obter (visualização).
4. Permitir Obter: abre a janela de exibição dos tipos de usuários que estarão habilitados para visualizar o dashboard.
5. Janela de seleção do(s) permissionáveis: seleciona os permissionáveis que terão acesso ao dashboard.

Menu Inferior 

Apresenta informações gerais sobre a página do dashboard.

Figura 4 - Menu Inferior

1. Ao clicar, será feita uma varredura em todo o dashboard, e, ao final, aparecerá uma janela informando os possíveis erros, avisos, informações de mensagens e relatório de prestação de mensagens.

2. Mostra o título do elemento selecionado no dashboard, podendo ser a página ou um componente.

3. A coluna informa as coordenadas x e y do cursor do mouse dentro do relatório, assim como largura e altura do componente selecionado.

4. Zoom definido pelo tamanho do relatório:
   
   • Largura da Página: altera o zoom de modo que a largura do relatório corresponda à largura da janela;
   • Altura da Página: altera o zoom do relatório para ver a página inteira na janela;
   • Zoom padrão: retorna ao zoom padrão de 100%.
5. Define o valor do zoom do dashboard.
6. Informa o zoom atual e, ao clicar sobre a opção, ele apresenta outros valores de zoom.

Componentes

Componentes do dashboard são recursos que obtém uma série de dados e os apresenta de forma resumida, simples e intuitiva, facilitando, por exemplo, decisões estratégias. O Dashboard do Croanpp possui diversos componentes, como tabelas, gráficos, mapas, indicadores de progresso e outros. Esses componentes podem ser utilizados de forma isolada ou agrupados com outros componentes. Assim, se dois ou mais componentes possuem a mesma base de dados, ao realizar um filtro sobre um dos componentes, todos os outros receberão o mesmo filtro automaticamente.

Para inserir um componente ao seu dashboard, clique sobre ele na aba Inserir (1 da figura 5), em seguida clique na área de edição (2), após isso aparecerá uma janela na qual será possível inserir os dados que você irá trabalhar no componente (3 da figura 5). Selecione os dados e arraste do dicionário até a janela (4). 

No exemplo abaixo estamos utilizando o componente Tabela e selecionando o atributo "data" da fonte de dados para arrastar até a janela de configuração do componente.

Figura 5 - Configuração básica de um componente

Detalhes dos componentes

Todos os componente do dashboard apresentam um padrão de disposição de alguns itens usados para configuração, assim como em seu menu de contexto, confira na figura abaixo.

Figura 5.0.1- Detalhes de um componente

1. Ordem: este ícone está presente somente nos componente gráfico e através dele é possível ordenar os dados de acordo com o eito X ou Y.
2. Habilitar/Desabilitar título: propriedade responsável por exibir ou não o título do componente.
3. Editor: exibe a janela de inserção de dados com os dados atuais do componente.
4. Filtros: a ferramenta Filtros é usada para filtrar dados de um elemento 
5. Alterar Tipo: ao clicar nesta propriedade, será exibida uma lista com todos os componentes visuais do dashboard, clique em qualquer um deles para alternar o componente atual por outro de sua escolha.
6. Copiar: copia o componente para a área de transferência.
7. Recortar: recorta o componente para a área de transferência.
8. Colar: cola o componente que foi copiado ou recortado.
9. Excluir: deleta o componente.
10. Propriedades: exibe as propriedades do componente na aba dicionário.
11. Alinhamento: exibe propriedades de alinhamento do componente, são elas:
    • Alinhar à Grade: alinha o componente em relação a grade.
    • Alinha à Esquerda: alinha o componente à esquerda.
    • Alinhar ao Centro: alinha o componente ao centro.
    • Alinhar à Direita: alinha o componente à esquerda
    • Alinhar ao Topo: alinha o componente em relação ao topo. 
    • Alinhar ao Meio: alinha o componente ao meio.
    • Alinhar à Base: alinha o componente em relação a base.
    • Igualar o Espaçamento Horizontal: iguala os espaçamentos em branco de forma horizontal.
    • Igualar o Espaçamento Vertical: iguala os espaçamentos em branco de forma vertical.
    • Centralizar Horizontalmente: centraliza horizontalmente o componente.
    • Centralizar Verticalmente: centraliza verticalmente o componente.
12. Ordem: exibe propriedades de movimentação do componente, são elas:
    • Trazer para frente: move o componente para frente de todos os outros elementos.
    • Enviar para trás: move o componente para trás de todos os outros elementos.
    • Mover para frente: move o componente apenas uma camada à frente.
    • Mover para trás: move o componente apenas uma camada à trás.
13. Habilitado: habilita ou desabilita o componente.

Tabela

A Tabela (Destaque 1 da figura 5.2) é um componente de análise de dados que permite cruzar os dados em 2 dimensões (linhas e colunas). Fornece a capacidade de exibir valores de campo de dados nos modos Medida e Dimensão, bem como aplicar Barras de dados, Escala de cores, Indicador, Minigráficos aos valores do campo de dados. Além disso, o componente de tabela possui configurações para agregação de dados como filtragem, classificação, substituição de valores, cálculo de um total cumulativo, etc. 

Após incluir o componente Tabela ao editor e selecionar os atributos que serão trabalhos (figura 5), será possível tratar os dados que serão exibidos no componente (Figura 5.1)

Figura 5.1 - Janela de dados do componente

1. Área onde contém os atributos selecionados.
2. Tipo: define o formato do atributo selecionado, dependendo do tipo é possível manipular seu valor com funções ou outros recursos, 
3. Expressão: permite tratar o valor do atributo selecionado a partir de funções do sistema.
4. Mais algumas formas de exibição dos dados:
   • Visível: esconde ou exibe a coluna do atributo selecionado (destaque 1 da figura 5.1);
   • Show Total: cria uma linha de sumário ao final da coluna;
   • Mostrar hyperlink: se preferir, poderá marcar essa opção para mostrar o dado em forma de hyperlink.
5. Interação: recursos básicos de interação com usuário, como dica de ferramenta e filtros.

Figura 5.2 - Componente Tabela

Gráfico

Esse componente possui diversos formato de gráfico para análise dos dados apresentados. Usando quando os dados podem ser processados e o resultado é exibido em forma de gráfico. Fica localizado na aba Inserir (Destaque 1 da figura 5.3).

Figura 5.3 - Componente Gráfico

Assim como mostrado acima, o componente gráfico possui diversos tipos de formas de exibição, são eles, Coluna, Linha, Série, Pizza e outros.

Manômetro

O Manômetro é um medidor com o qual você pode exibir o valor processado do campo de dados (Destaque 1 da figura 5.4).

Figura 5.4 - Componente Manômetro

Tabela de pivô

A Tabela de pivô (Destaque 1 da figura 5.5), também conhecida como tabela cruzada é diferente do componente Tabela, além de processar os dados, é usado para agrupar e resumir valores de dados por linhas e colunas, mudando sua forma de exibição.

Figura 5.5 - Componente Tabela de Pivô

Indicador

Indicador (Destaque 1 da figura 5.6) é um componente do dashboard que representa a capacidade de exibir o valor agregado do campo de dados, bem como a taxa de aumento desse valor para o destino. Além disso, a taxa de crescimento e o valor agregado do indicador podem ser agrupados por uma condição.

Figura 5.6 - Componente Indicador

Progresso

O Progresso (Destaque 1 da figura 5.7) é um componente do dashboard que representa a capacidade de exibir a taxa de crescimento de um valor inicial em relação ao valor final.

Figura 5.7 - Componente Progresso

Mapa

Existem duas opções para o componente Mapa: Mapa da região e Mapa Online (Destaque 1 da figura 5.8).

• Mapa da região: permite selecionar um mapa interativo de diversas regiões do globo, sendo possível referenciar um objetivo para cada região do mapa selecionado.
• Mapa Online: utiliza o mapa online Bing e referência com os dados vinculados.

Figura 5.8 - Opções do componente de Mapa

Imagem

Imagem (Destaque 1 da figura 5.9) é um componente com o qual você pode vincular com arquivo no formato de imagem. O componente Imagem suporta os seguintes tipos de arquivos: BMP, PNG, JPEG, TIFF, GIF, PNG, ICO, EMF, WMF e SVG.

Figura 5.9 - Componente Imagem

Texto

Texto (Destaque 1 da figura 5.10) é um componente que permite exibir qualquer texto ou o resultado de uma expressão especificada. Uma expressão pode ser uma referência a uma variável do sistema, uma coluna de dados ou função do sistema.

Figura 5.10 - Componente Texto

Painel

O Painel é um componente no qual é possível agrupar outros componentes, incluindo outros painéis.

Figura 5.11 - Componente Painel

Formas

Forma (Destaque 1 da figura 5.12) é um componente que possui várias formas prontas e pode auxiliar na estrutura do Dashboard.

Figura 5.12 - Componente Formas

Principais propriedades

Os componentes possuem algumas propriedades para manipular os dados, posicionar e customizar os componentes dentro da área de edição do dashboard. Após selecionar um componente na área de edição, será exibido a aba de propriedades (1 da figura 6) com os diversos campos de configuração desse componente. 

Figura 6 - Propriedades agrupadas nas subabas acordeão

Abaixo um resumo das propriedades contidas na maioria dos componentes (Figura 6).

1. Aba de propriedades: exibe a lista de propriedades do componente selecionado.
2. Nome do componente selecionado: caixa de seleção que exibe o nome do componente selecionado e permite alternar entre os componentes contidos na área de edição.
3. Posição: utilizado para definir a posição e tamanho do componente.
4. Aparência: configura a aparência geral do componente.
5. Comportamento: configurações de comportamento referente ao componente selecionado;
   • Interação: configura a interação com o componente, podendo inserir hiperlink, filtro, drilldown e outras configurações;
   • Margem: altera a margem do componente;
   • Preenchimento: altera o preenchimento do componente.
6. Design: trava a posição do componente em relação ao Dashboard para evitar que seja movido por engano.

Propriedades específicas

Alguns componentes possuem propriedades específicas.

Funções

Dependendo do tipo de valores, a lista de funções utilizadas pode variar. A tabela abaixo contém uma lista de funções que podem ser aplicadas aos campos de dados nos campos Expressão.

Na figura 6  é possível conferir a aplicação de uma dessas funções listadas na tabela acima.

Figura 7 - Aplicação da função Year() na coluna Data

1. Coluna exibindo os dados após o uso da função;
2. Função Year() sendo aplicada no atributo "data" da fonte de dados.

Funções que podem ser adicionadas a partir do dicionário de dados ou inseridas manualmente.