22 Dic Pentaho Dashboards Design
INSCRIPCIÓN ABIERTA TODO EL AÑO.
Pentaho es una solución tecnológica, una de las herramientas más potentes y versátiles a la hora de diseñar los procesos de integración a la medida de las necesidades de la empresa, fundamentalmente con el objetivo de construir y explotar su Data Warehouse (DW), entre otras utilidades.
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.
Notas
• Reconocimiento de ECTs – RESOLUCIÓN de 6 de mayo de 2019, del Rectorado de la Universidad de Valladolid (BOCyL núm. 94 de 20 de mayo de 2019).
• Para más información contacte con nosotros en el 983.18.46.25 o enviando un correo electrónico a formacioncontinua@fundacion.uva.es
Sorry, the comment form is closed at this time.