Pentaho Dashboards Design
¿Estás buscando empleo o mejorar tu CV y competencias profesionales? Fórmate en Pentaho Dashboards Design, la herramienta BI líder.
Objetivo
El objetivo de este curso «Pentaho Dashboards Design» es que los alumnos aprendan a aplicar de conceptos científicos a nuestros Dashboards Pentaho y a realizar configuración avanzada de look&feel, estilo minimalista y estilo llamativo.
¿A quién va dirigido?
Este curso va dirigido a todas las personas con conocimientos medios en Pentaho y con la necesidad de adquirir conocimientos del trabajo que se lleva a cabo con Pentaho Dashboards Design, el entorno de desarrollo del mismo y su diseño.
¿Qué aprenderás?
Con este curso aprenderás a diseñar tus propios Dashboards basándote en conocimientos acabados sobre el modo en que las personas reaccionan ante los estímulos visuales, el modo en que perciben los datos, colores, formas, realizan comparaciones, etc. Aprenderás qué Charts utilizar de acuerdo al tema analizado, cómo resaltar partes importantes del Chart, utilizar diseños minimalistas, emplear configuraciones avanzadas que incluyan funciones y cálculos matemáticos. Conseguirás que los Charts se adapten lo máximo posible a tus deseos, aplicando ciencia a tus diseños.
Temario
- DOM | HTML | XML | XHTML | CSS | JS | AJAX | jQuery
- 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
- 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
- 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
- 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)
- 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
- 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áginal
- 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 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- Descripción y características
- Descripción avanzada de Diseño Minimalista
- Configuración avanzada de Alertas
- Descripción y configuración de Bar Chart con Line
- Descripción y configuración de Bar Chart con Line y Area
- Creación y configuración avanzada de Dashboards pensados para dispositivos móviles; utilizando Bootstrap, CSS, JS y jQuery
- Creación y configuración avanzada de Dashboards pensados para pantalla de ordenadores; utilizando Bootstrap, CSS, JS y jQuery
Profesor
Profesor de Pentaho, experto en soluciones OSBI, Bases de Datos y Tecnologías Web.
Información adicional
Descripción
- DOM | HTML | XML | XHTML | CSS | JS | AJAX | jQuery
- 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
- 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
- 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
- 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)
- 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
- 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áginal
- 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 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- Descripción y características
- Descripción avanzada de Diseño Minimalista
- Configuración avanzada de Alertas
- Descripción y configuración de Bar Chart con Line
- Descripción y configuración de Bar Chart con Line y Area
- Creación y configuración avanzada de Dashboards pensados para dispositivos móviles; utilizando Bootstrap, CSS, JS y jQuery
- Creación y configuración avanzada de Dashboards pensados para pantalla de ordenadores; utilizando Bootstrap, CSS, JS y jQuery
carlos –
Lo recomiendo por su metodología y claridad de concepto y rigurosidad. Aumenté mucho mi conocimiento en BI.