juantomas Hacking the planet

23 enero, 2012

ssh: como mantener las conexiones ssh y que no se te corten

Filed under: Hacks,procrastination,rmd — Etiquetas: , — juantomas @ 11:37 am

Añadiendo estas lineas a tu configuración de ssh no se te corten las conexiones a servidores remotos:

El fichero que tienes que modificar:

 ~/.ssh/config

Las opciones que tienes que añadir:

KeepAlive yes
ServerAliveInterval 60

enjoy

22 abril, 2011

Integrando OpenHeatMap en el Bazar Garum

ACTUALIZACIÓN: Acabo de descubrir que Pete Warden es uno de los chicos que han levantado el escándalo del iPhone Tracker 😉

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.

 

 

 

 

 

 

 

 

 

 

 

22 agosto, 2010

Como saber si tu mando a distancia no tiene pilas

Filed under: Hacks,iphone,procrastination,rmd — Etiquetas: , , — juantomas @ 12:05 pm

Este hack me lo ha enseñado mi hijo Alvaro y me ha impresionado por lo sencillo que es.

Como sabéis los mandos a distancia funcionan con un emisor de infrarojos. Cuando pulsamos cualquiera los botones se enciende el transmisor y emite pulsos distintos para cada tecla. Esta luz no es visible para el ojo humano.

El hack es que la cámaras digitales si captan la luz infraroja y se «ve» en el visor de la cámara. Aprovechando esto si abres la aplicación para hacer fotos y enfocas a la parte del mando que emite puedes ver perfectamente si se enciende o no el led y si tienes baterias. Incluso si tienes baterías y se ha cascado el led. Esto me pasaba con un mando que se cayó al suelo y tenía una conexión que a veces fallaba.

Os incluyo unas fotos hechas con el iPhone para ilustrarlo.

4 agosto, 2010

Como usar CSS3 para cambiar dinámicamente tus diseños web

No es nuevo pero cada día es más complicado resolver como diseñas una página web y/o presentas información.

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.


11 mayo, 2009

Sesiones exclusivas en la Feria MovilForum

Durante la celebración de la feria MovilForum se van a celebrar algunos eventos a los que acceso será exclusivamente por invitación. Los usuarios de Open MovilForum van a disponer de invitaciones para estos eventos especiales.

Estos 3 eventos dentro de la agenda de ponencias de la Feria Movilforum son:

Android sobre el nuevo terminal HTC Dream.

HTC. Antonio Muñoz Tallon. Iberia Product manager.

Encuentro Desarrolladores «Google»

Fuera de agenda y al final de la ponencia, vendrá alguien de Google y se realizará un encuentro con desarrolladores.

Workshop Nokia.

WRT Widget Code Camp: Fun Time with Runtime: S60 WRT widgets! Hands on coding session día 21,9.30 -11h.

Si quieres asistir a algunos de estos eventos hay más información en la página de Open MoviForum.

3 mayo, 2009

Como escanea los libros google

Filed under: Casos de Exito,Hacks,Proyectos,rmd — Etiquetas: , , , , , — juantomas @ 10:11 am

Vía ScoBlaizer he llegado a la página que explica como escanea los libros google. Usan un proyector de infrarojos para descubrir cual es la curvatura natural que se produce al abrir un libro y con esto hace las correcciones necesarias para que el texto llegue en las mejores condiciones al OCR.

Me gusta de este proyecto todo el ingenio que se le ha puesto no solo para proteger los libros y escanear su información sino para resolver problemas como lo aburrido que es que el operador pase las páginas. Nos contaba Al Gore que cuando estaba en el consejo de google que para evitar la rutina se invitaba a los operadores a llevar el ritmo con música. De esta forma se hacía mucho más ameno el ciclo de pasar página y pisar el pedal para hacer la «foto».

Es difícil calcular cual es la transcendencia de este proyecto de google pero sin duda es un paso importante para la sociedad del conocimiento. Poder manejar toda esta información, y más si estuviera expuesta al 100% sin restricciones, es completamente disruptivo.

24 abril, 2009

Los v

L@s chic@s de agoranews grabaron unas cuantas entrevistas que han quedado geniales durante la presentación de la comunidad feevy. Sin olvidarnos de las pedazo de fotos que hizo Oscar EspírituSanto!!!!

Los enlaces directos a las entrevistas son:

David de Ugarte presenta de la mano del BBVA “Feevy”, un blogroll dinámico”

Fernando Gracia: En el BBVA creemos en el código de fuentes abiertas, por eso apoyamos a “Feevy”.

Un servidor: “Desde Feevy queremos crear el caldo de cultivo para innovar”

En estos vídeos no solo se anuncia la creación de la comunidad feevy, si no que además hicimos lo propio con el reto feevy que se realizará durante la campus party 2009.

20 abril, 2009

Presentaci

Mañana martes 21 de abril presentaremos la nueva versión de feevy en el centro de innovación del BBVA. A partir de ahora este proyecto libre lo gestionará, promocionará y seguirá desarrollando y evolucionando el grupo BBVA.

Siempre es una buena noticia que se apoyen y promocionen proyectos de software libre. En este caso nos encanta que un grupo de la importancia del BBVA entienda y comparta la filosofía del software y busque innovación usando nuestro modelo de desarrollo.

Sin duda una buena noticia. Os paso la nota de prensa oficial para que la divulgueís si os parece interesante.

Lo vamos a celebrar con un pequeño acto al que estáis invitados. Os podéis apuntar en este enlace.

«feevy, la enredadera libre del BBVA»

Te invitamos a compartir y a formar parte de esta nueva iniciativa del Grupo BBVA.
Queremos presentaros feevy la herramienta creada por David de Ugarte
para Feed the Ivy, que permite integrar la selección de nuestros
contenidos favoritos, de forma dinámica, en nuestro espacio web.

Tecnología facilitadora:

feevy es un servicio que facilita a sus usuarios organizar y compartir la información y
el conocimiento, que se encuentra disperso en la red. Automatiza el proceso de actualización y
publicación de dichos contenidos.

El futuro de internet se basará en la creación de herramientas que, cada vez mas, faciliten a los usuarios la extracción
de contenidos y conocimiento, el objetivo principal de feevy.

Creación de comunidad feevy:

feevy explora, se desarrolla y se extiende por la red. Con la creación de una comunidad feevy vamos a
formentar que el talento existente en esta enredadera digital, evolucione y experimente nuevas
formas de compartir, distribuir y visualizar información y conocimiento.


Código Libre para la innovación:

Para que un proyecto sea exitoso en la era de internet y que las ideas se conviertan en proyectos tangibles,
es necesario publicar y compartir la tecnología para que cualquiera pueda participar, mejorar y/o aportar ideas.
Por esta razón el grupo BBVA se ha comprometido a promover, publicar y desarrollar el código fuente de feevy
bajo los términos del software libre.

Esto sin duda enriquecerá el ecosistema de la enredadera digital evolucionándolo y haciéndolo crecer aun más.

El día 21 de abril se realizará la presentación para los que formáis parte fundamental de esta enredadera digital.
Se realizará en el Centro de Innovación del BBVA en la Plaza Santa Bárbara, número 2. De 7:30 a 9:30 pm.

Enrédate con nosotros!!!

Aforo es limitado, se ruega confirmación.

• enlaces importantes:

– feevy:
http://www.feevy.com/

– BBVA Innovación:
http://www.bbva.es/TLBS/tlbs/jsp/esp/conozca/innova/index.jsp

Encuesta Open MovilForum

En el proyecto Open MovilForum están haciendo una encuesta para conocer la opinión de los desarrolladores de aplicaciones para móviles y como merjoralo. Este tipo de encuestas siempre es una buena oportunidad para influir en el futuro de este proyecto.

Además, si tienes interés en asistir, sortean 10 entradas la campus party 2009 entre los usuarios que rellenen la encuesta.

11 abril, 2009

screencast: como se hace una aplicaci

En la web de Open Movil Forum he encontrado este screencast de como se hace una aplicación para iPhone. Lo que más me ha gustado es el entorno de programación que han desarrollado la gente de apple. Este tipo de herramientas, aunque esta es propietaria, son las que necesitamos para poder desarrollar aplicaciones a toda velocidad.

Nunca he sabido porque no pensamos más en como reducir los tiempos de los desarrollos haciendo mejores herramientas como xcode. La verdad es que esto es una de las cosas que echo de menos en Android y algo más que un plugin para eclipse.

Older Posts »

Powered by WordPress