Curso Pentaho Dashboards Design

Temas

Descripción y ejemplificación de Tecnologías Auxiliares:
- DOM | HTML | XML | XHTML | CSS | JS | AJAX | jQuery
Dashboards Design:
- Descripción, características y buenas prácticas al confeccionar un Dashboard
- Descripción, licencia, uso y características de las CTools:
  - Community Dashboard Editor (CDE)
  - Community Dashboard Framework (CDF)
  - Community Chart Component (CCC)
  - Community Data Access (CDA)
- Frameworks y librerías utilizadas en CDE
- Configuración avanzada de CCC Charts utilizando:
  - Protovis
  - Funciones del ciclo de vida de los componentes CDF
  - Funciones JavaScript
- Descripción y uso de Datasources de tipo JSON
- Descripción de los principales pasos para diseñar Dashboards efectivos
Pentaho:
- Definición y objetivos
- Principales proyectos de la Suite Pentaho
- Características destacadas de las últimas actualizaciones
- Características de Pentaho Server
- Presentación de Base de Datos para realizar los ejemplos y prácticas del curso
- Layout de Pentaho User Console (PUC): File | View | Refresh | Help
- Perspectivas de PUC: Home | Browse Files | Opened | Schedules | Administration
- Creación de Nueva Solución BI
- Pentaho Marketplace: Descripción | Instalación de plugins
Cuadro de Mando Integral (CMI):
- Descripción, características, definición y limitaciones del CMI
- Evolución y reseña histórica del CMI
- Descripción del modelo de Toma de Decisiones en la era de la información
Indicadores:
- Descripción, ejemplificación y características de:
  - Indicadores Financieros
  - Indicadores No-Financieros
  - Inductores de Actuación
  - Relación Causa-Efecto
- Descripción y ejemplificación de Indicadores en los Dashboards
- Descripción de Indicadres de Resultado
- Descripción de Indicadores de Inducción
- Criterios de Selección de Indicadores
- Creación de diccionario y documentación de Indicadores
- Descripción de las Key Performance Indicator (KPI)
Perspectivas de Análisis:
- Descripción, ejemplificación y uso de Indicadores en cada Perspectiva
- Perspectiva Financiera
- Perspectiva Cliente
- Perspectiva Proceso Interno
- Perspectiva Aprendizaje y Crecimiento
- Implementación de un Cuadro de Mando Integral
Ciencia & Simplicidad:
- Justificación del uso de la ciencia al diseñar Dashboards
- Clasificación de Dashboards de acuerdo a la pirámide de toma de decisiones tradicional: Estratégico | Táctico | Operativo
- Descripción y ejemplificación del concepto Fidelidad de Datos
- Importancia de la Contextualización de los datos del Dashboard: Datos adyacentes | Categorías adyacentes | Indicadores aislados
- Descripción, ejemplificación y comparación entre Indicadores contextualizados y descontextualizados: CGG Dial Chart | CCC Bullet Chart
- Creación de Dashboard en una sola página
- Utilización de Tabs en Dashboards
- Manejo de estructuras de carpetas en PUC
- Importancia del concepto Precisión de Datos
- Descripción de los principales Principios de Diseño
- Importancia del concepto Datos Relevantes
- Descripción, características y diferencias entre estilos de diseño: Flat Design vs Realist Design
Configuración de Charts CCC:
- Configuración avanzada de Grids en los Charts: Horizontales | Verticales
- Configuración avanzada del cuadro de Legends
- Configuración avanzada de Labels: Overlay | Adyacentes
- Configuración avanzada de Axis: Posición | Rango de la escala | Rango dinámico
- Descripción y ejemplificación de los diferentes tipos de valores del Eje Cualitativo: Nominal | Ordinal | Intervalo | Time-series
- Configuración avanzada de valores del Eje Cuantitativo: Codificación de la escala | Unidad de medida
- Configuración avanzada de los Valores visibles en los Charts. Análisis de Redundancia de datos en los Charts
Percepción Visual:
- Descripción de los conceptos: Percepción | Percepción visual | Visión
- Aplicación del concepto Percepción Visual a los elementos del Dashboard
- Importancia del Equilibrio en los elementos del Dashboard
- Descripción e importancia de la Simetría en los Charts
- Descripción del concepto Equilibrio Asimétrico
- Descripción del concepto Cerramiento
- Importancia de los conceptos Figura y Fondo
- Descripción del concepto Asociación y aplicación a los elementos del Dashboard
- Importancia del concepto Subordinación
- Importancia de los conceptos Simplificación y Navaja de Ockham
Colores de Diseño:
- Definición de los conceptos: Color | Luz | Longitud de onda | Espectro visible
- Conformación del Círculo Cromático: CMYK | RGB
- Categorización de los Colores: Colores Primarios | Secundarios | Terciarios
- Propiedades del color: tono, saturación y luminosidad.
- Descripción de las propiedades del Color: Tono | Saturación | Luminosidad
- Definición de Colores Acromáticos
- Definición de Colores Fríos y Cálidos
- Análisis de la Psicología del Color aplicada a la sensación que producen
- Importancia de la Armonías de Colores: Complementarios | Triada | Análogos
- Creación de Paletas Custom: Colores Pastel | Naturales.
- Utilización de Paletas de Colores online.
- Descripción de la notacioń Hexadecimal de los Colores
- Definición y distintos tipos de Daltonismo: Protanopia | Deuteranopia | Tritanopia
- Utilización de Colores Efectivos
- Recomendaciones de diseño: Dirigir la atención | Evitar efecto camuflaje
- Análisis de la Tendencia actual de paletas de Colores: Flat Design | Material Design | Bootstrap
Fuentes Tipográficas:
- Definición y ejemplificación de Tipografía, Fuente y Familia
- Descripción, usos y característcas de las tipografías: Serif | Sans Serif
- Características y aplicación de Alineación de acuerdo al tipo de elemento: Izquierda | Centro | Derecha
- Aplicación de Alineación a los datos de una Data Table utilizando CSS y jQuery
- Importancia de definir Set de Tipografías. Análisis de sites web más populares
- Análisis de Fuentes recomendadas en: Textos Cortos | Largos | Nivel de importancia. Tamaño de fuente recomendada
- Consideraciones de diseño efectivas respecto a las Fuentes tipográficas
- Aplicación en CDE de las Propiedades HTML para manipular fuentes: font-family | font-size | text-align | vertical-align | color
- Configuración avanzada de clases CSS en CDE: configurar MIME Type CSS | importar clases CSS | asignar clases a elementos CDE
- Utilización de Web browser Inspector
- Análisis y configuración de los diferentes Tipos de archivos de Fuentes: TTF | OTF | EOT | SVG | WOFF | WOFF2
- Configuración avanzada de Fuentes tipográficas en Dashboard CDE: Configurar MIME Type TTF | Importar tipografía | Crear @font-face | Asignar tipografía a elementos CDE | Utilización de Google Fonts
- Especificación de fuentes en CDE: font-style | font-variant | font-weight | font-size | font-family
Alertas:
- Descripción, características y tipos deAlertas
- Consideraciones respecto a las alertas de tipo Semáforo
- Descripción y ejemplificación de cómo resaltar un valor en un Chart CCC. Configuración avanzada de CCC utilizando formatos condicionales y Funciones JS
- Ejemplificación de cómo resaltar los ítems de un CCC Line Chart que coincidan con una lista de valores. Configuración avanzada de CCC utilizando Arreglos, Bucles interactivos y Funciones JS
Tooltips:
- Configuración de un botón que permita mostrar información contextual en los Charts. Utilizando HTML, CSS y Bootstrap
- Configuración avanzada de la información contextual utilizando jQuery
- Configuración básica de Tooltips
- Configuración avanzada de Tooltips
- Configuración de Tooltips utilizando código HTML dinámico
- Configuración de Tooltips en Charts de tipo Stacked
CCC Pie Chart:
- Descripción, características y diseño efectivo
- Utilización de categoría: Otros
- Buenas prácticas al configurar los Labels
- Desvenajas del uso de Pie Charts y alternativa de presentación efectiva
- Descripción avanzada de Diseño Minimalista
- Utilización de Pie Chart simulando un Gauge
CCC Bar Chart:
- Descripción, características y diseño efectivo
- Descripción avanzada de Diseño Minimalista
- Configuración avanzada de Bar Chart para representar valores actuales y valores esperados
- Comparación entre Bar Chart y Line Chart
- Utilización de Bar Chart simulando Chart Bullets
- Análisis de los distintos tipos de presentación de valores
- Configuración de Axis con Labels anidados jerárquicamente
- Configuración de Bar Chart de tipo Stacked
CCC Bullet Chart:
- Descripción y características
- Comparación entre Bullet Chart y Dial Chart
- Configuración avanzada de Bullet Chart
- Descripción avanzada de Diseño Minimalista
CCC Metric Dot Chart:
- Descripción, características y ejemplificación
- Configuración avanzada de Chart de tipo Cuadrante mágico Gartner
- Configuración avanzada de Chart tipo Scatter Plot
- Configuración avanzada de Bubble Chart
- Utilización de diferentes tonalidades de Color para representar valores
CCC Box Plot Chart:
- Descripción, definición de sus marcadores: Menor | Primer Cuartil | Segundo Cuartil | Tercer Cuartil | Mayor
- Descripción avanzada de Diseño Minimalista
- Diseño customizado para representación de Cuartiles
CCC Line Chart:
- Descripción y características
- Descripción avanzada de Diseño Minimalista
- Diseño con implementación de Imágenes en la Legenda
- Diseño avanzado con implementación de Focus window para seleccionar un rango de fechas en el Chart
Table Component:
- Descripción y características
- Descripción avanzada de Diseño Minimalista
- Configuración avanzada de Alertas
CCC Bar Chart con Line:
- Descripción y configuración de Bar Chart con Line
CCC Bar Chart con Area:
- Descripción y configuración de Bar Chart con Line y Area
Dashboard Tablet:
- Creación y configuración avanzada de Dashboards pensados para dispositivos móviles; utilizando Bootstrap, CSS, JS y jQuery
Dashboard Desktop:
- Creación y configuración avanzada de Dashboards pensados para pantalla de ordenadores; utilizando Bootstrap, CSS, JS y jQuery

100% online

Descripción

Duración

Objetivos

Temas

Contacto: Dario Bernabeu