JasperReports (actualmente TIBCOJaspersoft Studio, Palo Alto, California) es una aplicación de software libre (versión Community) escrita en Java (Eclipse) para crear informes con contenido dinámico.
iReport es el front-end gráfico de código abierto para la edición de informes —una herramienta para diseñar las páginas flexibles del documento desarrollada desde 2001—. Actualmente cuenta con más de 50 tipos de gráficos distintos, tablas, imágenes y mapas.
Los gráficos HTML5 (en la versión profesional) se pueden personalizar utilizando propiedades para el control del nivel de píxel sobre cada visualización.
Jaspersoft Studio utiliza el lenguaje de consulta de sus fuentes de datos, por ejemplo SQL o MongoDB, para crear el primer pase de proyección de datos. Una vez que los datos ingresan a la herramienta, se pueden transformar aún más usando variables y grupos, y cada campo puede usar lógica personalizada para crear la transformación o proyección de datos deseada.
Diseño de presentaciones de PowerPoint que incluyen gráficos, creación / importación de gráficos y creación de plantillas para casos de clientes y proyectos no relacionados con el cliente.
Ilustraciones y diseño de presentación PowerPoint para nuevos productos.
Signo gráfico: Símbolo basado en la tipografía Alfa Slab One, fuente diseñada por José Miguel Solé (Santiago, Chile) en 2011.
Alfa Slab One es una versión contemporánea de Six-lines Pica Egyptian creada por Robert Thorne para Thorowgood Foundry —una innovación tipográfica para la Revolución Industrial—. Alfa Slab One tiene un aspecto contemporáneo con una densidad negra extrema.
Este es el logotipo ganador del concurso puesto en marcha por las Cortes Generales para el diseño del logotipo que se utilizará en la conmemoración del 40 aniversario de la aprobación de la Constitución española de 1978. El jurado seleccionó por unanimidad al prestigioso diseñador Manuel Estrada.
El pleno del Consejo Asesor para la conmemoración del 40 aniversario de la Constitución Española (1978-2018) está presidido por la presidenta de Congreso de los Diputados, Ana Pastor, y por el presidente del Senado, Pío García-Escudero.
El cuadragésimo* aniversario de la Constitución española se cumplirá el 6 de diciembre de 2018.
(*): Que sigue inmediatamente en orden al o a lo trigésimo noveno.
Dicho de una parte: Que es una de las cuarenta iguales en que se divide un todo.
«Por su intensa actividad profesional comprometida con la comunicación a través de las imágenes, así como su extraordinaria capacidad para el desarrollo de diferentes líneas proyectuales como son la identidad corporativa, el diseño editorial, y la definición de espacios expositivos y comunicativos. Además, el jurado ha resaltado su creatividad rigurosa y resolutiva que ha manifestado de manera coherente con su estilo y personalidad a lo largo de toda trayectoria profesional. Además, se ha destacado su capacidad para conectar eficazmente la cultura con el tejido empresarial, contribuyendo de manera significativa a profesionalizar el mundo del diseño. También se ha valorado de manera especial sus aportaciones en el sector editorial, que han provocado un cambio radical en la línea gráfica y comunicativa, lo que le ha convertido en un referente del diseño gráfico español, dándole reconocimiento internacional. Por último, se ha puesto en valor su compromiso con la promoción del diseño y la formación de las nuevas generaciones y con el papel y la imagen de España en el mundo.»
Durante los años 2016 y 2017, asumo la dirección y la planificación del proyecto de transformación digital y de visualización de los estudios de marca Meaningful Brands y Connect (Havas Media Group).
El reto: crear una aplicación web de consumo interno de gráficos y visualización desde cero. La materia prima con la que contábamos eran millones de datos en formato excel.
El proyecto de visualización conduce los estudios de Havas Media Group desde unas herramientas estáticas, con visualizaciones básicas y una respuesta a la demanda muy lenta, hacia una plataforma interactiva integrada en los servidores de la compañía que permite la personalización de las peticiones en tiempo real.
Nuestra misión:
• Homogeneizar la entrada y salida de datos
• Mejorar el aspecto de las visualizaciones
• Simplificar la narración visual
• Conseguir una experiencia de usuario e interactividad excelentes.
Meaningful Brands
Meaningful Brands es el primer estudio que conecta el valor de una marca con su aportación al bienestar individual y social. En el contexto tecnológico actual, donde el consumidor es participativo y crítico en parte a través de canales como social media y pueden hundir una marca o derribar un gobierno, es crítico entender bien cuál es el impacto que las marcas tienen en la calidad de vida.
Por ello, a través de esta aplicación, los usuarios pueden consultar el estudio de cada país y descargarse todo tipo de informes en formato Power Point, imágenes en PDF o jpeg o guardar cada una de las consultas realizadas.
El estudio se ha realizado en más de 34 países y aglutina a más de 1.000 marcas comerciales.
Havas Media Connect
Connect es un estudio para medir y comparar los niveles de influencia y asociación que guardan las marcas de un país o región. Estos estudios sirven para hacer recomendaciones estratégicas a los clientes respeto a puntos de contacto potentes y sustentados para cada una de sus campañas
Havas Media Connect también esclarece la asociación que hace el consumidor entre los puntos de contacto y las marcas. Esto ayuda a entender si una marca tiene algún territorio mediático bien definido, y a cuantificar las oportunidades que tiene la marca en términos de inversión y desarrollo de nuevos puntos de contacto.
Connect cuenta con una amplia base de datos en la nueva aplicación que permite un entendimiento claro de la dinámica de los medios según una categoría, un país, y un target específico.
Desde unos datos en Excel a una aplicación web interactiva
La aplicación interactiva para web recoge toda la información correspondiente al estudio Meaningful Brands y Connect 2017 de Havas Media Group. Junto con la empresa de inteligencia de localización Abacus Consulting Technologies, se ha realizado una optimización de la base de datos del estudio y una aplicación web con detallados gráficos interactivos sobre los cambios significativos tanto en industrias, sub-industrias y marcas.
Transformación de los datos en archivos CSV
Los archivos CSV (del inglés comma-separated values) son un tipo de documento en formato abierto sencillo para representar datos en forma de tabla, en las que las columnas se separan por comas (o punto y coma en donde la coma es el separador decimal: Argentina, España, Brasil…) y las filas por saltos de línea.
Con un fichero de texto (.csv) podemos hacer maravillas en el mundo de la analítica web. Ya que con los medios adecuados podemos consultar los números que tenemos en nuestra base de datos de forma escalable, flexible y rápida.
Proceso de prototipado de la aplicación
En labores de diseño y usabilidad web, realicé un prototipado personalizado de dos aplicaciones: una para Meaningful Brands y otra para Connect.
Primero se hicieron los primeros sketch o bocetos en papel de la futura aplicación y la navegación entre distintas pantallas.
Después elaboramos multitud de versiones de los wireframes y los mockups, que contienen información adicional en cada una de las pantallas: disposición de los botones, contenidos, llamadas a la acción, movimientos tipo dentro de la navegación entre pantallas.
En general, los wirefames y mockups permiten visualizar la línea gráfica, la estructura de la información, el contenido y avanza las funcionalidades del proyecto. Se trata de una representación estática, se entrega y aprueba en formato de imagen.
Primeros desarrollos web de la aplicación
Una vez aprobados los wireframes, se pasó a su desarrollo para web, tabletas y móviles. En esta ocasión, el desarrollo se realizó con AngularJS, una arquitectura de trabajo realizada con el lenguaje JavaScript para el desarrollo de aplicaciones.
Las aplicaciones basadas en AngularJS logran mayor fluidez en experiencia de usuario ya que la comunicación entre el cliente y el servidor se realiza de manera transparente para el usuario. La sensación es que nunca abandona la página (mayor rapidez en la carga de datos).
Principales ventajas de AngularJS:
2-Way-data-binding (vinculación de datos en dos direcciones): AngularJS esta continuamente observando los cambios que suceden tanto en la Vista, así como en el Modelo y sincroniza datos entre estos.
Directivas: Las directivas permiten crear nuestros propios elementos HTML y manipular el DOM.
Vistas y Rutas: podemos agregar un solo elemento HTML (contenedor) dentro de un solo archivo HTML, y dentro de éste poder renderizar cada página que tenga que mostrarse, sin tener que recargar la URL.
Filtros: Los filtros apoyan a la vista a la hora de presentar los datos realizando transformaciones sobre ellos. Tiene un mecanismo para filtrar vistas basadas en variables de ámbito scope (por ejemplo, al buscar), sin la necesidad de escribir muchos códigos extra.
Soporta ‘routing’ y ‘deep linking’: El routing permite la interacción con la URL del navegador. Es muy importante para la experiencia del usuario, si se están construyendo aplicaciones de una sóla página.
Promesas (Promises): Tiene una implementación interna de especificación Promises/A+. Promises es una alternativa popular para callbacks cuando se está trabajando con las respuestas del servidor.
Animación: Dispone de un programa que incluye herramientas para crear animaciones fácilmente.
Prototipos y wireframes de visualizaciones
La aplicación comenzó siendo una plataforma para visualizar datos; por ello, las visualizaciones fueron analizadas y prototipadas de forma exclusiva.
Un wireframe es una herramienta de visualización para la presentación de propuestas de diseños de una página web. El wireframe debe ser capaz de explicar fácilmente cómo los usuarios interactúan con el sitio web y saber si estamos en el camino correcto.
Algunas tareas que destacamos de los prototipos:
Creación de un libro de estilo de visualizaciones (tipografías, colores, tipos de gráficos…).
Estudio y realización de los wireframes de los selectores de marcas y su repercusión en las visualizaciones.
Estudios de las proporciones y posiciones de los elementos gráficos que componen cada visualización o la información ofrecida por las distintas descripciones emergentes o ‘tooltips’ integradas en la aplicación.
Una vez que las visualizaciones han sido aprobadas en formato estático por el cliente, se realiza un nuevo wireframe con las visualizaciones integradas en la aplicación web. Todo proyecto interactivo debe estar validado en formato estático antes de comenzar su desarrollo.
El desarrollo web de las visualizaciones
Las visualizaciones fueron desarrolladas por Beatriz Martínez experta en la librería de javascript D3, gráficos vectoriales en SVG y el lenguaje de estilos CSS.
D3 es una excelente herramienta escrita por Mike Bostock para desplegar datos dentro de páginas web. Algunos ejemplos de gráficos realizados:
– Gráficos de línea
– Herramientas de matrices
– Gráficos de burbujas
– Histogramas
– Rankings de barras
– Mapas de posicionamiento
– Visualizaciones de araña
– Diagramas de procesos de decisión de compra
– Tablas dinámicas de datos
Algunas ventajas de la librería D3.js
Esta librería se basa en funciones predefinidas escritas en lenguaje javaScript que mejoran la selección de elementos, permiten crear y personalizar elementos SVG y añadir efectos como transiciones o tooltips. Tiene una gran capacidad para manipular grandes volúmenes de datos y vincularlos a dichos elementos para lograr crear gráficos de gran riqueza.
Flexibilidad: sólo la imaginación puede limitar lo que se puede hacer con la librería
Buena integración y facilidad de depuración
Librería modular
Manipulación del DOM dirigida por los datos
Permite un gran control sobre el resultado visual final
Crear elementos SVG (formas, líneas, axes)
Facilidad para crear escalas
Animaciones e interacciones de última generación
Transiciones y efectos visuales
D3.js es una herramienta ideal tanto para gráficos sencillos de barras o líneas, hasta complejos gráficos relacionales o visualizaciones con mapas.
Informes en formato PowerPoint desde la aplicación
El usuario puede descargar informe específicos sobre un país en formato Microsoft Power Point. Todos los informes parten de una plantilla única. Cuando el usuario selecciona el ámbito geográfico del informe, automáticamente se genera el informe y se descarga en su ordenador.
También se ofrece al usuario la posibilidad de descargar el informe en formato Microsoft Excel; es decir, los números tabulados en bruto.
Descargas de imágenes
La aplicación permite, una vez seleccionada una visualización, exportarla en varios formatos o guardarla en un carrito de la compra personalizado.
Los formatos en los que se pueden descargar las imágenes son PNG, PPTx (Microsoft PowerPoint) y XLS (Microsoft Excel).
Módulo de administración de usuarios
El proyecto incluye un módulo de administración de los usuarios de la aplicación. Cada perfil de usuarios tiene sus correspondientes permisos para entrar en la aplicación.
El módulo de administración incluye las funciones básicas para gestionar una base de datos de usuarios (crear, listar, actualizar y borrar).
Gestión del proyecto
La gestión y comunicación del proyecto con el cliente se realizó a través de la herramienta online de colaboración Basecamp.
En cuanto a la gestión de incidencias, se realizó a través del gestor Mantis Bug Tracker.
Su loca pasión por Melibea lleva a Calisto a romper todas las barreras morales y sociales y a aliarse con una vieja alcahueta. El destino de Calisto y Melibea, engarzado con habilidad insospechada por Celestina, culmina fatalmente con la muerte de ambos.
Desde el momento en que entra en escena, Celestina irrumpe no sólo en toda la obra, sino en toda la literatura, hasta convertirse en un personaje literario de fama universal. Reflejo de una sociedad conflictiva ─la española del siglo xv─ e intensa expresión de las más grandes pasiones humanas, Celestina resume y liquida la tradición medieval y abre las puertas a tiempos nuevos.
El experto en visualización Corey Lanum (Boston, EEUU) nos acerca en este libro los conceptos principales de los diagramas de relaciones a través de una serie de introducciones prácticas y elementales a tecnologías como Gephy, Netlytic, Keylines y D3.
Gephy, Keylines y D3 aportan tres aproximaciones distintas al mundo de los ‘networks graphs’. Gephy es un software libre y gratuito que se descarga en el ordenador y permite, junto con la herramienta de análisis Netlytic, realizar este tipo de gráficos a través de un cuadro de mandos interactivo.
Keylines es una librería de javascript especializada en conectar miles de nodos a través de líneas para establecer relaciones y estudios sobre esa red. La desilusión: es una librería de pago y, por ello, no se podrán realizar los ejercicios incluidos en el libro. No preocuparse por ello.
D3 es la librería libre y gratuita de javascript más comentada en los últimos años en los sitios de visualización y, por tanto, sólo añadiremos que el libro le dedica el último apéndice a modo de introducción breve en sus fórmulas para trabajar con nodos.
Corey Lanun (Cambridge Intelligence) nos enseña a organizar y construir una visualización de nodos a través de ejemplos sobre seguridad e inteligencia, seguridad en la red, lucha contra el fraude o infraestructuras sociales o tecnológicas.
El lector interesado puede seguir, en la segunda parte de este manual, los elementos básicos de una base de datos, adentrase en el mundo de la interacción con la visualización y los mapas, jugar con el factor tiempo y conocer los principales problemas de la navegación en los gráficos de nodos.
El contenido de este libro va mucho más allá que un sencillo manual técnico. Sus páginas contienen una buena guía sobre visualización y muy buenos ejemplos y consejos. Como muestra este último botón: ‘Los mejores diseños de visualizaciones llegan a través de conocer a los usuarios y las preguntas que se deben estar haciendo con los datos’. Lo dice Corey Lanun.
Cuando hablamos de los grupos de interés, realmente ¿de qué estamos tratando? ¿Es posible establecer u diálogo con ellos o gestionarlos de alguna manear? Una parte importante en la gestión estratégica de los activos intangibles de una empresa es el conocimiento de las partes interesadas en el diseño de un servicio.
Estas partes interesadas son individuos o grupos de personas que pueden impactar o ser afectados por el diseño y la prestación de un servicio existente o futuro. A la hora de gestionar la reputación corporativa es imprescindible conocer a los potenciales clientes y a las partes interesadas, a quiénes quizás nunca se les prestó atención.
Primer paso: Identificar a los agentes implicados
Todo producto debe adaptarse a su público objetivo, por ello, tenemos que determinar el público al que deseamos llegar por medio de análisis cualitativos proporcionados por encuestas temáticas, tormentas de ideas y la observación para recopilar datos. ¿Quién es el público de nuestro producto? ¿Está preparada la audiencia para recibir la información que se le proporciona? ¿Qué necesitan aprender para usar la información de manera efectiva? ¿Que es lo que ya entienden? Adicionalmente se pueden dar un enfoque cuantitativo para confirmar los primeros análisis y realizar árboles, diagramas de Venn, matrices y mapas de la compañía y las empresas asociadas.
Se trataría de poner nombres y caras sobre los miembros de la sociedad que son de interés para los negocios y así reforzar la credibilidad de la información que se les presenta.
Las partes interesadas clave: Aquellas personas o grupos que tienen una influencia significativa en el diseño del servicio o que se ven afectados significativamente por el mismo y cuyos intereses e influencia deben ser reconocidos para asegurar su éxito. Un grupo o individuo clave podría poner fin a un determinado proyecto (alta dirección).
El entorno interno: Son personas o grupos de personas que son parte de la organización (accionistas, empleados, directivos, personas que integran la organización).
El entorno externo: Son personas o grupos de personas con ‘intereses creados’ en la organización (activistas, inversores, proveedores, consumidores, clientes, autoridades reguladoras, ONGs, gobiernos y Administraciones Públicas, competidores, entorno social, entorno ambiental).
Conocer los cuatro modelos de mapeo
Un mapa de grupos de interés es una herramienta que ayuda a identificar y clasificar de manera visual a las distintas partes interesadas en función de diferentes parámetros y atributos: interés, influencia, legitimidad, participación, poder o creatividad.
Modelo de Gardner (1986): Matriz de poder y dinamismo
El modelo de mapa de grupos más común es la matriz de poder de James R. Gardner que clasifica a los individuos y grupos de acuerdo al poder que poseen en las estrategias de la empresa y su capacidad para tomar decisiones (dinamismo) sobre una matriz. Señala la dirección en la que se debe canalizar el esfuerzo «político» o de gestión antes de tomar algunas medidas o acciones.
Modelo de Mendelow (1991): Matriz de poder e interés
El modelo de Aubrey L. Mendelow (Kent State University, Ohio) presenta, como Gardner, una matriz para identificar a los grupos que influyen en la organización. Posee dos ejes críticos: el potencial de estos actores para influir en la organización y el potencial de estos grupos de interés de cooperar con la organización.
Modelo de Mitchell, Agle y Wood (1997): Diagrama de Venn
El modelo clasifica a los ‘stakeholders’ en siete tipos según tres variables, poder, legitimidad y urgencia que se resume en un diagrama de Venn.
La variable ‘poder’ significa la capacidad del ‘stakeholder’ de influenciar en la organización. La variable ‘legitimidad’ se refiere a la relación y a las acciones del grupo de poder con la organización en términos de participación, propiedad o conveniencia. La ‘urgencia’ alude a los requisitos que los grupos o individuos plantean a la organización en términos de urgencia y oportunidad.
Así, la combinación de estos tres atributos lleva a siete tipos de ‘stakeholders’: latentes, discrecionales, reclamantes, dominantes, peligrosos, dependientes y definitivos (jugadores clave).
Modelo de Bourne & Walker (2005): El círculo de poder
El diagrama del círculo de partes interesadas sirve para identificar y visualizar la influencia relativa de cada uno de los principales interesados y planificar formas de interactuar y gestionar sus expectativas o contribuciones.
Para desarrollar el «círculo», las partes interesadas se ponderan según tres características:
Eje del círculo de poder: Algunas partes interesadas pueden ‘matar’ el proyecto usando su propio poder; en cambio, otras partes interesadas tienen el poder de cambiar o dañar el proyecto, pero no pueden por sí mismas cancelarlo o ‘matarlo’.
Eje de proximidad: Este eje considera cuál es la asociación de una parte interesada con el día a día del proyecto. El pequeño círculo en el centro del diagrama representa el proyecto. El espacio entre los dos círculos representa la esfera de influencia del proyecto en toda su comunidad de actores. La proximidad de una parte interesada al proyecto está representada por la proximidad de su segmento al proyecto en el centro.
Eje de urgencia o importancia: La anchura del arco representa la cantidad de urgencia o importancia atribuida a una parte interesada desde la perspectiva de los equipos (es decir, la probabilidad de que el ‘stakeholder’ use su poder), cuanto más amplio sea el segmento, mayor será la urgencia.
John W. Tukey (1915-2000), de la Universidad de Princeton (EEUU), definió en 1970 el diagrama de caja (‘box-plot’ en inglés). Este gráfico se utiliza cuando deseamos explicar cómo se distribuyen una serie de datos cuantitativos. Otras opciones para reflejar distribuciones son los histogramas y las curvas de distribución. En comparación con estos últimas, el gráfico de caja es más sencillo de entender, más claro y, por tanto, hace más rápida la comprensión visual.
Morfología del diagrama de caja
En su forma más simple, el gráfico de caja representa cinco datos estadísticos en una sola dimensión: el valor mínimo, el cuartil inferior (percentil 25), la mediana, la media, el cuartil superior (percentil 75) y el valor máximo.
Los cuartiles son los valores que dividen los datos en cuatro partes iguales o cuartos. Los percentiles, en cambio, dividen los datos en cien partes iguales. De esta forma, el cuartil inferior (Q1) se corresponde con el percentil 25 y el cuartil superior (Q3) con el percentil 75.
· Caja: La longitud de la caja representa la distancia entre los percentiles 25 y 75: el tramo de la escala que va desde el primer cuartil al tercer cuartil de la distribución (rango intercuartílico o rango intercuartil). Esto incluye el 50 % de las observaciones centrales. · Punto interior de la caja: Representa la media. · Línea interior de la caja: Representa la mediana.
· Líneas verticales (bigotes): Representan los valores máximos (corte superior) y mínimos (corte inferior) del conjunto de datos. Sirven como referencia para ubicar las observaciones que están por fuera del 50% central de la distribución. Por tanto, estos diagramas descriptivos son muy valiosos para observar los valores atípicos (‘outliers’) y las dispersiones de los puntos con respecto a los percentiles.
John Wilder Tukey
Tukey fue un polifacético científico: matemático, químico y estadístico. En 1977 publicó el libro ‘Exploratory Data Analysis’ (‘EDA) en el cual propone una nueva didáctica de la enseñanza de la estadística descriptiva mediante innovadoras herramientas visuales.
El gráfico de velas japonés (‘Japanese candlestick chart’) es una gráfica de barras avanzada y densa de información utilizada para mostrar los movimientos del precio de índices bursátiles, productos derivados o tipos de cambio y establecer una predicción en su curva.
Generalmente, cada vela muestra un día; así, un gráfico mensual suele recoger los veinte días de negocio representados en 20 velas que muestra los valores de apertura, de cierre, máximos y mínimos.
Origen japonés
Este tipo de gráfico fue desarrollado en el siglo XVIII por Munehisa Homma (1724-1803). En 1697 se estableció el primer mercado de futuros en Osaka: la bolsa del arroz de Dojima (‘Dojima Rice Exchange’). En 1755, el comerciante escribió el libro orientado hacia la psicología de los mercados ‘The Fountain of Gold – The Three Monkey Record of Money’.
Steve Nison, analista técnico, lo recogió en su libro ‘Japanese Candlestick Charting Techniques‘ – 1991, New York Institute of Finance– y lo dio a conocer en Occidente (el libro se conoce como ‘la biblia del gráfico de velas’).
Análisis visual y predicción de los mercados
Los gráficos de vela se han popularizado entre analistas financieros y bursátiles porque ofrecen una imagen visual muy clara de la evolución de los mercados. En comparación con un gráfico de barras normal, las velas ofrecen más profundidad en la información y en la dirección del mercado, los datos son más precisos y visualmente son más informativos. De un vistazo se obtiene una imagen de los movimientos de una acción y los analistas pueden comparar los precios de apertura y cierre, así como también los valores máximos y mínimos.
El uso del color (blanco y negro, rojo y verde) ayuda enormemente a distinguir las tendencias y establecer patrones e hipótesis, especialmente a corto plazo.
El caso del gráfico de vela Heikin-Ashi (Heikin-Ashi Candlestick)
En japonés, ‘Heikin’ significa ‘media’ y ‘Ashi’ es ‘paso’. Heinkin-Ashi representa los pasos medios de los precios y es parecido al gráfico japonés normal. En el primero el color de los rectángulos es blanco cuando el cierre del día anterior está por debajo de la apertura del día (tendencia alcista). Ala inversa, si el cierre del día anterior está por encima del cierre actual, entonces el rectángulo se visualiza en negro (tendencia a la baja). Los analistas financieros interpretan los múltiples patrones visuales que ofrecen cada gráfica para obtener el sentimiento del mercado (indecisión, Doji, de martillo, invertido, el ahorcado, el chico abandonado, nubes oscuras, estrella de la noche).
En el gráfico de velas Heiken Ashi, los patrones quedan más claros cuándo el precio está subiendo y cuándo el precio está bajando pero, según algunos analistas, se pierde precisión a cambio de comodidad visual.