Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Dashboard

O Dashboard, é um novo recurso do Cronapp muito completo e fácil de utilizar. A figura 1 exibe o diretório padrão do Dashboard criado no Cronapp (Localização: Dashboards/

Tooltip
onlyIcontrue
appendIconinfo-circle

Endereço: src/main/java/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.

Criação do Dashboard

A criação do Dashboard fica disponível no diretório Dashboards (Localização: Dashboards/

Tooltip
onlyIcontrue
appendIconinfo-circle

Endereço: src/main/java/dashboards

). Então, para criar um dashboard, clique com o botão direito do mouse para abrir o menu de contexto do diretório e clique em Novo Dashboard (Figura 3).


Figura 2 - 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 elementos de arrasta e solta, no qual os elementos são arrastados até a página do dashboard e ao solta-los, eles preenchem automaticamente o espaço que será utilizado, mas com as outras ferramentas existentes no dashboard é possível modifica-los, podendo ser seu tamanho, seu tema, etc.


Figura 1 - Visão geral do dashboard.

  1. Menu superior;
  2. Área lateral;
  3. Área do dashboard;
  4. Menu inferior.

Âncora
menusuperior
menusuperior

Menu Superior 

O Menu superior (Destaque 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.

Âncora
abainicio
abainicio

Aba Início  

A aba início (Destaque 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.

Âncora
abainserir
abainserir

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 formas, todos os outros componentes precisam de atributos da classe importada do banco de dados para serem exibidos, como no exemplo abaixo, Região Estados são atributos de uma classe.


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 Pivô: Insere uma tabela pivô na área de edição, uma tabela pivô é uma tabela dinâmica que serve para calcular, resumir e analisar os dados que lhe permitem ver comparações, padrões e tendências nos dados.
  5. Indicador: Insere um indicador na área de edição.
  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 dividido por continentes, o segundo exibe todos os países de uma forma geral, como um mapa mundi.
  8. Imagem: Insere uma imagem na área de edição.
  9. Texto: Insere uma área de texto na área de edição.
  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, circulos, 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.

Âncora
abapagina
abapagina

Aba Página

A aba página é responsável por formatar a página, como por exemplo definir as margens, 


EM CONSTRUÇÃO

Figura 2.3 - Aba Página.

Âncora
abalayout
abalayout

Aba Layout


Figura 2.4 - Aba Layout.

Âncora
abaprevisualizar
abaprevisualizar

Aba Pré-visualizar

Figura 2.5 - Aba Pré-visualizar.

Âncora
arealateral
arealateral

Área Lateral 

Figura 3 - Área Lateral.

Propriedades

Figura 3.1 - Propriedades.

Dicionário 

Figura 3.2 - Dicionário. 

Árvore de relatório


Figura 3.3 - Árvore de relatório.

Menu Inferior 
Âncora
menuinferior
menuinferior


Figura 4 - Menu Inferior.


Componentes

Principais propriedades

Tabela

Propriedades específicas

Gráfico

Propriedades específicas


Índice