Visualizaciones: una nueva forma de mirar

Prueba de Story Map

Snap Map: Instagram georefenciado

Mapas: todo lo que usted debería saber y no tenía ganas de googlear

El básico más básico: saber hacer un Google Map. Con sucesivas mejoras del sistema, ahora hasta un niño puede hacer uno en pocos minutos. Hace falta una cuenta en Google (la misma de Gmail, de You Tube, de Google docs y de tantos otros servicios made in Google). Luego es pura intuición; permiten agregar información, links, imágenes, videos.

Restricciones: sólo se pueden incluir fotos que están en Internet, a través de su URL (botón derecho, copiar URL de la imagen). Si querés agregar tus fotos, hay que subirlas a algún servicio online (Flickr, Picasa, etc) y luego copiar su URL. En el caso de los videos, sólo toma -por ahora- los de You Tube.

Una vez creado el mapa, sólo hace falta buscar el código de embed, adaptarlo al tamaño deseado y llevarlo al blog o sitio web. Claro que Google maps permite ciertas funcionalidades y ciertas no. Una de las desventajas de esta herramienta es que sólo deja insertar el área del mapa, y no el sidebar en el que están las referencias del mapa.

Pero hay otras herramientas y estrategias para lograr customizar un poco más los Google Maps. Una de ellas es MapChannel, que permite "tomar" el Google map y al mismo tiempo utilizar un sidebar. Acá les dejo un pequeño tutorial para utilizarlo.
1) Registrarse con una cuenta
2) Cliquear en "Map Channels versión 3".

3) Crear un mapa.

4) Cuando aparece la siguiente pantalla llenar los campos "Map Identifier" (un nombre cualquiera, sin espacios),  "Map Title" y "Map Data Source". En este último subtítulo hay varios campos pero sólo deben llenar el que figura como "Google My Maps (KML). Enter the MSID value of the My Map".

5) Ahora viene la parte "complicadita" (ita nomás). Para llenar este campo KML, necesitan buscar un código especial en el Google Map que habían hecho. Lo encuentran en el botón "Enlazar", pero no en el embed que siempre usamos para llevar el mapa a nuestro blog o sitio web, sino en la URL.

No terminamos aún con este paso. Una vez que copiaron esa URL, se la deben llevar al Notes. Verán algo así http://maps.google.es/maps/ms?ie=UTF8&hl=es&msa=0&msid=103601063246471468423.00046bfd5d7388d15e5a0&ll=-19.973349,-63.544922&spn=39.446146,56.513672&z=4
Y necesitan quedarse solamente con el MSID, que como verán forma parte de esta URL. Por eso deben copiar solamente lo que resalto en cian y lllevarlo al campo que faltaba rellenar en el MapChannel. Una vez completados estos tres campos, acceden a las condiciones de servicio y le dan Crear mapa.

Mapas jugados

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





El resultado es este tipo de mapas interactivos.

Mapas con imágenes geolocalizadas

Una buena combinación de herramientas es la que ofrece Mapflickr. Este servicio se alimenta de imágenes subidas a Flickr, que además deben ser primero etiquetadas geográficamente. Les muestro aquí un ejemplo y luego les explico algunos pasos para realizar este tipo de mapas. Prueben a hacer uno y luego vemos en clase si se les presenta alguna dificultad.

Tutorial
1) Crear una cuenta en Flickr.
2) Subir un grupo de fotos.
3) Cliquear en la pestaña Organize&Create. Eso les abrirá una interfase nueva.
4) Cliquear en la última pestaña a la derecha "Map".
5) Buscar la zona del mapa en la que quieren ir poniendo las fotos. En el ejemplo que uso en este post subí varias fotos en Puerto Príncipe (en más de un lugar de la ciudad), y en dos ciudades más. Algunas las subí individualmente y otras en grupo.
6) Luego hay que crearse una cuenta en MapFlickr. Les pedirá que le den la URL de su cuenta en Flickr. Copien la dirección que aparece en la barra de URL's, cuando cliquean en You/Your photostream

7) Una vez que peguen esa URL, Mapflickr se comunicará con Flickr para cargar las fotos. Elijan entonces el set que geolocalizaron. Customicen el mapa en cuanto a tamaña y colores y sigan los pasos hasta llegar al embed. Modifiquen el tamaño según sus necesidades y está pronto. Prueben!

Mapas: herramientas y opciones

Comencemos con lo básico: cómo crear un Google Map. Una vez que se domina esta herramienta, el resto suele ser bastante similar.



Una vez creado el mapa, sólo hace falta buscar el código de embed, adaptarlo al tamaño deseado y llevarlo al blog o sitio web. Claro que Google maps permite ciertas funcionalidades y ciertas no. Una de las desventajas de esta herramienta es que sólo permite insertar el área del mapa, y no el sidebar en el que están las "pistas" de mapa.

Pero hay otras herramientas y estrategias para lograr customizar un poco más los Google Maps. Una de ellas es MapChannel, que permite "tomar" el Google map y al mismo tiempo utilizar un sidebar. Acá les dejo un pequeño tutorial para utilizarlo.
1) Registrarse con una cuenta
2) Cliquear en "Map Channels versión 3".

3) Crear un mapa.

4) Cuando aparece la siguiente pantalla llenar los campos "Map Identifier" (un nombre cualquiera, sin espacios),  "Map Title" y "Map Data Source". En este último subtítulo hay varios campos pero sólo deben llenar el que figura como "Google My Maps (KML). Enter the MSID value of the My Map".

5) Ahora viene la parte "complicadita" (ita nomás). Para llenar este campo KML, necesitan buscar un código especial en el Google Map que habían hecho. Lo encuentran en el botón "Enlazar", pero no en el embed que siempre usamos para llevar el mapa a nuestro blog o sitio web, sino en la URL.

No terminamos aún con este paso. Una vez que copiaron esa URL, se la deben llevar al Notes. Verán algo así http://maps.google.es/maps/ms?ie=UTF8&hl=es&msa=0&msid=103601063246471468423.00046bfd5d7388d15e5a0&ll=-19.973349,-63.544922&spn=39.446146,56.513672&z=4
Y necesitan quedarse solamente con el MSID, que como verán forma parte de esta URL. Por eso deben copiar solamente lo que resalto en cian y lllevarlo al campo que faltaba rellenar en el MapChannel. Una vez completados estos tres campos, acceden a las condiciones de servicio y le dan Crear mapa.
6) Cuando vean esta pantalla, presionen Edit Map Settings.

7) Allí verán el mapa con sidebar, seguido del código de embed, más una serie de campos que se pueden ir modificando para customizar el embed final.

Entre los settings que vale la pena tener en cuenta están: Map Title, Map description, Map language (permite cambiar a español) y Size (tiene campos para modificar el tamaño tanto del mapa entero, como del header y del sidebar). Cada vez que modifican uno de estos menúes, no olviden presionar "Update" para que el código de embed que se genere incorpore todos los cambios.
8) Y ahora sólo copien el código y se lo llevan a sus blogs.

Así se ve el Google maps "pelado" vs el Map Channel

Google



Map Channel


Por favor, prueben a ver si todos los pasos funcionan y luego lo vemos en clase. El mapa de la próxima práctica deberá ser entregado con sidebar.

Mapas, mapas y más mapas

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

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.

Herramientas para hacer presentaciones

Aprovecho para matar dos pájaro de un tiro (varios de un tiro, en realidad): en el esquema que pueden ver más abajo, se presentan diversas herramientas para realizar presentaciones de tipo Power Point. Algunas son pagos, otras no. Algunas permiten trabajar online-offline, otras no. Y la mayoría permiten compartir y embeber. En el blog de clase estoy usando en general Slideshare, pero hay otros buenas herramientas que vale la pena explorar.

Además, como verán este esquema (mind map, le llaman) se puede hacer con otra aplicación gratuita llamada Mindmeister. Está bueno aprender a usarla.

Terremotos mapeados

En los últimos meses hemos escuchado, visto y leído demasiadas noticias relacionadas a terremotos y tsunamis. ¿Hemos llegado al punto de "insensibilización" (si es que existe esta palabra)? Es decir, ¿hemos escuchado tantas veces este tipo de noticias que dejamos de preocuparnos por los muertos, las familias, las personas que quedaron en la calle, las que buscan a sus seres queridos? ¿Tiene ésto que ver con la forma en que se tratan las noticias -se cuentan- o sólo con la inconstante naturaleza humana?

Creo que muchas veces ésto es lo que sucede con las malas noticias que se repiten, una y otra vez. ¿Cuántos muertos hubo esta semana en Irak? ¿Alguien le prestó atención a este dato o algún medio siquiera reportó este dato?

Las herramientas multimedia muchas veces nos pueden ayudar a hacer más tangible esa noticia que, por repetida, adquiere la categoría de "no existente". La semana pasada decenas -o cientos, nadie sabe el número final- de personas murieron o quedaron sin hogar en Indonesia. Creo que la noticia me resbaló a mi también, a pesar de que suelo prestarle bastante atención a estas historias. Bueno, la noticia dejó de resbalarme hoy, cuando ví este Google map en el que se listan los terremotos y eventos sísmicos ocurridos en la última semana; quienes sintieron estos temblores, pueden dejar allí sus comentarios. Ya que estamos trabajando con mapas y sus aplicaciones, ésta es una que vale la pena.

Tan fácil como contar hasta ....20

Una idea de cómo hacer un sencillo mapa en Google Maps

more about "Tan fácil como contar hasta ....20", posted with vodpod

La ruta de los precios: un servicio al consumidor

A veces los datos confunden. Muchas veces, los datos mal explicados o insuficientemente explicados -o sobre explicados-, confunden. La reacción natural es que huimos de esos datos, de las páginas salmón, de los números, porcentajes y encuestas.

¿Qué pasaría si lográramos mostrar esos datos de una forma sencilla e interactiva, que atrajera al usuario-lector-audiencia? Ese es el desafío en buena parte de la web, pero sobre todo en lo que a números y datos duros hace.

Los mapas son sólo una forma de visualizar contenidos y datos duros y a lo largo del curso veremos otras formas de "traducir" lo aparentemente inentendible en lenguaje corriente.

Y ahora les planteo esta situación; tres años atrás el gobierno anunció que comenzaría a controlar los precios de productos de consumo básico vendidos por diferentes cadenas de supermercados en distintos puntos del país. Siempre me pareció que era una buena medida; sin embargo, aunque me lo propuse como consumidora, nunca pude navegar por las insondables tablas Excel cargadas en el sitio web de Defensa del Consumidor del MEF.

Les propongo contar en mapas y visualizaciones la historia de los precios de la carne, el pollo, la leche y el pan. En la clase de mañana trabajaremos en dos grupos para crear productos a partir de estar herramientas. Los datos los descargarán del sitio de Defensa al Consumidor: busquen el área de "Productos de Almacén - Mensual - Todo el País" y elijan el Centro Comunal Zonal 5.

El primer grupo deberá construir un mapa basándose en los precios de los siguientes establecimientos de la zona:

Tienda Inglesa
Disco
Multiahorro
Mercadito Rivera
Devoto

Pueden utilizar direcciones web, imágenes, hiperliks, videos, etc. Todo lo que consideren que hace más entretenida -y didáctica- la experiencia del usuario que quiere comparar precios en su zona.

El segundo grupo utilizara algunas de las herramientas de visualización cargadas en la LISTA DE HERRAMIENTAS MULTIMEDIA que desde hoy comenzaremos a utilizar como documento compartido en Google Aps. También elegirá parámetros para comparar y facilitar la comprensión de la información y los convertirá en imágenes fáciles de entender.

Suerte!!