juantomas Hacking the planet

16 abril, 2012

bazar ng: ya se puede empezar a usar el nuevo diseño de bazar

Filed under: Garum Fundatio,Proyecto Bazar,Proyectos,rmd,ruby on rails — Etiquetas: , , , — juantomas @ 5:56 pm

Para los que habéis seguido en tiempo real el repositorio del proyecto bazar no será una sorpresa que a mediados de diciembre creamos un branch que llamamos bazar-ng en el que empezamos a implementar el nuevo diseño creado por el equipo de vostok studio con Javier Cañada a la cabeza.

Hace un mes hicimos el merge con la versión master y empezamos a migrar los bazares que tenían la versión antigua. Si quieres probarlo es posible hacerlo en algunos de los bazares migrados.

No ha sido un viaje sencillo llegar hasta esta nueva versión. Han sido casi 100 días super intensos en los que hemos recorrido un camino apasionante en que hemos descubierto desde los secretos de la simplicidad a la búsqueda permanente de la mejor usabilidad. Un trabajo que no termina con la primera publicación de este diseño y que será un trabajo continuado día a día.

Esta versión se merece una pequeña serie de posts para poder compartir con vosotros algunos de estos momentos que no por sencillos dejan de ser especiales. De momento os dejo un par de screenshots:

Bazarum - Homepage

 

22 enero, 2012

bazar: truncando texto html

Cuando tienes un texto demasiado grande o quieres sacar solo las primeras 200 palabras de un post tienes un pequeño problema. Sobre todo si el texto incluye etiquetas o entidades html.

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.

 

 

3 diciembre, 2011

Como hacer thumbnails de una página web

Tenemos un pequeño proyecto para analizar páginas web y clasificarlas sin son empresas. Es solo un experimento basado en una idea muy simple: las empresas tienen página web y su contenido nos puede decir si es una empresa y a que se dedica. Esta información es muy útil para proyectos como Bazar y la dinamización de mercados. Todavía está muy alfa pero ya está analizando 2 millones de webs en español. Por si queréis ver como va avanzando, está en este enlace: webexplorer de bazarum.

Una de las cosas que queríamos añadir era un thumbnail del sitio. Algo que no ha terminado de ser fácil. Había dos estratégias:

* Que nuestros servidores (ahora solo tenemos un par de servidores) hicieran el proceso de generarlos

* Usar un servicio externo.

Aunque nos atraía mucho la idea de progarmarlo nosotros, tampoco había una herramienta que lo hiciera fácil y que funcionara en nuestros servidores. Una de ellas, la que más nos gusto por su simplicidad fué: moz-snapshooter.rb

Al final la descartamos, de momento, por que requería instalar gtk en los servidores y sus dependencias. Nos gusto mucho lo fácil que era usarla y que era ruby 😉

En el proceso de búsqueda encontramos un servicio online muy sencillo de usar y que ofrece medio millón de thumbnails al mes, lo cual es más que suficiente para nuestro proyecto.

Se llaman BitPixels  y es tan fácil como incluir como fuente de la imagen la siguiente url:

http://img.bitpixels.com/getthumbnail?code=xxxxx&url=http://www.example.com

Podéis ver la integración el página del dominio bazarum.com. Aunque todavía quedan muchas cosas por hacer!!!

 

 

26 octubre, 2011

Dia Garum América 2011

Ya estoy en Montevideo y mañana será el Día Garum América 2011. La Fundación Garum celebrará mañana día 27 este evento después del éxito del primer Día Garum en Bilbao.

Será la presentación y puesta de largo de la Fundación en América. Por mi parte tengo el honor de compartir el evento con unos ponentes impresionantes que si estáis en Montevideo os sugiero que no dejéis pasar esta oportunidad. Tenéis la lista de ponentes en la agenda del Día Garum América 2011.

Estaré en Montevideo unos días así que si os apetece tomar unas cervezas y/o que os cuente el proyecto Bazar y las novedades que se avecinan estoy a vuestra disposición.

 

 

 

Powered by WordPress