Integración de BI de autoservicio en aplicaciones de Blazor

Con abundantes datos, los usuarios han cambiado a un enfoque basado en datos para guiar su proceso de toma de decisiones.

Y es fácil ver por qué.

La integración de BI potente con elementos visuales e informes totalmente interactivos en sus aplicaciones de Blazor hace que el análisis de datos sea accesible para todos sus usuarios. Con datos accesibles y contextuales, sus usuarios pueden extraer rápidamente la información relevante cuando la necesiten, sin las interrupciones y el caos causados por el cambio de aplicaciones o la manipulación de datos.

Como analítica integrada solución, Reveal puede ayudarle a lograrlo.

Reveal te ayuda a integrar de forma fácil y rápida paneles e informes interactivos en tu aplicaciones Blazor con funciones de autoservicio las funciones de análisis como la edición en contexto, la combinación de datos, el enlace de paneles, los campos calculados y más.

En este artículo, exploraremos cómo puedes integrar con éxito las analíticas integradas en tus aplicaciones Blazor con Reveal.

Si eres nuevo en Reveal, puedes obtener más información sobre nuestro producto visitando nuestro sitio web o viendo nuestro video de descripción general del producto Reveal.

¿Por qué debería integrar análisis en sus aplicaciones de Blazor?

La integración de analíticas en tus aplicaciones Blazor te permite visualizar datos comerciales clave en tu flujo de trabajo natural. Te permite identificar fácilmente tendencias y patrones en los datos que, de otro modo, podrían pasar desapercibidos. Con acceso a información en tiempo real, tú (y todos tus usuarios) pueden tomar decisiones mejor informadass que pueden guiar el éxito de tu negocio.

El análisis de datos también ayuda a las empresas a optimizar los flujos de trabajo, administrar los recursos y optimizar los procesos y el rendimiento para obtener la máxima rentabilidad. Con los datos correctos, también puedes identificar nuevas oportunidades de productos/servicios para aumentar tus ingresos.

Complete el formulario para obtener acceso

en unos minutos. Si sigue teniendo problemas, póngase en contacto con nosotros en

Lo sentimos, parece que hemos tenido un problema con el formulario. Por favor, inténtelo de nuevo para informarnos del problema. support@revealbi.io Desafortunadamente, Google le ha identificado como un bot. No dude en ponerse en contacto con

Obligatorio

para obtener el activo que estaba buscando o elegir programar una demostración de nuestros productos. support@revealbi.io Acepte los términos del formulario para enviarlo correctamente.

Esta dirección de correo electrónico no parece válida. Por favor, actualícela e inténtelo de nuevo.

Correo electrónico profesional

Nombre

Apellido

Utilice una dirección de correo electrónico empresarial. Términos de uso y Política de privacidad

Este sitio está protegido por reCAPTCHA y se aplican la Política de privacidad y los Términos de uso de Google.

País

Entiendo y acepto los términos de Infragisitcs

Descargar PDF

¡Su PDF se está descargando! Obtén nuestra "Guía gratuita para la implementación completa de BI", que detalla las fases estratégicas de planificación, selección, desarrollo y mejora continua necesarias para una implementación exitosa. ¡Descargue el PDF aquí!

Integración de análisis de autoservicio en sus aplicaciones de Blazor con Reveal BI

Los siguientes 7 pasos te mostrarán lo fácil que es comenzar a habilitar visualizaciones de datos enriquecidas y paneles en tu aplicación Blazor. Hay configuraciones tanto del lado del cliente como del servidor que deben realizarse. Para comenzar, descarga el SDK

Una vez que hayas hecho eso, ¡creemos y habilitemos analíticas integradas y de autoservicio en tu aplicación Blazor en 7 sencillos pasos!

Paso 1: Crea una aplicación Blazor Server

Dado que esta es una aplicación Blazor Server, abre Visual Studio y crea una nueva aplicación Blazor Server con la configuración predeterminada. Una vez completada, se crea la aplicación; haz clic derecho en tu proyecto, selecciona Administrar paquetes NuGet y busca nuget.org para encontrar el paquete Reveal.Sdk.AspNetCore y instálalo en tu proyecto.

Paso 2: Configura carpetas / Agrega paneles

Para probar el cliente del SDK de Reveal, incluimos paneles de ejemplo que puedes usar para asegurarte de que tu configuración sea correcta. Reveal utiliza una estructura de carpetas conocida para cargar y guardar automáticamente los paneles; si utilizas una carpeta llamada Paneles en la raíz de tu proyecto, no es necesario que escribas ningún código adicional de carga/guardado.

1. Crea una carpeta llamada Paneles

2. Descomprime y copia los paneles de ejemplo (Marketing, Ventas, Campañas, Fabricación) a la carpeta de Paneles recién creada desde este archivo ZIP: https://users.infragistics.com/Reveal/sample-dashboards.zip

Paso 3: Actualiza Program.cs

En Program.cs:

1. Agrega en la parte superior de la ventana de código:

using Reveal.Sdk;

2. Indícale a tu aplicación que use el SDK de Reveal con este código y colócalo antes de la declaración de builder.build. builder.Services.AddControllers().AddReveal();

Paso 4: Agrega dependencias del SDK del cliente

Para habilitar las dependencias de JavaScript del cliente de Reveal, el archivo

Pages\_layout.cshtml necesita ser actualizado. Agrega el siguiente código antes del final de la etiqueta de cierre tag. <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> 
Paso 5: Agrega la configuración del cliente de Reveal

El cliente del SDK de Reveal se configura a través de RevealView. Para cargar RevealView, debes agregar una función de JavaScript en el cliente. Aquí también configurarías cualquier propiedad que deba habilitarse cuando se renderice un panel.

js

1. Agregue carpeta en la \wwwroot\ carpeta carpeta, agrega un archivo de JavaScript llamado

2. En el carpeta en la revealview.js con el siguiente 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;

Paso 6: Carga paneles

});

}

En esta aplicación Blazor, vas a cargar los paneles en un elemento

llamado

Agrega el código para el menú desplegable que usarás para seleccionar el panel que se va a cargar:

<option>Campañas</option> 
    <option>Atención médica</option> 
    <option>Fabricación</option> 
    <option>Marketing</option> 
    <option>Ventas</option> 
    </select> 
Agrega el div revealView: 

Agrega el código que carga el panel Campañas en la primera carga 

protected override async Task OnAfterRenderAsync(bool firstRender) 
    if (firstRender) 
    { 
        await JSRuntime.InvokeVoidAsync("loadRevealView", "revealView", "Campañas"); 
        { 
            Observa los cambios en el Select para cargar el panel correcto: 
        } 
    }
} 

async void selectedDashboardChanged(ChangeEventArgs e) 
    { 
        espere a que JSRuntime.InvokeVoidAsync("loadRevealView", "revealView", e.Value!.ToString()); se ejecute. 
    } 
}