Pentaho Dashboards Design

Descripción

• Tema 1 – Descripción y ejemplificación de Tecnologías Auxiliares:
  • CDOM | HTML | XML | XHTML | CSS | JS | AJAX | jQuery

• Tema 2 – 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

• Tema 3 – 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

• Tema 4 – 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

• Tema 5 – 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)

•  Tema 6 – 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

•  Tema 7 – 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

• Tema 8 – Selectores:
  
  • 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

• Tema 9 – 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

• Tema 10 – 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

• Tema 11 – Fuentes Tipográficas:
  
  • Descripción y uso
  • Aplicación y configuración avanzada de Column Types especiales mediante código JavaScript: sparkline | pvSparkline | dataBar | trendArrow | hyperlink | circle | formattedText | cccBulletChart | groupHeaders
  • Customización de la Table
    

• Tema 12 – Pivot Component:
  
  • 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

• Tema 13 – 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

• Tema 14 – 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
•  Tema 15 – 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

• Tema 16 – 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

• Tema 17 – 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

• Tema 18 – 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

• Tema 19 – 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

• Tema 20 – Table Component:
  • Descripción y características
  • Descripción avanzada de Diseño Minimalista
  • Configuración avanzada de Alertas

• Tema 21 – CCC Bar Chart con Line:
  • Descripción y configuración de Bar Chart con Line

• Tema 22 – CCC Bar Chart con Area:
  • Descripción y configuración de Bar Chart con Line y Area

•  Tema 23 – Dashboard Tablet:
  • Creación y configuración avanzada de Dashboards pensados para dispositivos móviles; utilizando Bootstrap, CSS, JS y jQuery
    
•  Tema 24 – Dashboard Desktop:
  • Creación y configuración avanzada de Dashboards pensados para pantalla de ordenadores; utilizando Bootstrap, CSS, JS y jQuery