Mapa del Sistema Universitario Vasco: Industria 4.0

Con el fin de responder mejor a las necesidades empresariales y a las de otros actores públicos, privados y sociales, así como conocer las capacidades formativas, investigadoras y de transferencia de los miembros del Clúster en el ámbito de la Industria 4.0.

Visualización interactiva del mapa de capacidades del Sistema Universitario Vasco en el ámbito de la Industria 4.0.

El buscador del Clúster 4Gune (Formación Universitaria en Ciencia, Tecnología e Ingeniería de Euskadi) recoge las capacidades formativas, investigadoras y de transferencia de los centros formativos miembro para orientar y ayudar a la hora de emprender unos estudios determinados, para encontrar profesionales del futuro o para mejorar las diversas actividades de la cadena de valor de las empresas.

La finalidad del proyecto es hacer accesibles las capacidades universitarias para el tejido productivo y empresarial (PYMES) y para otros actores de la Red Vasca de Ciencia, Tecnología e Innovación.

Clúster de Formación Universitaria en Ciencia, Tecnología e ingeniería de Euskadi
Clúster de Formación Universitaria en Ciencia, Tecnología e ingeniería de Euskadi

Desde una serie de hojas Excel se creo una base de datos digital para visualizar las capacidades del sistema universitario vasco categorizadas en función de:

  • El tipo de capacidad: formativa (grado, posgrado, formación continua), investigadora (equipos de investigación, unidades, institutos), equipamientos (laboratorios) y de transferencias (aulas).
  • Las correspondencia con los ámbitos de al Industria 4.0: 10 categorías de primer nivel (Robótica flexibles, ciberseguridad, fabricación aditiva.) desglosados a su vez en 49 de segundo nivel.
  • El impacto en las actividades de la cadena de valor de las empresas: 7 categorías (Producción, I+D, Ventas, Administración).
Esquema de un análisis funcional de la aplicación.

Ficha de Universidades y capacidades.

Para ello, primeramente se realizó un prototipo estático de la aplicación y un análisis de las funcionalidades del buscador.

Diagrama de árbol interactivo, librería de javascript D3.

La aplicación se desarrolló con las tecnologías web HTML5, CSS, Gulp y la librería de visualización D3.js.

Ver aquí.

Euskampus Fundazioa

Prodigioso Volcán, 2018.

Diseño de dashboards y cuadros de mandos

Diseño de visualización.

Diseño de dashboards estratégicos y tácticos para visualizar datos en tiempo real o desde una base de datos histórica.

¿Qué es un dashboard?
Un dashboard es una representación gráfica personalizada e interactiva de los indicadores que intervienen en la consecución de los objetivos de una empresa, y que está orientada a la toma de decisiones para optimizar la estrategia de la empresa.

Fases de la construcción:
– Análisis de indicadores necesarios y correctos para hacer un seguimiento correcto.
– Wireframe del cuadro de mandos.
– Diseño final del cuadro de mandos con los principales indicadores o KPIs.
– Desarrollo
– Visualización de los indicadores que permiten hacer el seguimiento de los objetivos.

Realización de dashboards para Havas Media Group (2016-2018):
Meaningful Brands es un estudio interactivo de Havas Group, de periodicidad bienal, que estudia la calidad de las relaciónes entre consumidores y marcas.

Buscador de datos por países. Havas Media Group.
Buscador de datos por países. Havas Media Group.

Diseño de visualización interactiva. Havas Media Group.
Diseño de visualización interactiva. Havas Media Group.

Diferentes vistas de visualizaciones. Havas Media Group, 2018
Diferentes vistas de visualizaciones. Havas Media Group, 2018

Matriz de indicadores, Havas Media Group, 2018
Matriz de indicadores, Havas Media Group, 2018

Realización de dashboards para Airef (2016-2017):
Una plataforma interactiva de difusión de datos para la contribución a la estabilidad presupuestaria y para promover la sostenibilidad de las AAPP.
Autoridad Independiente de Responsabilidad Fiscal.

Entrada a DataLab de Airef.
Entrada a DataLab de Airef.

Observatorio de la deuda de Airef.
Observatorio de la deuda de Airef.

Diseño de simuladores de hipotecas o reservas (2016-2017)
Un simulador de hipoteca es una herramienta de cálculo que permite conocer las cifras de las cuotas de préstamo, simulación de la amortización, interés y capital de un préstamo hipotecario solicitado para la compra de vivienda.

Diseño portada para la entrada a un simulador de deuda, 2018
Diseño portada para la entrada a un simulador de deuda, 2018

Diseño de campos de entrada a simulador de deuda.
Diseño de campos de entrada a simulador de deuda.

Cuadro de mandos de un simulador de reservas.
Cuadro de mandos de un simulador de reservas.

Visualización: Curso de formación en Castilla-La Mancha Media

Una interesante muestra de gráficos estadísticos que combinan todo el abanico de tipologías de gráficas maquetadas en piezas de contenido.

Instructor de visualización de datos en el curso de formación en Castilla-La Mancha Media.
Redacción web.
Febrero de 2018
Castilla-La Mancha Media
Isaías Blázquez, director de Informativos de la Televisión de Castilla-La Mancha.
Mario Saavedra, Jefe de Economía y subdirector en Teinteresa.es
Calle Río Guadalmena, 45007 Toledo

Curso de Formación sobre Visualización de datos en Toledo, febrero 2018.
Curso de Formación sobre Visualización de datos en Toledo, febrero 2018.

Programas que se vieron:
Atlas Quartz
Datawrapper
Fusion Tables
Tabula
Microsoft Excel
Open Refine
Tableau Public
oNodo
Timeline
StoryMap
Juxtapose
MapBox
CartoDB
Flourish Studio
Data Illustrator

Curso en Castilla-La Mancha Media.
Curso en Castilla-La Mancha Media.

Desde el 9 de febrero de 2018 y hasta el día 23 del mismo mes, varios miembros del equipo de Prodigioso Volcán impartieron cursos de formación en Toledo relacionados con la redacción digital en para Castilla-La Mancha Media, el medio de información público de esta comunidad autónoma. Además, al final de cada sesión también se entregó a los asistentes un manual con las dudas más frecuentes en cada materia.

Transformación digital de los estudios Meaningful Brands y Connect (Havas Media Group)

Planificación de una aplicación web para visualización de datos.

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.

 

Diagrama de flujo de la aplicación.
Diagrama de flujo de la aplicación.

 

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.

 

El reto fue crear una aplicación web de gráficos y visualización desde cero con miles de datos en formato excel.
El reto fue crear una aplicación web de gráficos y visualización desde cero con miles de datos en formato excel.

 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.

 

Arquitectura del proyecto.
Arquitectura del proyecto.

 

 

Datos estructurados en plantillas de Excel
Datos estructurados en plantillas de Excel

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.

 

Lectura, manipulación y análisis de datos con R
Lectura, manipulación y análisis de datos con R

 

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.

 

Ejemplo de datos estructurados en formato JSON.
Ejemplo de datos estructurados en formato JSON.

 

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.

 

Primeros prototipos de la aplicación.
Primeros prototipos de la aplicación.

 

Primero se hicieron los primeros sketch o bocetos en papel de la futura aplicación y la navegación entre distintas pantallas.

 

Los wireframes son una representación estática de lo que será la plataforma web.
Los wireframes son una representación estática de lo que será la plataforma web.

 

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.

 

 

Realización de prototipos para web.
Realización de prototipos para web.

 

 

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.

 

El selector principal de datos
El selector principal de datos

 

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).

 

El menú de visualizaciones y un ejemplo de matriz.
El menú de visualizaciones y un ejemplo de matriz.

 

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.

 

Wireframe de los selectores de las visualizaciones.
Wireframe de los selectores de las visualizaciones.

 

 

 

Proporciones y colores de algunos elementos gráficos.
Proporciones y colores de algunos elementos gráficos.

 

 

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.

 

Ejemplo de visualización
Ejemplo de visualización

 

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.

Algunos tipos de visualizaciones que se incluyen en la plataforma
Algunos tipos de visualizaciones que se incluyen en la plataforma

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

 

Visualizaciones interactivas realizadas con D3
Visualizaciones interactivas realizadas con D3

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.

Wireframe del módulo para exportar informes en formato PowerPoint
Wireframe del módulo para exportar informes en formato PowerPoint

 

Informe que se descarga desde la aplicación personalizado según el país escogido.
Informe que se descarga desde la aplicación personalizado según el país escogido.

 

 

También se ofrece al usuario la posibilidad de descargar el informe en formato Microsoft Excel; es decir, los números tabulados en bruto.

 

Desde la propia plataforma se pueden exportar informe en formato Excel o Power Point.
Desde la propia plataforma se pueden exportar informe en formato Excel o Power Point.

 

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.

Formatos de descarga de las visualizaciones seleccionadas en la web.
Formatos de descarga de las visualizaciones seleccionadas en la web.

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 de usuarios y sus permisos.
El módulo de administración de usuarios y sus permisos.

 

El módulo de administración incluye las funciones básicas para gestionar una base de datos de usuarios (crear, listar, actualizar y borrar).

 

 

Los administradores pueden crear, ver, actualizar y borrar usuarios desde la plataforma.
Los administradores pueden crear, ver, actualizar y borrar usuarios desde la plataforma.

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.

 

Basecamp, herramienta online para colaborar con clientes.
Basecamp, herramienta online para colaborar con clientes.

 

En cuanto a la gestión de incidencias, se realizó a través del gestor Mantis Bug Tracker.

Mantis Bug Tracker es un software que constituye una solución completa para gestionar tareas en un equipo de trabajo
Mantis Bug Tracker es un software que constituye una solución completa para gestionar tareas en un equipo de trabajo

Instructor en el Taller de Visualización para enCastillaLaMancha.es, 2017

Curso de formación sobre Visualización de Datos para el diario digital encastillalamancha.es.

Febrero de 2017, Toledo

Consultoría gráfica

Prodigioso Volcán

 

EnCastillaLaMancha.es
EnCastillaLaMancha.es

Encastillalamancha.es

Encastillalamancha.es es un periódico digital diario que se edita en Castilla-La Mancha con información, opinión y análisis bajo los principios de libertad, pluralidad e independencia.

Directora: 
Mar G. Illán (margillan@encastillalamancha.es)

Director comercial:
 Valentín Salamanca (valentinsalamanca@encastillalamancha.es)

Redactor jefe:
César del Río (cesardelrio@encastillalamancha.es)

Redactores:
 Rebeca Arango (fotografía) (rebecaarango@encastillalamancha.es)
, Sonia Martín (soniamartin@encastillalamancha.es), 
Elena Llave (elenallave@encastillalamancha.es), 
Ramón de Juan (ramondejuan@encastillalamancha.es)

Publicidad:
 Cristina Sánchez (cristinasanchez@encastillalamancha.es)

Administración: 
Estrella Gómez Illan (estrellagomez@encastillalamancha.es)

Guía de estilo de gráficos para Tableau, Airef, 2016

Guía de estilo de gráficos para Tableau, Airef

Realización de una guía de estilo para realizar gráficos con el programa Tableau para Airef.
Airef Data
Prodigioso Volcán, 2016

 

Guía de estilo de gráficos para Tableau, Airef
Guía de estilo de gráficos para Tableau, Airef

 

Uso de la tipografía
Uso de la tipografía

 

Uso del color
Uso del color

 

Buenas prácticas en las gráficas de línea
Buenas prácticas en las gráficas de línea

Sobre Airef

La Autoridad Independiente de Responsabilidad Fiscal (AIReF) tiene por objeto velar por la sostenibilidad de las finanzas públicas como vía para asegurar el crecimiento económico y el bienestar de la sociedad española a medio y largo plazo.

Su misión es garantizar el cumplimiento efectivo por las Administraciones Públicas del principio de estabilidad presupuestaria previsto en el artículo 135 de la Constitución Española, mediante la evaluación continua del ciclo presupuestario y del endeudamiento público.

La AIReF dispone de un Equipo profesional de dilatada experiencia que aspira a cumplir los objetivos encomendados, mediante la publicación de Informes, Opiniones y Estudios de manera periódica en su ámbito de responsabilidad.

Twelve Arrows for SND-E

Twelve Arrows for SND-e

Contribución en el homenaje a los Premios Malofiej -vigésima edición- en el libro ‘Infographics. A visual definition’.

81 autores rinden homenaje con sus obras a la cita Malofiej en su vigésima edición, celebrada en Pamplona entre el 18 y el 23 de marzo de 2012.

Homenaje a la cita Malofiej
Homenaje a la cita Malofiej

Infographics. A visual definition. SNDE, Pamplona, España, 2012
Infographics. A visual definition. SNDE, Pamplona, España, 2012

“… Cuando se cumplen veinte años de los Premios Internacionales y de la Cumbre Mundial de Infografía Malofiej, que cada año organizan el Capítulo Español de la Society for News Design (SND-E) y la Facultad de Comunicación de la Universidad de Navarra (España), en medio de una fuerte recesión económica y de una más fuerte crisis de identidad que afecta especialmente a los medios de los países más avanzados, hemos creído oportuno invitar a los mejores infografistas del mundo a que definan visualmente su oficio. A que hagan una infografía de la infografía. En estas páginas encontramos el resultado. Es nuestro humilde homenaje a un género que ha sido, es y será decisivo en periodismo. Como decisivo va a seguir siendo el periodismo para entender mejor nuestras vidas”.

Javier Errea, presidente del Capítulo Español de la SND en el prólogo del libro.

Twelve Arrows for SND-e
Twelve Arrows for SND-e

Director del IV Curso Intensivo Multimedia, Unidad Editorial 2007

Curso Intensivo de Infografía Multimedia - El Mundo

UNIDAD EDITORIAL 07: Organización y dirección del IV Curso Intensivo Multimedia. (Área de Formación de Unidad Editorial). Patrocinado por el BBVA. Colaboración de la SNE-e, Marca, Expansión y El Mundo.

IV Curso Intensivo de Infografía Multimedia de UNIDAD EDITORIAL
IV Curso Intensivo de Infografía Multimedia de UNIDAD EDITORIAL, 2007

El IV Curso Intensivo de Infografía Multimedia de UNIDAD EDITORIAL se desarrolló a lo largo de cinco días, del 24 al 28 de septiembre de 2007, de lunes a viernes, en sesiones de mañana y tarde. En total, 40 horas de formación.


Destinatarios del curso

El IV Curso Intensivo de Infografía Multimedia estuvo dirigido a todos los profesionales de la comunicación y diseñadores interesados en las nuevas formas narrativas e informativas en Internet.

Todos los participantes deberán tener conocimientos suficientes del uso de herramientas de creación multimedia: dibujo vectorial (Adobe Illustrator o Freehand), tratamiento de imagen (Adobe Photoshop), interacción con la imagen (Adobe Flash) o recreaciones virtuales (3D Studio Max), esencialmente.

El objetivo del curso es estudiar las aplicaciones prácticas de dichos programas a la información multimedia interactiva.Este curso no es una clase magistral sobre programas, es un curso práctico para potenciar la comunicación visual en la red.

Gráficos de elmundo.es

La Sección de Gráficos Interactivos de elmundo.es nació a finales de 1999. Desde entonces, el departamento no ha dejado de crecer gracias la relevancia que la Redacción ha dado a tratamientos informativos que aprovechen todas las posibilidades de Internet como media multimedia e interactivo.

El interés de la Sección de Infografía de elmundo.es no se centra sólo en los acontecimientos cuyas coberturas se realizan con mucho adelanto, como la Boda Real en Madrid, los Juegos Olímpicos o la celebración del Año de Einstein, sino sobre todo en las noticias de actualidad inmediata, cuando sólo se dispone de unas horas para crear gráficos interactivos de gran riqueza y complejidad, como los atentados del 11-M o el incendio del edificio Windsor.

Desde su creación, el Departamento de Infografía de elmundo.es ha sido el más galardonado del mundo en su especialidad. Ha sido distinguido por varias organizaciones internacionales dedicadas al diseño periodístico, como NetMedia, Malofiej o la prestigiosa SND (Society for News Design), compitiendo con medios como New York Times, MSNBC, BBC o Washington Post, y ha sido el medio más galardonado en los premios Malofiej de Infografía. En la edición 2004 de los premios de la SND.ies, los jurados mencionaron de forma especial a elmundo.es por “la consistencia en el diseño, la atención al detalle y su compromiso con los gráficos multimedia de actualidad inmediata. Los jueces consideran a elmundo.es líder en el campo del diseño periodístico multimedia”. En 2004 recibieron el primer oro jamás concedido en el mencionado certamen a coberturas de actualidad inmediata por los gráficos sobre los atentados del 11 de marzo de 2004 en Madrid.

 

 

PROGRAMA PROVISIONAL DEL CURSO

Lunes, 24 de septiembre de 2007

10.00h. Presentación del curso: Justino Sinova, director del Área de Formación de EL MUNDO; Iñaki Gil, Director Adjunto de Información de EL MUNDO y Fernando Baeta, director de elmundo.es.
10.30h. Guía para las prácticas.
10.45h. Café.
11.00h. Visita a la redacción de ELMUNDO y de elmundo.es
12.30h. Conferencia de Alberto Cairo, Profesor de Infografía, Diseño y Multimedia en la Universidad de Carolina del Norte, en Chapel Hill.
Las nuevas fronteras de la Infografía”. La infografía estadounidense atraviesa un período de rápida transformación. En esta conferencia se avanzarán las tendencias actuales en las Redacciones de periódicos y revistas americanos y se hablará de las nuevas herramientas y técnicas en periodismo visual.
14.15h. Comida
16.00h. Presentación y trabajo en el primer proyecto.
20.00h. Final de la jornada.

Martes, 25 de septiembre de 2007

10.00h. Conferencia de Pablo Ramírez, jefe de Infografía de Recoletos.
“¿Cómo deben ser nuestros gráficos?: 10 claves efectivas para llegar mejor a nuestros ‘clientes’.Cuáles son los principios básicos de la comunicación visual que deben regir en nuestros gráficos. Cómo debemos diseñar, ordenar y plasmar la información para llegar de una manera más ‘económica’ a nuestros lectores y usuarios: Legibilidad y eficacia.
11.00h. Ponencia de Fran Gálvez, Director Interactivo de Medialabs.
“Algo más que banners: la publicidad en el medio interactivo”. Exposición del desarrollo e integración de la campaña publicitaria en el medio interactivo. La creatividad y los espacios publicitarios, explotación de nuevos formatos en búsqueda de la efectividad. Ejemplos de campañas publicitarias y casos de estudio.
12.00h. Trabajo en el primer proyecto.
14.15h. Comida
16.00h. Trabajo en el primer proyecto.
20.00h. Final de la jornada.

Miércoles, 26 de septiembre de 2007

10.00h. Conferencia de Dave Gray, fundador y director ejecutivo de XPLANE.
«Soluciones sencillas en un mundo de alta tecnología«. Los profesionales altamente cualificados en el mundo de los programas y la información tecnológica están descubriendo el papel tradicional como una de las mejores herramientas para el diseño de programas. Aprenderás a utilizar herramientas sencillas como catálogos de tarjetas de índices, notas adhesivas y pizarras de presentaciones para encontrar el camino efectivo para presentar tu información en la red.
11.00h. Conferencia de Víctor Sanvicente, jefe de Aplicaciones Interactivas de marca.com.
Infografistas 2.0: Información viva. Acercamiento a las APIs, mashups y participación del usuario. Cómo adaptar y personalizar la cartografía de  Google Maps a las necesidades de tu medio. Participación de los usuarios para completar la información.
12.00h. Trabajo en el primer proyecto
14.15h. Comida
16.00h. Presentación y debate del primer proyecto.
20.00h. Final de la jornada.

Jueves, 27 de septiembre de 2007

10.00h. Conferencia de Xaquín González, Assistant Art Director en Newsweek.
“Cómo convencer a tu director para montar un departamento de infografia multimedia”. La infografia multimedia como elemento diferenciador del producto. Recursos imprescindibles y recursos necesarios. ¿Por dónde empiezo? ¿En qué sección estoy, en Multimedia o en Infografía? ¿Puedo hacerlo yo solo? Definición del proyecto de infografía dentro del medio.
11.00h. Conferencia de Mariano Zafra, infografista multimedia de El Mundo.
“Integración del vídeo en los gráficos interactivos”. Replantear los gráficos lineales en los que el usuario tan solo avanza. Si se quiere contar algo lineal no debe haber “pause”, haremos un vídeo infográfico que se baste por sí mismo. Despieces, detalles, puntos de vista, esquemas serán un complemento que el usuario elegirá o no ver.
12.00h. Recogida información para el segundo proyecto.
14.15h. Comida
16.00h. Trabajo en el segundo proyecto.
20.00h. Final de la jornada.

Viernes, 28 de septiembre de 2007

10.00h. Conferencia de Ricardo Basurto, Diseñador de elmundo.es.
«¡Action. Actionscript y una vida más fácil para el diseño en flash. De la optimización del código a la carga dinámica de datos, películas e imágenes. Cómo aprovechar los métodos y componentes del programa Flash para crear gráficos dinámicos.
11.00h. Exposición de David Domínguez y Margarita Lázaro, vídeo y audio, el mundo.es:
Vídeo en elmundo.es: de la grabación a integración final. Se abordarán los procesos habituales de integración de vídeo en elmundo.es. Desde la planificación y grabación de las imágenes, digitalización y edición, así como la conversión a los distintos formatos que se utilizan en el portal, dependiendo del destino final de las imágenes.
12.00h. Trabajo en el segundo proyecto.
14.15h. Comida
16.00h. Presentación y debate del segundo proyecto.
20.00h. Final del curso y entrega de diplomas.

 

 

Ponentes y profesores

 

Juantxo Cruz

Juantxo Cruz Ortiz de Landázuri (Director del IV Curso Intensivo Multimedia)

Redactor Jefe de Infografía de EL MUNDO. Después de licenciarse en Periodismo en la Universidad de Navarra trabajó en la agencia Knight Ridder Tribune en Washington DC (1994) y en Diario 16 (1995) y El Mundo (1995-2007). Ha sido Director de Infografía del libro «11S. Atlas de la Guerra de Afganistán», editado por la Esfera de los Libros (2002); la «Enciclopedia de la Guerra Civil Española» 36 vólúmenes y la «Enciclopedia del Franquismo», 37 volúmenes editados por Factoría de Contenidos. Tanto él como los equipos que ha dirigido han recibido numerosos premios internacionales y nacionales.

 

Juantxo Cruz

Dave Gray (profesor y conferenciante)
Redactor Fundador y Director Ejecutivo de XPLANE, agencia de comunicación visual. Antes de fundar XPLANE, trabajó como infografista en Los Ángeles Daily News, Los Angeles Herald-Examiner, Seatttle Post-Intelligencer y el St. Louis Post-Dispatch. Fue también profesor de comunicación visual en la Washington University en St. Louis.

Alberto Cairo

Alberto Cairo Touriño (profesor y conferenciante)
Profesor de Infografía, Diseño y Multimedia en la Universidad de Carolina del Norte en Chapel Hill. Desde el año 2000 hasta 2005 fue el jefe de gráficos interactivos de elmundo.es. Inició su carrera en la sección de Infografía de La Voz de Galicia y continuó su trabajo, después, en Diario 16. Trabajó como free-lance en DPI Comunicación, antes de entrar a dirigir el departamento de interactivos de elmundo.es. Está en posesión de 11 premios oro Malofiej y 3, también oro, de la SND.ies.

Xaquin Gonzalez

Xaquín González Veira (profesor y conferenciante) 
Assistant Art Director en Newsweek. Licenciado en Periodismo y doctorando por la Universidad de Santiago de Compostela. Trabajó como Jefe de Gráficos Interactivos de elmundo.es y como infografista en La Voz de Galicia. Ha publicado varios artículos sobre ética, infografía especializada e interactividad. Su trabajo ha sido reconocido en numerosas ocasiones en los certámenes de la SND.ies y en los Premios Malofiej.

Germán Pizarro

Germán Pizarro (profesor)
Comenzó su carrera profesional en los diarios Hoy (Vocento) y El Adelanto (Grupo Zeta). En 1999 entró a formar parte del equipo de Infografía del diario Marca. En 2001, se inició en la Infografía Multimedia del diario y otras publicaciones del grupo Recoletos. En 2002 comenzó a trabajar en Terra Networks, en el departamento de Infografía del portal, más tarde reconvertido en Departamento de Aplicaciones Interactivas. En 2005 regresó al papel como jefe de Infografía del periódico gratuito Qué!, hasta finales de 2006. Desde enero de 2007 es jefe de Infografía de Marca.

Mariano Zafra

Mariano Zafra Molina (profesor)
Licenciado en Ciencias de la Información por la Universidad de Navarra. Inició su labor como Infografista en el Diario de Noticias de Pamplona entre 1999 y 2001. Desde este último año ha desarrollado su carrera profesional en el diario El Mundo, también en la sección de Infografía. Ha recibido numerosas menciones y galardones de la SND y de los Premios Malofiej.

Pablo M. Ramírez

Pablo M. Ramírez (conferenciante)
Jefe de Infografía del grupo Recoletos. Como miembro del Comité ejecutivo del Capítulo Español de la SND colabora con la organización de los premios Malofiej, en donde también fue jurado, y ÑH. Fue comisario de la I Exposición Internacional de Infografía Periodística. Ha trabajado como consultor de Innovation para medios como El Universo (Guayaquil, Ecuador), Diario de Yucatán (Mérida, México), El País (Montevideo, Uruguay), y Eleferos Tipos (Atenas, Grecia), entre otros. Es profesor de Infografía de la USP-CEU y en el Centro de Estudios Villanueva. Ha recibido numerosos premios de la  SND y Malofiej.

Noel Bermejo

Fran Gálvez (profesor y conferenciante)
De 1996 a 2000 trabajó como Director Creativo de BrandMedia, agencia de la que fue fundador. Dirigió proyectos para marcas como MoviLine, Movistar, Cutty Sark u OpenBank. Posteriormente se incorporó a  DoubleYou como Director Interactivo y colaboró en la apertura de la oficina de Madrid llevando proyectos para marcas como Zara, Grupo Remo o Diageo. De allí pasó a GreenTeam Advertising New York como Director Interactivo, montando el departamento de internet que daba servicio a BP o National Geographic entre otros. De vuelta en España se asoció con MediaLabs fundando Adternative, que se ha convertido en los dos últimos años en la compañía líder en producciones de entretenimiento y comunicación. Ha ganado premios en festivales como San Sebastián, Cannes, FIAP o New York Festival y parte de su trabajo se expuso en el Reina Sofía dentro de  la exposición “100 años de diseño español”.

Victor San Vicente

Víctor Sanvicente (conferenciante)
Comenzó a trabajar profesionalmente en Internet hace siete años, en la empresa Difernet realizando labores de diseño y programación Flash. Se incorporó al equipo de interactivos de Terra en mayo del 2003  como responsable técnico. Desde el año 2006 es el jefe de Aplicaciones Interactivas de Marca.com.

Jose Maria Rodríguez

José María Rodríguez López (profesor)
Freelancer, consultor de medios, profesor especialista en programación Multimedia y en la integración de la programación Action Script en el diseño gráfico y aplicación de bases de datos dinámicas en la Infografía. Licenciado en C.C. Químicas por U. De C. De granada (1992). Ha realizado varios  Masters y Cursos de diseño Gráfico y Progamación Multimedia entre 1993 y 2004. Trabajó en infografía (modelado y animación 3D Empresa 3D3. Programador Multimedia en Bravored.com y como agente libre. Profesor/ asesor de Flash/ ActionScript en el Centro Adams.sa y Crea Formación.sa y como Agente libre.

Ricardo Basurto

Ricardo Basurto (profesor y conferenciante):
Diseñador para web (xhtml y flash) de portales y de campañas web de elmundo.es. Diseñador Gráfico por la Escuela de Artes Plásticas y Diseño de Oviedo. Ha trabajado de diseñador en «Forma»(1992), «Graf & Co»(1992-96), «Basurto Estudio Creativo» (1996-00), Comunica con A (2003), Creativos de Publicidad (2003) y para diversos Organismos y Administraciones Públicas. Director Creativo de «Puntocero Asociados de Publicidad» en el 2000. Diseñador de elmundo.es desde el 2000.

Margarita Lazaro

Margarita Lázaro Rosado (profesora y conferenciante)
Licenciada en Periodismo por la Universidad Complutense de Madrid. Ha trabajado en departamento de creatividad y desarrollo de nuevos proyectos de EL MUNDO TV y como redactora en varios programas de televisión. Actualmente es la ‘responsable’ de la sección de vídeos de elmundo.es, una de las últimas apuestas de la dirección de este medio, líder mundial de las web de información en castellano.

David Dominguez

David Domínguez (profesor y conferenciante)
Licenciado en Ciencias de la Información por la Universidad Carlos III y Licenciado en Derecho por la Universidad Complutense. Comenzó su carrera profesional en el diario La Razón en 1998 en el departamento de Infografía. Más tarde se incorporó al diario El Mundo como periodista y diseñador. Desde 2000, forma parte del equipo que crea la nueva imagen del portal y lo rediseña en enero de 2001. Actualmente forma parte del equipo de desarrollo web y realiza funciones de editor de video y audio.