Tampoco es que sea un problema que no cualquier programador no pueda abordar en una horas. Pero ya se sabe: si ya está programado para que escribirlo de nuevo.

Googleando un poco he encontrado un par de soluciones que encajan con lo que necesitaba, y seguro que hay alguna más.

Por un lado hay una solución que aborda el problema en la parte del cliente (su navegador). Es un pequeño plugin de jquery que se llama: html-truncate

Este plugin va muy bien cuando quieres tener un enlace al final del texto con el típico enlace “leer más” y cuando se pulsa haces visible el resto del texto. Se puede ver como funciona en la página de demo de autor (Henrik Nyh) y como resiste bien a cosas como truncar en medio de una tabla

En mi caso solo quiero mostrar dos o tres lineas de cada oferta que publicamos en los bazares y no tenía sentido mandar toda la oferta y luego recortarlo. De hecho si se pulsa en el div que muestra la oferta reducida se envía a la ficha completa de la oferta/demanda. Para recortar lo hacemos en el servidor con el código de Henrik pero adaptado a rails.

Esta mejora forma parte del nuevo diseño y usabilidad de bazar que estará listo en unas semanas. La implementación de esta versión se puede seguir en vivo en la rama ng del proyecto bazar en github. En cuanto esté un poco más “funcional”  daremos la opción a los usuarios para empezar a usarlo.

Y esto no podía ser menos con el Bazar Garum. Casi con una frecuencia semanal hay mejoras, nuevas prestaciones, incidencias resueltas, etc.

Esta semana el protagonista es un pequeño cambio que mejora que nos parece super útil: editor enriquecido para las ofertas. Puede parecer trivial pero permite a las empresas de la red de bazares ser mucho más creativos con sus ofertas/demandas.

El post oficial de este cambio ha sido publicado en la página oficial del proyecto Bazar. Para todo el resto de commit que no van a tener sus 15 minutos de gloria, está el repositorio oficial de Bazar Garum en Github.

Es un próximo post contaré como integramos tinymce en rails 3 usando jquery. Tiene alguna trampilla para que funcione y se merece un post.

Cuando uno se acostumbra a los desarrollos ágiles no tienen mucho sentido la numeración de versiones tradicionales. La sensación es que todas las semanas hay una versión nueva que deja antigua, mejorada o más deseable a la anterior. A veces siento que incluso hay commits en el github del proyecto Bazar que se merecen una versión. Pero estas son el tipo de cosas que sentimos los programadores en esa relación tan especial que tenemos con nuestros proyectos.

Una sensación tan especial que incluso a mí no deja de sorprenderme día a día. De pronto la vida te da la oportunidad de poder participar en un proyecto como la Garum Fundatio, de poder desarrollar desde cero una herramienta como Bazar, te da la oportunidad de implementar y demostrar que hay cosas que se pueden hacer de otra forma y de pronto surge esa relación tan especial con un proyecto, con su código y termina convirtiéndose en la versión 1.0.

Esta versión ha incluido muchas mejoras y lo mejor es ver algunas de ellas en el anuncio oficial del Proyecto Bazar. Para todos los demás que siguen considerando que el código es poesía hay algunos commits en github de los que estamos orgullosos y nos encantan. Eso si no son fáciles de encontrar entre otros muchos que “simplemente” hacen que estemos contentos y satisfechos con esta primera versión. Primera por que vendrán muchas más y serán tan frecuentes como podamos.

Y por supuesto no habríamos llegado hasta aquí si no hubiera sido por:

* La gente que nos inspiro desde el principio y no nos abandono en ningún momento de este camino.

* Los que nos recordaron como era el html de los 90 para que hiciéramos todo lo posible para erradicarlo.

* Los que llenaron de diseño y buen gusto cada rincón del proyecto para terminar con la sobriedad que siempre intentamos imponer desde la tiranía del código.

*  Los que nos enseñaron que no existe ni la telepatía, ni los mensajes subliminares cuando diseñas un interface de usuario (y eso que sería un gran avance).

Muchas Gracias a todos !!!!

Os dejo algunos enlaces:

Página del Proyecto Bazar

Como descargar e instalar Bazar

Página de Github con el código

Ayer me encontré sin querer con una de esas joyas que genera el software libre: OpenHeatMap de Pete Warden.

Pete Warden es un auténtico crack. No solo por lo fácil que hace publicar datos, solo tenéis que ver los vídeos en los que cuenta como funciona OpenHeatMap para descubrir que además no se puede ser más abierto y humilde como persona.

La idea de OpenHeatMap es que creas un csv o una hoja de cálculo en google con la información que quieres representar geolocalizada, configuras como quieres el mapa y ya está. Pete ha creado un par de vídeos para explicarlo:

Este que es general para todo el mundo:

Y este otro más dirigido a periodistas:

Puede que exista una forma igual de sencilla para hacerlo con google maps, pero ¿quien no está hasta las narices de Google?

Además usa Openstreetmaps que desde siempre me han caído mucho mejor y están en la linea que tiene futuro: información abierta y libre para todo el mundo.

En modo server  va como la seda pero para incluirlo en tu proyecto, en mi caso en el bazar garum, he tenido que pelearme un poco. Estos son los pasos que he realizado:

* Meter lo includes necesarios:

OpenHeatMap requiere jquery y esto ya lo tengo incluido en Bazar.

<%= javascript_include_tag(“jquery.openheatmap.js”) %>

Me lo he bajado en local que no es cuestión de que Pete pague de más a Amazon por el almacenamiento.

* LLamar a OpenHeatMap

Esto es todo lo que se necesita:

<div id=”mapa-paises-container”></div>

<script type=’text/javascript’>

$(document).ready(function(){

// tamaño del mapa y tipo de render.

// no prefiero flash, pero html5 canvas no termina de ir bien todavía

$(‘#mapa-paises-container’).insertOpenHeatMap({

width: 800,  height: 500, prefer: ‘flash’

});

});

function onMapCreated() {

var map = $.getOpenHeatMap();

csv = ‘<%= Pais.paisestocsv -%>’;

map.loadWaysFromFile(‘http://static.openheatmap.com/world_countries.osm’);

map.loadValuesFromCSVString(csv);

map.setSetting(‘gradient_value_min’, 0);

map.setSetting(‘gradient_value_max’, 10);

map.setColorGradient(['#ffbdf7a0', '#ffff0000']);

}

</script>

El método de rails que me devuelve las empresas que hay en cada país es muy sencillo:


def self.paisestocsv
csv = "country_code,value\\n"
max = Pais.count_by_sql("select max(total_empresas_mercado) from paises")
for pais in Pais.where ('total_empresas_mercado > 0')
csv += "#{pais.cod3},#{(pais.total_empresas_mercado*10)/max}\\n"
end
return csv
end


Como veis simplemente selecciono los países que tienen empresas y monto un string en formato CSV que luego uso en los scripts de OpenHeatMap. Con el código iso de país de 2 dígitos no funciona o no lo he conseguido yo. Pero echando mano de geonames lo he incluido en la tabla de países. En el modo servidor si subes un CSV con códigos de 2 dígitos funciona perfectamente. Si alguien se anima a corregirlo, seguro que Pete se alegra mucho.

He normalizado los valores del número de empresas para siempre devuelva valores entre 0 y 10 para poder ajustar mejor los gradientes pero no estoy seguro de que haga falta realmente.

El resultado ya integrado con Bazar Garum se puede ver en la página de datos de Bazar. En un par de semanas tendremos los nuevos bazares en funcionamiento y poco a poco se ira llenando el mapa.

La primera es su naturaleza distribuida. Hay bastantes aproximaciones a como agilizar y potenciar las relaciones entre empresas pero todas son centralizadas en un servicio. Esto desde nuestro punto de vista hace que se pierda uno de los pontenciales más interesantes de Internet: las redes distribuidas. Por esta razón desde el principio hemos diseñado el proyecto bazar para que su arquitectura sea distribuida y  cada uno de los servidores establezca relaciones con el resto de servidores. Esto nos da varias  ventajas: robustez, gestión distribuida, crecimiento sin limitaciones a priori.

En cuanto a la tecnología nos hemos decantado por usar rails3. La razón principal es por que en el proyecto bazar la funcionalidad se define en módulos y necesitábamos crear un tejido que nos permitiera incluir nuevos módulos, propios o de terceros, facilmente. Rails3 era el tejido perfecto. Para la implementación de los módulos la nueva implementación de engines es lo más adecuado.

Enlaces con información del proyecto:

Página oficial del proyecto bazar en Github.

Garum Fundatio.

Objetivos del proyecto bazar.

Algunos artículos sobre el espíritu de Garum.

Para empezar algunas conviene repasar estos manuales de rails3:

Manual desde cero y haciendo una aplicación de blog completa

En Inglés pero muy didáctico y desvela casi todos los trucos para hacer una aplicación en rails. Incluido como usar github o heroku.

Tutoriales de ruby y rails.

No va nada mal seguir este manual que empieza de cero con ruby porque si no se hace difícil entender como funciona la “mágia” de rails.

Como hacer que funcionen los plurales para las tablas en español.

Me gusta poner los nombres en español para aplicaciones en esta lengua.

Ojo la forma de hacerlo correctamente viene en el primer comentario!!!

Como usar el módulo authlogic en rails3

En español y paso a paso. La única pega es que usa haml pero esto no es un handicap ni mucho menos.

Usando JQuery con rails3 ( y de paso eliminando prototype)

Muy bueno y perfectamente integrado en la nueva versión.

Y esto es todo por hoy pero seguiré publicando más enlaces.

Hace muchos años el mayor problema era a que resolución te iban a ver y esto era básicamente una cuestión de la resolución del monitor más o menos. Con la proliferación de iPhones/iPads/Androids y el resto de la familia de teléfono inteligentes ahora el problema es mayor. Ya no es solo es una cuestión de resolución es una cuestión de usabilidad: es un pecado “mostrar” un interface en un nexus one o un iPhone que en un iPad o cualquiera que sea la siguiente tableta que salga al mercado. Pero no solo esto la pantalla “retina” del iPhone4 muestra horrorosamente los gráficos que no han sido diseñados para tanta resolución.

La solución es el CSS3 que nos permite interrogar al dispositivo y cambiar lo que queramos: cual es la página de estilos que se va a seleccionar, cambiar solo algunas cosas de la actual y una larga lista de posibilidades incluido afinar las fotos para que se bien el el iPhone4.

Algunos de los trucos son del estilo:

<link rel=”stylesheet” media=”all and (max-device-width: 480px)” href=”iphone.css”>
<link rel=”stylesheet” media=”all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)” href=”ipad-portrait.css”>
<link rel=”stylesheet” media=”all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)” href=”ipad-landscape.css”>
<link rel=”stylesheet” media=”all and (min-device-width: 1025px)” href=”ipad-landscape.css”>

para aplicar hojas distintas dependiendo de la anchura.

O este que es unos de mis favoritos para el iPhone4 y en general para cualquier dispositivo que tiene mucha resolución:

<link
    rel="stylesheet"
    type="text/css"
    href="/css/retina.css"
    media="only screen and (-webkit-min-device-pixel-ratio: 2)" />

Los artículos que me han inspirado y que realmente merecen la pena verlos y revisar el sitio son:

Retina Display en el iPhone4.

Using CSS Media Queries to Style Your iPhone and iPad HTML By Elisabeth Robson

Actualización: Acabo de encontrar este artículo del maestro Icaza también sobre los displays de alta densidad y las aplicaciones.

Hoy se emite una entrevista que nos realizó el programa de Adolfo Plasencia sobre feevy. Ha utilizado un frase para describir feevy que me gusta: “Artefacto de la web en tiempo real”.

Pego la convocatoria oficial a continuación. Si no lo podeís ver en directo a partir del viernes se cuelga el vídeo en la web oficial.

Esta Semana en Tecnópoilis UPTV:

Artefactos de tiempo real para la Web Social: Feevy • MicroPlaza

http://blogtecnopolis.wordpress.com/2009/06/10/artefactos-de-tiempo-real-para-la-web-social/

La comunicación de tiempo real esta creciendo en la Web Social exponencialmente. Se esta configurando en Internet a toda velocidad un sistemas globales de nuevos medios de comunicación nativos del la Web 2.0, al margen y mas alla de todos los medios de comunicación tradicionales conocidos hasta ahora. David de Ugarte augura una fusión entre las arquitecturas de la infoamción de los blogs y las redes sociales y afirma en el programa que los usuarios de la Web Social hen sustituido la mediación entre los periodistas y los usuarios de la Web. Ahora lo hacen ellos mismos. En las redes sociales y en twitter no son las agencias de prensa las que definen, crean y distribuyen la noticias. Son los usuarios son los que deciden qué es relevante y noticia para ellos y qué no lo es.

Lord Northcliff que en 1917 afirmó soibre los medios: “Noticia es algo que alguien en alguna parte esta tratando a toda costa de ocultar. El resto es propaganda [publicidad]“. Los usuario de la Web Social han aprendido esta lección y ahora, la recomendación, la confianza y los algoritmos de filtrado y de ‘popularidad’ y la Pervasive Web (penetrante, ubicua y de tiempo real) hacen el resto. Los Microformatos, el microblogging la descentralización y la confianza radicales, las ‘pequeñas piezas dinámicamente unidas’ de la Web que formuló Tim O’Reilly se han matrializado en nuevos, potentes y masivos artefactos Web de comunicación en tiempo real.

Esta semana Tecnopolis UPTV muestra dos destacados ejemplos de esos nuevos Artefactos Web de Comunciación en Tiempo Real que estan creciendo exponencialmente en la Web Social : Feevy: un sistema de blogroll dinámico y MicroPlaza: un servicio de filtrado de noticias mediante microblogging basado en twitter. Para explicarlos estaos dos nuevos Artefactos Web participan en el porgrama Tecnopolis UPTV de esta semana Juan Tomás García, evangelista y dinamizador de la Comunidad Feevy y Elena Benito Ruiz, Product Manager de Microplaza.

Esta entrega de Tecnópolis UPTV se emite el miércoles 10 de Junio, de las 13.30 a 14.30 h. y de 21.30 a 22.30 h. y el domingo 14 de Junio con el mismo horario (horas de España). La televisión de la Universidad Politécnica de Valencia emite en abierto en el área metropolitana de Valencia, por el canal 45 UHF; en TV por cable en España, por el canal 989 de Ono y, por el satélite Hispasat para Iberoamérica.

Para ver el Porgrama en los dias y horas señaledas mediante strmaing clikear en el gráfico que hay en:

http://blogtecnopolis.wordpress.com/2009/06/10/artefactos-de-tiempo-real-para-la-web-social/

A partir del viernes 12 el programa integra estar disponible en este mismo link

Nos vemos por allí. Para los que todavía no os habeís apuntado todavía os podeís apuntar en el enlace que ha habilitado madrid on rails.

Los chicos de OpenMovilForum han convocado el IV concurso mashups en movilidad. Hay 10.000 Euros en premios a los 3 mejores proyectos y algunos regalos más para regalar entre los participantes. Hay algunas condiciones del concurso que me gustan mucho como que se tiene que publicar con una licencia libre (Apache 2.0) y que por supuesto la autoría y copyright es del autor. Puede participar cualquiera: programadores, empresas incluso menores (con autorización paterna .

Ganar este concurso o simplemente participar ya os puede dar una visibilidad y oportunidades que en estos momentos no tiene precio. ¿A que esperas para participar si tienes una idea/proyecto?