Tutorial: Aplicação de Dashboard

Neste exemplo será criado uma aplicação de Dashboard mostrando um resumo e um gráfico. 

1 Criando o Resumo

Esta aplicação exibirá um resumo da quantidade e valor dos produtos, por categorias.

1.1 – Criaremos uma nova aplicação do tipo Consulta, baseada na tabela “products”.

1.2 – Para habilitar o resumo em uma Consulta, devemos primeiro criar uma “Quebra”. Acesse a guia “Quebras” no menu da aplicação e clique em “Quebra estática >> Nova Quebra”.

1.3 – Selecione os seguintes campos de acordo com a imagem.

1.4 – Retorne às opções iniciais de “Módulos da Grid”

1.5 – Habilite apenas o módulo “resumo” e coloque-o como aplicação inicial.

1.6 – Gere o fonte da aplicação.

2 Criando o Gráfico

Esta aplicação exibirá um gráfico com o valor dos produtos por categorias.

2.1 – Criaremos uma nova aplicação do tipo Gráfico, também baseada na tabela “products”.

2.2 – Uma vez criada a aplicação, devemos selecionar os campos que iremos utilizar como agrupamento das dimensões e métricas.

2.3 – Em seguida clique na aba “Gráfico” e selecione o tipo de gráfico que deseja visualizar.

2.4 – Gere o fonte da aplicação.

3 Criando a Dashboard

3.1 – Crie uma nova aplicação do tipo Dashboard. 

3.2 – Na configuração da Dashboard, clique em “Adicionar Widget de Ligação”.

3.3 – No primeiro widget, adicione a aplicação de Resumo clicando no ícone do lápis, em seguida, digite o nome da aplicação e clique em salvar.

3.4 – No segundo widget, adicione a aplicação de Gráfico clicando no ícone do lápis, em seguida, digite o nome da aplicação e clique em salvar.

3.5 – Clique no botão Executar na barra de ferramentas.

Compartilhe este tutorial

Tutoriais na mesma categoria

Recarga de Dados na Consulta

Neste exemplo, veremos a opção de atualizar todo o conteúdo da página de Consulta, através de...

Exportação de subconsulta XML

Neste exemplo, veremos a exportação em XML de uma consulta com subconsulta. Criando um...

Opções de exportação

Para exportar diferentes tipos de arquivos, devemos realizar os seguintes passos: 1 - Crie u...

Integração com WhatsApp

Para integrar o WhatsApp ao ScriptCase, estaremos utilizando uma API específica chamada Chat...

Comente este post