Infografía: Así ocurrió la tragedia de Armero

Infografía: Así ocurrió la tragedia de Armero, vealo aquí 

De verdad que ya perdí la cuenta de cuantos trabajos he realizado, prueba de ello, seleccione otro gráfico para un auto análisis  y vieran mi cara de sorpresa cuando el turno era para una infografía sobre la tragedia de Armero, algo comente sobre esta tragedia en un post inmediatamente anterior a este en el que hable de Omaira, La única cara que recuerdo de esa tragedia.


Y a diferencia de mi anterior post, esta ves si escribo sobre esta tragedia, pues aunque ya han pasado mas de 20 años de dicha tragedia,  la misma forma parte de nuestras tragedias naturales a destacar de Colombia quizás como la más grande, y hoy les comparto esa infografía que realice para el sitio web del diario El País de Cali, Colombia; que se llamó: "ASÍ OCURRIÓ LA TRAGEDIA DE ARMERO". Con este gráfico se buscaba contar los momentos previos a la tragedia desde principio a fin, como valor agregado se hicieron dos sub secciones una donde se muestra la geografía del lugar y sus alrededores, ademas de que se muestra gráficamente  la estructura de un volcán.

Como ficha técnica del mismo, les comparto:
1. Realizado en Flash
2. Los gráficos creo no equivocarme lo realizo Carlos Trujillo, en su momento infografista de la versión impresa de El País - Cali "www.facebook.com/carlos.trujillo.5496683".
3. La información estuvo a cargo de mi amiga Katherine Arredondo "@kathearredondo".
4. La idea gráfica y producción multimedia a cargo de este servidor, Diego Mauricio "Tego" Sánchez Arias "@sector07g".

Sobre este gráfico también tengo algunas observaciones:

• En el momento que se creo flash era la herramienta multimedia usada para este tipo de contenidos, por lo cual no podrá verse en dispositivos móviles que no soporten archivos .swf (Shockwave Flash).
• El diseño de los elementos 3D que están dentro de los 3 slides me parece que están bien, en cuanto a la distribución de los espacios (diagramación) esta bien, de pronto se pudo mejorar el ambiente gráfico dentro del cual se desarrollaría la infografía.
• Dentro del primer slide destaco el uso de los iconos rojos para marcar las horas, aunque me quedan dudas si fue correcto el uso del rojo, quizás una secuencia de colores de naranja a rojo, hubiese ayudado en el sentido de dar un orden visual a los botones, o tal vez simplemente numerar el orden también habría ayudado, aunque pienso que es muy intuitivo seguir el orden cronológico de la historia. Lo que si tengo claro es que el par de items en negro donde se señalan una ciudad y un río  debieron ser diferentes por que al tener la misma forma de los botones rojos, los hace parte visual de la cronología  cuando en verdad solo cumplen la función de ubicar dos elementos geográficos dentro del mismo
• En el segundo slide es donde describimos geográficamente la zona donde ocurrieron los hechos, hoy en día me pregunto si de verdad fue necesario dar tantos detalles, y si el territorio en 3D fue necesario, quizás con un mapa de google maps hubiese bastado, igual se hubiese destacado el Nevado del Ruiz y Armero, ademas de ubicar la nueva posición de esa ciudad por que hoy en día Armero quedo reconstruida en otro lugar (Armero-Guayabal) y ahí no se muestra, como lo pueden ver en este mapa: http://goo.gl/maps/4lgSb.
• El tercer slide forma parte de ese componente educativo que deben contener la mayor parte de las infografias, y a mi parecer esta bien estructurado, desplegado y demás cosas que podrían evaluarse.

Si desea leer mas sobre la tragedia de Armero, le recomiendo este enlace: http://es.wikipedia.org/wiki/Tragedia_de_Armero

Infografía: Principales volcanes de Colombia

Infografía: Principales volcanes de Colombia, vealo aquí 

Cuando en Colombia un volcán ruge, es noticia de ultimo minuto, obviamente las alertas naranjas y rojas no se hacen esperar. Y no es para menos, un evento natural de esta magnitud, puede traer consigo cualquier tipo de tragedia, hace muchos años en Colombia algo rugió (el volcán Nevado del Ruiz), y el municipio de Armero (ubicado en el departamento de Tolima, Colombia) desapareció en la madrugada del 15 de noviembre de 1985, como tal no recuerdo nada de la época,  seguramente por que apenas estaría a puertas de cumplir 4 años, Sin embargo, de las pocas cosas que recuerdo, es una foto de Omaira, una niña que murió atrapada dentro de los escombros, donde lucho alrededor de 60 horas intentando sobrevivir, sin éxito alguno.

Sin embargo hoy no escribo sobre esta tragedia, ni ninguna otra, hoy comparto una infografía que realice para el sitio web del diario El País de Cali, Colombia; sobre los "PRINCIPALES VOLCANES DE COLOMBIA",  la idea básica respecto a el gráfico que encontrarán en el enlace anterior, es ubicar los volcanes con algún tipo de actividad dentro del territorio de Colombia, como valor agregado se realizo un video explicativo sobre los diferentes tipos de Alertas que tiene un volcán.

Como ficha técnica del mismo, les comparto:
1. Realizado en Flash
2. El video creo no equivocarme lo realizo un gran amigo Marco Javier Guerrero "@enfoquegrafico" (y no le pregunto por que de seguro ni lo recordara).
3. La información y fotografías estubo a cargo de mi amiga Katherine Arredondo "@kathearredondo".
4. Diseño y producción a cargo de este servidor, Diego Mauricio "Tego" Sánchez Arias "@sector07g".

Sobre este gráfico tengo algunas observaciones:

• En el momento que se creo flash era la herramienta multimedia usada para este tipo de contenidos, por lo cual no podrá verse en dispositivos móviles que no soporten archivos .swf (Shockwave Flash).
• El diseño es muy básico, y creo que podría mejorar mucho mas.
• Dentro de la información suministrada sobre cada volcán  hacen falta algunos datos, por ejemplo creo que podría ser importante tener datos sobre su ultima erupción y/o actividad reciente; Información que podría enriquecer el contenido del mismo.
• La parte del video no cuenta con una navegación o player, para controlar el mismo, lo cual dificulta su  manipulación.
• Quizás algún día se tenga la oportunidad de volverlo a realizar y pueda mejorarse, corrigiendo los errores mencionados en puntos anteriores.

Infografia: Día sin Carro en Cali

Los invito a visitar mi nueva infografía para El País Cali, es un avance hacia los contenidos orientados a dispositivos móviles, este es uno de los primeros pasos en la búsqueda de los resultados deseados. A continuación les regalo el enlace:

Infografía: Las cifras del día sin carro

Introducción a HTML 5

HTML 5 es la siguiente generación de HTML, no quiere esto decir que lo que esta en HTML 4 dejará de funcionar, pues los cambios que se presentan en HTML 5 son individuales y no un cambio brusco; se eliminan algunas etiquetas y se agregan algunas nuevas, que en conjunto son las que dan paso a la nueva re-estructuración progresiva de HTML 5.


La llegada de HTML 5 se debe al trabajo en conjunto de la W3C y la WHATWG; las que en su momento trabajaban de manera independiente en diferentes aspectos de la web, hasta que en el 2006 se unieron para crear la nueva versión de HTML.


Lo que se tuvo en cuenta para HTML 5
Esta nueva versión, tiene características que basan en HTML, CSS, DOM y Javascript, que en conjunto harán de esta versión un visualizador mas potente e independiente de los dispositivos, además de que se ha buscado reducir al máximo el uso de plugins externos como flash. Todo esto con el fin de mejorar el rendimiento a la hora de visualizar los contenidos en diferentes dispositivos, especialmente móviles.


Que es lo nuevo de HTML 5

• El elemento 'canvas' para dibujar.
• Las etiquetas de video y  de audio para reproducción de archivos multimedia.
• Un mejor soporte para el almacenamiento local de archivos offline.
• Nuevas etiquetas de contenido especifico: 'like article', 'footer', 'header', 'nav' y 'section'.
• Nuevas etiquetas para formularios como: 'calendar', 'date', 'time, 'email', 'url' y 'search'.

Lo soportan los navegadores?

Pues HTML 5 no es un estándar que soporten todos los navegadores, poco a poco los diferentes desarrolladores han implementado soporte a algunas de las novedades en sus ultimas actualizaciones pero como he mencionado, y vuelvo a recordarles esta nueva versión tiene mucho de su anterior versión, lo que hace mas fácil adaptarse al trabajo con esta nueva versión, sin embargo por la red se pueden conseguir algunos trucos para hacer que lo que hagamos se pueda visualizar de la forma que queremos.

Plasmando mis trazos, Parte 1

Crear un gráfico tiene una gran labor pero pensar en que hacer es mas dispendioso, por lo general siempre en medio de reuniones cargo una libreta y lapicero, y comienzo a trazar en esos momentos en que los demás discuten temas no relacionados conmigo, el resultado de mis trazos es el siguiente:

Después viene la labor dispendiosa de digitalizar vectorizar la imagen, y comenzar a pensar en colores y complejidad del mismo. Como podrán ver en la fotografía anterior también trace algunos elementos que acompañaran a este nuevo gráfico, por ahora y hasta el momento el resultado es el siguiente:

Apenas esta comenzando, espero poder poner otro post con el resultado mas elaborado o por lo menos, sus avances.