Prueba de Story Map

Mapas jugados

Acá va el tutorial para hacer juegos geoógraficos en base a Umapper.





El resultado es este tipo de mapas interactivos.

Nubes de palabras

Ilustraciones, infografías, mapas, líneas de tiempo, son sólo algunas de las formas que tenemos los comunicadores para "visualizar" contenidos. De esta manera, aquella vieja frase de "una imagen vale más que mil palabras", se multiplica por cien. En estos formatos es posible condensar muchísimo datos que, vertidos al texto solamente, serían dífíciles de digerir en la web.

En las próximas clases veremos cómo se están usando estos formatos y cuál es su mejor aplicación, así como servicios que permiten generar este tipo de contenidos, casi siempre con al menos una opción gratuita.

Uno de estos posibles formatos es el llamado "nube de palabras" (word cloud), que permite conjugar en una imagen compuesta de letras, las palabras más usadas en un texto. Existen múltiples aplicaciones para este tipo de visualizacion y acá listo sólo algunas: discursos de personas públicas, contenidos de un sitio web o blog, comparación de las portadas de sitios web de noticias de un país o ciudad en particular


Tagxedo 
Crea nubes de palabras en base a textos específicos, búsquedas de noticias, contenidos de un blog o sitio web, RSS o ID de twitter. Permite personalizar la tipografía, la disposición de las palabras, eliminar términos elegidos, cambiar colores y utilizar formas prehechas en las que se ubican las palabras. Permite descargar un .jpg.

Wordle
Crea imágenes pero no permite embeberlas. Es necesario copiarlas y crear un jpg. Entre sus funcionalidades permite personalizar la nube al elegir: tipografía, colores, tamaño, cantidad de palabras, disposición de las palabras, entre otras variables

Tagcrowd

Worditout
Este servicio también permite diversas personalizaciones a la hora de crear la nube de palabras, pero se distingue de los demás porque deja embeber el resultado final (aunque el proceso es algo engorroso). A la hora de incluir textos permite pegar uno, remitir a una URL o directamente cargar un archivo (por ejemplo un documento de Word).

Tagul

Wordsift

Image chef

Nubes de palabras discursos presidenciales

Visualizar

Hoy veremos algunas herramientas de visualización en clase:

Manyeyes: Gráficas dinámicas y muy simples de hacer

Wordle: Un sitio simple para hacer gráficas palabras

Google Tables: Con una base de datos en un excel, podemos graficarla de manera rápida y variada.

GigaPan: Para hacer imágenes panorámicas interactivas.

Open Heat Map: Siguiendo las instrucciones, se puede hacer mapas interactivos con mapas a partir de datos en un excel.

Chartgo: Gráficas simples en segundos.

Prezi: Para hacer muy buenas presentaciones de manera bien simple.

Glogster: Para hacer muy rápido afiches interactivos.

X timeline: Otro componente para hacer una línea de tiempo

Visualizaciones a la X

Para completar estas semanas de visualizaciones multimedia, les quiero recomendar el trabajo de un diseñador/artista/programador -y vaya a saber qué más- que ha trabajado desde hace al menos 10 años pensando en cómo aprovechar mejos los datos que a veces tenemos ahí al lado, y a los que apenas prestamos atención. Johnatah Harris se define a sí mismo como alguien que "desarrolla proyectos en los que reimagina cómo los humanos se relacionan con la tecnología y entre sí". Para lograrlo utiliza elementos derivados de la computación, la antropología, el arte visual y la narrativa.

De su mente imaginativa derivan proyectos tales como I want you to want me, una exposición interactiva que montó en 2008 en el Museum of Modern Art de Nueva York, en la que visualiza los perfiles de millones de personas que utilizan sitios de citas online  (por ejemplo, Matchmaker).

Vale la pena visitar el sitio web de Harris (con tiempo para explorar el área de Work) y mirar su charla de TED. En este Vuvox les dejo algunos de sus trabajos, linkeados a sus respectivos sitios web.

Mapas, mapas y más mapas

Como preview de la clase de mañana, acá les dejo un ejemplo de uso de mapas

Herramientas para hacer líneas de tiempo

La evolución del iPod on Dipity.

En la práctica del jueves 23, vamos a experimentar con dos herramientas que permiten realizar líneas de tiempo multimedia, y que además generan código de embed para luego ser insertas en un sitio web o blog. Se trata de Dipity (que es la que usé en este ejemplo) y Timetoast. La primera permite utilizar texto, imágenes y video, además de links y otros recursos. Timetoast en cambio, no permite incluir videos. 

¿Qué herramientas se pueden usar para hacer encuestas online?

Comienza el semestre y acá estoy, intentando ponerme al día con programa, lecturas, objetivos del curso de Multimedia que doy en tercer año de Facultad de Comunicación de la UM. Para ser justa, este blog nació con la finalidad de ser una guía de clase....finalidad que se mantiene pero que desde hace tiempo se combina con otras inquietudes que me surgen cada tanto.

Vuelvo al tema. Mientras que preparaba los materiales, empecé a revisar las herramientas que conozco para hacer encuestas online, porque en la primera clase quiero hacer algo así como un relevamiento sencilllito para conocer el "perfil tecnológico" de mis estudiantes, así como sus preferencias/experiencias/aventuras online.

Así que aprovecho que tuve que refrescar todas estas herramientas, para resumir acá algunas de las muchas que funcionan bastante bien, y que son sencillas de usar.

Poll everywhere. Descubrí este servicio hace unos dos meses, pero no lo había probado hasta ahora. Y funciona perfectamente. Su gran novedad es que permite realizar encuestas online en tiempo real. Se crean preguntas que pueden tener respuestas de opción múltiple o abiertas. El público tiene la opción de votar por la web, desde twitter (funciona al instante), de mandar un mensaje de texto (aunque ésto sólo funciona en Brazil y Chile, dentro de Sudamérica) o por smartphone.
A medida que van votando, se ve en tiempo real en la gráfica cómo van creciendo las diversas opciones según las preferencias elegidas. Se puede usar de varias manera, pero yo elegí hacerlo presentando las preguntas en un PPT, con links directos al sitio web. El servicio es gratuito (aunque tiene opciones avanzadas pagas) y permite embed en sitios web o blogs. Como este ejemplo.

También permite esta presentación

                                                                                                     

Cifras del iPad (again), visualizadas

Vía Mashable. Infografía diseñada por John Kumahara y Johnathan Bonnel

Facebook-Nestlé-Greenpeace y los orangutanes: round 1

Para los que aún no se enteraron, hace siete días se armó la gorda en el mundo virtual, pero pronto saltó al real.. La histora es corta pero jugosa e incluyen todos los elementos necesarios para que uno siga viendo la película: ecologistas, amenazas, censura, confrontaciones....y sigo prendida a la pantalla. La visualización que Scott Douglas hizo en Prezi es genial para entener el lío. En el fondo está lo de siempre: empresas que se tiran al agua (a las redes sociales) sin medir las consecuencias y sin estrategias sólidas.

NESTLE KERFUFFLE on Prezi

Herramientas para sacarle provecho a Flickr

Que Flickr es una fuente inagotable de ideas, creatividad y buenas imágenes ya no es novedad. Pero sí lo es el hecho de que todos los días se desarrollen nuevas aplicaciones y herramientas independientes de Flickr per o que funcionen en base a sus imágenes. Un ejemplo de esta tendencia es Flickrslidr, una de varias herramientas que permiten armar slideshows en base a imágenes de Flickr. Esta me gusta en particular porque permite porque tiene un formato sencillo y minimalista. Además, sólo requiere que se cargue la URL del set o photostream desead. Genera código para luego embeberlo en un blog o sitio web.

Created with Admarket's flickrSLiDR.

La lista de herramientas "chupasangre" de Flickr se hace más grande cada día. Aquí menciono sólo algunas.

• Fotoviewr. Permite usar las fotografías propias (por nombre de usuario y carpeta) y las ajenas para generar slideshows con estética 3D (tipo Cooliris).
• Tag galaxy. Se inserta una etiqueta (pruebe, por ejemplo, con Uruguay) y genera una visualización super.
• Mosaickr. Crea un mosaico con las imágenes de tu cuenta de Flickr.
• Slideoo. Permite crear slideshows con tus imágenes, ya sea el photostream completo o por sets.
• Multicolr Search Lab. Es un buscador de imágenes de Flickr por colores. Muy bueno.
• Retievr. Medio bizarro, pero hay que probarlo. Busca fotos en base a un dibujo que hacés en su sitio web. Ahora también permite subir una imagen desde tu PC y busca otras relacionadas

Para descubrir nuevas herramientas y aplicaciones, este es un buen recurso.

Números que dicen más que mil palabras

En este domingo "infografero", recordé otra visualización de datos que encontré hace poco (creo que vía Twitter)  en Pingdom y que deja muy claro cómo es el planeta Google. Entre otros datos que llaman la atención: los empleados de Google pueden utilizar 20% de sus horas de trabajo para desarrollar nuevas ideas. Y el 50% de los productos de la empresa se han originado en este 20% de tiempo de trabajo creativo.

Y como soy generosa y no ando ahorrando espacio de blog, esta vez se los pongo en tamaño cinemascope

Gigantografías interactivas

Las gigantografías en la web no son novedad, pero a mí personalmente no dejan de sorprenderme los ejemplos que demuestran creatividad extra para utilizarlas. En los últimos días se me cruzaron tres ejemplos muy buenos:

París 26 gigapixeles. Es un proyecto hecho en base a 2000 fotografías tomadas en París en un sólo día. Al ritmo del tema central de Amelie se puede navegar con facilidad e increíble definición por la capital francesa. Datito: un gigapixel equivale a un 1 billón de píxeles. ¿Cuántos píxeles tiene tu cámara de fotos?

Gigapan. Es un buscador de gigantografías panorámicas entre las que encontré una de la playa Pocitos. Las imágenes que componen esta panorámica fueron tomadas por Fernando da Rosa Morena. Y como soy de Piriápolis no puedo dejar de poner la mi pueblo, que pueden ver aquí. También pueden consultar el sitio en el que se compilan todas sus gigantografías de paisajes.

Haití 360. Una aplicación de esta técnica es la que hizo el New York Times para mostrar la destrucción en una calle de Haití, luego del terremoto. Este paquete interactivo se llama "Scenes from a ruined boulevard".

Jueguito interactivo

No se necesitan demasiadas complicaciones para hacer un juego interactivo sencillo y que a la vez enganche. Como ejemplo, el siguiente. A la hora de marcar las respuestas, marquen con exactitud si se trata de una ciudad, pueblo o río, o cliqueen en cualquier parte de una zona o departamento si la pregunta es más general.

¿Quiénes twittean en Uruguay?

Esta entrada es extraña, porque en realidad antecede a otra que tengo en mente desde hace días pero que aún no he escrito (preview: "¿Por qué twitter sí y facebook más o menos?"...stay tuned). Pero esta es mucho más concreta. Me enteré hoy, borrando viejos e-mails, que Umapper (una herramienta para hacer mapas de la que ya hablé en este blog) permite ahora hacer mapas en los que se ven los twitteos en la zona. Lo probé en Montevideo y me dio esto:




El mapa se va actualizando cada cierto período de tiempo. Creo que puede ser un buen medio para descubrir nuevos twitteros en la zona. También para encontrar noticias, en el caso de periodistas. Tengo que estudiarlo más pero pinta bien...

Otra de las nuevas funcionalidades de Umapper es que permite hacer mapas en los que se pueden ver el clima en los siguientes cinco días. Este es el de Uruguay para el fin de semana: mucha lluvia, poca playa. Para ver el pronóstico completo cliquear sobre cada temperatura.

Discursos visualizados

Con cinco años de diferencia, dos presidentes de izquierda declararon su fidelidad la Constitución uruguaya frente a la Asamblea Legislativa. En los siguientes Wordle, se pueden ver los términos más usados en cada uno de los discursos. Para ver las imágenes en mayor tamaño, cliquear en ellas.

José Mujica, 1 de marzo de 2010

Tabaré Vázquez, 1 de marzo de 2005

El año visto por los medios, en cuadraditos

Números y más números en bloques incomprensibles de texto suelen ser una mala receta a la hora de intentar hacer entender qué pasó con determinado tema. Las visualización (infografías, como quieran llamarlas) son un excelente aliado a la hora de encontrar herramientas efectivas para contar una historia sobre un tema (quiero decir, una historia comprensible y que además logre atrapar al lector para que la lea).

Claro que para usar bien una herramienta de visualización hay que tener muy claro el concepto perodístico central que se desea comunicar. Good lo logró en esta info interactiva. Para hacerla relevó los temas más cubiertos por los medios de comunicación de Estados Unidos en 2009, desde la crisis financiera hasta el niño que supuestamente se había perdido en un globo aerostático. Lo hicieron basándose en los datos que monitorea semanalmente Journalism.org. Aquí les dejo la imagen fija (cliquear para agrandar), pero para experimentar la interactividad vayan directo a la página de Good.

Prensa tabletizada

Sports Illustrated piensa en su futuro, o al menos intenta experimentar con él, y por eso contrató a una impresionante agencia de desarrollo de productos digitales, The Wonder Factory, para que pensara cómo debería verse la publicación en un e reader, como el Kindle o cualquier de los otros que está por salir (incluyendo el prometido y no cumplido de Apple)

Cómo hacer un gráfico "embebible" con Widgenie?

Notarán que hay varios problemas a solucionar; en primer lugar, esta herramienta no reconoce los tildes, un gran problema para los hispanoparlantes. Tampoco quedan claros los porcentajes de votos.

Mapas online con atributos extra

Umapper es una herramienta para construir mapas online, relativamente nueva. Si bien hay varios servicios que permiten las mismas funcionalidades, éste tiene algunas particularidades que lo hacen más interesante

En primer lugar, permite utilizar como base mapas de otros servicios (Yahoo, Bing, Google maps, etc) pero también imágenes de cualquier tipo (.jpg). Esto significa que hasta podríamos hacer el mapa del rostro de una persona, por ejemplo. Más abajo verán que incluí un mapa hecho en base a una imagen de un mapa tradicional de Uruguay (como los de la escuela) y otro hecho en base a un google map.








Umapper también permite crear juegos de trivia utilizando mapas. Miren este ejemplo y luego pensemos en algunos para Uruguay.