DNDzgz Lite, porque yo también lo necesito

Como supongo que sabréis la mayoría de los que seguís este humilde(y muchas veces olvidado :P) blog, hace unos meses participando en el AbreDatos formé parte del equipo de DNDzgz una aplicación web para móviles de última generación, en principio para cualquier terminal cuyo navegador web soporte geolocalización.

Algo de tiempo después gimenete, junto a Sergio, lanzaron la versión nativa para iPhone de DNDzgz. Adelanto aque hora están trabajando en una nueva versión, y por lo que he visto hasta ahora… a mi me dan ganas de comprarme un iPhone para aprovecharla! :D

Hace poco más de una semana, se anunció la aplicación ViveZaragoza para Android. Una aplicación desarrollada por la gente de warp para el Ayuntamiento de Zaragoza, con las funcionalidades de consulta de Bus y Bizi, además de poder consultar el programa de actos de las fiestas del pilar(recién acabadas) con sus respectivas localizaciones.

Y como algunos ya saben, soy poseedor de un “flamante” Nokia 5130 XpressMusic(también conocido como un “nokia guarro” ;)), y desde primeros de Octubre me he vuelto a mudar ooootra vez a Zaragoza(veremos por cuanto tiempo :P).

La cuestión es que, esta semana pasada llevaba esperando a un autobús durante bastante rato, lo suficiente como para proponerme que iba a ser la última semana que no sabía cuanto me tocaba esperar. Lo bueno ha sido que este fin de semana no he recibido visitas “pilaristas” y he podido dedicar un par de ratos a tirar un poco de código, lo que me ha permitido lanzar DNDzgz Lite. Ahora con el Opera Mini de mi “nokia guarro”, ya puedo saber cuánto tarda el autobús usando el número de poste y cuantas bicicletas hay en una parada de bizi consultando por su número.

Tengo la sensación de que lo vamos a utilizar muy poquitos, pero al menos a mi me es útil y por fin voy a aprovechar parte de mi trabajo en el AbreDatos :P

PD: Por si hay algún despistado, para acceder a la versión lite directamente http://www.dndzgz.com/lite(que con terminales “viejos” no creo que tengamos tarifas planas y hay que ahorrar ancho de banda :P)

SQL con Javascript: Web SQL Database

Como supongo que muchos ya sabréis, una especificación de HTML5 es Web SQL Database para persirtir datos en una base de datos relacional embebidos en el navegador web(la otra alternativa es Web Storage, para persistir datos como clave valor). Esto puede tener muchas aplicaciones, en mi caso lo he utilizado para implementar el sistema de favoritos de DNDzgz.

Cuando pretendamos sacar partido de las nuevas características de HTML5 debemos tener en cuenta que cada navegador puede soportar sólo algunas especificaciones, no es un todo o nada, por lo que lo primero que deberemos hacer es comprobar que soporta la especificación que queremos usar, por ejemplo:

function supports_local_database() {
return !!window.openDatabase;
}

Si existe openDatabase, crearemos la conexión a la base de datos:


db = openDatabase('dndzgz', '1.0', 'DNDzgz', 65536);

Una vez abierta la conexión, podremos ejecutar cualquier tipo de query SQL(compatible con SQLite), dentro de una transacción. Por ejemplo crear una tabla:

db.transaction(
function(transaction) {
transaction.executeSql(
'CREATE TABLE IF NOT EXISTS favorites ' +
' (id INTEGER NOT NULL, ' +
' service VARCHAR(255) NOT NULL, ' +
' date DATE NOT NULL,' +
' name VARCHAR(255) NOT NULL, ' +
' latitude REAL NOT NULL, ' +
' longitude REAL NOT NULL, ' +
' PRIMARY KEY (id,service));'
);
}
);

Insertar datos:

db.transaction(
function(transaction) {
transaction.executeSql(
'INSERT INTO favorites (id, service, date, name, latitude, longitude) VALUES (?, ?, ?, ?, ?, ?);',
[id, service, new Date(), name, latitude, longitude],
callBack,
errorCallBack
);
}
);

Eliminar datos:

db.transaction(
function(transaction) {
transaction.executeSql('DELETE FROM favorites WHERE id=? AND service=?;',
[id,service], null, errorCallBack);
}
);

Y por supuesto mostrarlos:

db.readTransaction(
function(transaction) {
transaction.executeSql(
'Select * from favorites;', [],
function(transaction, result){
for (var i=0; i < result.rows.length; i++) {
var row = result.rows.item(i);
alert(row.name);
alert(row.service);
}
},
errorCallBack
);
}
);

Como podéis ver, a executeSql se le pasa primero la query, seguidamente un array con los valores de los argumentos de la query, y finalmente una función de callback y otra de callback para el caso de que existan errores. Y existen dos tipos de transacciones: transaction y readTransaction, la primera es de lectura-escritura, mientras que la segunda es de sólo lectura.

En fin, supongo que a otros también os pasará lo mismo, resulta bastante raro estar tirando queries SQL desde javascript. Pero puede resultar útil para muchos casos, empezando por descargar de responsabilidades y carga al lado servidor.

Las entrañas de DNDzgz

Lo prometido es deuda, tenía pendiente escribir un poco acerca de la parte técnica del fin de semana del desafío AbreDatos y de DNDzgz. A grosso modo las tecnologías utilizadas fueron Google App Engine(GAE) y Python del lado servidor; del lado cliente fueron Javascript con jQuery, la versión 3 del API de Google Maps, algunas de las novedades de HTML5, unas gotas de CSS3 y jQTouch para ayudarnos para que tuviera pinta de aplicación nativa iPhone. Usamos Git como repositorio de código, el repositorio está concretamente en github; para los documentos, diseños, fotos, etc. utilizamos dropbox(antes del fin de semana yo no tenía ni cuenta :P).

Logo DNDzgz

La elección de GAE fue casi instantánea cuando empezamos a hablar con gimenete acerca de presentarnos al AbreDatos, las razones: hosting gratis y capacidad de escalar mucho sin tener que gastarnos ni un euro, despreocuparnos de la parte de sistemas, ningún problema con las limitaciones por correr sobre la plataforma de Google.

Que usáramos Python, aún siendo más javeros que otra cosa, fue por que ninguno de los 2 teníamos experiencia con GAE en Java(okok, yo había hecho un pequeño experimento, pero muy poca cosa para llegar a ninguna conclusión). Por eso preferimos aprovechar su experiencia desarrollando la primera versión de debug_mode=ON con Python+GAE; mientras que varias semanas antes yo me ojeé un par de manuales de inicio rápido, retomé el ebook Python para todos que tenía a medio leer(hace muuuucho :P) y un par de días antes, me hice en poco rato el proyecto de ejemplo de GAE. Para extraer los datos utilizamos tanto Beautiful Soup como expresiones regulares para hacer scraping de HTML o Javascript de Tuzsa y Bizi, y simplejson para cargar los datos JSON de datos.zaragoza.es.

Que utilizáramos jQuery como framework Javascript, fue una elección posterior a jQTouch(que está basado en jQuery) pero de todas formas, seguramente lo hubiéramos elegido. Google Maps es la elección “por defecto” para todo el que quiere hacer algo con mapas :P. Gimenete es quien estuvo peleando con esto, teníamos problemas con la fluidez en la navegación de los mapas, que al final consiguió mejorar… Eso sí, fuera del navegador Safari del iPhone no conseguimos que los mapas funcionaran correctamente, ni en terminales con distintas versiones de Android y ni si quiera en el Safari de Mac(tenemos que ver que pasa exactamente, tras algunas pruebas, el sospechoso principal es jQTouch).

Gracias a que iPhone(y las últimas versiones de Android) soportan parte de HTML5, se ponían a nuestra disposición algunas de esas novedades que molan tanto (Flash, tiemblaaa!! ;)):

  • La posibilidad de geolocalizar al usuario por medio del GPS del terminal (no es exactamente HTML5, pero parece que la mayoría lo ponemos en el mismo saco) muy fácilmente utilizando navigator.geolocation.
  • Para implementar los favoritos/acceso rápido estuvimos usando Web SQL Database, lo que supone guardar los datos en una base de datos embebida al navegador web(actualmente parece que en todos es SQLite, o al menos parece ser la implementación de referencia), que finalmente se quedó fuera por falta de 3/4 horas :S.

En fin, que debemos molar, porque nuestro proyecto es una pequeña colección de buzzwords: Cloud Computing vía Google App Engine, HTML5, iPhone… XD

Nuestra aportación en el Desafío AbreDatos 2010: DNDzgz.com

Este fin de semana se celebró el Desafío AbreDatos 2010, desde las 00:00 de la noche del Viernes al Sábado hasta las 00:00 del Domingo al Lunes, 48 horitas trabajando para desarrollar servicios que utilizaran datos de fuentes públicas. El desafío lo convocaba la asociación Pro Bono Publico para tratar de concienciar de la necesidad de que se abran los datos generados con dinero público(o sea, el nuestro); y por lo que dicen, nos habíamos presentado 47 equipos de los que hemos conseguido algo funcional unos 30. Y como publiqué en el anterior post, estuve participando.

El equipo del que formaba parte era closin, donde he programado con Alberto Gimeno, la encargada de diseño es Mamen Pradel y el responsable de marketing y comunicación es Lucas Aisa. Aún con la desventaja de que sólo habíamos trabajado anteriormente juntos Mamen y yo, creo que hemos sido un equipo muy compensado y junto al buen rollo durante todo el fin de semana, se ha notado en el resultado final con DNDzgz(o Dónde en Zaragoza ;)).

DNDzgz TEAM

La idea de DNDzgz, era principalmente crear una aplicación web móvil que mostrara servicios ciudadanos de Zaragoza geolocalizados y su información útil asociada, que además tuviera aspecto de aplicación nativa de iPhone(sin cerrarnos a que funcionara en otros terminales/navegadores, claro).

Nuestra idea inicial fue extraer los datos sólo de las fuentes que aparecen en datos.zaragoza.es, pero la información de servicios como el autobús urbano o el bizi no eran suficientes para nuestro objetivo:

  • En el caso del autobús, nos servía para posicionar las paradas y nos daba una url de la web de tuzsa, en donde aparecía una estimación para saber cuando tardarán en llegar los autobuses de ese poste, por lo que tenemos que hace scraping de ese HTML para poder consumir esos datos.
  • Sobre el bizi, sólo posicionaba las paradas sin ninguna información añadida… pero vimos que en la web de bizi se podía hacer scraping para obtener el número de bicicletas y aparcamientos libres en una estación bizi además de su posición, lo que es realmente útil.
  • La que sacamos íntegramente de la web de datos abiertos del ayuntamiento de Zaragoza, fue la de puntos wifi municipales(porque no necesitábamos más que la posición)

Tarde/noche del sábado #abredatos #t10 #dndzgz

Hay muchas cosas que seguramente se echarán de menos en la aplicación, a bote pronto: favoritos/acceso rápido para ver si hay bizis en mis estaciones habituales, conocer la parada del 30 más cercana a mi posición, la estación de bizi con aparcamientos libres más cercana a mi posición… además de añadir otros servicios ciudadanos.

Se puede pensar que muchas de estas funcionalidades no han sido posibles de añadirse a causa de la limitación de las 48 horas, pero la principal razón de no poder añadir más funcionalidades, fue el tener que perder tiempo haciendo scraping para hacernos con todos los datos que necesitábamos. Y hay que ser consciente que eso habrá pasado en casi todos(por no decir todos) de los 47 equipos que nos presentamos al desafío… con el nivel que se ve en los resultados, ¿que se hubiera conseguido con datos abiertos?

Y nada, sólo quería felicitar a la gente de Pro Bono Publico tras la organización del evento a los equipos por sus resultados, y por supuesto agradecer a todos los que se han presentado su esfuerzo por tratar de crear servicios que nos resulten de utilidad a los ciudadanos.

Ahora la segunda parte, para que haya valido la pena la paliza de este fin de semana, a intentar hacer llegar estos servicios a los ciudadanos! :)

Comida del domingo #abredatos #t10 #dndzgz

PD: Como ha quedado un tocho bastante largo, intentaré escribir durante la semana otro post sobre detalles más técnicos de las tripas de DNDzgz
PD 2: En mi flickr están disponibles las fotos que nos hizo Toño y hay por ahí algún video de @maitrella XD

Videos navideños… o cosas de resaca

Soy consciente de que no soy demasiado creativo/original para estas cosas de las felicitaciones navideñas, me gusta unvlog y los videos que se comparten allí, y este fin de semana tuve un par de días resacoso-prenavideños. Combinando estas tres variables, acabé montando una web con rails para compartir videos navideños (no se me ha ocurrido ningún dominio que merezca comprarse :P) que me pareciera interesante a mi o a cualquiera que pase por ahí o lo comente.

Al ser una web de temporada, he preferido evitar registros, simplemente usar el plugin recaptcha para tener un mínimo de control al publicar videos o comentarios, el plugin para los videos ha sido acts_as_videoclub por lo que esta web soporta los mismos servicios de video que el plugin :P, acts_as_commentable es el plugin para los comentarios, para la paginación will_paginate, seo_urls para hacerlo un poco más amigable a los buscadores y por último acts_as_taggable_on_steroids para etiquetar los videos; el diseño es de una plantilla con licencia copyleft con pequeñas modificaciones.

Como es de suponer no me supuso mucho tiempo de trabajo, alrededor de 6-7 horas y en días en los que se está lejos del 100% ;), además es una web muy mejorable y no está lo terminada que debería, pero el tiempo es limitado y no quería/podía dedicarle más.

En fin, que si os llegan felicitaciones en forma de video de Google Video, Dailymotion, YouTube o Vimeo; y os llama la atención os animo a compartirlo. Por cierto, feliz navidad :)

Jobsket ganador de la Beca Alzado 2008

Como han anunciado ya en alzado, resulta que el Jobsket team nos hemos llevado la Beca Alzado 2008 !! :). Menos mal que al final nos animamos, como cuenta Martín, lo decidimos casi en la fecha límite.

Primero me gustaría disculparme con la gente que esperaba un proyecto en marcha, como el año anterior con vi.sualize.us, pero jobsket todavía no está preparado para presentarse al público. Por esto lo que sólo podemos pedir es que tengáis paciencia y animaros a que os registréis para probar la beta, nos sigáis en el blog de jobsket, en twitter o en jaiku. Y también quería agradecer las felicitaciones que nos han ido llegando por diferentes medios, además de felicitar al resto de proyectos que han sido destacados, entre los que hay amigos como debug_mode=on y forvo.

Haber ganado nos satisface porque había 176 ideas presentadas (viendo las destacadas, eran de un nivel muy alto), creemos que el ganar la beca dará cierta visibilidad al proyecto y los 3000 euros seguro que nos irán muy bien para los costes de servidores u otros gastos; pero sobre todo, porque de esta forma nos han validado la idea, ya estamos convencidos que no es una locura nuestra y eso nos motiva más que nunca ;).

En fin, que estamos muy contentos, pero como trabajamos en remoto, cada uno lo celebra por su cuenta XD

Jobsket y cerveza San Miguel

jLibrary Web beta

Después de varios meses colaborando con Martín Pérez, ya está online el cliente web de jLibrary, aunque todavía en beta por faltarle algunos ajustes. Es la primera aplicación web basada en jLibrary, además, se puede ver que la web del proyecto está publicada con la misma aplicación, con un repositorio específico para ello.

Esta aplicación, que aunque no llega tener toda la funcionalidad del cliente de escritorio, se echaba de menos por tener un cliente ligero para acceder desde un navegador. Además puede dar una idea de cómo utilizar jLibrary como core para otros desarrollos en entornos web.

En cuanto a funcionalidades:

  • Se pueden navegar por los directorios y categorías de un repositorio, podemos ver el contenido de los documentos html y descargarnos cualquier tipo de documento.
  • Realizar búsquedas sobre el contenido de los documentos de un repositorio
  • Una vez autentificados con los usuarios creados para ello(por ejemplo kevin/kevin) en el repositorio demo, dentro del directorio PlayGround, se pueden crear directorios, crear documentos html, hacer uploads de documentos, asignar categorías y relacionar documentos.
  • Suscribirse por RSS a un directorio
  • Además se puede conectar desde el cliente de escritorio.

Para quien tenga curiosidad, están publicadas las características técnicas, tanto del servidor dónde se hospeda la aplicación como de algunas generales de la aplicación.

El cliente web, se distibuirá con la próxima versión de jLibrary, por lo que se agradece que contactéis con nosotros en caso de encotrar algún bug o simplemente para darnos feedback. Para contactar con nosotros lo podéis hacer en demo(arroba)jlibrary(punto)org o en la web del proyecto en sourceforge.

Ha sido mi primera aportación al mundo open source, del que tanto me he aprovechado:), y realmente es una experiencia que recomiendo:

  • Me ha servido para aprender un poco de freemarker, maven, spring, al principio de mi colaboración a usar JSF… y aplicar algunas otras que ya conocía.
  • El ver como gente de cualquier parte del mundo se interesa por el proyecto en el que colaboras, que al final de todo es lo que nos debería satisfacer como desarrollardores, que algo en lo que participas resulte útil, y espero que cuando salga la próxima versión de jLibrary sea el caso.
  • Trabajar con Martín “mano a mano”, que es un fuera de serie.

3000 euros por una idea

Acabo de leer en el blog de Dani Torres, que desde alzado regalan una beca de 3000 euros para dar un impulso a un proyecto o idea web.

Para presentar la idea se puede mandar desde un correo explicando la idea hasta el desarrollo en beta a beca(ARROBA)alzado(PUNTO)org, la fecha límite es el 30 de Noviembre y el 15 de Diciembre se conocerá al ganador.

Vamos, que si tienes en mente realizar algún desarrollo o lo tienes empezado, quizás sea una oportunidad para ganarte unos buenos euros para ayudarte a pagar un servidor o lo que sea, ya que no imponen gastarse ese dinero en nada en concreto.

Ohloh, directorio de proyectos Open Source

Acabo de poner el widget de mi perfil en Ohloh. ¿Pero qué es Ohloh?

Ohloh es básicamente un directorio de proyectos open source que analiza los repositorios para sacar algunas estadísticas interesantes:

Una estimación del coste del proyecto calculado por la líneas de código y una media del salario anual de los desarrolladores (que es modificable), calcula el porcentaje de lenguajes utilizados en el proyecto, muestra los desarrolladores que han contribuido en el proyecto con la cantidad de commits y el tiempo que lo han hecho, avisa del tamaño del grupo de desarrollo, posibles problemas de licencias… vamos que da una idea de en qué estado está el proyecto.

Ohloh no se centra sólo en los proyectos, también en los desarrolladores, si estás dado de alta, puedes asociar tu usuario a un desarrollador de uno o varios proyectos y entrar en el ranking de ohloh. Además de esto, aunque no seas desarrollador de un proyecto, puedes mantener tu stack (que serían proyectos con tu bendición) lo que hace ganar en popularidad a un proyecto, además ohloh tiene una opción de buscar usuarios con un stack parecido al tuyo por lo que puede ser una buena forma de conocer otros proyectos que te puedan interesar.

A todo esto, para que sea una aplicación web todavía más interesante, se le puede sumar el uso que hacen de google maps. En un proyecto puedes ver dónde viven los usuarios que lo tienen añadido en su stack y los que lo desarrollan. Y desde un perfil de usuario ver a otros usuarios que viven en la misma zona, sean desarrolladores o no.

Por cierto hace ya bastante tiempo que tengo puesto también el widget de feedburner, como creo que hay gente que está suscrita a la anterior dirección, si no es molestia, cambiad a la nueva dirección del feed.

Tuitermaps, jugando con google maps

Hace un tiempo, estuve un par de días jugando un poco con el api de google maps y el de twitter, más que nada por la excusa del google maps, la de twitter es muy sencilla (bueno, twitter en sí lo es). El resultado es TuiterMaps.

Es algo parecido a twittermap, puedes ver de dónde son las personas que escriben, siempre que tegan puesto en su perfil el location.
En un principio muestra los mensajes del public timeline, también se puede seleccionar un usario en concreto y un usuario con sus amigos.

Es muy chorras, pero ya he visto lo fácil que es mostrar una localización gracias a la clase GClientGeocoder, simplemente le pasas al método getLatLng una cadena de la localización y una función callback que recibe un obeto GLatLng, y a partir de ahí puedes crear un GMarker para añadir al mapa.

Lo que le falta es un poco de diseño, pero para eso yo soy muy malo.