Isotope es una plugín para Jquery que permite organizar “tarjetas” de una manera increíble además de filtrarlas y ordenarlas por diferentes criterios. Si todavía no la conocen, entren acá para ver el trabajo impecable de @desandro.

Para la última actualización del portal de datos decidimos utilizarlo para mostrar los diferentes datasets.

Me pareció que sería muy util crear una librería para que todos puedan reutilizar el trabajo que se había hecho para Buenos Aires Data. Después de un fin de semana de puesta a punto nació Fisotope; un plugin que envuelve a Isotope y permite realizar filtrados y búsquedas de una manera mucho mas simple utilizando clases y atributos de html. Algunas de las características principales son las siguientes.

• Clase que transforma a un link en un toggle que filtra por una categoría especial.
• Clase que transforma a un link en un toggle que cambia el operador que determina si los filtros para una faceta implican una unión o una intersección.
• Clase que transforma a un link en la acción de limpiar los diferentes filtros.
• Clase que agrega en un objeto html texto informativo de estadísticas de filtrado.
• Clases que permiten la generación autómatica de un selector que contiene todos las categorías específicas de una faceta.
• Clase que transforma a un link en la acción de ordenar las tarjetas de una manera especifica.
• Clase que transforma a un input en un filtro por texto que se encuentra dentro de la tarjeta.

Para ver un ejemplo del funcionamiento pueden entrar a este link o si quieren ver el código está en Github donde hay una documentación detallada de su funcionamiento.

Probalo y contanos qué te parece.

Es posible que al escuchar la palabra “hackaton” nos imaginemos una reunión de nerds, armados hasta los dientes con computadoras con parte de su hardware al desnudo, enredados entre cables de todo tipo, que conversan en una jerga incomprensible para los profanos. En síntesis, una elite de deportistas de la programación que se aglutinan para trabajar con música electrónica como ruido de fondo, mientras comparten, discuten, compiten… dejando afuera a todos y a todo…

Por eso, cuando surgió la invitación al segundo BAHackaton, que afirmaba tener por objetivo la participación ciudadana para resolver problemas puntuales de la ciudad, nos pareció la oportunidad ideal para conocer de cerca este tipo de experiencias de trabajo colaborativo. El encuentro se definía esta vez con un perfil abierto, porque no solo convocaba a desarrolladores sino también a ONG, especialistas en diferentes áreas y, simplemente, ciudadanos con inquietudes y vocación de participar. No podíamos quedar afuera de esta posibilidad de comprometernos con las problemáticas educativas de nuestra ciudad y participar de esta enriquecedora usina de ideas. Hasta allá llegamos, representando al PENT, Valeria Odetti,Ariel Merpert y Graciela Caldeiro con muchas expectativas de conocer el formato de trabajo y pensarlo como dispositivo didáctico.

Uno de los afiches de líneas de acción

El hackaton como espacio de aprendizaje

Cuando llegamos nos encontramos con una sala amplia llena de mesas de trabajo. Durante la apertura del evento, los organizadores preguntaron quiénes traían problemas concretos que querían trabajar en ese espacio. Se presentaron veintiséis problemas diferentes vinculados a problemáticas tales como educación, movilidad sustentable, participación ciudadana, transparencia de la gestión pública y accesibilidad.

Cada una de esas personas, o grupos de personas, se fueron ubicando en las mesas de trabajo y el resto de los participantes comenzamos a unirnos a ellos en torno a los temas que nos habían interesado.

Durante los siguientes dos días cada grupo fue discutiendo vías de acción, aportando ideas, desarrollando prototipos tanto en las compus como en papel. (¡Nosotros juntamos cinco afiches llenos de líneas de acción!). Finalmente, al atardecer del domingo, dieciséis proyectos se presentaron en estados más o menos avanzados, propuestas para soluciones concretas a los problemas presentados el sábado.

Niños, jóvenes y adultos en las mesas de trabajo

Escuelas Verdes: nuestra experiencia

Nosotros nos sumamos a una propuesta del Programa Escuelas Verdes del Ministerio de Educación de la Ciudad Autónoma de Buenos Aires. Los representantes del programa plantearon que comenzaban a notar que, por más acciones que desarrollaran con los directivos y docentes de las escuelas, no se percibían cambios culturales en los chicos en relación con la sustentabilidad. Entonces habían pensado trabajar a partir de una plataforma lúdica, con un juego de simulación en el que los alumnos debían construir una ciudad sustentable.

La idea que la gente del programa tenía era encontrar desarrolladores que se sumaran al proyecto y los ayudaran a intervenir una plataforma ya existente llamada Minecraft, o bien a encontrar otra plataforma que pudieran usar.

Tenían interés en utilizar un juego que ya estuviera instalado previamente entre los chicos de nivel primario, y darle una dirección educativa. Nos pareció interesante el desafío de pensar cómo articular este juego con una actividad para hacer con los docentes. En este sentido, comenzamos a desarrollar algunas ideas con Celeste Piñera, la coordinadora del programa.

Durante esas primeras horas fueron pasando por nuestra mesa varios desarrolladores, pero ninguno conocía esa plataforma ni otros juegos que pudieran servir. Hasta que encontramos a alguien que sí estaba al tanto: Álvaro, de 11 años. Nos explicó la lógica del juego y las posibilidades de modificación del mismo.

Entonces surgió la primera idea: para saber qué cosas les interesan a los chicos, la forma en que están jugando y pensando estrategias de solución de problemas y -en relación con eso- pensar políticas públicas que los tengan como destinatarios, ¡hagamos un hackaton para chicos! La idea generó entusiasmo inmediato. Al final del día teníamos diseñado un dispositivo, de grupo focal primero, para probar la dinámica, y un hackaton después.

Pero queríamos más, nos parecía que nos faltaba algo. Además, investigando con nuestros hijos de entre 11 y 15 años, nos dimos cuenta de que el tema no era tan simple y accesible: que mientras unos querían destruir cosas, otros querían tener avatares, otros cumplir misiones, etc. Además la plataforma que se había propuesto originalmente era propietaria y, en consecuencia, no era éticamente viable utilizarla. La idea del hackaton para chicos era cada vez más necesaria.

El domingo a la mañana comenzamos compartiendo, entre los miembros del PENT(esta vez se nos sumaron integrantes de nuestras familias: Sissí, Valentina y Luis) y los representantes de escuelas verdes y de Gobierno Abierto (organizadores del hackaton) los problemas que encontramos en relación a la disponibilidad del código fuente de Minicraft, lo que nos llevó a pensar en otras alternativas de código abierto… hasta que de la lluvia de ideas surgió una pregunta que nos condujo nuevamente al problema inicial: ¿por qué pensar sólo en un juego de simulación como una posibilidad lúdica? Involucrar a los chicos en las problemáticas ambientales era algo que debía tener impacto en el mundo real y no solo en un entorno virtual y simulado. Entonces, colocamos sobre la mesa un nuevo afiche y -marcadores en mano- comenzamos a pensar en otra línea de trabajo.

Supimos que Escuelas Verdes es un programa que, entre otros proyectos, aspira a entregar a las escuelas una certificación de “Escuela Verde”. Esta certificación se obtiene mediante el cumplimiento, por parte de la escuela, de una serie de pasos que la institución debe consignar ante el Ministerio. Pero ¿que una escuela sea verde implica que los chicos realicen acciones concretas para ello?, ¿y eso logra modificar conductas en sus casas y en sus barrios? ¡Ahí estaba la clave! Teníamos que lograr que esa certificación tuviese dos partes: la primera, realizada institucionalmente por la escuela, y la segunda, el reporte de actividades concretas realizadas por los chicos en favor de un medio ambiente sustentable. ¡Habíamos encontrado la clave!

El resto del día lo dedicamos a diseñar una suerte de red social lúdica en la cual, a través de misiones especiales relacionadas con diferentes problemáticas ambientales de la ciudad (basura, energía y movilidad, en principio), los chicos tenían que registrar -mediante fotos, videos o textos breves- una acción que diera cuenta de:

- algo que hicieron

- algo que no pudieron resolver

- una nueva idea respecto al tema.

Estos reportes estarán asociados por escuela y nos permitirán ir mapeando las acciones sustentables de los chicos de la ciudad. Las misiones son acumulativas, es decir que, para recibir una nueva misión, hay que haber completado todos los niveles de las misiones anteriores. Cada nueva misión tiene un mayor número de niveles y una mayor complejidad en su realización.

Una aclaración importante: no habrá datos públicos de los chicos, sus usuarios serán de fantasía y el acceso a la red lo otorgará cada escuela.

De manera privada, esta red ofrecerá al Programa Escuelas Verdes información para ir adaptando las diferentes líneas de su programa, detectando cuáles son las dudas que los chicos van registrando, o los lugares donde hace falta reforzar un programa o generar nuevos.

Esperamos que la vehiculización del proyecto sea posible, pero lo más valioso de esto fue, como siempre, el proceso vivido. Fueron dos jornadas de intenso trabajo en las que creamos, discutimos, establecimos contactos con gente interesante, nos reímos y, especialmente, aprendimos.

Para conocer todos los proyectos que se desarrollaron: http://digital.buenosaires.gob.ar/ba-hackaton-2013-todos-los-proyectos/

Poyectos en hashtags

Lo que aprendimos sobre el funcionamiento del hackaton (apuntes personales)

¿Por qué alguien se interesa en formar parte de un evento de estas características? Podemos especular con la idea de que las motivaciones son diversas. Desde el punto de vista de los desarrolladores, la posibilidad de alcanzar visibilidad a través del diseño de una app atractiva es, sin duda, una razón potente para sumarse. Otros actores acuden por intereses menos específicos, pero quizá con un común denominador: encontrarse con otros que lo ayuden a resolver el problema que los convoca. De esta forma, la dinámica de trabajo se estructura sobre la búsqueda de soluciones reales a problemas reales. Una de las preguntas más recurrentes durante todo nuestro proceso de trabajo fue: “¿es esto posible?”. Vale aclarar que esta pregunta sobre la factibilidad de realización no se restringía tan solo a la dimensión técnica, sino que incluía también aspectos vinculados a la implementación administrativa, los recursos disponibles y hasta las decisiones políticas y pedagógicas.

Es interesante observar que el espacio de trabajo es explícitamente horizontal. Algunos saben más que otros, pero casi nadie -ni siquiera los organizadores- conocen el destino final. Y es en este aparente caos en donde se da un trabajo interdisciplinario en el que intervienen especialistas de las más diversas ramas sin más filtro que una presentación profesional en-una-sola-palabra, anclada en el nombre de pila y colgando de una credencial: educadores, ingenieros, politólogos, artistas, ecologistas, programadores y activistas cívicos, discuten sobre ideas y posibilidades, ajustando vocabulario técnico, explicando lo que necesitan y lo que pueden dar. Negociando posibilidades y construyendo soluciones. Todos tienen algo que decir. Todos tienen algo que escuchar.

En los ambientes educativos es un lugar bastante común hablar del enriquecimiento propio de los contextos de intercambio entre profesionales de diversas disciplinas. En este sentido, parece que la experiencia no sería algo especialmente diferente. Sin embargo, el marco distendido de trabajo, en donde no existen jerarquías ni estructuras formales que den algún otro rigor al intercambio que el respeto más elemental de los buenos modales, permite un acercamiento más básico en donde aprendemos la jerga del otro que, para explicar lo que pensó, transparenta su secuencia de ideas y sus argumentos, sin lo cual sería muy difícil comprendernos y alcanzar un marco común para avanzar en la discusión. Aprendemos nuevas palabras, otras lógicas, formas diferentes de establecer prioridades. Y si bien de pronto sentimos que el enfoque parece invertir todo su orden, no perdemos de vista que perseguimos el mismo objetivo: resolver el problema.

La solución del problema, en el marco de un hackaton, se orienta al diseño de un producto (una app, una página web) o al menos, de su maqueta, el prototipo. Sin embargo, es justamente esta “presión” por obtener un producto final lo que nutre aceleradamente el proceso de trabajo y lo hace más rico en la búsqueda de alternativas y variantes.

El hackaton impone una ambiente festivo, de celebración creativa y trabajo compulsivo. Es interesante observar lo rápido que fluyeron la gran cantidad de horas dedicadas al trabajo y los escasos que fueron los momentos en que nos “dispersamos” de la meta. Cada uno marca sus tiempos que, a su vez, configuran los tiempos de todos. Los grupos se arman, se desarman, se amplían, se concentran y se vuelven a organizar. Explicamos muchas veces lo que buscamos, y en cada explicación, comprendemos mejor nuestro problema. El escenario merece traer al ruedo algunas preguntas sobre el diseño de actividades autogestionadas. No se pautan recreos, ni siquiera momentos para comer. Todo forma parte de un continuum productivo ¿Es este esquema de libertad y flexibilidad extrapolable a otros contextos? En el hackaton todo sucede al mismo tiempo, simultáneamente. Las ideas fluyen, se cuestionan, se retoman, se registran, se ejecutan. Cuando la motivación es muy fuerte, los participantes no parecen tener registro del cansancio hasta que los límites físicos se imponen.

Finalmente, en el momento de la puesta en común, el énfasis sobre la capacidad de síntesis para describir los logros es inflexible. Cinco minutos, ni uno adicional. Y así sucede. Es interesante ver qué han hecho los demás, a dónde llegaron, pero para que esto sea posible es importante poder expresarlo con brevedad. Llevamos dos días de trabajo intenso y el cansancio empieza a sentirse. Algunos proyectos están más avanzados que otros. Algunos parecen prometedores. Los trabajos presentados despiertan estusiasmos dispares.

En cualquier caso, el producto final no siempre será una aplicación terminada… sino un hito importante en su proceso. Como nos decía un organizador: “Si no estás un poco avergonzado de lo que estás presentando, es porque lo estás presentando demasiado tarde”. En efecto, lo mejor es lo que aún tenemos por hacer. Y además, nosotros, como pedagogos, nos llevamos a casa toda la adrenalina de esta celebración del aprender junto a otros.

Tuvimos la idea de visualizar el tráfico en tiempo real de todos nuestros backends web, porque con Analytics tenemos una vista muy completa pero centrada en los usuarios, y no necesariamente coincide con lo que se ve a más bajo nivel.

Queríamos ver todos los requests, aunque los hiciera un bot, en crudo, en vivo. Era una tarea difícil porque buenosaires.gob.ar tiene varios clusters de backend, varios virtualhosts, varios servers por cluster, y un único punto en común que no graba logs en disco (Varnish Cache).

Pero, ¿qué log usamos para ver TODOS los requests?

Tenemos dos granjas principales, una para nuestro Drupal, con varios servers, y otra para el sitio legacy (contenido que aún no está en Drupal) y aplicaciones web puntuales. Cada granja también atiende más de un virtualhost.

Delante de todo está Varnish, haciendo de cache y acelerador, pero también implementando las decisiones de qué request va a Drupal, y qué request va al sitio legacy.

Varnish no graba logs en disco, dado que si lo hiciera, sería lento y la idea es que sea liviano y veloz.

La vista de los logs de cada web server por separado serviría para combinarlos y analizar el tráfico. Pero no sería real, porque teniendo un Varnish funcionando como corresponde, mucho tráfico debería salir del cache y ni siquiera llegar a los backends.

La única opción real es ver el log de Varnish, que está en memoria. Por suerte existe varnishncsa, un comando que graba el log de memoria en formato de log tradicional de web server.

Visualizando con Logstalgia

Hicimos una captura de un par de minutos con el comando:

varnishncsa -c -f > salida.log

Y finalmente utilizamos una herramienta llamada Logstalgia para generar la visualización.

El resultado es este:

Esto es apenas 2 minutos de log que representan unos 13.000 requests. Pero queríamos ir un poco más allá y lo hicimos también en tiempo real.

Si estamos seguros que el tráfico SSH hacia Varnish no perjudicará al trafico web, podemos redireccionar el output del comando varnishncsa remoto a la entrada de logstalgia (local) con el siguiente comando:

ssh usuario@varnish varnishncsa -f | ./logstalgia -1024×768 –hide-url-prefix -

Y de esta manera tendremos una visualización en tiempo real, creada con Logstalgia.

¿Para qué nos sirvió?

Luego de crear e investigar varias visualizaciones generados con distintos horarios y secciones de log, entendimos mucho mejor cómo es el tráfico real que llega a nuestros servidores.

Nos llamó la atención con las primeras visualizaciones que había más tráfico a backend del que suponíamos.

Además, entendimos mejor como es el tráfico que nos llega.

Analizando las urls vimos que un script de PHP recibía muchísimo tráfico porque se usaba para generar un archivo de estilos CSS. Al ser contenido dinámico, los headers que mandaba a los browsers eran estos:

Age: 0

Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0

Expires: Thu, 19 Nov 1981 08:52:00 GMT

Pragma: no-cache

En otras palabras, nuestro servidor le está diciendo al navegador: “Hola: no guardes esto en caché porque expiró en 1981. Revalidalo cada vez que lo necesites y nunca lo guardes en tu carpeta cache”.

Justo era un css que se usaba en todas las páginas legacy de www.buenosaires.gob.ar, con lo cual generaba una llamada a nuestro servidor por cada página vista. Esto es algo que los browsers deberían sacar del cache el 90% del tiempo.

Así que fuimos a ese archivo, le agregamos lo siguiente:

session_cache_limiter(‘public’);

Visualizamos nuevamente con el cambio aplicado y las llamadas bajaron considerablemente, contribuyendo así a la performance general del sitio.

La visualización de nuestro log, también fue utilizada durante la charla en DrupalCon realizada por miembros del equipo de Gobierno Electrónico, la semana pasada en Portland ( ver minuto 11:20).

Esperamos que hayan encontrado útil nuestra experiencia.

¡Gracias por leer hasta el final!

Equipo de Gobierno Electrónico

Desde la Dirección General de Gobierno Abierto de la Ciudad estamos buscando nuevos perfiles para que se sumen a nuestro equipo. Necesitamos entusiastas que sean apasionados por lo que hacen y tengan interés especial por temas relacionados con tecnologías cívicas, gobierno abierto y datos públicos. La proactividad y la energía serán súper valoradas.

A cambio te ofrecemos ser parte de un equipo de trabajo innovador y dinámico que busca constantemente nuevos desafíos, dentro de un excelente clima laboral.,

Zona de trabajo: San Telmo

Si crees que algunas de las siguientes búsquedas se adecúan a tu perfil, mandanos tu CV + portfolio a data@buenosaires.gob.ar

DATA MINER – JUNIOR

La búsqueda está orientada a un estudiante avanzado o joven profesional graduado de la carrera de Economía, Actuario o Cs. de la Computación que tenga muchas ganas de aprender a trabajar con datos. Ideal que tenga compresión de elementos básicos de estadística. Ideal manejo de bases de datos relacionales y software de transformación y manejo de datos.

Desafíos:

• Mantenimiento y actualización de la plataforma data.buenosaires.gob.ar.

• Capacitación de áreas de Gobierno proveedoras de datos.

• Preparación de datos para su utilización en distintos desarrollos del área.

DESARROLLADOR – SENIOR

La búsqueda está orientada a un profesional graduado en Ingeniería en Sistemas o afines con experiencia comprobable en programación y conocimientos de arquitectura de sistemas.

Desafíos:

• Diseñar, implementar y ser responsable del total funcionamiento del portal data.buenosaires.gob.ar, basado en CKAN e implementado en python/pylons

• Liderar proyectos cortos de prototipado, generalmente para micro-sitios webs o aplicaciones web-móviles.

• Asesorar a otras áreas no técnicas en cuestiones de diseño, arquitectura y desarrollo de software.

Conocimientos requeridos:

• Fuertes conocimientos y experiencia en programación con lenguajes imperativos (Java, Ruby o Python, etc.)

• Fuertes conocimientos y experiencia en plataformas MVC (Django, rails o pylons, etc)

• Conocimientos y experiencia suficiente en Javascript/Jquery.

• Manejo fluido de repositorio de códigos: Git.

• Conocimientos de SQL necesarios para realizar queries.

• Nociones de bases de datos no relacionales (NoSQL).

• Preferentemente conocimientos de Drupal/PHP.

JAVASCRIPT ENGINEER - SEMI SENIOR EN JS

La búsqueda está orientada a un desarrollador web con comprobable experiencia en proyectos JavaScript y preferentemente proyectos en Node.js.

Desafíos:

• Colaborar activamente en el desarrollo de implementaciones basadas en node.js, AngularJS o Backbone.

• Participar en proyectos cortos de prototipado, potencialmente web apps con alto perfil de compatibilidad con móviles.

• Interés por aprender a modelar y programar visualizaciones de información compleja.

• Capacidad de trabajo complementariamente en la extracción y conversión de datos.

Conocimientos requeridos:

• Ideal conocimientos de Node.js, Socket.IO y middlewares.

• Conocimientos en plataformas MVC (Angular, Backbone, etc)

• Sólidos conocimientos de JQuery.

• Conocimiento de trabajo vía GIT, perfil de participación activa en foros y listas (Google Groups, StackOverflow, etc).

• Preferentemente conocimientos de implementación de tecnologías de visualizaciones (CartoDB, d3.js, Processing, etc).

DISEÑADOR MULTIMEDIA – SENIOR

La búsqueda está orientada a un diseñador gráfico, industrial o afines con habilidades multimedia con comprobable experiencia profesional. Buscamos alguien que nos inspire creativamente y que pueda ayudarnos a comunicar de forma innovadora todas nuestras acciones.

Desafíos:

• Brindar soluciones rápidas y creativas para diversas plataformas físicas y digitales trabajando junto a nuestro equipo multidisciplinario.

• Satisfacer y liderar los pedidos de múltiples proyectos creativos.

• Ser un gran radar para investigar e inspirarnos, para estar al tanto de lo que sucede en diseño.

• Habilidad para anticipar los pedidos del área y buscar métodos eficaces y efectivos para reutilizar los activos de diseño generados.

• Capacidad para pensar creativamente en la escala Ciudad y no tener límites ni miedo de probar nuevas ideas.

Conocimientos requeridos:

• Manejo de Adobe Illustrator, Photoshop, InDesign, Acrobat y Flash.

• Ilustración y mapeo digital.

• Capacidad para diseñar infografías.

• Diseño web UX / UI (wireframing rápido).

• Diseño para Social Media.

• Diseño de Imagen Corporativa, banners dinámicos, logos y editorial.

Se valorará:

• Interpretación y modificación de planos en AutoCad y formatos similares.

• Visualización de datos.

La Ciudad crece y vos te conectás.

Sin lugar a dudas, el Buenos Aires Hackaton superó nuestras expectativas y quizás la de algunos de ustedes también. Fueron dos días de trabajo intenso. +800 inscriptos, +350 participantes y mucha buena onda.

Antes de seguir con el resumen, lo primero que queremos hacer es agradecerles. A todos. A los que vinieron a laburar. A los que vinieron a apoyar o simplemente pasaron por el Centro Municipal de Exposiciones para ver de qué se trataba. A las organizaciones y a las áreas de Gobierno que se sumaron. Y a los que lo siguieron desde su casa. Gracias.

Acá va un repaso de algunas de las organizaciones que formaron parte del BA Hackaton:

UNICEF / Asociación de Desarrolladores de Videojuegos de Argentina / Globant / Fundación Huésped / Google / InSTEDD / Tiflolibros / R/GA / Wingu / Martes Rojos / La Nacion Data

Y también se sumaron áreas de Gobierno:

Subsecretaría de Promoción Cultural (Cultura) / Seguimiento de Gestión (Desarrollo Urbano) / Secretaría de Hábitat e Inclusión (Desarrollo Económico) / Escuelas Verdes (Educación)  / Ciudad Verde (Unidad de Proyectos Especiales) / Coordinación del Espacio Público Comunal (Jefatura de Gobierno) / Mejor en Bici (Desarrollo Urbano) / SBASE / COPIDIS (Desarrollo Económico) / AUSA / Gobierno Electrónico (Modernización) / Nuevos Medios (Jefatura de Gabinete) / Comuna 2 - Recoleta Verde /Ministerio de Salud  / Unidad de Prouyectos Especiales de Contrucción Ciudadana y Cambio Cultural

PROYECTOS

(Iremos editando este post para que quede lo más completo posible. Pero para eso necesitamos tu ayuda. Si participaste de algunos de estos proyectos y querés agregar un link, nombre, una idea o lo que sea, escribinos por mail o deja un comentario acá. Gracias)

Piano sin barreras

Paula y Fabiana, pianistas no videntes, y Ariel crearon una plataforma online que verbaliza las partituras para que personas con discapacidad visual puedan estudiar y leer música.

Links: http://piano-sin-barreras.herokuapp.com/
Github: https://github.com/arielscarpinelli/piano-sin-barreras

El Tacho

Para motivar la separación de residuos y el reciclaje, un equipo de desarrolladores en conjunto con la Unidad de Prouyectos Especiales de Contrucción Ciudadana y Cambio Cultural crearon un cesto lúdico que emite un sonido en el momento en el que ingresan residuos, los contabiliza en un sitio web y además informa sobre el impacto ambiental. El equipo trabajó con un componente de Ultrasonido para Arduino para detectar la presencia de objetos y emitir un pulso a un servidor para crear el evento.

Mapart

Una aplicación móvil que permite fotografiar, geolocalizar y conocer los monumentos y obras de arte de la vía pública.

Github: https://github.com/ezequiellauria/patrimonio-cultural-ba

Mapeo de Villas

El proyecto consiste en el mapeo de más de 100 actores y organizaciones sociales que se sitúan y brindan servicios a la comunidad de la Villa 21.24.

Link: http://mapavillas.herokuapp.com/

Cómo llego accesible

En el #BAhackaton se dio el puntapié inicial para incorporar en el Mapa Interactivo recorridos accesibles para personas discapacitadas así como la posibilidad de generar reportes al SUACI sobre los locales accesibles de la Ciudad.

Martes Rojos

Martes Rojos, un movimiento de acción ciudadana que se reúne para arrancar los volantes de oferta sexual, junto a un gran equipo de colaboradores, crearon una plataforma que te permite: Denunciar prostíbulos, actividades sospechosas, volantes de oferta sexual o lugares donde los imprimen, entre otras; ver el mapa con las denuncias; y, por último, facilita el proceso de activar tu propio Martes Rojo brindándote información, guías y recursos gráficos.

Link: http://martesrojos.org/

Juego Salud Sexual

Un juego de aventura gráfica para jóvenes que les acerca información sobre salud sexual y reproductiva de un modo atractivo e innovador. Este fue un trabajo colaborativo entre el Ministerio de Salud, Unicef, Fundación Huésped, desarrolladores y diseñadores.

Changuito

Una aplicación móvil para realizar un seguimiento de los precios de la canasta básica y así medir colaborativamente la inflación. Podés capturar, compartir y comparar el precio de los productos y servicios que te interesan.

Link: http://www.changuitohoy.com.ar/ // https://twitter.com/changuitohoy

Museos BA

Una aplicación que te permite conocer toda la información sobre los museos de la Ciudad y el buzz social alrededor. Creada por Pablo e Ignacio (de Vulsai), Dan y Joaquin,

Link: http://museos-ba.herokuapp.com/
Github: https://github.com/danzajdband/museos

Kiwi

El equipo de #nardoz y un caballo prototiparon un sistema de anclaje automático para bicis públicas que vía SMS te permite retirarla y devolverla en cualquier estación. Utilizaron Arduino y RaspberryPi.

Podés leer más sobre el proyecto en este post.

BikestormingEBA

Denunciá con un tweet los estacionamientos que no cumplen con la ley que los obliga a tener espacios para estacionar las bicicletas y miralos en un mapa. Y de regalo, una animación!

Link: http://demo.lavidaenbici.com/demoba/

Presupuesto.js

Una API para trabajar con los datasets de presupuesto disponibles en el catálogo Buenos Aires Data.

Github: https://github.com/ignacioiglesias/presupuesto.js

Flujo de tránsito

Prototipo de sensores móviles de presión con Arduino para medir la cantidad de vehículos  que circulan por la calle y su velocidad promedio.

Red de Organizaciones

Un directorio de organizaciones sociales, empresas y organismos estatales que buscan generar un cambio en nuestra sociedad.

Link: http://proyectoacrux.wordpress.com/

Red Social Verde para chicos

Escuelas Verdes junto a especialistas en educación diseñaron un nuevo programa educativo para fomentar la educación ambiental en las escuelas porteñas. Y además, impulsados por Álvaro, un chico de 11 años, debatieron la idea de crear un mod de Minecraft en el que los alumnos podrían crear una Ciudad de Buenos Aires Sustentable.

Visualización Boletín Oficial

Una herramienta sencilla y atractiva para ver las adjudicaciones y contrataciones directas del Gobierno de la Ciudad que se publican en el Boletín Oficial.

Podés descargar la presentación acá.

Tatiana una de nuestras pasantes, estudiante de Comunicación en la Universidad de Buenos Aires, tenía que escribir una crónica para el Taller anual de periodismo, y eligió el BAhackaton para ello. La consigna era “trasladar al lector al lugar de los hechos (lejanos o no, que importan o no generan interés, conocidos o todo lo contrario), sólo con palabras. La descripción del escenario de los hechos debe tener relevancia por sobre todo lo demás y, ese “demás”, aparecerá en los detalles, secuencias y escenas del evento elegido”. Gran desafío en esta era de lo visual.

Este es el resultado de su ejercicio. 

BAhackaton: tecnología social

La mano del encargado del evento se alzó. Había ruido en el centro Municipal de Exposiciones. Otros brazos siguieron el gesto y el murmullo de las más de 300 personas allí presentes desapareció. El Buenos Aires Hackaton estaba en plena vida (coincidentes con las 48 horas del 11 y 12 de mayo), pero era necesario hacer un anuncio y esta era la forma de pedir silencio.

“Tienen un minuto cada uno de los sponsors de los 25 proyectos para contarnos las ideas”, dijo la voz del micrófono, y sin más preámbulo empezó la presentación: se habló de aplicaciones, plataformas interactivas y juegos destinados a áreas variables como educación, medio ambiente, movilidad, denuncia de trata de personas, sexualidad, patrimonio histórico e inseguridad.

“Hola, soy…” fue la frase introductoria a todas las explicaciones, “esperamos su ayuda” la que las finalizaba y aplausos como separadores entre voz y voz. “Provocar la interacción de personas creativas y la generación de cosas que en el día a día le van a servir a todos los vecinos, eso es hackaton”, dijo el ministro de Modernización, Andrés Ibarra, al pasar.

Unas 10 mesas de trabajo cubrían la sala. Programadores, periodistas, trabajadores de gobierno, educadores y ONGs charlaban en clave gadget y en código abierto.

“Este lugar es para pedir información, darla y hacer algo con ella”, dijo uno de los presentes a otro no tan en tema. Comida, bebida, notebooks y tablets; música que nadie escucha, ideas en el aire buscando concreción.

Un nene de 10 años llegó acompañado de su mamá. Buscó entre las mesas qué idea era la que más le gustaba para ponerse a trabajar. Miró al grupo de Ciudad Limpia, que busca crear una plataforma interactiva que sirva para enseñar en los colegios a separar los residuos. Se sentó entre todos los adultos, prendió su computadora y mientras jugaba con ella, se presentó a su grupo.

“A mi me gusta la tecnología desde siempre. Como quiero ser arquitecto ya quiero empezar a mostrar mis ideas. También por eso uso este juego de construcción de ciudades desde que tengo nueve”, contó el nene.

Jóvenes, adultos, hombres, mujeres, estudiantes y profesionales son el hackaton. Si se superan las primeras impresiones es mucho más que un encuentro de  programadores. “Éste es un proyecto que busca lograr la participación ciudadana, seas o no programador, y lo que queremos lograr es que los proyectos de este año se concreten”, dijo Rudi Borrmann, director de Gobierno Abierto, mientras una señora se acercó a él y le preguntó en qué proyecto podía participar.

Ser o no ser nerd, esa no es la cuestión; sí ir al hackaton para mostrar que desde la innovación tecnológica mucho se puede hacer por la ciudad o eso, al menos, es lo que esperan lograr estos maratonistas.

Tatiana Aranda

Todas las respuestas están en el HackDash: bahackaton.herokuapp.com

HackDash es una herramienta creada por un grupo de desarrolladores con el fin de ordenar el caos habitual de proyectos en los eventos de este tipo. De manera muy simple nos permite ver los temas en los que podemos trabajar, sumarnos al que más nos interese o agregar uno nuevo.

Además, cada proyecto tiene su propio hashtag con la idea de seguir de manera simple la conversación en twitter.

Es muy fácil de usar.

¿Cómo sumarte a un proyecto?

1. Ingresá al HackDash del #BAHackaton http://bahackaton.herokuapp.com/
2. Iniciá sesión con tu cuenta de Twitter.
3. Mirá los proyectos que hay y buscá el que más te interese.
4. Si te gusta alguno unite con el botón Sumarme.
5. Y ahora solo queda comunicarlo e invitar a más gente. Así que twittealo. Cada avance y actividad que se realice durante el evento comunicalo con el Hashtag asignado para cada tema (podés encontrarlo entrando al proyecto que te uniste).

¿Cómo agregar un nuevo proyecto?

1. Ingresá al HackDash del #BAHackaton http://bahackaton.herokuapp.com/
2. Logueate con tu cuenta de Twitter.
3. Recorré los proyectos que hay.
4. Si no hay ningún proyecto parecido al tuyo crealo apretando en el botón verde Agregar nuevo proyecto que está arriba a la derecha de la pantalla.
5. Ponelé un título copado, una breve descripción de 280 caracteres, un hashtag para poder seguirlo en Twitter, los principales tags y el estado en el que está!
6. Listo. Ahora solo te queda empezar a convocar a gente para que se sume. Para eso, twitteá usando el hashtag de tu proyecto y el del evento #BAhackaton.

Entrá ahora en el HackDash del evento, conocé los proyectos y que empiece el BAhackaton.

(Es un prototipo, una herramienta nueva que estamos probando, así que puede tener algunos pequeños errores. Sé comprensivo si encontrás algo raro. Todo feedback es bienvenido)

Si sos un nerd y querés más información de la herramienta, visitá el blog de Dan Zajdband.

Fuente: IMDB

Por Gonzalo Iglesias, Coordinador General de la Dirección General de Información y Gobierno Abierto.

No, no estamos hablando de la secuela del clásico de Nick Nolte y Eddie Murphy. Este sábado y domingo, 11 y 12 de Mayo, vamos a estar hosteando la segunda edición del Buenos Aires Hackaton, el picadito anual en el que equipos de gobierno y entusiastas cívicos nos juntamos durante dos días a pelotear ideas y transformarlas rápidamente en prototipos.

Si vinieron a la primera edición, probablemente se acuerden de la consigna original: juntarnos por equipos, utilizar datos públicos, y codear aplicaciones móviles con la esperanza de hacerle la vida más fácil a los vecinos de Buenos Aires. No nos fue nada mal, para ser el primero: al final del segundo día, los equipos pudieron mostrarle a los jurados 15 aplicaciones en rubros tan diferentes como movilidad, salud, educación y medio ambiente. Todas en GitHub. Incluso aplicaciones como Mejor en Bici, desarrollada fuera de concurso por el equipo de Gobierno Electrónico, pasaron de idea a prototipo durante el hackaton.

Pero hablando de hackear, este año empezamos por la consigna. Después de un año de aprendizaje, hoy estamos convencidos que el verdadero espíritu y valor de nuestro hackaton esta menos en la competencia entre pares que en la colaboración entre los diferentes: programadores y diseñadores, sí, pero también urbanistas, bibliotecarios, investigadores, activistas cívicos y un largo etcétera de apasionados por las políticas públicas. En esa magia que surge cuando lográs sentar en una misma mesa al creador de videojuegos con la maestra de una escuela especial, a publicistas digitales con el equipo responsable de vacunar chicos en un asentamiento precario.

Por eso, durante los últimos meses estuvimos relevando algunas de las problemáticas más apasionantes a las que nos enfrentamos como Ciudad y como ciudadanos, desde como mejorar nuestra capacidad colectiva para responder a una emergencia hasta cómo hacer de Buenos Aires una Ciudad más accesible para personas con discapacidad, cómo incentivar la separación de residuos, o como hacer para visibilizar el fabuloso patrimonio monumental de esta Ciudad. Nunca estuvimos solos: equipos como los de Fundación Huesped, UNICEF, Globant, Google son parte de un listado largo de ONGs, universidades y empresas que nos estuvieron dando una mano, detectando oportunidades, aportando ideas, patrocinando proyectos o sumando talento.

Si estás leyendo este blog, definitivamente queremos que este sábado y domingo te des una vuelta por el Centro de Exposiciones.Todo lo cual significa que esta vez no vamos a tener reglamentos salomónicos, ni jurados, ni – auch- tampoco vamos a entregar premios por equipo: la consigna, esta vuelta, no es competir sino celebrar nuestra capacidad para colaborar en la resolución de estos y otros problemas. Tranquilos, algunas cosas nunca cambian: buena comida, café sin recalentar, adaptadores que adaptan, conectividad decente, pizarrones en blanco, y todo lo que hace falta para generar un buen clima de trabajo.

Inscribite, chequea el hackdash para sumate a un proyecto, o suma el tuyo propio. Traigas las habilidades que traigas,  esta es también la oportunidad para que dejes tu huella en el código fuente de la Ciudad.

Nos vemos ahí.