DATA: La oportunidad del análisis y la visualización de datos

Out of Sight, Out of Mind, pitchinteractive.com

Texto publicado en UNIR Revista el 28 de enero de 2014.

Sin duda, el tratamiento de los datos se ha convertido en una poderosa herramienta en todos los frentes del mundo de la comunicación. ¿De dónde salen todos estos datos? ¿Quién está detrás de ellos? Podemos pensar que la ciencia de los datos la desarrollan increíbles mentes pensantes de los departamentos de Ingeniería y Ciencia Computacional en las más importantes compañías de tecnología. Y por un lado es así. Los ingenieros en computación, los estadísticos y los matemáticos han encontrado un nuevo continente en el desarrollo de aplicaciones que manejan millones de datos. Es lo que se conoce como ‘Big Data’. Sus trabajos no deben quedarse en el manejo de las cifras: los números hay que convertirlos en algo que se pueda consumir.

Hablamos de la visualización de los datos a través de lenguajes de programación. El principal lenguaje de programación del lado del cliente e implementado por todos los navegadores (Chrome, Safari, Explorer…) es JavaScript. Así, el desarrollo de este lenguaje en los últimos años ha disfrutado de una evolución exponencial. Cada día nacen nuevas librerías del lenguaje para tareas de lo más diversas y especializadas.

Para la visualización de datos, la librería más dinámica y estructurada para la visualización de cantidades se llama ‘Data-Driven Documents –D3–’. Estas dos letras, D3, están de moda entre las empresas que se dedican a la presentación de datos en el navegador. Buscan ‘chicos D3’: Urgente. Obviamente, se trata de un perfil tecnológico; una persona que sepa programar, que tenga un buen conocimiento de Javascript y controle los lenguajes de la World Wide Web moderna (HTML5) y sus hojas de estilo (CSS).

Sin embargo, ser un gran programador no garantiza ser un buen contador de historias. Y aquí se abre la gran oportunidad para los periodistas en cualquiera de sus ramas. Se trata de encontrar la respuesta adecuada a cuestiones a veces muy complicadas y darles una solución sencilla.

 

Ejemplo de visualización de datos:

Out of Sight, Out of Mind Pitch Interactive, Berkely, California.
Out of Sight, Out of Mind Pitch Interactive, Berkely, California.

 

Ejemplo de estadística de investigación:

 Ejemplo de estadística de investigación In Climbing Income Ladder, Location Matters The New York Times, NY, EEUU
In Climbing Income Ladder, Location Matters The New York Times, NY, EEUU

 

Todo trabajo de investigación debe comenzar por la formulación de preguntas relevantes para luego identificar, obtener y transformar los datos en algo manejable que pueda utilizarse en infografías, gráficos, visualizaciones y textos escritos.

La cultura del ciudadano está cambiando: ahora exige que las información que se aporta esté sustentada en datos. Si no se los damos, el mismo puede consultar en la red lo que están diciendo otros, y siempre tendrá más fuerza un argumento con los pies en los datos que un comentario o opinión sin ellos. Ahora, los datos y su análisis ya no son exclusivos de las grandes compañías tecnológicas como Google, eBay o Facebook: prácticamente todo tipo de industria, grande o pequeña, necesita el análisis de datos para convencer al ciudadano y mejorar el rendimiento de sus negocios.

 

Se necesitan programadores, claro, pero también gente que sepa como hacer las preguntas adecuadas, qué datos recoger, cómo tratarlos para encontrar los datos que nos sirvan, como hacer un resumen de ellos y finalmente, qué herramientas existen para presentarlos en sociedad. A veces, tendremos que echar mano de programadores especializados en visualización; otras, bastará una infografía sencilla realizada por uno mismo en Excel o Tableu.

La comunicación es un aspecto de la nueva cultura de la red que interesa a todo tipo de industria y actividad, desde educadores y estudiantes hasta agentes de publicidad. Los personas que se dedican o quieran dedicarse a la comunicación deben conocer cómo trabajar con distintos perfiles en el desarrollo de los gráficos y el análisis de datos.

Muchas veces, las empresas echan en falta la penetración de sus informe en su propia empresa o hacia el exterior. La mayoría de las veces, la causas se encuentran en la mala presentación de los conceptos, la poca o nula información visual y la gran extensión de los textos. En una sociedad sin tiempo, es imprescindible el resumen de conceptos y ofrecer una alternativa visual. Los sectores más interesados en el análisis de los números son las empresas de análisis de los consumidores (marketing, análisis social, consultoría, gobiernos), de los resultados de las máquinas (ingeniería, medicina, topografía, finanzas), de los contenidos (medios de comunicación, educación) y de la investigación (I+D, alta tecnología). Los profesionales con más proyección en la visualización de información son periodistas, documentadores, directores de arte, diseñadores y desarrolladores de páginas web que deben presentar la información de forma coherente y digerible para el usuario final. En definitiva, personas que sepan encontrar el valor en los datos para después presentarlo de forma eficaz.

Máster Profesional en Diseño y Desarrollo Web, CICE (2013)

Las instalaciones de la escuela profesional de nuevas tecnologías CICE, en sus dos centros de formación, te permitirán trabajar con el equipamiento y con el software que utilizan los profesionales en su trabajo diario.

Durante 11 meses, entre noviembre de 2012 y septiembre de 2013, realicé el Master Profesional Especializado en Diseño y Desarrollo de Proyectos WEB en CICE.

CICE certifica el Máster y entrega diploma acreditativo al finalizarlo.
CICE certifica el Máster y entrega diploma acreditativo al finalizarlo.

Características

Máster en Diseño y Programación Web. MDI
Duración: 300 horas lectivas.
Al menos 600 horas de dedicación

El objetivo general del Máster en Diseño y Programación Web es formar profesionales que conjuguen un exacto conocimiento técnico y creativo aplicado al diseño web; reuniendo en un mismo programa de estudios todas las aplicaciones y entornos de diseño, así como el desarrollo y programación web de sitios interactivos y adaptativos.

Este máster permite formar a la nueva generación de profesionales web que utilizan el estándar internacional W3C, dominando las técnicas creativas relacionadas con el Front-End (la parte del software que interactúa con el usuario) y el Back-End (la parte que procesa la entrada desde el Front-End).

El alumno consigue aplicaciones de acabado profesional, válidas para multiplataforma, aplicando herramientas de desarrollo y diseño web, utilizando lenguajes semánticos como HTML5 y CSS3 de manera ágil, escalable y productiva, y desarrollando la personalización de las aplicaciones mediante XML, PHP, MySQL y WordPress.

Al finalizar la formación el alumno podrá desarrollar su actividad laboral como:

  • Diseñador y desarrollador de sitios Web con HTML5, CSS, JAVASCRIPT utilizando Responsive Design
  • Desarrollador y programador de aplicaciones PhP y MySQL utilizando WordPress

Programa

Módulo 1. Introducción al PHP
Módulo 2. Bases de datos MySQL
Módulo 3. PHP estructurado y orientado a objetos
Módulo 4. WordPress
Módulo 5: Programación con HTML 5
Módulo 6: Presentaciones de documentos estructurados
Módulo 7: Programación JavaScript y jQuery
Módulo 8. Proyecto Final

Animación 2D después de Flash

Las restricciones de algunos dispositivos móviles a la avanzadísima
tecnología Flash (lenguaje ActionScript) ha supuesto una caída de los
contenidos animados.

No ha sido así en el campo del vídeo, los juegos y las
apps móviles, donde Flash todavía tiene mucho camino que recorrer.

Ayer, mi amigo y gran profesor Javier Mateo comentaba que en
muchos sitios web ahora encontramos de nuevo el viejo y querido GIF animado, un
formato que es soportado por todos los navegadores y dispositivos.
Actualmente se está produciendo una explosión de nuevos
productos que permiten contar tus historias con movimiento y audio. Nos
encontramos a mitad de camino entre el ‘boom’ de la animación en Flash y la
nueva web móvil.

El principal obstáculo para su implantación siguen siendo los
viejos navegadores, especialmente los fabricados por Microsoft.

Aquí repasamos algunas opciones para animar tus proyectos
sin saber demasiado código. Son programas que ejecutan código CSS y el lenguaje
Javascript o su librería más extendida: jQuery.
I. DE FLASH A HTML5

Pros: Herramienta de Google para convertir documentos Flash
(swf) realizados con ActionScript 2 en contenido HTML5 no editable. Las
conversiones de ActionScript 3 (en funcionamiento desde 2006) se encuentran hoy
en fase experimental.
La conversión se realiza a través del navegador o cargando
una extensión el el programa Flash.
Cons: Así suena my bonito, pero las conversiones no siempre
son posibles.
Los documentos ‘SWF’ deben ser muy sencillos y pesar menos
de un mega.

Adobe Wallaby: fla
Otra herramienta para convertir documentos Flash  (fla) en HTML; en teoría el resultado es editable
y se ejecuta desde un programa instalado en el ordenador.
De momento, ambas herramientas son muy limitadas y están en
proceso de desarrollo.
Convierten pequeños y simples documentos, pero no una
aplicación.
La interactividad es muy difícil de convertir.
II. ANIMACIÓN EN  HTML5

Adobe Edge CC: Nueva versión el día 17


Crear contenido animado e interactivo para la web moderna.
El día 17 de junio sale la nueva versión: Animate CC.

Se
acabó el tiempo de prueba, empieza el partido y la hora de pagar un precio: 499dólares por licencia o 15 dólares de suscripción mensual, en la web de Adobe.

Pros: Una gran herramienta de animación, pensada por Adobe
para sustituir a Flash e integrarse perfectamente con proyectos HTML5. Su
corazón está escrito con jQuery. Es el futuro de la animación 2D.

Cons: No corre en navegadores antiguos. No hay parche. La
API de Animate no permite conversión a etiquetados antiguos.
Crear. Animar. HTML5.
Igualmente, pensado para tecnología HTML5, juega con su
propia API de Javascript.
Su última verión cuesta 60 dólares, en su web o en la Mac
AppStore.
Cons: Sólo para fieles del Mac y OX 10.6.6. No tienen
pensado sacar versión para Windows.
Pros: Compatible con IE6+ si se respetan algunas opciones.
Pros: Software en línea de Adobe Edge e Hype, con línea del
tiempo, escenas, fotogramas clave, efectos y posibilidad de programar con
javascript.
Corre en navegadores modernos, smartphones, iPhone, iPad y
Pcs.
Cons: No IE6+.
Precio: 120 euros.
Software para crear películas interactivas, juegos y
aplicaciones utilizando el motor de Javascript. La última versión acaba de
salir al mercado.
Pros: El nuevo paquete incluye versión para Windows y Mac OS
X. (antes sólo Windows). Según su web, funciona en el 99% de los navegadores
(IE6+) y en teléfonos inteligentes (smart phones).
La licencia cuesta 50 dólares a través de su web.

Animaciones móviles con CSS3.
Precio: 99 dólares.
Pros: Accesible en plataformas Windows, Mac OX y Linux.
Pensado para realizar pequeñas animaciones para móviles y
juegos simples interactivos.
Cons: sólo para navegadores modernos.
Herramienta para crear contenido y audio web en Flash o
HTML.
Pros: permite salida para HTML5 o para Flash y es compatible
con iBooks Author.
Versión para Mac y Windows.
Precio: 109 euros por licencia.
Contar historias visualmente.
Cons: Herramienta pensada para contenidos del iPad y el
iPhone, por tanto para plataformas nativas de iOS.
Están trabajando en una versión para Android.
19 dólares a través de la Mac App Store.

III. HERRAMIENTAS ONLINE
Página digital para crear y compartir dibujos realizados a
mano realizada con Javascript y el canvas de HTML5.
Cons: Herramienta online extremadamente básica.
Pros: Divertida.

Pros: Creatividad en la nube, sin necesidad de descargar
ningún programa.
Se trabaja desde el navegador y se guarda en la nube.
Los resultados se pueden exportar en formato javascript o
CSS a  tu sitio local.
Accesible tras rellenar un formulario.
Cons: Necesita un reproductor de javascript para renderizar
los trabajos.
Pensado especialmente para crear pequeñas publicidades para
navegadores HTML5 y dispositivos móviles. Se recomienda visualizar los trabajos
en Google Chrome.

Pros: sencillo software gratuito al que se accede a través
de navegador.
Cons: Herramientas muy limitadas, pensado para pequeños
trabajos, para navegadores que soporten tecnología HTML5. Recomiendan Firefox y
Chrome.
Como Mixeek, herramienta para trabajar en el navegador.
Pensada especialmente para animar tipografía y logos.
Herramienta para crear pequeñas publicidades, animar
tipografía o logos a través de tu navegador. Se exporta un archivo javascript y
necesita un reproductor que se guarda en la carpeta de tu sitio local o remoto.
Los trabajos se guardan en tu perfil de gmail.com.
Pros: Salida javascript aceptable en todos los navegadores,
incluido IE6. 
Cons: Pocas herramientas, limitaciones. Recuerda a la
primera versión de Flash.
Gratis.
IV. PASARON A OTRA VIDA

Software que reune las cararterísticas de los anteriores,
pero que ha dejado de desarrollarse.

Moebio: “Hay una burbuja de la visualización de la información”

En su web se define así: “Yo invento y desarrollo algoritmos, métodos de visualización, narrativas interactivas y nuevas ideas para internet. Ayudo a organizaciones en el análisis y en la comunicación estratégica de su información”.

Esta entrevista la realizamos a golpe de Linkedin  durante las cuatro semanas pasadas.

Moebio no para. Madrid, París, Buenos Aires, San Francisco, Barcelona… Santiago Ortiz, en las respuestas SO, es un matemático e inventor colombiano que explora la selva del arte digital y las nuevas narrativas en el navegador. Sus explicaciones son claras y contundentes.





Sobre el estado de los datos y la información 

 J+: Ahora se habla de las bases de datos y el análisis de datos como una gran oportunidad de futuro, una apuesta segura. 

 SO: Es una enorme oportunidad; en muchos casos, el único camino (si no lo haces tú lo hará competencia). Hay un cambio cualitativo cuando se toman decisiones teniendo en cuenta (mucha) información.

No creo sin embargo que sea una apuesta segura.

Al contrario, hay mucha incertidumbre y cambiar el modelo de una empresa para que gestione mucha información es extremadamente complejo.

Existen entre otros los siguientes retos y preguntas:
 • Qué información capturar.
 • Cómo guardarla.
 • Cómo analizarla.
 • Qué decisiones tomar con base en el análisis.

 Cómo guardar (mucha) información es un reto tecnológico principalmente, los otros retos son estratégicos y requieren de mucha inteligencia y a veces de intuición.

J+: ¿Crees que las compañías saben cómo gestionar, identificar y aprovechar estas oportunidades? 

 SO: No, la mayoría de grandes compañías están empezando. Muchas compañías medianas y pequeñas ni siquiera están enteradas. Y existen muchas compañías pequeñas que de hecho nacieron siendo conscientes de la importancia de la información y por eso mejoran su capacidad de captura, almacenamiento, gestión y estrategia basada en datos día a día.

 J+: ¿Qué sectores crees que lo están haciendo mejor? 

 SO: No estoy muy seguro que haya sectores que lo estén haciendo mejor (lo que sí ocurre es que cada vez está más claro que la información es relevante en todos los sectores).

En cambio identifico tres tipologías de empresas que lo hacen muy bien:

 • Empresas grandes que nacieron con la conciencia de la importancia de los datos, está en su ADN: Google y Amazon son los dos mejores ejemplos.

 • Empresas grandes que no tienen el análisis de datos en el ADN pero lo implementaron de forma temprana y exitosa, o al menos lo están haciendo, como Walmart y algunos bancos… (Me es difícil evaluar si Facebook y Twitter pertenecen al primer o al segundo grupo)

 • Empresas pequeñas (‘startups’), un poco más recientes, en las que el análisis de datos está implícito en el servicio o producto. Algunas de estas de hecho ayudan a empresas grandes en la estrategia con el ‘big-data’. No es de extrañarse que muchas hayan sido de hechos absorbidas por grandes empresas (probablemente ese era el objetivo en muchos casos).



Sobre el proceso de visualización

 J+: He leído un artículo de Vincent Granville que habla de las diferencias entre los científicos de datos horizontes y los verticales. Tú te has declarado, al menos en Twitter, un científico horizontal, con dominio no sólo de un campo, sino que intervienes en todo el proceso, desde el análisis hasta la visualización. ¿Cómo inviertes tu tiempo de trabajo en cada fase? ¿Qué es lo más importante? 
 

 SO: 

Mencioné en Twitter que me identificaba con la idea de científico de datos horizontal, expresada en este interesante artículo:  pero precisé que soy un científico de datos horizontal superficial.

 Yo no trabajo con las herramientas tecnológicas robustas del ‘big data’ ni profundizo en algoritmos muy complejos de análisis de datos que muchas veces están diseñados para ser eficientes en casos de enormes cantidades de datos, o de datos muy diversos, o de datos que contienen muchos errores que son además difíciles de identificar. 



 Sin embargo sí toco una variedad amplia de procesos que tienen ver con la recolección de información, almacenamiento, organización, lectura, análisis y, por supuesto, visualización. 

 Visualización es mi fuerte, pero rara vez lo que visualizo son los datos que obtuve o que me entregó el cliente. Siempre es necesario al menos un procesamiento anterior que puede estar orientado simplemente a reestructurar la misma información para que quede más liviana y más fácil de leer.
Muchas veces este procesamiento puede ser complejo, y probablemente contenga un filtrado y un análisis. 



 Finalmente, pero también lo más importante: no trabajo con datos que me provee el cliente. En realidad trabajo junto con el cliente en la parte de estrategia de comunicación asociada a información. Muchas veces incluso ayudo a identificar cuáles son los datos interesantes para esta estrategia. !A veces estos datos el cliente no los tiene aún!

 Ayudo también diseñando el sistema de recolección y organización. Y en el intermedio entre esto y la visualización puede existir análisis que ayude a buscar las preguntas interesantes a las que luego la visualización puede responder. Así que visualizar es la punta del iceberg en mi trabajo. 




J+: Hay quien opina que cuantas más personas intervienen en el proceso de los datos, más difícil es mantener el objetivo y la idea inicial ya que el proceso acaba perdiéndose por el camino. ¿Es posible el trabajo en equipo sin perder la frescura de la idea original? 

SO: En equipos con personas de mentalidad transversal no ocurre esta pérdida, al contrario: hay sinergia. Por eso, aunque yo no domine las técnicas y herramientas de un científico de datos ‘de verdad’, me esfuerzo mucho por estar enterado y al menos comprenderlas, de esta forma puedo trabajar en equipo.

 Es importante que se entiendan los objetivos y la estrategia general de la organización porque, sin esto, el proyecto que resulte no responderá a los verdaderos objetivos. Para ello tengo que educarme en la realidad cultural y de negocios de la organización. Así, me interesa mucho la horizontalidad mencionada antes.

No soy un especialista. Y me gusta pensar que ayudo a añadir ‘transversalidad’ a los equipos. 






Sobre el periodismo de datos y los periodistas 

 J+: Hace poco has revisado, junto con Alberto Cairo, Jerome Cukier y Ben Jones, el libro de Andy Kirk ‘Data Visualization: a succerssul desing process”, uno de los primero libros que aproxima la visualización al terreno de la narrativa informativa.

Andy habla de los “Ocho sombrero de la visualización” (el científico de datos, el programador, el diseñador…), los distintos roles de un equipo para la narrativa visual. En este equipo de trabajo se incluye la figura del periodista. ¿Crees que los periodistas son una pieza fundamental en el proceso de visualización? ¿Qué funciones podrían tener?

 SO: Sí, los periodistas son una pieza fundamental. Finalmente ellos son el ‘interface’ entre información y millones de personas; muchas veces esta información no trata sólo de una sucesión de eventos que deben ser narrados.

 Cada vez más el periodista trabaja con realidades que se expresan completa o parcialmente en datos. Por eso el periodista debe ser un poco un científico de datos horizontal superficial.

 De hecho, como Simon Rogers apunta en sus conferencias, esto no es nuevo, siempre fue así: un periodista busca, organiza y analiza información y luego busca las mejores herramientas y estrategias para comunicarlos.

Me pone de muy mal humor una columna en el que el periodista comenta y opina acerca de datos (por ejemplo acerca de un reporte de la ONU sobre educación) y no los comparte.

 El mensaje es que el lector es menos inteligente que el periodista y que la opinión que se puede formar es menos válida.

 Lo que debe hacer en cambio es, aparte de proveerme los datos, ayudarme a entenderlos mejor: señalarme los patrones, las anomalías, lo que sobra o lo que falta, permitirme explorar mejor los datos y, opcionalmente, compartir una opinión basada en un análisis, basado en los datos.

 El periodismo es una pieza fundamental y de hecho ha sido un gran dinamizador de la revolución de la información en estos últimos años.

 J+: Actualmente estás realizando trabajos para el diario The Guardian, uno de los pocos diarios europeos que ha entendido la fortaleza de la interactividad y la visualización en la red.
¿Cómo fue tu encuentro con el periodismo y qué sensaciones tienes sobre su futuro? 

 SO: He creado unos pocos proyectos para The Guardian y hace un tiempo uno para La Vanguardia sobre terremotos.

 Lo específico de estas experiencias, lo que hacen que el resultado sea ‘periodístico’, es que trabajan con información generada básicamente el mismo día en que se publica el proyecto, es el caso de una visualización sobre discursos de presidentes en toma de posesión en USA, que se publicó el día de ‘inauguración’ de Obama, o porque dan contexto a un evento recién ocurrido.

 La forma como se reciben estos proyectos es muy diferente a otros que desarrollo: las emociones están ‘calientes’ y en general los comentarios que la gente publica son muy duros. ¡Si hay un error en los datos te lo van a hacer saber muchas veces! Si hay una dificultad en la forma de interactuar también.

Y, si logras enriquecer la percepción de un evento reciente, entonces has conseguido mucho, porque ¡es esto de lo que la gente está sedienta!

Para ilustrar esto, mira este gráfico que muestra la historia de visitas a ciertos artículos de Wikipedia antes y después del terremoto terrible en Japón.

 No es tan común que un evento en sí mismo genere muchos datos, por lo tanto la visualización en periodismo tiene como objetivo brindar contexto.

Permitir comparar lo que está ocurriendo con lo que ha ocurrido y con lo que ocurre en otros lugares, por ejemplo.

Este es al menos mi contexto favorito, porque me obliga a mirar mucho más hacia atrás en el tiempo o mucho más hacia los lados en las categorías y en el espacio.



 Sobre código y su función en la sociedad

  J+: He hablado con muchos diseñadores y periodistas visuales tradicionales y muchos de ellos tienen pánico a la palabra programación. ¿Crees que es necesario que aprendan código? 

SO: Yo no creo que la mayoría de los periodistas deban aprender código (o que la mayoría de la gente en general deba).

Por un lado hay muchas herramientas (y cada vez habrá más) que permiten tratar con datos sin programar. Por otro lado, el trabajo colaborativo y multidisciplinar también resuelve esto.

 J+: También conozco programadores tienen mucho respeto a Javascript. Lo conocen pero prefieren usar las librerías de jQuery, se especializan en otros lenguajes como PHP o pasan a hacer aplicaciones nativas en Java o Objetive C. ¿Cuál es el camino para especializarse en el lenguaje del DOM? 

 SO: No tengo nada interesante que aportar aquí. A mí Javascript me va perfecto, pero entiendo que hay quien lo encuentra algo difícil. Hay librerías que, por ejemplo, te simplifican la parte gráfica (Raphaël) y hay librerías específicas para análisis y visualización de datos (D3), pero yo no uso ninguna de ellas.

 Espero que en el futuro se aclare un poco el panorama y aparezcan librerías orientadas a personas que empiezan a programar (de hecho yo estoy creando algo así para enseñar programación a mis hijos: es simplemente una serie de atajos que hacen que los comandos de graficado sean muy simples y directos).

 J+: Muy bueno lo último sobre la programación y tus hijos. Bill Gates, Bill Clinton, Mark Zuckerberg, entre otros muchos, han iniciado la propuesta “Cada estudiante en cada escuela debe tener la oportunidad de aprender código”. Aprender programación, el lenguaje de la información, se está volviendo tan importante como aprender inglés. ¿Crees que las humanidades y otras disciplinas tradicionales están siendo desplazadas por la carrera tecnológica? 

 SO: Es posible que algo así esté pasando y, definitivamente, es algo que no deseo. Una sociedad excesivamente tecnócrata puedo resultar nociva, aunque en este punto nadie se pone de acuerdo porque al final cada cual opina desde sus propios deseos, motivaciones y definiciones personales de lo que es el bienestar, la riqueza o la libertad. 



 Así que esta es mi posición personal: mis hijos van a aprender a programar… pero al mismo tiempo van a tener una educación más humanística y artística que la que ofrece un colegio medio. Además vivimos lejos de la ciudad, en bastante contacto con la naturaleza. 



 Volviendo a la pregunta de si las humanidades serán desplazadas por las carreras tecnológicas, quiero señalar que la cuestión es compleja si se tiene en cuenta que de hecho ciencia y tecnología son humanidades. Lo que está ocurriendo es un gran cambio en metodologías de tratar cualquier tipo de información (médica, bancaria, humanística, corporativa, etc…), diría que es una rotación más que un desplazamiento. 





 J+: Seguramente estamos entrando en la era de la visualización. ¿cuáles son las tendendencias que crees que veremos en los próximos años? 

 

 SO: Ahora soy freelancer y estoy creando mi propia plataforma de 
estrategia, análisis y comunicación de la información.

¡Tengo bastantes dudas sobre el futuro de la visualización!

No estoy seguro de que vaya a prevalecer a menos de que haya grandes cambios ahora. Hay una burbuja de la visualización de la información, y enormes retos que todavía no se han logrado.

 Se supone que la visualización de datos ayuda a entender mejor las grandes cantidades de datos, pero esto no está ocurriendo en general (excepto en casos muy específicos, de nicho). 



 En lo personal estoy creando un nuevo modelo de trabajo en el que la visualización es sólo una parte del proceso completo.

 Porque la visualización sólo puede ser exitosa si es el último paso en una serie de procesos, que incluyen estrategia general de aprovechamiento, metodologías y tecnologías de recolección y organización, análisis, estrategias de comunicación internas y externas. Este último punto incluye la visualización. 


Síguelo en Twitter.

Data Cracks!

Recojo aquí dos de los personajes más interesantes en la escena de la interacción y los datos.
Expertos en matemáticas, combinaciones, matrices, geometría, probabilidad, análisis numéricos, lenguaje de programación e interacción humana.
Ademas son creativos; la NASA de la visualización.

Santiago Ortiz ‘MOEBIO’

Matemáticas en la Universidad de Los Andes, Colombia.
Profesor de Arte y Tecnología en la European University de Madrid.
Visualizador, inventor de algoritmos.
Proyectos web interactivos de alta innovación.
Frameworks en Javascript/HTML5.
Fundador de Bestiario.

Moebio en Twitter.
Bestiario en Twitter.

MIKE BOSTOCK

Ciencias de la Computación, Princeton University, 2000.
Profesor en Stanford University, EEUU, Ciencias Computación.
Trabaja para TNYT desde San Francisco.
Data-Driven Documents.
Creador de librería de Javascript D3 para manipular datos en el DOM.

“D3 is a small, free JavaScript library for manipulating HTML documents based on data. D3 can help you quickly visualize your data as HTML or SVG, handle interactivity, and incorporate smooth transitions and staged animations into your pages. You can use D3 as a visualization framework (like Protovis), or you can use it to build dynamic pages (like jQuery).”

mbostock en Tumblr.

Workshop, (presentación).

mbostock en Twitter.

Gráficas con Javascript

Vamos a dar un repaso a algunos motores de gráficas desarrollados por ingenieros y técnicos con Javascript aprovechando las posibilidades de los lenguajes SVG, HTML Canvas y VML para renderizar los elementos gráficos y de XML o JSON para tomar los datos.

Se trata de productos muy recomendables para visualización de estadística financiera, económica o social. Encontramos gráficos de línea, de áreas, de columnas y tartas en todas sus modalidades.

Las ventajas de estas gráficas es que se actualizan dinámicamente, son interactivas, no necesitan módulos complementarios y ocupan muy poco espacio.

HIGHCHARTS JS

Vik i Sogn, Noruega.
Desde 29 dólares por licencia.
Producto desarrollado por Highsoft Solutions AS desde 2009.

amCHARTS

Licencias desde 99 hasta 1.999 euros, dependiendo del número y los websites de uso.
Tienen soluciones para mapas y desarrollos en HTML5/Javascript y Flex.

SENCHA EXT JS 4

Redwood City, California, EEUU
Vancouver, Canadá
Amsterdam, Holanda
Sencha es una compañía especializada en herramientas realizadas con HTML5 y Javascript. Recomendable su página web.
Objetivo: crear la mejor librería de gráficos en Javascript del mundo, según su blog.

YUI

Código libre y gratuíto publicado por los ingenieros de Yahoo! para construir páginas digitales interactivas.

JS CHARTS

Licencia para generar gráficas, que cuesta desde 39 hasta 169 dólares.
Tiene una versión gratuita, pero genera una marca de agua.

FLOT

Aalborg, Dinamarca
Gráficas con jQuery, la popular librería de Javascript.

Si te ha interesado este post, aquí te dejo un link a Daily Tekk, con 100 recursos sobre infografía.

HTML5: El futuro tiene muchos nombres

Texto publicado en VisualThinking.es.

Hace relativamente poco tiempo que las páginas en la red no tenían imágenes. El vídeo, la infografía o los gráficos interactivos eran un sueño para muchos diseñadores y editores. Las páginas eran puramente textuales y, así, las posibilidades de diagramación eran mínimas. Con la llegada de los ‘movie clips’, el PDF y el reproductor de animaciones ‘Flash’ los contenidos empezaron a moverse.
Rápidamente iban surgiendo tecnologías que se convertían en estándares para la comunidad digital. Pocos se preguntaban si aquello era realmente un modelo universal. Funcionaba después de darle muchos cabezazos al teclado del ordenador; cumplía el objetivo.

¿Funcionaba en todos los navegadores y sistemas operativos? No. Ante un problema de funcionalidad se buscaba la solución que abarcase la mayor parte del mercado. Es decir, se dejaba fuera una parte importante. Por tanto, funcionábamos sin un estándar. No existía. Lo que teníamos eran varios estándares propietarios desarrollados por las compañías de navegadores. Compartían vocabulario, pero no escritura y pronunciación.

Objetivo 2014
La llegada del lenguaje HTML5 (‘HyperText Markup Language’, en su versión número 5) es un hito histórico en el desarrollo del diseño web. Pese a que todavía está en desarrollo, la normativa final HTML5 se espera que sea aprobada en 2014, las posibilidades que ya conocemos son plenamente satisfactorias. En 2010, Steve Jobs dio las primeras pistas: ‘Los nuevos modelos creados en la era móvil, como el HTML5, ganarán el mercado’.

A partir de aquí comenzó a hablarse de un enfrentamiento entre los lenguajes Javascript (estandarizado en 1996) y ActionScript (propiedad de Adobe), HTML5 (abierto) y Flash (propiedad de Adobe) y los sistemas operativos MacOs X (Apple) y el Android (código libre basado en Linux).

En 2009, el ‘World Wide Consortium’ (W3C, la autoridad que valida el lenguaje HTML5) y el ‘Web Hypertext Application Technology Working Group’ (WHATWG, la comunidad que desarrolla el lenguaje HTML) decidieron caminar juntos para desarrollar definitivamente un estándar para la web, un lenguaje de etiquetas abierto a la participación de todo el mundo, no dependiente de compañías propietarias del desarrollo y que fuera compatible con todas las tecnologías de la web.

HTML5 no es propiedad de ninguna compañía. Las compañías deciden desarrollar con este lenguaje porque entienden que es el que mejor cumple sus expectativas de negocio. Lógico. En la era móvil y social todo el mundo quiere estar en todos los frentes. Por tanto, las batallas planteadas en los últimos años son molinos de viento que no merecen más comentario. Lo importante es que va a existir un estándar compatible con todos los navegadores y con el que ya se puede trabajar.

Sumando códigos hermanos
La combinación del lenguaje HTML5 (etiquetas básicas de la página) con las posibilidades del lenguaje en cascada CSS3 (estilo y presentación de las etiquetas) y el lenguaje de programación orientado a objetos Javascript (desarrollo de operaciones y aplicaciones) y todas sus librerías (gráficos, efectos visuales, formularios, tablas, matemáticas, criptografía o AJAX) es todo un reto para cualquier desarrollador, creativo o diseñador.

A finales de septiembre, Adobe Systems lanzó oficialmente al mercado el programa de gráficos animados Edge Animate 1.0. De momento, es gratuito y se descarga en su página web. Edge es una tecnología para crear contenido con HTML5, Javascript y la librería JQuery. Por tanto, los trabajos realizados con Edge alcanzarán todo el mercado de los móviles sin necesidad de instalar nada en ellos. El diseñador no se tendrá que preocupar de las excepciones de cada dispositivo o navegador, sencillamente porque ya no existirán. Esa es la promesa.

El problema actual es que no todo el mundo tiene instalado en su ordenador las últimas versiones de los navegadores, que son las que están preparadas para visualizar los contenidos en HTML5. A medida que las empresas pongan al día sus máquinas y los usuarios vayan descargándose las versiones más recientes de los navegadores, HTML5 empezará a crecer exponencialmente y conoceremos realmente todas sus posibilidades. Recuerdo ahora esta frase de la escritora francesa Françoise Sagan: ‘Sólo cerrando las puertas detrás de uno se abren ventanas hacia el porvenir’.

———————————-

Quick Tour VT.

———————————-

WWW: Visualizaciones con ‘Processing 1.0’

Gracias por visitar el sitio de Juantxo Cruz

El pasado mes de noviembre se puso en circulación el programa gratuito de desarrollo ‘Processing 1.0’, con versiones para Linux, Mac OsX y Windows. La sintaxis del lenguaje es parecida a la de ‘Actionscript 3’ (el lenguaje de Flash, basado en JavaScript), pero con algunas diferencias. ‘Processing’, construido directamente con Java, es superior a Flash en la representación de figuras en 3D.

‘Procesing’ es un lenguaje para visualizar la información en televisión, videos musicales, infografías interactivas, 3D y otros soportes: una aproximación a la computación desde la creatividad y el arte visual.

Este lenguaje lo desarrolla el departamento de Estética y Desarrollo del Instituto de Tecnología de Massachussets (MIT) desde 2002. En la web del producto existe una comparación con otros lenguajes como Java, ActionScript, Lingo, Pitón o Design By Numbers.

Processing 1.0
http://processing.org/download/index.html

Ejemplo práctico:
http://apps.datamarket.net/agepyramid/?lang=en

MIT:
http://web.mit.edu/