Las fricadas de cada dia

gyrophono 1.1 para iphone e ipod touch

2010-10-27T23:24:00.001+02:00

Tal como prometí a los chicos de appleweblog, aqui llega la nueva versión de gyrophono.
Gyrophono virtual se ha actualizado a la version 1.1 con las siguientes mejoras:

Mejoras visuales.
Traducciones: añadido el castellano, catalán e italiano.
Touch mode: ahora incorpora un xilofono multitáctil. Los dispositivos ios que no incorporen giroscopio, ahora podrán ejecutar la aplicación en modo tactil. Este modo esta disponible tambien para dispositivos con giroscopio.
Mejores instrucciones.

Aqui tenéis un video demostrativo:

Gyro Stick for iphone 4: a drum you can play backside up!

2010-09-25T00:05:00.003+02:00

Gyro stick is available to download on app store.

With this app, you can play several percusion intrsuments, using gyroscope-controlled virtual drumstick.

Features:

Drums & cymbal
Bongos
Gong
You can even play it backside up!

Backside up demo :P

Suggestions are wellcome!

gyro stick para iphone 4: una bateria que se puede tocar al revés!

2010-09-16T23:54:00.008+02:00

Gyro stick ya esta disponible en la app store.

Esta app te permitirá tocar varios instrumentos de percusión usando el giroscopio integrado del iphone 4 o el reciente anunciado ipod touch de cuarta generación.

Funcionalidades:

Bateria, y platos
Bongos
Gong
Incluso se puede tocar sin mirar la pantalla, o con el dispositivo mobil al revés!!

Aqui teneis una pequeña demostración de su funcionamiento:

Aqui una demostración de como tocarlo al revés :P

Toda sugerencia de mejora o añadido sera bienvenida!

gyrophono virtual para iphone 4

2010-09-10T12:40:00.003+02:00

Gyrophono virtual, disponible en la app store, una app exclusiva para iphone 4 que te permitira utilizar el telefono como si fuera el baston de un xilofono.

Para ello se hace uso del giroscopio que tiene incorporado el iphone 4 para detectar la posición y angulo del telefono.

Aqui teneis una pequeña demostración de su funcionamiento:

Próximamente habrá una actualización de la aplicación que mejorara su usabilidad al incorporar una animacion que mostrara la nota actual de una forma mas gráfica.

Profiling en php con xdebug y kcachegrind en windows

2010-01-24T20:38:00.021+01:00

Hace tiempo que no posteo nada y ya tocaba compartir algo interesante.

Llevo un tiempo trabajando en php utilizando la tecnica del profiling de forma habitual.

El profiling facilita mucho las cosas a la hora de analizar el rendimiento de todo tipo de scripts y aplicaciones web, puesto que permite un análisis muy visual y exacto.

Concretamente, hacer profiling en php implica el uso de una extensión de php como xdebug , que permite generar los ficheros de trazas ( o también llamados profiles ), ademas de un programa para analizar de estas trazas, como wincachegrind (windows), webgrind (multiplataforma) o kcachegrind (linux).

En mi caso he utilizado kcachegrind porque es el mas completo de todos en cuanto a la cantidad de diagramas y datos que te puede mostrar. Dado que kcachegrind es un programa de linux, he tenido que buscar una forma de ejecutarlo en windows, y ahi es donde encontre kde4win.

Kde4win permite la instalación en windows un conjunto de aplicaciones de linux preparadas a tal efecto. Y dentro de este conjunto de aplicaciones se encuentra kcachegrind, con funcionalidades que lo hacen muy superior a los demás analizadores como las siguientes:

Diagramas en forma de arbol que muestra la jerarquia de las llamadas a funciones que se realizaron.
Muestreo de tiempos de ejecucion detallados hasta el microsegundo o en porcentaje respecto el tiempo total de ejecución.
Muestreo de un 'mapa de ejecución', esto es un diagrama en el que cada funcion esta representada con un tamaño proporcional al tiempo que tardó.
Agrupación o coloracion de los diagramas por nombre del fichero o por clase.
Listado de numero de veces que se llamo cada función, con los tiempos propio y de inclusion que tardo en total.
Búsqueda, para localizar aquella funcion que queremos saber cuanto tarda, pero que puede no ser facil de encontrar en el arbol de la traza.
Navegación facil por los nodos del arbol de ejecución.

Después de haber probado wincachegrind y webgrind, me decidi por el kcachegrind por la gran diferencia de funcionalidades y a pesar de las dificultades de instalación, y de que ahora parece que ya no viene incluido en kde4win ( y no me preguntéis porque, porque no tengo ni idea :S ).

Si deseáis poder hacer profiling en php en windows, solo teneis que hacer lo siguiente:

Descargar e Instalar la extension de xdebug que sea apropiada para vuestra version de php.
Comprobar que se están generando los profiles en la carpeta configurada en php. Tienen que ser ficheros con la extension .kgrind
Descargar este kde4win (200mb) que he preparado, y descomprimirlo en la carpeta c:/KDE4
Instalar graphviz, pues al parecer es necesario en windows para poder generar los gráficos en forma de arbol en kcachegrind.
Hacer dobleclick sobre un fichero de traza y asociarlo a kcachegrind (c:/KDE4/bin/kcachegrind.exe)

Y listos!! A partir de ahora ya podreis ver diagramas de lo que programais en php y reducir esos milisegundos de mas que tanta falta nos hace!!

Para cualquier duda o consulta, ya sabeis! Los comentarios estan para algo :D

Ejemplos de Google wave y talk robot / Robot examples

2009-11-15T22:44:00.004+01:00

Voy a compartir un proyecto a partir del cual he realizado otros en los que estoy ahora.

Este proyecto esta desarrollado en java sobre la tecnologia de cloud computing de google appengine de ejemplo que he subido en google code.

Realmente es solo un ejemplo muy basico de un robot para google talk y otro para google wave que simplemente contestan una frase predefinida.

Esto es ideal para todos aquello que estén empezando con la tecnologia de appengine y quieran ahorrarse algo de código y ver algunos ejemplos.

El proyecto esta colgado aqui.

Resetear ejes ( reset axis ) en flot y jquery

2009-10-09T16:28:00.004+02:00

Si estas haciendo un grafico usando flot y jquery usando zoom, puedes resetear el zoom con el siguiente codigo:

function resetZoom () {

var plot_xaxis = plot.getAxes().xaxis;
plot = $.plot($("#placeholder"), data,
$.extend(true, {}, options, {
xaxis: {mode: "time" ,min:plot_xaxis.datamin , max: plot_xaxis.datamax }
}));

}

Ojo que esto resetea solo el eje x.

Espero que sea de utilidad para el que lo este buscando!

Arreglar fallos de compatibilidad en internet explorer 8

2009-03-20T19:58:00.004+01:00

Este sera un post corto.
Si quereis un arreglo rápido para esos scripts/html que no funciona bien en explorer 8, solo teneis que colocar esto en el head de vuestro html.


<meta equiv="X-UA-Compatible" content="IE=6"/>

Esto activa el modo de compatibilidad de explorer 8. Desde que salió la versión final de explorer 8 hace poco, su quota de mercado ira subiendo, aumentando a la vez los quebraderos de cabeza de los programadores...

Almenos este arreglo te puede dar mas tiempo para hacer tu web plenamente compatible.... o dejarlo asi de por vida. :D
Espero que sea de tanta utilidad como me ha sido a mi.

Optimización de webs I: Css sprites, Reducción de Javascripts y Css Compression

2009-03-07T23:00:00.009+01:00

Css Sprites es una técnica que consiste en combinar tantas imagenes de la página como sea posible en una de sola, y luego usar las propiedades de background-position de css para colocar cada imagen en su sitio.

Con esta técnica se consigue reducir el numero de peticiones, y además, con un poco de maña también se puede llegar a reducir el tamaño global de las imagenes.

A modo de ejemplo utilicé esta técnica, además de la compresión de javascript y compresión de css en una de mis páginas, meteo.onaliva.net con el siguiente resultado.

Antes:

Tipo	Cantidad	Peso
HTML/Text	1	4.4K
JavaScripts	4	78.1K
Css	2	5.9K
CSS Images	3	12.0K
Images	7	7.2K
Total	17	107.6K

Después:

Tipo	Cantidad	Peso
HTML/Text	1	4.4K
JavaScripts	2	62.1K
Css	1	6.2K
CSS Images	3	5.4K
Images	1	0.03K
Total	9	79.0K

Como se puede ver, el tamaño global de los ficheros de la página se ha reducido un 30% aproximadamente, y el número de peticiones se ha reducido a casi la mitad.

Inicialmente utilice esta web que te facilita el proceso de creacion de los sprites, pero no contento con el resultado, termine haciendo los sprites a mano, consiguiendo un mejor resultado.

En este ejemplo quizá el usuario no notaría una gran mejora en la experiencia navegando por la pagina, pero en webs donde puede haber hasta 50 imagenes para los menús, imagenes de fondo... etc, esta mejora seria muy notable.

Un ultimo apunte, para comprimir los javascript existen varios metodos (packer, jsmin, ... etc ) y hay una web donde podemos comparar compressores y el rendimiento dado por cada uno antes de decidirnos por uno.

En la web de meteo.onaliva.net utilice packer, que aunque no es del todo seguro ( pero comprobe que no daba problemas en varios browsers ), comprime mas.

En el proximo post hablare de Optimización de recursos de apache, hasta la proxima!

El Regreso

2009-03-07T22:44:00.004+01:00

Después de una larga temporada de inactividad (...o pereza..) blogistica he decidido iniciar una serie de posts dedicada a técnicas de optimización de webs.

Estas técnicas van a cubrir tanto frontend, como backend de los websites. Incluso algunas de ellas aun no las he puesto en practica, pero en breve voy a experimentar con ellas y publicare los resultados en este blog que he tenido abandonado tanto tiempo.

Algunas de estas técnicas son:

Css-sprites, combinación de varias imagenes en una.
Minimizado de javascripts y css
Compresión de paginas web en apache (mod_deflate de apache)
Uso de APC: cache de ficheros y cache en memoria con php.
Cache de ficheros en memoria con apache (mod_cache)
Configuración de apache para un alto rendimiento
Virtualhosts de contenido estatico en apache.
Uso de variables de entorno en apache.

Seguramente me estoy dejando alguna técnica, asi que puede que luego termine haciendo la serie de posts mas larga de lo previsto :P

Hasta pronto!!

Select box con imagenes y separadores

2008-08-14T19:33:00.002+02:00

Existe un tag html poco conocido y usado: el elemento Optgroup

Este elemento se usa dentro de tags select y permite agrupar y etiquetar series de elementos, de manera que se puedan usar en un mismo select.

También hay que tener en cuenta que se le pueden aplicar estilos a los elementos option para añadirle colores.
Como guinda final estan los simbolos unicode, tales como estrellas (★) o checks (✓), que pueden darle un aspecto gráfico y mas intuitivo a estos elementos.

Como muestra, un boton:
Fuente: Blogoscopped

Photoshopeando videos

2008-08-14T19:25:00.003+02:00

Desde Genbeta nos llega un proyecto en el que esta trabajando microsoft.
Se trata de Unwrap Mosaics, una tecnologia que permite la insercion de elementos en videos de manera que queden perfectamente integrados.
¿Photoshopeado de videos? ¿insercion de anuncios? quiza solo sea cuestion de tiempo...

Para mi que esto dara mucho que hablar...
Fuente: Genbeta

Sobre Php 5.3, Php 6 y alguna otra locura en php

2008-08-08T22:59:00.004+02:00

El otro dia tuve un rato fructifero navegando. Una de esas veces que una pagina te lleva a otra y en cada una encuentras algo interesante de lo que quieres tomar nota. Os publico aqui lo que encontre.

Empezaremos con una serie de guias para desarrolladores de php, que me llevo a otro sitio donde encontre 5 cosas que (igual) no sabias de php

Luego encontre informacion de lo que viene en php 5.3:
Esto es importante conocerlo : Lo que viene en la siguiente version (5.3) de php, aunque aun esta en fase alfa:

Namespaces, como en java. Personalmente no le veo el que, pero los que vienen de java sabran apreciarlo.
Closures: como las de javascript. O sea, hacer cosas como por ejemplo
$funcion= function (){ echo "hola"};
$funcion();
Sintaxis NOWDOC para assignacion de variables: Muy util cuando tienes scripts que reemplazan tags en codigo y no quieres que jamas de los jamases se rompa el codigo.
Phar: la version en php del jar
Late state binding: mejoras en la herencia de clases estaticas ( http://es2.php.net/lsb)

Tambien encontre algo de lo que vendra en la version 6 de PHP:

La classe de objectStorage, sirve para tener una persistencia de objetos o singletons (durante un ciclo de ejecucion ).

Buscando alguna extension interesante para php encontre las siguientes:

Uso de funciones de librerias externas como msgBox o lo que se os ocurra. Quiza pueda servir para hacer llamadas a sistema en sistemas no linux. No le veo otra utilidad...
Compilado de scripts para hacer codigo "closed source". Si quereis vender codigo lleno de misterio y de forma que os tengan que llamar para cualquier cambio, pues esta es vuestra extension. :P
Sobrecarga de operadores en php (beta) : Util para aquellos que estudiaron ADA y no saben programar de otra manera...
Mejoras en el uso de http, como requests en paralelo

Si alguna vez aterrizas en un framework php hecho a medida siempre te vendra bien poder hacer ingenieria inversa de un codigo php para sacar umls. Creo que lo usare en breve...

LA FRIKADA DEL DIA
un servidor web hecho en php

Esto no es de php pero tambien me parecio interesante, se trata de un script de Filtrado de MYSQL SLOW QUERYS

Bueeeno, creo que ya ha habido bastante empache de links por hoy.

Discos SSD de 250MBps de lectura (lease megabytes segundo)

2008-08-08T22:45:00.004+02:00

La empresa Micron acaba de anunciar nuevos miembros de discos duros en estado sólido (SSD) en su linea RealSSD en capacidades de 256GB (en formato 2.5" de laptop), y 32GB o 128GB en formato de 1.8" (como el iPod), con un interfaz SATA de 3Gbps, pero con la gran particularidad de que ofrecerán una asombrosa velocidad de lectura de 250 MBPs (o 2,000 Mbps), y una de escritura de 100 MBps (800 Mbps).

No hay precios disponibles, pero se sabe que estara disponible a finales de años para varias marcas conocidas. ¿Ipod touch de 128 gb? Seguro que sera lo que viene :P
Fuente: Eliax

Wilhelm: El grito mas usado de la historia del cine..

2008-06-22T03:10:00.003+02:00

Parece que en hollywood les va esto de reaprovechar :)

Para mas info: Wikipedia (EN)

¿trucaje o realidad? Ciego el que no lo vea...

2008-06-20T23:37:00.003+02:00

Mira que hay gente que se mata poco retocando....

Pista: Sombras y reflejos... XDD

Visto en Meneame

15 Herramientas para desarrollar aplicaciones web mas rapidas

2008-06-18T23:28:00.002+02:00

En este Link han publicado un listado de plugins y utilidades para ver por donde cojea tu pagina web. Estan muy bien, alguna ya la estaba usando como firebug y yslow. Pero tambien cubre aspectos de servidor y no solo de analisis de implementacion de las paginas.

Via: Digg

Materiales de la PhpWorkShop de barcelona

2008-06-18T22:38:00.003+02:00

El sabado de hace 2 semanas, asisti a un phpWorkshop en barcelona. Fue una experiencia interesante por los talleres que hubo. Por la mañana fui a talleres sobre motores de workflow y internacionalizacion.
Despues de una comida a base de croquetas y bocatillas con forma cilindrica, hubo un par de talleres que para mi fueron los mas interesantes, los de ajax, y el mas interesante de todos: el de seguridad en aplicaciones web. Fue muy enriquecedor el conocer las tecnicas que se usan para inyectar sql y html en paginas web para fines malignos...

Primero colgaron un video y ahora colgaron la documentacion. Por cierto, salgo por el final del video en la esquina derecha, cuando enfocan la chica que bosteza.

Dejo el link de donde colgaron la documentacion del phpworkshop de barcelona ...

Another low pass of TAP Airbus A310 in Portugal Airshow 2007

2007-11-04T21:50:00.002+01:00

http://www.youtube.com/?v=o1n6cokv7nQ

Another low pass of TAP Airbus A310 in Portugal Airshow 2007

Blogged with Flock

ADrive, 50 GB de espacio online por nuestra bonita cara

2007-11-04T15:53:00.005+01:00

A ver quién da más. ADrive es otro disco duro virtual online que por nuestra bonita cara nos ofrecen la friolera capacidad, para lo que estamos acostumbrado ver actualmente, de 50 GB de espacio de almacenamiento gratuito para nuestros propios archivos.

Para ello no tenemos más que crearnos nuestra flamante cuenta gratuita y crear los directorios y subdirectorios que necesitamos, y sobre cada uno de ellos ir subiendo archivos, que podrán ser de forma simultánea.

Además, existe un directorio en nuestras cuentas que todo lo que subamos allí son contenidos públicos y que, por tanto, podrán ser compartido a otros usuarios.

Las cuentas premium están a la vuelta de la esquina con nuevas características y mayores capacidades, aunque creo que con 50GB tenemos suficiente.

Como nota personal negativa, personalmente me ha sido imposible subir archivos desde Mac. Esperemos que pronto mejoren la compatibilidad.

Vía | Bitelia

Enlace | ADrive

2007-05-26T22:37:00.001+02:00

Dragon Ball en la vida real

Escrito por Jorturos el 22 de Mayo del 2007

Uno de los mejores vídeos caseros que he visto en mi vida. Bueno, aunque no se yo lo casero que es, ya que los efectos son realmente impresionantes. Pero lo más impresionante, es que no está hecho por japoneses, sino por argentinos.

El vídeo muestra como sería Dragon Ball en la actualidad. De lo más friki en mucho tiempo.

Más Otros, Mundo Friki

2007-04-13T21:43:00.001+02:00

Shirtcity, ahora también en España

Peire Moda, Tiendas, Servicios

La tienda de camisetas Shirtcity llega a España para que, como dice su lema, cada uno vista lo que quiera. En ella podemos comprar sus propias camisetas personalizadas para cada uno escogiendo entre 900 estampados, modelos, colores o insertando texto y nuestras fotos. Y es que cada persona es un mundo!

Además ofrecen su web a otros diseñadores e ilustradores para que tengan su propia tienda, el Shirtcity Club, con lo que tendremos muchas más camisetas donde elegir o vender las tuyas si te dedicas a ello, ni que sea como hobbie.

2007-03-12T22:09:00.002+01:00

Musicovery, escucha música según tu estado de ánimo

¿Hoy cómo te sientes? ¿Optimista, algo negativo? ¿Qué género musical te apetece escuchar? ¿Soul, reggae, disco, jazz? Musicovery es una web que te permite generar un mapa visual con una selección musical en función de diversas características, para después seleccionar la canción que quieres escuchar.

Se puede, por ejemplo, seleccionar música soul para un estado de ánimo positivo. Hay otras opciones, ya que también podemos pedir que nos muestren canciones más o menos “bailables” y también acotar una época determinada. ¿Sólo te gustan los 70? Pues adelante, ¡a escuchar!

2007-01-14T14:00:00.001+01:00

Google.cat aglutinará los servicios en catalán

Javier Penalva

Google.cat tendrá una utilidad dentro de no mucho.

Será es espacio que escoja la compañía Google para alojar todos los servicios suyos que se encuentran o encontrarán disponibles en el idioma catalán, como Google Adwords, Google Adsense, GMail, Google Analytics o Google Calendar.

Nueva iniciativa en el mundo del software relacionada con el catalán en esta semana en la que también supimos sobre las ideas de Adobe al respecto y la noticia del otro día sobre la digitalización de 300.000 libros de bibliotecas de Cataluña.

Vía | Raco Catalá (gracias Albert)

10 Consejos para luchar contra el spam

2007-01-11T21:08:00.000+01:00

IronPort Systems de la mano de Mambo Technology han publicado una lista de consejos para evitar el spam y mantenerse a salvo de los riesgos online.

El volumen de spam a nivel mundial ha pasado de 31.000 millones de mensajes por día en Octubre de 2005 a 61.000 millones de mensajes en el mismo periodo del 2006, lo cual supone un incremento de casi el 100%.

Recomendaciones:

1) No abrir mensajes; Siempre que sea posible, se recomienda no abrir los mensajes de spam. Con frecuencia los mensajes de spam incluyen software que permite al spammer determinar cuántas y qué direcciones de correo electrónico han recibido y abierto el mensaje. Un mensaje sospechoso casi siempre es spam.

2) No Responder: La mejor manera de lidiar con los mensajes de correo que provienen de direcciones desconocidas o sospechosas es borrarlos, o dejar que su filtro anti-spam los ponga en cuarentena.

3) No hacer Clic: Si pincha en un vínculo (incluso en una dirección para “cancelar suscripción") que aparezca en un mensaje de spam, podría infectar su computadora con spyware o algún virus. Es mejor borrarlo inmediatamente.

4) No Comprar: El spam existe porque es muy rentable. El envío de millones de mensajes apenas implica costo para el spammer si, al menos, una persona de cada millón de envíos realiza una compra. Para ayudar a eliminar los beneficios de los spammers es fundamental evitar comprar cualquier producto que provenga de un spammer, sin importar lo buena que parezca la oferta.

5) No utilizar la dirección de correo electrónico principal: Utilizar la dirección de correo electrónico principal accediendo a la red desde cualquier lugar, puede hacerla vulnerable además de correr el riesgo de ser captada por los spammers.

6) No creer todo lo que se lee: Con los correos electrónicos reenviados que alertan de algún peligro o las habituales cadenas, los spammers recopilan cuentas de correo electrónico.

7) Utilizar una tarjeta de crédito temporal o de uso electrónico: Cuando se tienen dudas de la seguridad de un sitio, se recomienda utilizar una tarjeta de crédito temporal o exclusiva para uso electrónico. La mayoría de los bancos pueden proveer este tipo de tarjetas para ayudar a evitar el abuso de las mismas.

8) Revisar las políticas de seguridad: Es fundamental ser cuidadosos cuando se publique en los grupos de noticias, se rellenen formularios no seguros en la red, o se publique la dirección de correo en los sitos Web. Por ello es fundamental revisar las políticas de seguridad del sitio para garantizar que no se comparta el e- mail.

9) Asegurarse que el proveedor de Internet (ISP) o la empresa cuente con protección contra spam, virus y spyware: Los mensajes de spam comúnmente están ligados a virus, por lo que es crítico que se cuente con algún tipo de protección anti-spam o anti-virus.

10) Utilizar el sentido común: Hay que tener en cuenta una verdad fundamental; si parece spam, posiblemente lo sea, por ello es fundamental eliminar el mensaje.