WebDataRocks OT1000

DOM | HTML | XML | XHTML | CSS | JS | AJAX | jQuery

¿Qué es Web Data Rocks (WDR)?

Principales usos.

Licencia y condiciones de uso.

Flex Monster

Integración con Frameworks, Librerías y Apps:

• Angular 2+

• AngularJS

• React

• jQuery

• Django

• Jupyter Notebook

Integración con Librerías Gráficas:

• amCharts

• Google Charts

• Highcharts

• FusionCharts

Ejemplos de aplicación

Creación de carpeta de Solución

Servidor local http-server de NodeJS: características, licencia, configuración, instalación

Docker:

• Descripción, características, licencia

• Teminología Docker: Imagen, Contenedor

• Principales usos y proyectos

• Ventajas

• Instalación

• Funcionamiento

• Ejemplos

Utilización de http-server dockerizado para trabajar en Servidor local:

• Instrucciones Start y Stop

Recursos utilizados

Elementos de DOM

Estructura principal de configuración de Web Data Rocks

Obtención del dataset de un archivo CSV

Configuración por defecto: descripción y enumeración

Configuración principal de campos en el Pivot

Criterios de análisis e Indicadores

Paneles All Fields, Rows, Columns, Report Filters

Explicación, ejemplificación, comportamiento

Práctico: creación de Pivot con dos Indicadores y un filtro general

Descripción y ejemplificación de las cada opción

Totales generales: Do not show grand totals, Show grand totals, Show for rows only, Show for columns only

Subtotales: Do not show subtotals, Show subtotals, Show subtotal row only, Show subtotal columns only

Estilo del Pivot: Compact form, Classic form, Flat form

Presentación similar a hoja de cálculo

Ocultar toolbar

Práctico: creación de Pivot con dos Indicadores y dos perspectivas de análisis anidadas en árbol jerárquico

Redimensionar: modificar alto y ancho de las celdas

Ordenar: ordenar los datos por algún criterio de forma ascendente o descendente

Filtrar: aplicar filtros particulares en los campos

Intercambiar: mover de posición los campos dentro del Pivot

Mostrar detalle: operación Drill-through

Connect: conexión con datasources CSV y JSON, de tipo local y remotos

Save: guardar la configuración del Pivot

Open: abrir Pivots locales y remotos

Export: imprimir el Pivot y exportarlo como HTML, XLSX y PDF

Format: configurar look&feel y formatos condicionales

Options: configurar totales generales, subtotales y layout

Fields: configurar estructura del Pivot

Fullscreen: modo pantalla completa

Configuración de botones del toolbar

Creación de botones propios, con listas desplegables

Configuración las acciones que lleva a cabo cada botón e item de las listas desplegables

Obtención de datasource JSON obtenido de un Data Warehouse

Jerarquía del campo Fecha: Día, Mes, Año

Configuración y creación de un Análisis Cruzado, con criterios de análisis como cabeceras de filas y columnas, y con Indicadores en las celdas de intersección

Práctico: creación de un análisis cruzado, con jerarquías, subtotales y filtro general

Práctico: creación de un análisis cruzado, con múltiples jerarquías en filas y columnas

Format cells:

• Configuración y asignación de formáto numérico, particula y general

• Alineación, separador de miles, separador decimal, cantidad de decimales, símbolo de modena, conversión a porcentaje

• Configuración de formato numérico para grandes cifras: k, M, G

Conditional Formatting:

• Creación de formatos condicionales o threshold

• Evaluación de condiciones

• Asignación de formato: tipo y tamaño de fuente tipográfica, color de letra y de fondo

• Creación de múltiples formatos condicionales en un mismo Pivot

• Práctico: creación de análisis cruzado con filtros generales, con aplicación de formatos condicionales y formato numérico

Configuración del tipo de agregación que se realizará sobre las Medidas

Funciones de agregación:Sum, Count, Distinct Count, Average, Median, Product, Min, Max, % of Grand Total, % of Column, % of Row, Index, Difference, % Difference, Population StDev, Sample StDev, Running Totals

Creación de medidas calculadas

Utilización de medidas, funciones de agregación, cálculos matemáticos y operadores lógicos

Práctico: creación con dos Indicadores con particulares funciones de agregación y creación de una medida calculada

Modificación de look&feel

Recursos necesarios

Implementación

Ejemplo de aplicación de themes de forma dinámica

Opciones: default, dark, lighblue, orange, teal

Configuración de WDR en español

Recursos necesarios

Traducción de nombres de meses

Integración de WDR con librerías gráficas

Bootstrap:

• Descripción, utilización

• Implemtación

amCharts XY-Chart:

• Creación de Pivot WDR junto a un amCharts de tipo Bar Chart Horizontal

amMaps América Latina:

• Creación de Pivot WDR junto a un amMaps con los países de América Latina