Pentaho Dashboards Design

Dirigido a

  • Todas las personas que realizaron el curso de Pentaho Dashboards Advanced y quieren adquirir más conocimientos.

Objetivos:

  • Investigar la aplicación de conceptos científicos a nuestros Dashboards Pentaho.
  • Aprender a realizar configuración avanzada de look&feel, estilo minimalista y estilo llamativo.
  • Aplicar conceptos científicos al diseño de Dashboards Pentaho, mediante ejemplos y ejercicios.
  • Aprender cuál es la mejor manera de representar los datos, para lograr una representación eficiente.
  • Aprender los conceptos teórico/prácticos relacionados a Cuadros de Mando, KPI, Colores, Tipografías, Formas, Alertas, Tooltips.
  • Aplicar configuración avanzada a los Charts más utilizados.

Metodología:

  • Modalidad: Online.
  • Duración: 215 horas de estudio (2 meses).

Programa:

  • 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

 

Docente:

  • Darío Bernabeu.
    • Experto en el desarrollo e implementación de soluciones OSBI (Open Source Business Intelligence), Bases de Datos y Tecnologías Web.

 Coste:

  • Importe del curso: 160€

Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Si continua navegando, consideramos que acepta su uso. Puede cambiar la configuración u obtener más información Política de Cookies