code artist performance

Me encanta … Deezer

7 de Agosto del 2008 Escrito por Alex Barros

me_encantaEstreno esta sección-barra-cosa en Boozox, que se llama “Me encanta“.

Creo que resulta obvio en qué consiste.

Hoy quiero gritar al mundo, que me encanta Deezer. En esta web puedes escuchar millones de canciones, sin descargarte nada, legalmente, con muy buen diseño y en español.

Lo que más me gusta es que puedes crear listas de reproducción, o guardarte discos enteros en favoritos, además tienen varias radios de estilos musicales. Así puedo ponerlos a reproducir y dejarlo como fondo musical mientras trabajo.

Definitivamente, por mi parte Deezer merece un “Me encanta“.

Categorias: Aplicaciones, Boozox, Me encanta, Música | 2 comentarios »

Parsear un archivo XML con PHP y DOM.XML

6 de Agosto del 2008 Escrito por Alex Barros

Brevemente voy a introducir el uso de la extensión DOM.XML de PHP

Podemos leer un archivo XML a partir de una cadena de texto (con domxml_open_mem) o diciendo dónde está el archivo XML ( con domxml_open_file)

Como ejemplo usaremos el archivo XML que proporciona el API Google Weather (no documentada) para hacer predicciones meteorológicas en determinado lugar.

  1. $xml = domxml_open_file(‘http://www.google.com/ig/api?hl=es&weather=Madrid’); //En este caso la prediccion para madrid

El método más importante es get_elements_by_tagname, que nos devuelve los tags que tienen ese nombre, en forma de array.

En nuestro caso, vamos a hacer una comprobación por si el documento XML nos informa de que ha habido un error, con el tag problem_cause ver ejemplo

  1. $problem = $xml->get_elements_by_tagname(‘problem_cause’);
  2. if($problem) {
  3.         $problem_cause = $problem[0]->get_attribute_node(‘data’);
  4.         die($problem_cause);
  5. } else {
  6. }

Para obtener la descripción, tendremos que usar el método get_attribute_node que nos dice el valor del atributo que queramos, para un elemento [nombreTag atributo="valor"].

Y ahora, vamos a ir directos al ajo. Echad un vistazo a la estructura del API Google Weather, y al siguiente código, después lo explico.

  1. //Esta funcion nos ayuda a sacar el atributo "data" del "tag" de un nodo dado
  2. function getTagDataFromNode($tag,$node){
  3.         $child = $node->get_elements_by_tagname($tag);
  4.         $data = $child[0]->get_attribute_node(‘data’);
  5.         return $data->value();
  6. }
  7.  
  8. //Extraigo la informacion de la prediccion
  9. $infoTag = $xml->get_elements_by_tagname(‘forecast_information’);
  10. $city = getTagDataFromNode(‘city’,$infoTag[0]); //La ciudad
  11. $date = getTagDataFromNode(‘forecast_date’,$infoTag[0]); //La fecha de la prediccion
  12.  
  13. echo "<h1>Prediccion en $city ($date)</h1>";
  14.  
  15. //Prediccion para los proximos dias
  16. $items = $xml->get_elements_by_tagname(‘forecast_conditions’);
  17.  
  18. foreach($items as $item){
  19.         echo "<p><strong>".getTagDataFromNode(‘day_of_week’,$item)."</strong> <br>";
  20.         echo "<img src=\"http://google.com".getTagDataFromNode(‘icon’,$item)."\"><br>".getTagDataFromNode(‘condition’,$item).".<br>";
  21.         echo "Temperaturas entre ".getTagDataFromNode(‘low’,$item)." &deg;C y ".getTagDataFromNode(‘high’,$item)." &deg;C</p>";
  22. }

[Ver resultado]

La función que se define al comienzo sirve para ahorrarnos código al extraer el atributo “data” de los nodos, porque todos los tags tienen lo importante ahí.

El resto del código creo que está bastante claro. Puedes ver una [Demo] y el [código fuente].

Si te ha gustado el post, te parece interesante, o tienes dudas escríbeme un comentario, tengo ganas de leerte!

Nota: Si no tienes esta extensión instalada en tu host, pregunta al servicio técnico para que te lo instalen, o mira esta página para hacerlo tú mismo.

Categorias: Aplicaciones, Código, PHP | 13 comentarios »

Geolocalizar usuarios con su IP

5 de Agosto del 2008 Escrito por Alex Barros

estoy-aquiOs quiero comentar brevemente cómo saber el País del que provienen vuestros visitantes, usando su IP, y la base de datos de MaxMind

Para tener esta feature, descargamos la última versión de GeoLite Country (es la versión gratuita de la base de datos).

Esto es un archivo comprimido, que contiene un archivo tipo DAT. Lo descomprimimos en nuestro directorio, y nos olvidamos de él.

Si vais a programar en PHP aquí hay algunos archivos de muestra. También hay soporte para otros lenguajes.

El que más nos importa es el archivo geoip.inc que contiene la librería para gestionar la base de datos en PHP. Guardamos el archivo en el mismo directorio que la base de datos.

Ahora, sólo nos queda un poco de código:

  1. <?php
  2. // Este codigo muestra como usar la API de GeoIP
  3.  
  4. include("geoip.inc");
  5. $gi = geoip_open("GeoIP.dat",GEOIP_STANDARD);
  6. $cc = geoip_country_code_by_addr($gi, $_SERVER[‘REMOTE_ADDR’]);
  7. geoip_close($gi);
  8.  
  9. echo "El codigo de tu pais es: $cc";
  10. ?>

Ver ejemplo

Esto mostrará por pantalla algo como

El codigo de tu pais es: ES

Si queremos usar el nombre del país en Español, podéis descargaros este archivo que he preparado. Contiene un array asociativo con las claves de los paises, y sus valores, usadlo así:

  1. <?php
  2. // Este codigo muestra como usar la API de GeoIP
  3.  
  4. include("geoip.inc");
  5. include("paises.inc");
  6. $gi = geoip_open("GeoIP.dat",GEOIP_STANDARD);
  7. $cc = geoip_country_code_by_addr($gi, $_SERVER[‘REMOTE_ADDR’]);
  8. geoip_close($gi);
  9.  
  10. echo "Tu vienes de ".utf8_decode($PAISES[$cc]);
  11. ?>

Ver ejemplo

Debería aparecer algo similar a:

Tu vienes de España

Nota1: Recomiendo tener todos los archivos en el mismo directorio, si no lo hacéis así, tened cuidado con poner bien la ruta a cada archivo!

Nota2: Si algún código que has copiado de esta web no te funciona, comprueba que las comillas sean correctas (reescríbelas con tu teclado) Wordpress traduce las comillas simples y dobles que se usan en código, por otras raras que se usan en textos.

Categorias: Código, PHP, Review | No hay comentarios »

La Mayor Batalla de Danza en YouTube

4 de Agosto del 2008 Escrito por Alex Barros

Me he encontrado por casualidad este curioso acontecimiento en YouTube, me gustaría compartirlo con vosotros. Es curioso ver cómo va aumentando poco a poco y va cogiendo importancia en el transcurso de varias semanas.

Es una batalla de danza que han organizado algunos artistas (teóricamente ha ido ocurriendo de forma espontánea…)

Todo comienza cuando Jon M. Chu (Director) y Adam Sevani (Joven (16 años!!) actor y bailarín) retan a Miley Cyrus (Cantante y actriz, 15 añitos) y a Mandy Jiroux, ambas autoras de un Vlog en Youtube, a una Batalla de Danza a través de YouTube.

(al principio se enrollan un poco, la danza empieza en el minuto 2)

A este reto adolescente de Breaking Dance, las chicas (M&M Cru) responden con un vídeo similar.

La parte seria comienza en el minuto 1

Entonces el bando contrario, que se hace llamar ACDC (Adam/Chu Dance Crew) contraataca, esta vez con muchas estrellas invitadas, haciendo alarde de las miles de personas que se han asociado a su grupo.

Finalmente, a este vídeo, el grupo M&M responde con este enorme despliegue de medios, burlándose de sus competidores en varias ocasiones

La última referencia que he encontrado al reto es este vídeo del grupo ACDC, pero mucho más flojo que el resto, no parece que sea una respuesta al reto anterior.

Habrá ganado el M&M Cru? Va a continuar esta batalla? Cuánta pasta se habrán dejado en el tema?

La respuesta a todas estas preguntas… en YoTube-PeroYaNoTengo

Categorias: Concurso, Curioso, Entretenimiento | No hay comentarios »

I’m the Pro Bitchesss!

2 de Agosto del 2008 Escrito por Alex Barros

Como serguramente no habréis deducido del título, me he hecho una cuenta Pro en Flickr !!

Hace ya tiempo que superé el límite de 200 fotos, y aprovechando que mi nuevo móvil tiene una calidad más que aceptable, me he visto en la obligación de pagar a nuestros amiguitos de Yahoo (por favor, no vendáis la empresa a indeseables justo ahora!)

Al fin me siento libre para subir todas las fotos que quiera!!

Estreno mi cuenta Pro con esta foto que me acabo de sacar con el móvil… queda demostrado que me quedo trabajando hasta el amanecer!

Amaneciendo

P.D: Pronto habrá cambios en el blog :O

Categorias: Boozox | 4 comentarios »

Ó cómo escuchar los deseos de la comunidad

31 de Julio del 2008 Escrito por José Cabo

Después de tantos meses sin publicar nada qué mejor que recordar, aunque sea un poco, el sabor de la libertad. Que puedes ser escuchado. Que tus ideas puedes ser oídas. En definitiva, participar de verdad en como te gustaría que fuera lo que usas.

Canonical nos ofrece un nuevo servicio a disposición de la comunidad de Ubuntu y derivados. La prueba definitiva del poder de decisión de la gente normal: de tú y de mi. Hablo de Ubuntu Brainstorm.

Ubuntu Brainstorm fue dado a conocer por Canonical a principios de Marzo. Una versión bastante simple si la comparamos con la actual. Este servicio de Canonical intenta acercar todavía más el Software Libre a la comunidad dándoles la posibilidad de exponer sus ideas y ser votadas, juzgadas y, si son viables, llevarlas a cabo.

El servicio, que está basado en Ideastorm de DELL, ha conseguido una mejora brutal en pocos meses. De vez en cuando se puede ver todavía alguna nueva idea en portada para mejorar la propia web. Gracias a esto, en sus inicios ayudó a evolucionar de forma exponencial el desarrollo de Brainstorm y convertirlo en lo que es hoy en día.

Brainstorm nos ofrece la posibilidad de registrarnos de forma gratuita y rápida. Nuestras ideas serán votadas y revisadas por personas normales y desarrolladores. Estos segundos pueden incluso poner anotaciones sobre la viabilidad y comentarios técnicos de la misma. Si la idea resulta lo suficiente interesante por la comunidad y desarrolladores se puede enlazar a una entrada de Blueprints del launchpad o incluso con la sección de bugs o UbuntuForums para que pueda ser adaptada a las diferentes plataformas de Canonical (Ubuntu, Kubuntu, las webs de Canonical, etc…). Al fin y al cabo… el Software Libre lo hacemos entre todos, ¿no?

Actualmente hay enlaces a las secciones más importantes: “Ideas más importantes de hoy (actual portada); de esta semana; de este mes; desde siempre; etc…”. Aconsejo revisar de vez en cuando las ideas en portada porque muchas de ellas llegan a ser muy buenas y, por supuesto, votarlas.

Aunque no todo es color de rosa. Hay gente que no acaba de comprender lo que es un brainstorm: Un portal que sirve para enviar ideas y que estas sean votadas. Han habido algunas absurdas que se proclamaban como “Linux debe parecerse a Windows” o “Linux tiene que adoptar el theme de XP”. Como veréis, no aportan demasiado (por decir algo). En fin. Recordad sin embargo, sin menospreciar ese intento por halludar, antes de enviar vuestra idea buscad por las antiguas y evitad de este modo que sea duplicada.

Registraros y enviad vuestras ideas!, sin vergüenza.

Enlace a Ubuntu Brainstorm

Este post me ha dado una idea para una próxima entrada. ¿Qué os parecería un pequeño resumen sobre lo que hemos conseguido “gracias” a Canonical (lo que nos ofrece, sus servicios, portales, labs, etc…)?

Categorias: Canonical, GNU/Linux, Opinión, Review, Software libre, Ubuntu, Web | No hay comentarios »

Claves de diseño para aplicaciones web

22 de Julio del 2008 Escrito por Alex Barros

En la mayoría de los casos, la intuición y la experiencia son la mejor arma para el éxito en nuestras aplicaciones. Sin embargo, tener claras unas ciertas directrices puede ayudarnos mucho durante el proceso.

Antes que nada, dos cosas básicas: papel y boli, y sobretodo paciencia. Nada sale a la primera, es muy importante el proceso de preparación, y el de prueba y error. Un replanteamiento radical a veces puede ser necesario, no creas que has perdido el tiempo, todo lo contrario.

Simplicidad

Yo diría que es el pilar fundamental del diseño. Deberemos esforzarnos al máximo por que nuestra aplicación resulte sencilla para el usuario al que va destinado.

Usaremos estructuras uniformes y con rejilla (niveles de información a la misma altura). Lo ideal es que haya un foco principal, que atraiga la atención en una primera mirada. Si uniformizamos el contenido resultaría imposible detectar lo importante, y el usuario se asusta, aburre y huye (en ese orden).

Tarifas en dos webs homónimas
Sección de tarifas en las webs de Yoigo y la de Movistar

Usaremos una misma paleta de colores en todo el diseño. Preferiblemente un color blanco de fondo, un color principal, y otro secundario. Hay que tener siempre presente la psicología del color (rojo altera, pasión; verde relaja, naturaleza; azul calma, informa, cielo o mar; amarillo excita, alerta, no se distingue bien; naranja extraño, curioso, diferente ….)

También buscaremos simplicidad en la estructura de las secciones, haremos que sea clara, pocas secciones bien diferenciadas, substituyendo subsecciones por rutas de contenido en cada seccion.

Originalidad

Nos podemos ganar la confianza del usuario si le conseguimos sorprender. A fin de cuentas sorprender es estimular, crear reacción en la persona. Esto da fuerza y identidad a nuestra página. Mi recomendación es dejarse llevar, con mucho cuidado de no perturbar el orden lógico de las cosas.

Pueden ser guiños sutiles, alteración del lenguaje, huevos de pascua, imágenes curiosas o llamativas… imaginación al poder!


Guardar un artista como favorito, en nvivo pulsas sobre “soy fan”, y te contesta con un desenfadado “yeah”

Modelizar usuarios

Este trabajo resulta fundamental e imprescindible. Consiste en analizar todos los usuarios tipo que van a utilizar nuestra aplicación (o que pueden estar potencialmente interesados).

Tendremos que reflexionar profundamente, quién y por qué querrá usar nuestra herramienta, para tenerles preparado lo que esperan, apelando a sus necesidades. Para esto tenemos que emplear ganchos fáciles de identificar (sin mucho texto, llamativos, interesantes)

Es muy importante llamar la atención de todos y cada uno de estos modelos en nuestra portada, y en menor medida en el resto de secciones. Hay que conseguir que cada usuario siga una ruta natural, previamente establecida.


En Flickr tienen muy claro lo que ofrecen, y te lo exponen en la portada para que elijas

Diferénciate

Si haces lo mismo que otro, sobras. Deja claro a tus usuarios que tienes algo distinto que los demás, que te lo has currado, que destacas sobre el resto que se te parecen. Pero sin timar a nadie, que sea verdad!

Trata de conseguir una identidad, que se te reconozca con una palabra, un logo, una tipografía, unos colores… Si consigues que el usuario se quede con tu cara, y le gusta lo que le das, da por seguro que volverá y traerá más gente consigo.

Consejo final

Pero ante todo, disfruta haciéndolo. Porque te gusta.

Te recomiendo leer “Profesional CSS Hojas de estilo en cascada para el diseño Web. Ed. ANAYA Col.De Programadores, para Programadores“; sobretodo primeros capítulos.

Categorias: Aplicaciones, CSS, Diseño | No hay comentarios »

Imaset y Wordpress 2.6

19 de Julio del 2008 Escrito por Alex Barros

Según comentan en AyudaWordpress Imaset es incompatible con Wordpress 2.6.

Pero yo lo he probado y sí me ha funcionado correctamente.

De modo que si tienes algún problema en Imaset, ya sea porque has cambiado de versión o por cualquier otra causa, deja un comentario en este post para que lo solucionemos cuanto antes.

Lo que sí es cierto es que Imaset explora toda la carpeta wp-content para buscar imágenes, pero no contempla el hecho de que esta carpeta se encuentre fuera de la ruta usual (hecho que permite la nueva versión de WordPress). Esto se tendrá en cuenta para próximas versiones.

Categorias: Aplicaciones, Imagen Digital, Plugins, Wordpress | 4 comentarios »

¿Qué significa Boozox?

16 de Julio del 2008 Escrito por Alex Barros

En respuesta al meme que me envía Miquel Camps
La verdad es que el origen de este dominio, y por ende del blog, es algo incierto. Hace ya diez meses que José Cabo y servidor, Alex Barros, decidimos enfrascarnos en este proyecto. Supimos desde el principio que consistiría en un blog sobre tecnología y curiosidades, que nos lo curraríamos todo lo que pudiéramos, y que por tanto debíamos crear una identidad (como diría Risto, un producto)

Nuestros referentes eran las webs Bloodblog y Zumbe, de lo que se deduce que nos van los nombres extraños y difíciles de pronunciar. En una conversación, definiendo lo que sería el blog que nos traíamos entre manos surgió el tema del nombre. Acto seguido nos dedicamos a proferir palabros que no significaran nada y cuyo dominio .com o .net no estubieran cojidos.

Finalmente, y como todos supondréis…. ganó Boozox.net

Si esperabais más, siento defraudar.

El meme queda abierto a quien más le apetezca, se considera invitado de mi parte!

P.D: Miquel, te recuerdo que en este blog trabajamos yo y José Cabo, que se me cabrea cuando me envías los memes sólo a mí.

Categorias: Boozox, meme | 4 comentarios »

Toca hablar de Google

12 de Julio del 2008 Escrito por Alex Barros

En este blog siempre hay un hueco para el gigante Google, que no está quieto ni un segundo.

Lo primero que destacaría es su reciente rastreo de archivos Flash. Esto no me acaba de gustar, como ya dije en un post hace un tiempo la tecnología flash puede resultar útil en algunos casos muy concretos (mostrar contenido audiovisual principalmente) pero en la creación de páginas web resulta inservible, y conlleva una importante lista de desventajas.

Sin embargo, el objetivo principal de Google, según dicen, es “Organizar toda la información que hay en el mundo“, y en esa definición entran también los archivos Flash.

Otra noticia interesante es que recientemente se está ofreciendo Street View (la aplicación para ver fotografías a pie de calle en Google Maps) en algunas zonas del territorio francés, y ya se ha anunciado que pronto se mostrará en España. Eso sí, únicamente en las ciudades Madrid, Sevilla, Barcelona y Valencia. Esta última, por fortuna, ciudad donde vivo. De hecho se ha visto el coche de Street View a un par de calles de donde vivo.

Por último mencionar cosas como que Google se instala en África para promocionarse y mejorar el soporte en el continente, que ha liberado un formato que utilizan internamente en substitución del estándar XML, o que ha participado en varios desfiles del orgullo Gay (de varias ciudades del mundo), con sus propias carrozas y elementos identificativos.

Si google tiene futuro es porque no deja de moverse y sorprender, es el espíritu emprendedor que le caracteriza.

Via Dirson

Categorias: Aplicaciones, Curioso, Google | 1 comentario »

« Entradas Anteriores Siguientes entradas »

del.icio.us meneame.net RSS

Buscar:

GeoGPS Descubre y comparte rutas por todo el mundo, tomadas con GPS. Ver más Imaset Edita tus imágenes de Wordpress con este sencillo plugin. Ver más

Mis fotos de Flickr

Entradas Recientes

Enlaces relacionados

Meta:

Respeta el copyleft