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/ )
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/ ). 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.
- Menu superior;
- Área lateral;
- Área de edição do dashboard;
- Menu inferior.
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.
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.
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 de atributos da classe importada do banco de dados para serem exibidos, como no exemplo abaixo, Região e Estados são atributos de uma classe.
Figura 2.2 - Aba Inserir.
- Tabela: Insere uma tabela na área de edição;
- Gráfico: Insere um gráfico na área de edição;
- Manômetro: Insere um manômetro na área de edição;
- 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;
- Indicador: Insere um indicador na área de edição;
- Progresso: Insere um componente que mostra o progresso de um atributo;
- 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;
- Imagem: Insere uma imagem na área de edição;
- Texto: Insere uma área de texto na área de edição;
- Painel: Insere um painel na área de edição, nele é possível inserir outros componentes do dashboard;
- Formas: Insere uma ou mais formas ao dashboard, como por exemplo, circulos, triângulos, setas, retângulos, etc;
- Filtros: Insere um filtro a um determinado componente do dashboard;
- 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.
EM CONSTRUÇÃO
Figura 2.3 - Aba Página.
Aba Layout
A aba layout apresenta todas as opções de organização dos elementos que se encontram na página do relatório e o design dos mesmos. Essa opção só fica disponível quando o elemento ou conjunto de elementos 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.
- Ícone de atalhos: apresenta os principais elementos da aba inserir do menu superior;
- Propriedades: Apresenta as propriedades do componente selecionado na área de edição do dashboard.
- Dicionário: Área responsável por adicionar uma fonte de dados ao dashboard.
- Árvore de relatório: Exibe uma lista dos componentes presentes no dashboard.
- Ícones de configuração do menu lateral:
- Propriedades: selecionado por padrão, exibe as propriedades do elemento selecionado;
- Eventos: exibe os eventos que podem ser associados ao elemento selecionado.
- Colocações: habilita a localização da grade;
- Fixa ou desprende o menu lateral do relatório.
Propriedades
A aba propriedades varia conforme o elemento selecionado na página, mas ela exibe todas as configurações que podem ser feitas no elemento.
Figura 3.1 - Propriedades.
Dicionário
A aba dicionário é onde se encontra a configuração de fonte de dados, variáveis do sistema, funções e recursos. Nessa aba, é possível adicionar e remover fonte de dados, inserir e remover variáveis e funções no relatório, etc.
Para utilizar esse recurso é preciso que haja uma fonte de dados no projeto.
Figura 3.2 - Dicionário.
- Ações: exibe as opções: Novo dicionário, abrir dicionário, salvar dicionário como e sincronizar.
- Novo item: exibe as opções: Nova fonte de dados, nova transformação de dados, novo relacionamento, nova categoria, nova variável, novo recurso.
- Editar: habilitado somente quando uma fonte de dados ou um elemento dessa fonte estiver selecionado, ele abre a janela de edição da fonte ou do elemento;
- Excluir: habilitado somente quando uma fonte de dados ou um elemento dessa fonte estiver selecionado, ele exclui a fonte ou o elemento;
- Mover para cima: habilitado somente quando um elemento da fonte de dados estiver selecionado e quando esse elemento não for o primeiro, ele move o elemento da fonte de dados para cima;
- Mover para baixo: habilitado somente quando um elemento da fonte de dados estiver selecionado e quando esse elemento não for o último, ele move o elemento da fonte de dados para baixo.
Árvore de relatório
A aba Árvore de relatório exibe todos os elementos e itens em que ele é constituído, da mesma forma de uma árvore de projeto, com menus e submenus - no caso da árvore, é mostrado na forma de suas páginas e os elementos que contém em cada página.
Figura 3.3 - Árvore de relatório.
Menu Inferior
Apresenta informações gerais sobre a página do dashboard.
Figura 4 - Menu Inferior.
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;
Mostra o título do elemento selecionado no dashboard, podendo ser a página ou um componente de texto;
A coluna informa as coordenadas x e y do mouse ou do componente selecionado dentro do relatório, assim como largura e altura;
- Zoom definido pelo tamanho do relatório:
- Largura da Página: altera o zoom do relatório para ver a página inteira na janela;
- Altura da Página: altera o zoom de modo que a largura do relatório corresponda à largura da janela;
- Informa o percentual utilizado no zoom.
- Define o valor do zoom do dashboard;
- Informa o zoom atual e ao clicar sobre a opção, ele apresenta outros valores de zoom.