En este tutorial, crearemos un Dashboard de empleados por región.
Creando las aplicaciones para el dashboard
1 – Aplicación 1: La primera aplicación de Panel de control que mostraremos es un gráfico de apilamiento que muestra las ventas de los empleados por región.

Aquí se explica cómo crearlo en:https://www.scriptcase.net/tutorials/grafico-de-apilamiento/
2 – Aplicación 2: formulario de pedido

2.1 – Cree una nueva aplicación de formulario de “Una linea” basada en la tabla de “orders”

2.2 – En “Layout >> Bloques” crearemos un nuevo bloque y lo configuraremos según la imagen.


2.3 – En “editar campos” seleccionaremos los campos de visualización y los organizaremos entre los bloques disponibles:

2.4 – Generar código fuente de la aplicación.

3 – Aplicación 3: Resumen de ventas de empleados por región.

3.1 – Cree una aplicación de tipo Grid utilizando la tabla “sales”.


3.2 – Para habilitar el Resumen en la Consulta, debemos crear una Agrupación, luego la crearemos a través del Menú “Agrupación> Agrupación estática> Nueva Agrupación”.

3.3 –Seleccione los campos de la siguiente manera:

3.4 – Vuelva a las opciones de “Módulos Grid” y active sólo “Consulta” y “Resumen”, y coloque “Resumen” como módulo inicial.

4 – Creación del Dashboard
4.1 – Cree una nueva aplicación Dashboard.

4.2 – En la configuración del Dashboard, haga clic en “Agregar widget de enlace”.

4.3 – En el primer widget, agregue la aplicación Gráfica haciendo clic en el icono del lápiz, luego escriba el nombre de la aplicación y haga clic en guardar.


4.4 – En el segundo widget, agregue la aplicación Formulario de pedido haciendo clic en el icono de lápiz, luego escriba el nombre de la aplicación y haga clic en guardar.


4.5 – Agregue un widget más para mostrar la aplicación Resumen de ventas de empleados por región.

5 – Ejecute la aplicación.
Comment this post