El arte de visualizar datos: Mapas

Escrito por: J.P. Aulet el 23 Sep 2011 - Tags: , , , , , ,

La web sigue generando datos a un gran ritmo, algunos de estos son datos con información geográfica asociada (posición actual, altura, guardar rutas, sitios preferidos, etc.) y con la introducción de los móviles aún más.  Pero los datos en sí no son relevantes, se deben tratar y visualizar para hacerlos útiles a los ciudadanos, entidades y empresas. Aquí empieza toda una reciente tendencia de visualizar sobre un mapa la información extraída de los usuarios (ver Flickr, Foursquares, GoogleMaps,etc.) pero no todas las formas són iguales. Analizaremos la formas disponibles para crear mapas y añadir información útil en ellos.

toilets

Lavabos en SF

Empezamos con la nueva jerga surgida para entender mejor todo el elenco que nos ofrecen los mapas interactivos:

  • - SIG es el acrónimo de Sistema de Información Geográfica, software diseñado para capturar, almacenar, manipular, analizar y visualizar información geográfica referenciada.
  • - Geolocalización conocer nuestra ubicación geográfica en el mundo real  de un objeto (móbil, GPS, punto de acceso, etc.).
  • - Geocodificación es el proceso de asignar coordenadas geográficas (latitud, longitud, altura, etc.) a puntos del mapa (direcciones, puntos de interés, etc.).
  • - Geoetiquetado proceso de agregar información geográfica en los metadatos de archivos de imágenes, vídeos, sonido, sitios web, etc. que sirva para su georeferenciación.
  • - Base de datos espacial es un sistema de base de datos que maneja datos existentes en un espacio o datos espaciales.
  • - GeoRSS es un conjunto de estándares para representar información geográfica mediante el uso de capas y está construido dentro de la familia de estándares RSS.
  • - Información Geográfica Voluntaria o Participativa es crear, reunir y difundir información geográfica proporcionada voluntariamente por personas.

Representación de Datos Geográficos:

  • - GML (Geography Markup LanguageLenguaje de Marcado Geográfico). Permite el modelaje, transporte y almacenamiento de información geográfica a partir de XML.
  • - KML (Keyhole Markup Language) permite guardar información geográfica en 3 dimensiones.
  • - WMS es un servicio de creación de mapas de forma dinámica a partir de información geográfica que devuelve mapas en formato de imagen (.JPEG, .PNG, .SVG, etc.). Al ser un servicio, la propia URL de solicitud del mapa define qué información debe ser mostrada en el mapa, qué porción de la tierra debe dibujar, el sistema de coordenadas de referencia, y la anchura y la altura de la imagen de salida.
  • - Otros formatos: SVF (Simple Vector Format) , DWF (Drawing Web Format), SWF (ShockWave Flash), PGML (Precision Graphics Markup Language), VML (Vector Markup Language) y  HGML (Hyper Graphics Markup Language).

Programas SIG:

Existen muchos programas en éste ámbito (consultar tabla en Wikipedia) que se pueden instalar en un ordenador y crear mapas.

Aplicaciónes Web:

  • Google Maps: Aplicación de mapas de Google que ofrece mapas desplazables, fotos de satélite, servicios, imágenes a pie de calle.
  • Bing Maps:  plataforma de asignación de geoespaciales producida por Microsoft.
  • Via Michelin: Ofrece servicio de cartografía, itinerarios, hoteles, restaurantes, información del tráfico, turismo, etc.

Proyectos de código abierto

  • OpenLayers: biblioteca de JavaScript para mostrar mapas interactivos en los navegadores web. OpenLayers ofrece un API para acceder a diferentes fuentes de información cartográfica en la red: Web Map Services, mapas comerciales, Web Features Services, distintos formatos vectoriales, etc.
  • GeoServer: servidor sobre Java que permite compartir y editar datos geoespaciales y publicar sobre estándares abiertos.
  • OpenStreetMap: es un proyecto colaborativo para crear mapas libres y editables. Su base de datos, se distribuye bajo licencia CC.

Mapeando Datos Abiertos:

Una de las principales ventajas de los mapas es su fácil interpretación y gran valor añadido y esto se ha visto de forma evidente con la gran proliferación de aplicaciones y páginas webs que usan los datos abiertos disponibles para insertarlos sobre un mapa. En cualquier móbil inteligente existen multitud de ‘apps‘ que usan mapas cómo parte principal de la información, ejemplos muy claros són las aplicaciones y webs de ayuda a la conducción (tanto en tiempo real cómo TomTom, cómo la creación de rutas como Via Michelin) o de localización de diferentes temas de interés: sucursales de bancos, tiendas de ropa, paradas de autobus cercanas, etc.

Así ahora podemos visualizar sobre un mapa todo tipo de información y grácias a las políticas de gobierno abierto y datos abiertos que están empezando a surgir en todo el mundo, se dispone de información que antes era ‘secreta’ o exclusiva de las Administraciones Públicas lo que nos lleva a un nuevo concepto de visualización de info sobre mapas. Los proyectos innovadores en éste campo permiten hacer cosas cómo:

sf_crimespotting

Mapa San Francisco Crimespotting

ny_bike

Mapa New York Bike Sharing

wikicrimes

Mapa Wikicrimes con un 'heatmap' en Brasil

Los tres ejemplos anteriores son ejemplos reales de diferentes soluciones para mostrar información en el mapa por parte de diversos ayuntamientos cómo San Francisco y Nueva York o un gobierno cómo Brasil. No existe una tipologia de mapas estandard y cada uno debe escojer como representará los datos sobre el mapa.

Los tipos mas frequentes són:

  • Iconos georeferenciados
  • HeatMaps

Calidad de los mapas:

Uno de los aspectos más relevantes es la calidad del mapa en sí (representación fidel de la realidad, actualización, nivel de zoom disponible, número de información disponible (altitud, carreteras, edificios), etc). Los diferentes servicios anteriomente mencionados disponen de diferentes calidades y formatos.  Otro de los aspectos más relevantes es la representación de la información sobre el mapa, ésta debe ser clara y entendible, para esto veremos diferentes tipos de mapas para analizar su calidad.

Aquí unos ejemplos de mapas:

mapa solar

Mapa 1 - Buena visualización con 'heatmap': datos claros. Mala interacción: imposibilidad hacer zoom o seleccionar zonas

Seguir Leyendo »

Comments Off


Vídeo Presentación ‘Open Government’

Escrito por: J.P. Aulet el 22 Sep 2011 - Tags: , , , , , ,

En el siguiente vídeo (en inglés) se presenta el concepto de gobierno abierto de una forma amena y muy visual. Las principales ideas del gobierno abierto resumidas en menos de 3 minutos de un bonito vídeo. También aparecen iniciativas y sus resultados:

Open Government from The Academy

Comments Off


Páginas en HTML5

Escrito por: J.P. Aulet el 20 Sep 2011 - Tags: , , , ,

Des de la aparición del HTML5, han surgido ya muchos sitios web que han adaptado a este formato, sobretodo estudios de diseño, freelancers de diseño, empresas de publicidad, etc. Ya hemos hablado de algunas de las nuevas funcionalidades de ésta nueva especificación y cómo mejoran el rendimiento y la visualización de los sitios web. Para ver el real potencial del HTML5, es bueno conocer que se puede hacer con él y una buena forma es ver ejemplos prácticos. Aquí una colección de BUENAS páginas realizadas en HTML5:

finger industries html5

http://www.fingerindustries.co.uk/

haunted cathous html5

http://portfolio.hauntedcathouse.org/

mat tomaszewski html5

http://mat-t.com/#

stockholm noir html5

http://www.danielscholten.com/

Seguir Leyendo »

Comments Off


PDF 2.0 – Vídeo, 3D, Audio…

Escrito por: J.P. Aulet el 16 Sep 2011 - Tags: , ,

Ya hace un tiempo que el formato PDF, uno de los más usados actualmente como formato de publicación de artículos científicos y divulgativos dispone de un gran abanico de extensiones para incrustar todo tipo de información en formato vídeo, audio, imágenes dinámicas interactuables (incluso figuras 3D) y más. Vía @Perestupinya (un joven con un currículo impresionante), publico este PDF de ejemplo con todo lo anteriomente mencionado. Lo interesante es interactuar con el documento, visualizar los objetos en 3D y ‘jugar’ un rato. El documento es un ejemplo de como ésta nueva información puede ayudar en documentos medicos ‘Effectively incorporating selected multimedia content into medical publications‘:

Descargar [PDF, eng, 18.4 Mb]

En el podemos ver un vídeo incrustado con el latido de un corazón, o un audio que se reproduce con un solo click o incluso podemos cambiar la iluminación de las figuras en 3D, todo un lujo.

Comments Off


Proyectos Ciudades Inteligentes en España

Escrito por: J.P. Aulet el 16 Sep 2011 - Tags: , , , , , ,

En España se están llevando a cabo varios proyectos de ‘smart city’ o ‘ciudad inteligente’. Éste concepto integra un gran número de plataformas cómo servicio para medir y mejorar el funcionamiento de una ciudad. Ejemplos de una plataforma cómo servicio es el de Internet para gestionar des de el tráfico mediante sensores que registran en tiempo real la densidad de circulación, hasta la gestión inteligente de la energía (smartgrid, en inglés) que utiliza la tecnología informática para optimizar la producción y la distribución de electricidad. Las posibilidades son enormes, gestión de la movilidad, energía, sanidad, educación, ecología, etc. y todo esto unido al concepto de gobierno abierto incorpora nuevos canales de distribución de esta información hacía el ciudadano (creación de páginas web especializadas con datos en tiempo real de sensores integrados en la ciudad, aplicaciones móviles de consulta, etc.). Así, en España, algunos de los proyectos más destacados en creación de Ciudades Inteligentes son:

Malaga [extracto de la página oficial]:

Smartcity [Malaga] pretende conseguir una integración óptima de las fuentes renovables de energía en la red eléctrica, acercando la generación al consumo a través del establecimiento de nuevos modelos de gestión de la microgeneración eléctrica. Se gestionarán sistemas de almacenamiento energético en baterías para facilitar su consumo posterior en la climatización de edificios, el alumbrado público y el transporte eléctrico. Y se potenciará asimismo el uso de coches eléctricos, con la instalación de postes de recarga y la implantación de una flota de vehículos […] El objetivo final del proyecto es demostrar cómo es posible conseguir, con el desarrollo de estas tecnologías, un ahorro energético del 20%, así como una reducción de emisiones de más de 6.000 toneladas de CO2 al año.

Málaga ha sido elegida para el desarrollo de Smartcity porque reúne los requisitos necesarios para garantizar el éxito del proyecto: gran potencial de crecimiento, amplias capacidades tecnológicas, fuerte presencia de Universidad y empresas, apoyo decidido de las administraciones públicas y excelentes infraestructuras eléctricas.

smartcity_malaga

Presupuesto: 31 millones de euros

Compañías: Enel, Acciona, IBM, Sadiel, Ormazábal, Neo Metrics, Isotrol, Telvent, Ingeteam y Greenpower

Repercusión: Más de 1.200 puestos de trabajo. Gran difusión mediatica

Enlace: http://portalsmartcity.sadiel.es/presentacion.html

Santander [Extracto traducido de la página oficial] :

SmartSantander propone una única en el mundo de gran tamaño en centro de investigación experimental en apoyo de las aplicaciones típicas y los servicios de una ciudad inteligente. Esta instalación experimental única será lo suficientemente grande, abierto y flexible para permitir que la federación horizontal y vertical con otras instalaciones experimentales y estimula el desarrollo de nuevas aplicaciones por los usuarios de diverso tipo, incluyendo la investigación experimental en tecnologías avanzadas de la IO y la evaluación realista de las pruebas de aceptación de los usuarios. La instalación contará con más de 20.000 sensores y se basará en una implementación real de la vida de IO en un entorno urbano. El núcleo de la instalación estará ubicada en la ciudad de Santander, la capital de la región de Cantabria, situada en la costa norte de España, y sus alrededores. SmartSantander permitirá a la Internet del Futuro de las cosas para convertirse en una realidad.

smartcity santander

Presupuesto: 8,67 millones de euros

Responsables del proyecto:

Director: Luis Muñoz, catedrático de Ingeniería Telemática de la Universidad de Cantabria

Coordinador: José Manuel Hernández experto tecnológico de Telefónica I+D.

Compañías: Telefonica I+D, Alcatel-Lucent S.A., Ericsson D.O.O., TTI Norte.

Repercusión: Mundial. El proyecto ha recibido numerosísimos artículos (podeis consultar algunos en http://www.smartsantander.eu/index.php/news-kp2).

Enlace: http://www.smartsantander.eu/

Valladolid y Palencia:

Smart City VyP nace con el objetivo de promover y favorecer la unión de Valladolid y Palencia para desplegar proyectos innovadores aplicados tanto a escenarios urbanos como a escenarios interurbanos.

La iniciativa Smart City Valladolid y Palencia aborda el concepto de Smart City desde un punto de vista altamente novedoso: considera no una, sino dos ciudades, cercanas y de características diferentes, añadiendo así el transporte de una ciudad a otra como una problemática más dentro de la Smart City:

  • Muchos son los ciudadanos que se desplazan diariamente de una ciudad a otra para trabajar o estudiar
  • Transporte de mercancías urbano e interurbano

smartcity vyp

Presupuesto: Indeterminado. Entre 2 y 4 millones de ayuda europea.

Empresas: Telefónica, Grupo Lince, Acciona, Proconsi, Iberdrola, Siemens, Icon Multimedia, la Fundación Santa María la Real, Red Eléctrica de España, Urbaser, Siemens, Proconsi, Abaccus, Ilusamedia, Prestoparking e Imovele

Repercusión: Numerosos artículos en diarios locales y nacionales.

Enlacehttp://www.smartcity-vyp.com/index.php

Barcelona [extracto de la web oficial] :

En los últimos años las Smart Cities o Ciudades Inteligentes han tomado especial relevancia en el ámbito de las I+D+i y en este contexto se han generado un importante número de proyectos en todo el mundo. Aunque no hay una definición exacta sobre que son las Smart Cities, las podemos describir como aquellas ciudades que aplican las TIC (Tecnologías de la Información y las Comunicaciones) en la misma ciudad con el objetivo de proveerla de una infraestructura que, en cierto grado, garantice un desarrollo sostenible, un incremento de la calidad de vida de sus ciudadanos, una mayor eficiencia de sus recursos (de tipo humano como energético) y una mejor participación ciudadana.

Si bien las Smart Cities no están relacionadas directamente a una o varias tecnologías determinadas, sí que están directamente relacionadas con aquellas tecnologías que permiten generar datos con referencia a la ciudad y también interactuar con sus elementos, como son las redes de sensores. Dentro de las redes de sensores, las Smart Cities requieren diferentes tipos de tecnologías tanto a nivel de hardware de los propios nodos (ex: transductores, electrónica de adaptación, alimentación eléctrica, captación de energía, etc.) como a nivel de aplicación (ex: representación gráfica, geolocalización, integración web, etc.).

smartcity bcn

Presupuesto: 6 millones de euros

Empresas: Abertis Telecom, AIA, Aventia, I2Cat

Repercusión: Gran repercusión mediatica además de incorporar a los eventos de la ciudad el ‘BDigital Global Congress’ relacionado al tema que genera beneficios para la ciudad.

Enlaces: http://smartbarcelona.cat/es/ & http://www.slideshare.net/Barcelona_cat/smart-city-bcn



Comments Off


Ciudades Inteligentes: Enlaces Interesantes

Escrito por: J.P. Aulet el 15 Sep 2011 - Tags: , , , ,

Todo usuario de Internet se encuentra con el ‘problema’ de acumular muchos enlaces de varios temas (para ésto surgieron servicios cómo Delicious, para gestionarlos). Mi caso no es diferente, y a lo largo del tiempo he ido sumando un gran numero de Webs relacionadas con Ciudades Inteligentes (smartcities o smartcity, en inglés), así cómo Urbanismo Sostenible y otros temas relacionados. Aquí un recopilatorio de 10 enlaces de interés:

  • Smart City Radio – Smart City is a weekly, hour-long public radio talk show that takes an in-depth look at urban life, the people, places, ideas and trends shaping cities
  • The City Fix – An online resource for sustainable transport news, research and “best practice” solutions from around the world

Seguiremos proximamente con el tema de Ciudades Inteligentes, que le vemos un gran potencial. Si dispones de algún enlace mas, comentalo y lo añadiremos en este artículo.

Extra: Gracias a la colaboración de los lectores he añadido al artículo estas magnificas listas de Delicious con una extensa recopilación de enlaces:

Comments Off


Sorprendentes Robots

Escrito por: J.P. Aulet el 09 Sep 2011 - Tags: , , ,

El primer vídeo muestra la evolución realizada por el equipo del MIT para construir unas piernas robóticas que anden de forma estable. Los primeros minutos se observa unas piernas ‘senzillas’ y básicas. Poco a poco van evolucionando (mención especial se lleva el minuto 1.50, donde vemos a un esforzado investigador pegando con un palo al robot para comprovar su estabilidad). A partir de aquí hasta el final del vídeo sólo puedo decir que, a mí, se me cae la baba. Cómo me gustaría poder pasear mi própio dinosauro robot con una correa.

Otro vídeo que me gustó es éste sobre ‘AirSwimmers‘, que también me impresionó bastante, aún que tecnicamente no es tan dificil cómo el anterior, el resultado está muy acabado:

En los minutos 0.40” y 1.35” hay dos momentos bastante graciosos.

Bonus: Quadricópteros robóticos que aprenden para mejorar su trayectoria:

Comments Off


Malos ejemplos de Gobierno Abierto: Senado y Congreso

Escrito por: J.P. Aulet el 09 Sep 2011 - Tags: , , , , ,

Ayer se anunció a bombo y platillo la publicación por parte del Senado y el Congreso de las retribuciones económicas y bienes de los diputados y senadores Españoles, como un acto de Gobierno Abierto. Aún que el gesto siempre es de agradecer, la forma ha sido más bien grotesca y mal planeada. Vamos a ver en que sentido se han cometido errores y cómo este acto de ‘buena intención’ se ha quedado en un mal ejemplo de Gobierno Abierto.

  1. Mala planificación técnica: Des de el primer momento de la publicación, las páginas de las dos entidades sufrieron colapsos, cortes e imposibilidad de acceder a los datos por una ‘masiva afluencia’ (cosa que era de esperar), con lo que los datos NO estaban disponibles a todos los solicitantes.
  2. Falta de adaptación a la web 2.0: Aún que sea menos imporante que los otros puntos, el aspecto visual de la página deja mucho que desar. No soy quién para criticar el aspecto visual (para gustos, colores), pero si que es verdad que está mas cerca de una Web 1.0 que no una Web 2.0, como debería ser.  Sólo hace falta ver el aspecto de la página:
    datos abiertos senado

    Como se observa, salta a la vista el fondo de pantalla repetitivo, el hecho de ser una página totalmente de texto, el tipo de botones ‘primitivos’ en formato de imagen y la inexistencia de interacción con la Web 2.0 actual (falta de interacción con redes sociales, comentarios, trackbacks, avisos legales…). También se echa en falta un botón de ‘Descargar Todo’.

  3. Liberación Datos: Recordamos el nivel de ‘calidad’ de la liberación de datos. Según ya dijimos, Tim Berners-Lee estableció las siguientes cualificaciones:
    Hacer los datos disponibles en la web (cualquier formato)
    ★★ Hacer los datos disponibles de forma estructurada (por ej. un excel en cambio de una imagen escaneada)
    ★★★ Formato no propietario (csv en cambio de excel)
    ★★★★ Usar URL’s para identificar ‘objetos’, para hacerlos accesibles y identificables
    ★★★★★ Enlazar los datos con otros y con los de otras personas para darles contexto

    Según esta clasificación, la ‘calidad’ de la liberación de datos del Senado y del Congreso sería de nivel 1 (una estrella), ya que sólo se han liberado los datos, en un formato ‘PDF’, sin dar la posibilidad de interactuar con ella de forma estructurada, ni enlazada y si por esto fuera poco, el ‘PDF’ es una imagen de una hoja escaneada. Triste.

    Por ejemplo, una extracto de un PDF, con partes ilegibles incluso para un humano. Transmite una imagen de pobreza, alejamiento de las tecnologías y mala ejecución:

    senadora

  4. Falta de ‘legibilidad para máquinas’: Un ordenador es totalmente incapaz de ‘leer’ los datos publicados. No sólo se ha omitido la Web Semántica (se podrían usar facilmente formatos como el FOAF), sino que además la publicación en PDF, hace que los motores de búsqueda y otras aplicaciones web no puedan interactuar con estos datos.
  5. Falta de transparencia (presuntamente): Uno de los aspectos claves del Gobierno Abierto es la Transparencia. Es decir, poner a disposición del ciudadano datos veraces y completos. Aún con la publicación del patrimonio de nuestros políticos, ‘da la sensación’ de ocultación de bienes, y no es el primer comentario sobre el respecto, en la Red ya corren bastantes sospechas de cómo, por ejemplo, políticos que cobran un mínimo de 60.000 € al año (sólo del suelo político), declaren patrimonios de 1.600 € en el banco, sin viviendas, coches ni otros bienes materiales. Da que sospechar, y es la última cosa que se busca con la liberación de datos.
  6. sueldo_politicos_españoles

Conclusión:

Incluso con una buena idea, la realización y forma han sido nefastas y no se corresponden con un buen ejemplo de Datos Abiertos ni de Gobierno Abierto.

Comments Off


Colección de Chuletas de Lenguajes de Programación

Escrito por: J.P. Aulet el 08 Sep 2011 - Tags: , , , , , , , , , , , ,

Cada lenguaje de programación, programa, framework, tipo de datos y muchos otros aspectos de la informática requieren aprender un lenguaje específico, con signos y expresiones que hacen que el código sea válido. Algunos son muy parecidos entre si (por ejemplo los diferentes lenguajes de programación comparten muchas estructuras, tipos de datos, formatos, etc.) pero cada uno tiene sus especificidades, con lo que un programador / desarrollador / diseñador de software debe memorizar muchas palabras clave y formas de llamar a métodos para cada lenguaje que conoce o encontrar una forma fácil de recordarlo. Para esto nacieron los ‘cheat sheets’  o chuletas que resumen visualmente los principales aspectos de cada lenguaje o programa. Aquí un resumen de algunos de ellos que os pueden ser útiles:

1. Lenguajes Programación: PHP / HTML5 / CSS / MySQL / JQuery / AJAX / Ruby on Rails

2. Diseño: Códigos RGB / Fonts

3. Útiles: Microformatos / Expresiones Regulares / Mod_rewrite / SEO / Buscadores

Lenguajes de Programación

PHP:

php-cheat-sheet Seguir Leyendo »

Comments Off


« Anterior

Siguiente »