El documento habla sobre el uso de gráficos interactivos y XML para crear resúmenes dinámicos de información. Explica que los gráficos basados en XML y Flash permiten actualizar datos en tiempo real de forma sencilla, compartir información entre departamentos y ofrecer contenido actualizado a los lectores. También advierte sobre posibles abusos de datos si no se diseña de forma equilibrada.

1. INTERACTIVOS: GRÁFICOS AL SERVICIO DE LA DISTINCIÓN<br />http://www.marca.com/deporte/futbol/mundial/sudafrica-2010/calendario.html<br />La repercusión de este gráfico durante el Mundial de fútbol bien merece una charla aparte. ¿Cómo puede ser que un solo gráfico acapare la atención de tanta gente?<br />. Porque aporta la cantidad de información suficiente como para mantener nuestra atención en él durante un largo periodo de tiempo.<br />· Porque es un gráfico de recurso que nos es útil antes, durante y después de la noticia.<br />· Porque es practico y nos evita tener que consultar más páginas de las necesarias para obtener la información que buscamos. Además nos permite cruzar datos de forma directa, visualmente es toda una ventaja.<br />· Además y de forma muy clara cumple la funcionalidad para la que está diseñado. Nos informa de los cruces y resultados del Mundial de fútbol 2010.<br />Compara la usabilidad entre el gráfico de Marca y este de Clarín:<br />http://www.misionmundial.com.ar/fixture<br />Anécdota: El mismo especial que aloja la infografía que hemos visto hace unos momentos también tiene en la pestaña RESULTADOS información gráfica que a mi modo de ver es reiterativa y se solapa con la que ofrece el calendario. Quizá es por motivos de accesibilidad para todos los dispositivos que acceden a Internet el que esta información esté repetida, pero muchas veces lo que falta en los departamentos de Internet en los que yo he colaborado es algo básico pero muy difícil de conseguir:<br />Planificación.<br />Con un buen diseño de planificación podremos conseguir que nuestros interactivos presenten varias capas de información en una sola aplicación y que al mismo tiempo presenten un aspecto simple (que no simplista) que ayude a la fácil comprensión del gráfico.<br />(Imagen 1)<br />En este caso la aplicación nos ofrece :<br />· Calendario <br />· Mapa con las sedes<br />· Calendario de cruces y grupos<br />· Mapa con las selecciones del Mundial<br />· Filtrado de la información por fechas, selecciones, sedes y grupos y fases.<br />· Resultados actualizados al momento.<br />Información actualizada<br />Si el calendario no hubiese ofrecido las 24 horas del día la última información, habría sido un fracaso.<br />Esta pieza está pensada para ser un sitio de consulta permanente y así poder obtener el dato actualizado al minuto.<br />En este segundo punto, sin perder de vista al primero, es en el que vamos a centrar la charla de hoy.<br />Analizaremos contenidos on line avanzados que ofrecen grandes volúmenes de información sin renunciar a la inmediatez informativa y a la actualización mientras la noticia está viva.<br />¿Cuánto se tarda en tener actualizado este gráfico? <br />http://estaticos.marca.com/multimedia/graficos/futbol/2010/mundial/resultados.xml<br />Tanto como rellenar los campos de un xml.<br />¿QUÉ ES XML?<br />XML corresponde a las siglas eXtended Mark Language o lenguaje de marcado extensible.<br />Más allá de explicaciones informáticas esto viene a decir que nos encontramos ante un lenguaje que usa etiquetas que nos ayudan a la fácil comprensión de la estructura que componen los datos que guardamos.<br />Dentro de un fichero XML podemos dar forma a inmensos volúmenes de datos e identificarlos con claridad.<br />XML no es más que un lenguaje que provee de semántica a una estructura de datos. Hay otros lenguajes como JSON o AMF, pero ninguno como XML es de tan fácil compresión y manejo colectivo lo que lo hace tan popular entre aquellos, como yo, que sin tener un conocimiento informático profundo, quieren perder poco tiempo en el manejo de grandes volúmenes de datos.<br />¿POR QUÉ XML?<br />Respuestas de algunos medios:<br />(Imágenes 2, 3 y 4)<br />Porque separamos la información de la parte gráfica y liberamos al redactor encargado de suministrar la información de la dependencia con la sección de infografía y viceversa.<br />Al mismo tiempo dejamos que los expertos en diseño y edición gráfica participen en el proyecto seleccionando las mejores imágenes, y adaptando la estética del gráfico a nuestras necesidades.<br />(Imagen 5)<br />Caso práctico:<br />Redacción 9 de la mañana. Conocemos el nuevo dato del paro trimestral.<br />Normalmente en elmundo.es actualizábamos el dato en el gráfico que teníamos preparado en una plantilla vectorial usando el programa Adobe Illustrator.<br />Después sacábamos una imagen GIF que era publicada:<br />http://www.elmundo.es/mundodinero/2009/04/24/economia/1240556506.html<br />Realmente no es un proceso complicado, pero está sujeto a varios inconvenientes:<br />· El infografista tiene que estar presente para cambiar la información.<br />· Sólo actúa sobre un gráfico cada vez.<br />· Puede cometer errores.<br />Sin embargo, las aplicaciones basadas en XML nos aportan las siguientes ventajas:<br />(Imagen 6: Comparación vectorial xml)<br />· Si se utiliza un diseño líquido los gráficos se puede adaptar fácilmente a cualquier tamaño.<br />· Una vez realizada la aplicación, no necesita de ninguna especialización por parte del usuario para ser actualizada.<br />· El margen de error en los datos es mínimo. Sobre todo si la información la actualiza la fuente.<br />· Los proyectos basados en XML pueden crecer y adaptarse a las necesidades de la redacción.<br />· Se actualiza en tiempo real (o casi).<br />(Ejemplo: Cambia el titular y el tamaño del archivo estilos.xml de la carpeta casos prácticos y el tamaño del ancho y el alto. A continuación abre el fichero Main.swf con firefox (necesitas tener instalado el plug-in de flash http://www.adobe.com/es/products/flashplayer/)).<br />Los datos que conforman la gráfica de este ejemplo nos los proporciona el Instituto Nacional de Estadística desde su página web:<br />http://www.ine.es/charts/data/epa.xml<br />TRABAJO EN TIEMPO REAL (O CASI)<br />http://www.elmundo.es/elmundo/eleccionesgenerales.htmlç<br />http://estaticos.elmundo.es/especiales/2008/02/espana/elecciones2008/resultados/swf/elecciones.xml<br />El gráfico estará listo en cuanto termines de rellenar el XML<br />El Mundo cubrió los resultados electorales de 2008 con una infografía basada en FLASH + XML. Los datos se servían a través de INDRA en tiempo real y la aplicación los leía en intervalos de cinco minutos. Hasta ese momento las Elecciones Generales se cubrían de forma manual, dividiendo el trabajo entre varios redactores de la sección de infografía que trasladaban los resultados a plantillas prefabricadas de las que sacaban una imagen que posteriormente se publicaba. Gracias a la suma de XML y Flash pudimos focalizar nuestros esfuerzos en otro tipo de trabajos y cubrir de manera más amplia aquella noche electoral. Cualquier otra opción no hubiera sido válida tanto para el lector de nuestro diario como para la correcta organización de nuestro flujo de trabajo.<br />ESPECIALIZACIÓN DE LAS REDACCIONES<br />Al preguntar entre los compañeros de redacción qué conocimientos tenían acerca de las materias más comunes utilizadas para la publicación de información, encontré el siguiente resultado:<br />(Imagen 7)<br />En este gráfico podemos apreciar cómo los diferentes especialistas del periódico comparten conocimientos con el resto de sus compañeros de otras secciones y a la vez podemos establecer ciertos patrones de conocimiento dependiendo de la disciplina a la que nos acerquemos.<br />Así es muy común encontrar una clara afinidad entre la sección de vídeo y la de fotografía, últimamente tendiendo a la total integración entre ellas. Ambas secciones también afirman tener conocimientos de las herramientas básicas de infografía Web comunes as la sección de infografía.<br />Infografía también afirma tener conocimientos del resto de disciplinas, aunque no tan profundas como las otras secciones. Quizá porque la carrera más estudiada en la sección de infografía sea periodismo, afirmen tener muchos conocimientos de redacción.<br />Por último, los redactores de elmundo.es afirman tener conocimientos aceptables en el campo de la imagen pero casi ninguno de la elaboración de un gráfico.<br />Viendo estos resultados me pregunto ¿Cómo pueden colaborar de manera activa diferentes equipos en la elaboración de infografías multimedia?<br />No sé la respuesta a ciencia cierta pero intuyo por la experiencia que tengo que aquellas aplicaciones o gráficos que mantienen un lenguaje común entre secciones son las que aportan el contenido mejor elaborado.<br />(Imagen 6)<br />http://www.elmundo.es/elmundodeporte/especiales/2008/05/eurocopa/sedes/eurocopas.html<br />HAY QUE TENER CUIDADO CON EL ABUSO DE LOS DATOS<br />Hoy en día hay una tendencia al uso de infografía que albergan grandes volúmenes de datos. Quizá por la penetración que está teniendo la informática en nuestra sociedad es cada vez más sencillo encontrar piezas en los medios de comunicación que lean de una base de datos.<br />Los editores de muchos medios de comunicación en Internet también empiezan a valorar este tipo de infografía por la recursividad que aportan. Dicho de otro modo, al ser gráficos de recurso son visitados con regularidad como las consultas a una enciclopedia.<br />El problema aparece cuando se abusa de la cantidad de datos que entran en el gráfico. Estas aplicaciones normalmente carecen de trabajo de edición.<br />Estas visualizaciones de la información impulsan gráficos abstractos más difíciles de entender pero que albergan grandes volúmenes de información.<br />http://www.elmundo.es/elmundo/2009/graficos/may/s1/presidentes/autonomias.html<br />Este gráfico es uno de los primeros ejemplos en los que utilicé XML para su confección.<br />Es un claro ejemplo de lo que no hay que hacer con respecto al diseño de un interfaz. Los datos se acumulan sin apenas legibilidad y la usabilidad es poco intuitiva.<br />Aún así hay ciertos aspectos positivos que saqué de él.<br />Suponía un gran trabajo de documentación por lo que hubo que contar con la colaboración de un documentalista, Enrique Muñoz. Enrique nunca había utilizado un fichero xml por lo que intenté plantear la estructura semántica de los que íbamos a utilizar de la manera más comprensible. Al final salieron más de 30 ficheros xml que dan forma a toda la aplicación.<br />Además de a esta aplicación, los ficheros que almacenan los datos históricos de las elecciones autonómicas, pueden alimentar a cuantas aplicaciones necesiten de esos datos. Los resultados de las próximas elecciones autonómicas se almacenarán en estos ficheros y probablemente se incluyan en nuevas aplicaciones gráficas.<br />Para mi lo ideal sería llegar a conseguir un resultado equilibrado entre la parte estática, que no olvidemos que es la que hace que el lector se pare ante nuestro gráfico, y la funcional.<br />Lo primero y más importante es transmitir información de forma eficaz y después no dejar que el gráfico se olvide fácilmente.<br />http://www.elmundo.es/especiales/2008/09/internacional/elecciones_eeuu/administracion/administracion.html<br />http://www.elmundo.es/especiales/2008/09/internacional/elecciones_eeuu/administracion/XML/administracion.xml<br />Trabajo conjunto con el redactor de internacional Luis Tejero. Compartimos un fichero en Google-docs. A medida que se iba completando la Administración de Obama íbamos actualizando el gráfico.<br />Partimos de un diseño basado en los centros de poder en el que las variables que había que ir completando se podían suplir con plantillas (texto provisional y siluetas) hasta la llegada de los datos reales. El trabajo de infografía terminó en el momento en el que se comprobó que la aplicación no daba fallos, mucho antes de que se completara el último dato.<br />En el caso de que cambie cualquier miembro del Gobierno, la actualización del gráfico será inmediata.<br />CASOS DE USO DE ARCHIVOS EXTERNOS EN OTOR MEDIOS<br />Boston Globe<br />http://www.boston.com/interactive/graphics/200909_dowjones/<br />http://cache.boston.com/multimedia/2009/09/dowjones/dowjones.xml<br />La estructura del XML permite que cualquier redactor corrija o amplíe los datos de manera sencilla.<br />Este planteamiento permite la evolución del gráfico.<br />Navegación sencilla e intuitiva.<br />Es la perfecta pieza de apoyo a un reportaje elaborado.<br />New York Times<br />http://elections.nytimes.com/2008/results/president/speeches/obama-victory-speech.html<br />http://graphics8.nytimes.com/packages/flash/multimedia/TEMPLATES/DebatesAnalyzer/data/obama_victory.xml<br />La aplicación permite analizar el debate en profundidad. En parte, es una herramienta de apoyo a otros periodistas.<br />Gráfico recursivo.<br />Interfaz clarísima.<br />¿Y SI NOS LO DIERAN HECHO?<br />http://www.rtve.es/deportes/copa-davis/apoyo-armada/<br />http://copa-davis.rtve.es/comentarios.xml<br />Esta aplicación almacena los mensajes que la afición española iba mandando durante la celebración de la Copa Davis de 2009. Mediante el apoyo de un fichero php el xml se escribía en el servidor con los datos de aquéllos que rellenaban el formulario y a continuación eran leídos por la aplicación swf.<br />http://www.rtve.es/deportes/centenario-seleccion/once-ideal/<br />Permitir que el usuario cree su propio gráfico ayuda a la compresión del mismo. Este aspecto lúdico, además, es muy importante para cumplir uno de los objetivos de la infografía periodística on-line, la diferenciación.<br />Ejercicio práctico:<br />Pedir a los asistentes que boceten sobre papel en 15 minutos el planteamiento de uno de los siguientes gráficos: <br />Tragedia en la ‘Love Parade’ alemana.<br />http://www.elmundo.es/elmundo/2010/07/24/internacional/1279988157.html<br />http://maps.google.es/maps?q=Duisburg,+germany&oe=utf-8&rls=org.mozilla:es-ES:official&client=firefox-a&um=1&ie=UTF-8&hq=&hnear=Duisburgo,+Alemania&gl=es&ei=sN9LTJPjHZLu0wSX7t2ECw&sa=X&oi=geocode_result&ct=image&resnum=1&ved=0CCQQ8gEwAA<br />