Incorporando BI de autoatendimento em aplicativos Blazor

Com abundância de dados, os usuários mudaram para uma abordagem orientada por dados para orientar seu processo de tomada de decisão.

E é fácil entender o porquê.

A integração de um BI poderoso com recursos visuais e relatórios totalmente interativos em seus aplicativos Blazor torna a análise de dados acessível a todos os seus usuários finais. Com dados acessíveis e contextuais, seus usuários podem extrair rapidamente insights relevantes quando necessário, sem as interrupções e o caos causados pela alternância entre aplicativos ou pela manipulação de dados.

Como análise incorporada solução, o Reveal pode ajudá-lo a alcançar esse objetivo.

O Reveal ajuda você a incorporar painéis e relatórios interativos em seus aplicativos de forma fácil e rápida. Blazor com autoatendimento funcionalidades de análise como edição no contexto, combinação de dados, vinculação de painéis, campos calculados e muito mais.

Neste artigo, exploraremos como você pode integrar com sucesso a análise incorporada em seus aplicativos Blazor com o Reveal.

Se você é novo no Reveal, pode saber mais sobre nosso produto fazendo um tour em nosso site ou assistindo ao nosso vídeo Visão geral do produto Reveal.

Por que você deve incorporar análises em seus aplicativos Blazor?

Incorporar análises em seus aplicativos Blazor permite que você visualize dados comerciais importantes em seu fluxo de trabalho natural. Ele permite que você identifique facilmente tendências e padrões em dados que, de outra forma, seriam ignorados. Com acesso a insights em tempo real, você (e todos os seus usuários) podem tomar decisões mais informadass que podem orientar o sucesso de seus negócios.

A análise de dados também ajuda as empresas a otimizar os fluxos de trabalho, gerenciar recursos e otimizar processos e desempenho para obter a máxima lucratividade. Com os dados certos, você também pode identificar novas oportunidades de produtos/serviços para aumentar sua receita.

Preencha o formulário para obter acesso

em poucos minutos. Se você ainda tiver problemas, entre em contato conosco em

Desculpe, parece que tivemos um problema com o formulário. Por favor, tente novamente. para nos informar sobre o problema. support@revealbi.io Infelizmente, o Google considerou que você é um bot. Sinta-se à vontade para entrar em contato com

Obrigatório

para obter o recurso que você estava procurando ou optar por agendar uma demonstração de nossos produtos. support@revealbi.io Aceite os termos do formulário para enviar com sucesso.

Este endereço de e-mail não parece válido. Atualize e tente novamente.

E-mail corporativo

Nome

Sobrenome

Use um endereço de e-mail comercial. Termos de Uso e Política de Privacidade

Este site é protegido pelo reCAPTCHA e a Política de Privacidade e os Termos de Uso do Google se aplicam.

País

Eu entendo e concordo com os termos da Infragisitcs

Baixar PDF

Seu PDF está sendo baixado! Obtenha nosso "Guia de implantação de BI incorporado de ponta a ponta" GRATUITO, que detalha as fases estratégicas de planejamento, seleção, desenvolvimento e melhoria contínua necessárias para uma implementação bem-sucedida. Baixe o PDF aqui!

Incorporando análises de autoatendimento em seus aplicativos Blazor com o Reveal BI

Os 7 passos a seguir mostrarão como é fácil começar a usar visualizações de dados e painéis avançados em seu aplicativo Blazor. Existem configurações de cliente e servidor que precisam ser feitas. Para começar, baixe o SDK

Depois de fazer isso, vamos criar e habilitar análises incorporadas e autoatendimento em seu aplicativo Blazor em 7 etapas fáceis!

Etapa 1: Crie um aplicativo Blazor Server

Como este é um aplicativo Blazor Server, abra o Visual Studio e crie um novo aplicativo Blazor Server com as configurações padrão. Depois de concluído, o aplicativo é criado; clique com o botão direito do mouse em seu projeto, selecione Gerenciar Pacotes NuGet e pesquise nuget.org pelo pacote Reveal.Sdk.AspNetCore e instale-o em seu projeto.

Etapa 2: Configurar pastas / Adicionar painéis

Para testar o cliente SDK do Reveal, fornecemos painéis de amostra que você pode usar para garantir que sua configuração esteja correta. O Reveal usa uma estrutura de pasta conhecida para carregar e salvar automaticamente os painéis. Se você usar uma pasta chamada Dashboards na raiz do seu projeto, não precisará escrever nenhum código adicional de Carregar/Salvar.

1. Crie uma pasta chamada Dashboards

2. Descompacte e copie os painéis de amostra (Marketing, Vendas, Campanhas, Manufatura) para a pasta de painéis recém-criada deste arquivo ZIP: https://users.infragistics.com/Reveal/sample-dashboards.zip

Etapa 3: Atualize Program.cs

Em Program.cs:

1. Adicione ao topo da janela de código:

using Reveal.Sdk;

2. Informe ao seu aplicativo para usar o SDK do Reveal com este código e coloque-o antes da declaração builder.build. builder.Services.AddControllers().AddReveal();

Etapa 4: Adicionar dependências do SDK do cliente

Para habilitar as dependências do JavaScript do cliente Reveal, o arquivo

Pages\_layout.cshtml precisa ser atualizado. Adicione o seguinte código antes do final da tag de fechamento . <script src="https://dl.revealbi.io/reveal/libs/1.5.0/infragistics.reveal.js"></script>

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>

<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>

<script type="module"> 
 
import "./js/revealview.js"; 
    </script> 
Etapa 5: Adicionar configuração do cliente Reveal JavaScript

O cliente SDK do Reveal é configurado por meio do RevealView. Para carregar o RevealView, você precisa adicionar uma função JavaScript no cliente. É também onde você configuraria quaisquer propriedades que devem ser habilitadas quando um painel é renderizado.

js

1. Adicione pasta em \wwwroot\ pasta pasta, adicione um arquivo JavaScript chamado

2. Na pasta em revealview.js com o seguinte código: window.loadRevealView = function (viewId, dashboardName) {

$.ig.RevealSdkSettings.setBaseUrl('https://samples.revealbi.io/upmedia-backend/reveal-api/');

$.ig.RVDashboard.loadDashboard(dashboardName, (dashboard) => {

var revealView = new $.ig.RevealView("#" + viewId);

revealView.dashboard = dashboard;

Etapa 6: Carregar painéis

});

}

Neste aplicativo Blazor, você irá carregar os painéis em um elemento

chamado

Adicione o código para a lista suspensa que você usará para selecionar o painel a ser carregado:

<option>Campanhas</option> 
    <option>Saúde</option> 
    <option>Manufatura</option> 
    <option>Marketing</option> 
    <option>Vendas</option> 
    </select> 
Adicione a div revealView: 

Adicione o código que carrega o painel Campanhas no primeiro carregamento 

protected override async Task OnAfterRenderAsync(bool firstRender) 
    if (firstRender) 
    { 
        await JSRuntime.InvokeVoidAsync("loadRevealView", "revealView", "Campanhas"); 
        { 
            Observe as alterações no Select para carregar o painel correto:  
        } 
    }
} 

async void selectedDashboardChanged(ChangeEventArgs e) 
    { 
        aguarde JSRuntime.InvokeVoidAsync("loadRevealView", "revealView", e.Value!.ToString()); 
    } 
}