Luis Arroyo González

Viaje interactivo en 3D con ‘October’ de Broken Bells

Luis Arroyo — Sat, 14 Aug 2010 10:01:58 +0000

Broken Bells es una banda estadounidense de rock independiente, que inició su proyecto en 2009 y que a principios de 2010 lanzó su primer álbum, que lleva el mismo nombre de la agrupación.

Para el lanzamiento de su nuevo single ‘October’ han creado una maravilla audiovisual, que consiste en un viaje interactivo en 3D por un particular espacio astral que puedes controlar con movimientos del ratón. Además, puedes grabar tu viaje y compartirlo con otros usuarios ! Aquí está el mío por ejemplo

¿ Te animas a probar ? Inicia tu viaje

Yeasayer Code Organ: ¿cómo suena tu sitio web?

Luis Arroyo — Thu, 17 Jun 2010 18:38:36 +0000

Yeasayer es una banda de Brooklyn de rock experimental, creadores del Code Organ, un experimento que traduce el código de un sitio web a una melodía de sintetizador. Según explican en su web, el Code Organ analiza el contenido del del sitio y lo traduce a música, utilizando un algoritmo que define la nota, el estilo de sintetizador y el patrón de percusión más apropiado para dicho contenido. Además, explican que los samples utilizados para generar la melodía, pertenecen a O.N.E., el primer single de su nuevo disco Odd Blood.

Un curioso experimento sin duda… yo ya he probado como suena luisarroyogonzalez.com

¿Quieres saber cómo suena tu sitio web? Sigue este enlace de la página del Code Organ, inserta tu URL y dale al Play !

Presentación en Madrid del cortometraje ‘Importante’

Luis Arroyo — Thu, 03 Jun 2010 11:03:11 +0000

‘Importante’ es el primer cortometraje de Jorge Cabrera, uno de mis buenos amigos guatemaltecos con el que iniciamos la aventura de cruzar el charco y aterrizar en Madrid, hace ya casi ocho años.

Junto a él y un grupo de colegas iniciamos la grabación de Importante durante el verano de 2009 y finalmente el próximo martes 8 de Junio lo presentamos en Madrid, en el bar Pepa Tencha a las 21:30hrs.

El estreno online también se hará ese día, y estará disponible en el blog importante.sinctrl.com y en el grupo de Facebook.

Así que si aún no tienen plan, los invitamos a pasarse por el Pepa Tencha el martes, o a pasarse por el blog y dejarnos sus comentarios… necesitaremos las críticas para próximos proyectos !

Más info sobre la producción de Importante

Video Mapping: AC/DC vs Iron Man 2 en el castillo de Rochester

Luis Arroyo — Wed, 19 May 2010 20:44:59 +0000

El vídeo mapping es una técnica utilizada para proyectar imágenes en superficies que pueden ir desde una pared plana hasta complejas piezas de arquitectura como edificios ó, como en esta ocasión: un castillo británico del siglo XI.

Evan Grant de la agencia Seeper estuvo a cargo de la proyección 3D que dejo en el siguiente vídeo, realizada el pasado abril en el castillo de Rochester. Una obra de arte audiovisual para promocionar Iron Man 2, con Shoot to Thrill de AC/DC acompañando las impresionantes imágenes. ¡ A disfrutar !

WPaudio: plugin de wordpress para insertar audio en mp3

Luis Arroyo — Sun, 02 May 2010 19:16:20 +0000

WPaudio MP3 Player es un plugin de wordpress que te permite insertar fácilmente audio en mp3 en tu blog/sitio web, si utilizas wordpress como CMS.

Una de las principales ventajas de este plugin radica en que no necesita de Flash para generar el reproductor, lo cual incide en la rapidez de la carga del audio, uno de los principales objetivos para los cuales fué programado, según comenta su autor.

Además, su instalación y uso también es bastante sencillo como muestro a continuación.

Instalación

1. Descarga el .zip del plugin: WPaudio MP3 Plugin.zip

2. Extrae la carpeta wpaudio-mp3-player y súbela a tu servidor, dentro de la carpeta de plugins (http://tusitioweb/wp-content/plugins/)

3. Activa el plugin en el área de administración de wordpress:

Listo! El plugin está instalado y activo.

Uso

Para insertar nuestro .mp3, necesitaremos la URL donde está ubicado el archivo en nuestro servidor. Para efectos de este post, vamos a subir el archivo a través del menú que nos ofrece wordpress cuando creas una entrada:

Al finalizar la subida del archivo, wordpress nos da la URL donde lo almacena. Esta será la URL que utilizaremos para insertar el mp3. Hacemos clic en ‘Guardar cambios’ para cerrar la ventana y finalizar el proceso:

Ahora, si quisieramos insertarlo en un post o en una página, vamos a la vista de HTML del editor de wordpress, e insertamos el código:

class="wpaudio">Título del mp3


Para nuestro ejemplo, escribiremos:
 
class="wpaudio">Digitalism - Pogo

El resultado es el siguiente:
Digitalism - Pogo
Como verán, el player tiene un diseño bastante sencillo y limpio además de reproducir el .mp3 sin mayores dificultades.
WPaudio también cuenta con opciones avanzadas, como por ejemplo permitir la descarga del fichero .mp3, o customizar el estilo y color del texto del reproductor. Puedes encontrar toda la información del plugin en su sitio web o en el repositorio oficial de wordpress.



Logorama: corto de animación ganador del Oscar 2010
Luis Arroyo — Sat, 20 Mar 2010 17:32:31 +0000
Hace ya un par de semanas desde la entrega de los Oscar y hasta hoy no había podido ver ‘Logorama’, el corto ganador en la categoría de animación.  Los autores de esta maravilla son el colectivo francés de animación h5 , que ya habían presentado Logorama en el Festival de Cannes 2009 y en el Festival de Sundance 2010.
El corto dura 16 minutos así que pónganse cómodos y disfruten …  a ver si al finalizar se preguntan lo mismo que yo: ¿ Cuántas marcas habrán utilizado los de h5 a lo largo del corto ?





Screen Toaster: graba tus screencasts online en cinco pasos
Luis Arroyo — Sun, 14 Mar 2010 16:01:39 +0000
Aunque hace algún tiempo ya me había tocado buscar y probar software open source para grabar screencasts, hace poco tuve la necesidad de una herramienta que me permitiera hacerlo de manera online, sin pasar por instalar software alguno en el ordenador.  Luego de probar un par de ellos sin obtener el resultado deseado, recordé haber usado en su momento Screen Toaster, una aplicación gratuita para grabar screencasts online.
Hoy hice un nuevo ejercicio para mostrar su funcionamiento y se me ocurrió grabar este vídeo de Tostito´s que circula en la red, una pieza extraordinaria de vídeo marketing.  El reto era poder grabar todo lo que sucede alrededor del player de Vimeo, que es la parte visual más atractiva.  He aquí el resultado:

Como puede verse, la calidad no es óptima pero está bastante bien, tomando en cuenta que estamos grabando un vídeo y que generalmente la frecuencia de muestreo de los grabadores de screencasts no suele ser alta.
Bien, ahora veamos como grabar nuestros screencasts con Screen Toaster.
Paso 1
Vamos a www.screentoaster.com y hacemos clic en ‘Start Recording’:

Paso 2
El explorador -en mi caso Firefox- nos dará un aviso informándonos de que la aplicación está intentando ejecutarse.  Hacemos clic en ‘Allow’.

Una vez se carga la aplicación, vamos al área de Settings y seleccionamos ‘Full Desktop’ para grabar la pantalla completa o ‘Rectangular Area’ para definir un área personalizada.

Si elegimos la segunda opción, veremos un recuadro de bordes negros cuyo tamaño y posición se puede ajustar para definir el área de la pantalla que queremos grabar.  En este momento, en mi caso, pasé a la pestaña donde tenía el vídeo de Vimeo, y ajusté el área que me interesaba grabar.

Paso 3
Volvemos a la pestaña donde tenemos abierto Screen Toaster y en el área de Settings seleccionamos alguna de las opciones de sonido: No Audio, Built-in Microphone ó Built-in Input, dependiendo de si queremos hacer una grabación sin audio o queremos utilizar alguna de las entradas disponibles.  La tercera posibilidad en Settings nos permite seleccionar una webcam.  Una vez tenemos seleccionados estos parámetros estamos listos para grabar el screencast.
Paso 4
Una vez más, volví a la pestaña del vídeo de Tostito´s y para empezar a grabar presioné Alt + s.  La misma combinación de teclas se utiliza para pausar la grabación una vez has terminado el screencast.  Tengo que decir que al principio me costó detectar el momento en que empieza y finaliza el proceso de grabación, ya que únicamente aparece un pequeño cuadro gris en la pantalla con las iniciales ‘R’ cuando empieza a grabar y ‘P’ cuando la pausas.
Finalizado el proceso de grabación, volvemos a la pestaña de Screen Toaster y veremos una ventana informándonos que el proceso está pausado.  Hacemos clic en el botón de ‘Stop recording’.

Paso 5
¡ Y esto es todo ! Ahora solo queda definir que queremos hacer con el screencast.  Veremos una previsualización del vídeo que acabamos de grabar y al lado varias opciones:
1. Subir el vídeo a Screen Toaster

2. Subir el vídeo a YouTube

3. Guardar el archivo como .mov

4. Guardar el archivo como .flv

Acerca del sonido del vídeo
Ya que todo este proceso lo llevé a cabo en un iMac, tengo que comentar que al principio tuve algunos problemas capturando el sonido del vídeo.  Si se encuentran con un problema similar, les recomiendo visitar la sección de FAQs de Screen Toaster.  En mi caso tuve que instalar Soundflower, una extensión de Mac OS X que hace posible trasladar el sonido del ordenador a aplicaciones externas.



Browser Size: ¿ cómo ven los usuarios tu sitio web?
Luis Arroyo — Fri, 26 Feb 2010 22:36:50 +0000
Cuando iniciamos el diseño de un nuevo sitio web, uno de los factores a tomar en cuenta son las dimensiones a partir de las cuales iniciaremos su construcción – ancho, alto -, y a continuación decidiremos, la manera en que estarán distribuidos los distintos elementos – cabecera, menú, cuerpo, pie, etc. -.
Google lanzó en diciembre de 2009 Browser Size, una herramienta que nos permite conocer cómo ven los usuarios nuestro sitio web, basado principalmente en la altura y anchura del navegador que utilizan los visitantes.
Browser Size está basado en un muestreo de los visitantes de www.google.com, y a través del cuál puede indicarnos, que porcentaje de los usuarios de internet ven cada área de nuestro sitio, y lo hace de una manera gráfica bastante clara, como se puede observar en la siguiente captura:

En la parte izquierda y en la parte superior, Browser Size nos muestra una escala en pixeles, para luego definir con colores distintos, las áreas que ven los usuarios distribuidas por ‘porcentajes de visibilidad’.
Por ejemplo, el área del 99% en color morado, nos indica que el 99% de los usuarios de internet podrán ver dicha área de nuestro sitio web, sin necesidad de realizar ningún scroll horizontal o vertical.
Por otro lado, el área del 90% en color azul, nos indica que el 90% de los usuarios podrán verla sin necesidad de hacer scroll.  No así el 10% restante, que tendrá que realizar un scroll para poder visualizarla.
Para probar el funcionamiento de Browser Size, basta con introducir la URL de tu web en la caja destinada a ello y hacer clic en ‘Go’.
Google comenta en su blog que ellos mismos se han beneficiado con la utilización de esta herramienta.  Llevaron a cabo un análisis en la página de descarga de Google Earth, logrando que se incrementaran las descargas en un 10%, simplemente moviendo el botón de ‘Descargar’ 100 pixeles hacia arriba.
Sin duda Browser Size es una herramienta que vale la pena tomar en cuenta, en la etapa inicial de diseño de un sitio o si tienes pensado rediseñarlo para mejorar las conversiones.
Enlace: Browser Size | Agradecimientos: @furosab



5 second project – FAIL: un proyecto de demo reels creativos
Luis Arroyo — Wed, 17 Feb 2010 19:34:35 +0000
5 second project – FAIL es el nombre del proyecto de demo reels de Nick Campbell, – un creativo audiovisual de Chicago -  cuyo reto consiste basicamente en montar una presentación en vídeo de 5 segundos relacionado con el tema ‘FAIL’.  Nick explica las bases en su blog GREYSCALEGORILLA, y en el canal de Vimeo del proyecto podrás encontrar piezas verdaderamente creativas.  Yo he elegido tres de ellas y las comparto aquí.
Desde luego un reto creativo interesante … plasmar en 5 segundos el talento… ¡ que lo disfruten !

Uno, dos y …



Duck Hunt Nintendo …



Ouch ! …





Número de usuarios de Facebook por país: ¿cómo saberlo?
Luis Arroyo — Fri, 05 Feb 2010 09:47:22 +0000
Según confirma Facebook en sus estadísticas, en estos momentos la red social alcanza los 350 millones de usuarios activos repartidos por todo el mundo, pero … ¿cómo saber la distribución de dichos usuarios por país?
Aunque por Internet circulan varias publicaciones acerca de estadísticas de Facebook ( Facebook Global Market Monitor – CheckFacebook.com ), no hay que olvidar que la red social es una de las que más crece día a día, por lo que las cifras están cambiando constantemente.
Para contar con estadísticas actualizadas de la distribución por país de los usuarios, podemos utilizar la herramienta Facebook Advertising, utilizada para crear y gestionar anuncios en Facebook y que nos permite además, segmentar a los usuarios basados en otros aspectos como la edad, sexo, lenguaje, etc.  Veamos el procedimiento:
1. Vamos a Facebook Advertising: http://www.facebook.com/advertising/ y hacemos clic en la pestaña de ‘Prepare’:

2. Una vez allí, hacemos clic en el botón de ‘Get Started’ al final de la página:

3. Cumplimentamos los datos de URL, Título y Cuerpo del Anuncio – estos datos pueden ser ficticios ya que solamente queremos ver el dato de distribución de usuarios, no crear un anuncio – y al finalizar hacemos clic en el botón de ‘Continue’:

4. La aplicación detecta el país desde donde se genera la consulta, así que en mi caso, me mostrará de entrada los datos de usuarios en España, mayores de 18 años (ésta es la configuración por defecto de la edad).  Veremos algo así:

5. En este caso, el resultado muestra 7.680.000 usuarios de Facebook en España, mayores de 18 años.  Si quisieramos hacerlo aún más global, tendremos que modificar el rango de edad, obteniendo el siguiente resultado:

6. Observamos que el número de usuarios se ha incrementado a 8.628.960 usuarios.
7. Para conocer los datos de otro país, basta con ingresar el nombre del mismo en el campo de ‘Location’ y asegurarnos de no incluir ningún otro criterio de segmentación.
Una vez te familiarices con este procedimiento, puedes acceder directamente a http://www.facebook.com/ads/create/ para hacer más ágil la consulta.
Ya que los datos vienen directamente de Facebook, considero que es una manera fiable de conocer los datos de distribución de usuarios por país.  ¿ Qué les parece ?