Enlaces interesantes 29 junio

Clasificado como MiniPost el jun 29th, 2011 | Sin comentarios

WebApp movil para las Hogueras de San Juan de Alicante

Clasificado como Noticias, programacion el jun 24th, 2011 | Sin comentarios

Hace unos meses publiqué un pequeño post sobre la webapp para fallas que desarrollamos para el Portal de Turismo de la Comunitat Valenciana. Ahora le toca el turno a su proyecto gemelo: la Guía Móvil para las Hogueras de Alicante (hogueras.comunitatvalenciana.com)

Para las Fallas de valencia estaba previsto una versión de la guía adaptada para Facebook que al final, por tiempos, tuvimos que recortar en el proyecto final. Aprovechando que ya teníamos mucho trabajo hecho para las fallas, hemos podido meter una pequeña aplicación para facebook de la guía.

Como las dos guías (la de hogueras y la de fallas) comparten muchas características, esto es lo que publiqué en el anterior post:

¿que información le resultará útil a alguien en la calle, en las Hogueras de Alicante y con un smartphone en la mano?

Información sobre las Hogueras de Alicante (información general, consejos, etc…).

Listar las Hogueras con su localización usando mapas (Google Maps en este caso).

Agenda de eventos geolocalizada.

Poder verse de forma optimizada desde un iPhone/Android/Smartphone.

La información debía ser útil tanto a turistas como a la gente de Alicante. Un detalle importante a tener cuenta es que las fotos no iba a estar disponibles hasta “La Plantà”

Y la parte técnica:

Con los elementos sobre la mesa (requisitos técnicos, elementos a incluir, interfaz, etc..) podemos tomar decisiones sobre las herramientas y tecnología a utilizar:

WordPress como CMS por la agilidad a la hora de gestionar contenidos y el amplio ecosistema de utilidades y plugins para el uso con móviles.

jQuery Mobile como framework javascript para la adaptación del interfaz para móviles.

Google maps para la geolocalización de las hogueras y eventos.

Usar WordPress nos da acceso a una inmensa cantidad de plugins con los que poder dar salida a cada necesidad de la webapp. De todos lo que utilizamos, estos son los más importantes:

Mobile pack o WPtap Mobile Detector. para asignar el theme movil cuando se acceda desde móvil

GeoMashup. Para la implementación de Google Maps a las fichas

Magic Fields. Para la personalización de campos en las fichas de las hogueras y agenda

qTranslate. Para gestionar los idiomas (castellano e inglés) qTranslate no me gusta usarlo en proyectos en el que importe el seo, pero en este proyecto era algo secundario.

Theme Test Drive. Para mostrar de forma pública un theme y en el simulador una versión móvil adaptada para escritorio o facebook.

Con todo esto tenemos la versión optimizada para móviles, pero ¿y la versión de Facebook?.
Para crear la app que actualmente está funcionando como pestaña en la web de la Comunitat Valenciana, los pasos serían los siguientes:

Crear una app nueva en Facebook
Diseñar un theme nuevo para WordPress ya que va funcionar con la misma configuración a nivel permalinks, nombre de las páginas, etc…
Usar el selector de theme “theme test drive” para utilizar uno u otro en base al diseño a mostrar: facebook, escritorio, movil, etc…
Optimizar el diseño para que los contenidos se muestren correctamente en un ancho de 520px y siguiendo las pautas de diseño para pestañas en Facebook

App en Facebook funcionando en la pestaña de la Comunitat Valenciana

Ejemplo de ficha de Hoguera en Facebook

En otro post explicaré más a fondo los pasos para crear la app y usar los contenidos de WordPress.

Las fotos de que hay publicadas son las del día de la plantà y muchas de ellas no estaban terminadas o se ven gruas y camiones. En la versión que hicimos para las fallas sólo se mostraba una foto pero para la versión de hogueras tuvimos que hacer cambios para mostrar más fotos por ficha.

Podéis ver las fotos de las hogueras de categoría especial que hemos hecho para la web app de hogueras en mi cuenta de flickr. Las hice en 3 horas contrareloj para que tenerlas disponibles al día siguiente de la plantà.

Set en Flickr de las fotos para la web app

Set en Flickr Hogueras Alicante 2011

Podéis acceder a la web y los distintos enlaces (QR, página en Facebook, etc..) en el subdominio hogueras.comunitatvalenciana.com

Sin comentarios

Detección de monitores en el Macbook y utilidad para aprovechar tu monitor panorámico

Clasificado como tutoriales el jun 19th, 2011 | Sin comentarios

El monitor de 19 pulgadas ha pasado a mejor vida. Bajas a hacer la compra y cuando subes, ya no se enciende. Así es la vida. Adios!. Ciao! Lo bueno es que el precio de los monitores LCD o Led es irrisório ¿22 pulgadas por 110€?

Al conectar el monitor me he encontrado con dos problemas: que el Macbook detectara el monitor y funcionara a 1920×1080 e intentar aprovechar la ventajas de un monitor panorámico.

La primera no fué tan fácil, de hecho estaba pensando cambiarlo por otro más pequeño ya que sólo funcionaba a 1400 o 1290 de ancho. Después de leer y leer consultas, vi que mucha gente se hacía la misma pregunta: Cual es la resolución máxima que sale por la VGA de un Macbook?.

En las respuestas se habla de utilidades, chipsets de los diferentes macbooks, etc… pero no encontré una respuesta clara.

Pero..se me había olvidado hacer lo más básico, reiniciar la Ram de Parámetros:

Reiniciar
Rápidamente, pulsar a la vez comando+alt+p+r (reinicia la ram de parámetros..como la bios vaya)
El ordenador hará el sonido de reniciar pero tienes que mantener las teclas pulsadas hasta que el sistema lo haga unas 2-3 veces.
Levanta los dedos y deja que el sistema se inicio de forma normal

Ahora ya detecta el monitor a su su resolución máxima (1920×1080)!

Una vez tenemos el monitor funcionando correctamente, tenemos otro problema: ¿cómo podemos aprovechar toda la superficie útil del monitor?

Hay programas que si aprovechan las características de estos monitores: editores de vídeo, retoque de fotografía, etc… pero en la mayoría de programas desaprovechamos casi el 30% de la pantalla.

Para ello podemos utilizar programas como SizeUp en OS X o si usas windows, WinSplit Revolution. Seguro que hay otros. Si conocéis alguno, dejadme un comentario para que lo pruebe y amplíe el post.

Con estos programas se crearán unas zonas “calientes” a las que las ventanas se ajustarán y podremos separar el monitor en varias secciones.

Ejemplos de uso: un navegador en la izquierda y un editor de texto en la derecha, un navegador en la izquierda y el editor de código al otro lado, una charla en un lado y un excel en el otro, etc….

Las ventanas se pueden ajustar por cercanía o usando un atajo de teclado. Podrías ahorrarte el uso de las aplicaciones y mover a mano las ventanas hasta que encajen como tu quieres, pero usándolas ahorramos tiempo y no nos limita de ninguna forma ya que podemos seguir ampliando las ventanas a pantalla completa si lo necesitamos.
SizeUp para OSX

WinSpli Revolution:

Enlaces:

Sin comentarios

Funda para Kindle 3º generación con luz

Clasificado como videos el jun 19th, 2011 | Sin comentarios

Hace unos días me trajeron un Kindle (v3) por que al parecer, no se encendía. Digo al parecer por que lo reinicié y todo funcionaba bien, salvo que no tenía batería.

La funda traía su propia lamparita y curiosamente, se alimentaba del propio Kindle:

Si la funda original ya os parecía cara, esta funda con luz cuesta el doble: Kindle Lighted Cover (Fits 6″ Display, Latest Generation Kindle) $59,9

Enlaces:

Sin comentarios

Developer Economics 2011. Imprescindible informe sobre desarrollo y mercado móvil

Clasificado como Noticias el jun 11th, 2011 | Sin comentarios

Si estáis interesados en el desarrollo para móviles o en cómo plantear estrategias en base a su uso o plataformas utilizadas, el informe de BlueVia (Telefonica) y Vision Mobile os va a dar muchas de las claves y datos que necesitáis: Developer Economics 2011. How developers and brands are making money in the mobile app economy

¿En que plataforma planteo mi desarrollo?. ¿que métodos de monetización son los más adecuados?. ¿por que tipo de aplicaciones paga más el usuario? ¿que vías de promoción son las más efectivas? Como marca, ¿cual debe ser mi estrategia?…

IOS. Increible la relación entre dispositivos y mercado de apps

Lo social, rompiendo al ahora de promocionarse

Mobile web más dificil que ios, blackberry y android?uhmmm

Juegos y productividad, los más descargados

Nokia, Samsung y Lg, siempre en la tabla

Estas son algunas gráficas del informe. El informe en PDF lo podéis descargar en la web de Visiomobile: Developer Economics 2011. How developers and brands are making money in the mobile app economy

Via: intomobile Developer Economics 2011: 67% of developers currently using Android and 59% using iOS

Sin comentarios

Ingenioso sistema de bloqueo de disparo en la Olympus Trip

Clasificado como Fotografia el jun 7th, 2011 | Sin comentarios

Al abrir la Olympus Trip para una pequeña limpieza de visor (no se veía ni torta), he visto el ingenioso sistema de bloqueo de disparo que evita la toma en condiciones de baja iluminación:

Lo más destacable de la cámara es su sencillez y simplicidad de manejo. Dispone de un medidor de selenio que es el que le permite el automatismo y alimenta el sistema de bloqueo de disparo se me muestra en el video.

Si queréis saber más sobre la cámara, os dejo este interesante post sobre ella en el blog camarantigua.cl:

Esta cámara se fabricó a partir del año 1967 y se vendió hasta aproximadamente el año 1983. Mi ejemplar, en particular, se fabricó en Julio de 1975. Viene con un lente Zuiko 1:2.8 de 40mm. Es pequeña y se siente bien en el bolsillo y en la mano; su construcción metálica se siente firme y bruñida a 33 años de su construcción, con un hermoso y leve sonido al disparar. Es un gusto sacarla a la calle, usarla hasta el abuso. Para eso se hizo.

O en la web de Kenrockwell (que también la hace batirse en duelo con una Canon 5d)

Como siempre, en youtube podréis encontrar mucho material sobre la cámara, incluso uno de los primeros anuncios con David Bailey mostrando la simplicidad y calidad de la Olympus Trip (en clave de humor):

O este otro, que también tiene su gracia :)

Sin comentarios