davidrv. Web and Design

De vuelta de la EuRuKo 2009

Pues eso, ya estamos de vuelta. Después de un fin de semana más ocupado de lo normal todo parece indicar que las secuelas de pasar un fin de junto a tantos "monstruos" de la programación en la EuRuKo 2009 serán positivas. :)

Cuando salimos de "l'Ovella Negra" el sábado por la noche temía un poco por nuestra salud pero todo fue un espejísmo y la sangría no pudo con nosotros. Aquí estamos, ahora sólo queda haceros un pequeño resumen en cuanto tenga un ratito.

De momento, a trabajar un poco!

Cambios en "Mi Cuenta" de google

Parece que hoy google ha realizado algunos cambios en el apartado "Mi Cuenta". Ha cambiado la distribución de la información que encontrábamos y ahora muestra en primer lugar la información personal y situa justo debajo los enlaces a los distintos servicios google. (Adsense, Analytics, Reader, etc..). No me disgusta este cambio, aunque antes encontraba más rápidamente el enlace para mirar como iban mis números ADSense. :-P

Lo que mas me ha llamado la atención ha sido la inclusion del perfil publico. Parece que google vaya a convertise él mismo en una red social en la que nos podamos encontrar unos a otros y dejarnos mensajes al más puro estilo Facebook (Debes autorizar la publicación de tu nombre y permitir que los visitantes puedan contactar contigo). Bueno, exagero un poco, pero ese parece un posible camino ¿no?

Las nuevas opciones incorporan, además, la posibilidad de incluir vínculos personales en tu perfil. Así que podemos compartir con los visitantes a nuestro perfil nuestras páginas personales o, simplemente, aquellas páginas que más nos gustan. Una opción interesante, lejos de pretender ser un del.icio.us para google, nos permite ampliar las opciones de nuestra ficha personal con algunos datos externos.

Por último solo me queda preguntarme como posicionará este perfil en los resultados de google, habrá que esperar, pero si mi perfil google adelanta en los resultados a este blog voy tener que enfadarme! :-P

Solución a: Mi macbook no carga y la luz del cargador no funciona correctamente

El otro día mi querido macbook pro me dió un susto de muerte. Mientras me peleaba un poco con Texmate y unas lineas de código se apagó repentinamente y no quería volverse a encender.

Ya hacía unos días que en la barra de Mac OS me aparecía el mensaje "No se está cargando" y que la luz del cargador indicaba que la batería estaba llena (en verde) aunque el sistema operativo marcaba que se acercaba peligrosamente al 0% de carga. Por mucho que trataba de cargar la batería no lograba que el cargador se quedara en modo carga (con la luz roja) y el portátil se me apagaba repentinamente debido a problemas con el suministro de energía (supongo vaya...).

Decidido, me dirigí a la tienda apple más cercana y compré una nueva batería pensando que la causa de mis problemas era la antiguedad de la ésta. Mi sorpresa fue cuando el macbook arrancó correctamente con la nueva batería pero seguía teniendo problemas para cargarla.

Preocupado me puse a investigar un poco y descubrí un artículo de apple dónde se mencionaban exactamente los mismos problemas que tenía con mi máquina.

Resumiendo:

Según confirma apple, los macbook, macbook pro y macbook air tienen algunos problemillas con el controlador de gestión del sistema (SMC). Resulta que éstos, pueden desajustarse con el tiempo y son los encargados, ni más ni menos, que de gestionar la alimentación y carga de los macbook (entre otras cosas). Asi pues, parecía que la única solución era proceder al restablecimiento de dicho controlador.

El procedimiento es el siguiente (para macbook y macbook pro):

1) Si el ordenador está encendido, apágalo.

2) Desconecta el adaptador de CA y extrae la batería del ordenador.

3) Pulsa y mantén pulsado el botón de encendido durante 5 segundos y, a continuación, suelta el botón.

4) Vuelve a conectar el adaptador de CA y coloca la batería.

5) Pulsa el botón de encendido para reiniciar el ordenador.

Para macbook air es un poco diferente, por lo que mejor seguir las instrucciones de la página de apple.

También decir que apple recomienda usar el restablecimiento del controlador de gestión del sistema (SMC) cómo último recurso. Ya que los problemas pueden deberse a otras cosas. Aún así si tu macbook presenta algunos de estos síntomas no está de más probarlo antes de enviar tu máquina a los técnicos de apple y estar unos días sin poder trabajar.

También os dejo un enlace para la actualización del fireware de EFI y SMC para portátiles de apple a las últimas versiones.

En definitiva, ahora mismo, mi macbook pro que no lograba cargar la batería funciona correctamente (casi siempre) y parece que carga sin problemas. Al menos, llevo ya una semana con el problema "resuelto" y pudiendo cargar correctamente mi macbook pro.

Conferencia Rails 2008

Pues nada, otro año a la Conferencia Rails. Ayer, primer día de conferencias, charlas y cena. Y hoy, cómo no, muchísimo sueño y aún seguimos en el hotel. (Las conferencias empezaban a las 9:30... )

Pero bueno, la verdad es que ya teníamos pensado saltarnos la Keynote sobre RoR en la Universidad para ir un poco más descansados el resto del día, el palizón que nos dimos ayer (casi 24h sin dormir) nos dejó bastante tocados (el vino de la cena no tubo nada que ver...)

Encima Emili estubo hasta las 4 de la mañana puliendo la ponencia de esta tarde, total, para llegar a la conclusión de que no tendrá tiempo de explicar todo lo que quería...

Aún así estoy seguro de que aprenderé mucho en el día de hoy. Tengo un especial interès en la ponencia sobre jQuery.

Vamos allá!

Ruby on Rails y Attachment_fu. Puliendo pequeños detalles

Vamos a tratar de solucionar un pequeño problema con Attachment_fu. I es que si no validamos la presencia de un archivo a subir des del modelo, obtendremos un error a la hora de eliminar o modificar registros sin archivos asociados. Puede que no sea obligatòrio subir un pdf a nuestra aplicación, pero que queramos ofrecer la posibilidad. En ese caso no podemos validar la presencia del "attachment" des del modelo.

Pues bien, cuando tratamos de eliminar/editar un registro que no tiene asociado un archivo y estamos usando attachment_fu en el modelo no podremos hacerlo y nos aparecerá el error:

can't convert nil into String

Lo curioso es que no tendremos problema a la hora de crear el registro, pero sí cuándo queramos eliminar o editar ese registro.

Para solucionar el problema haremos unos pequeños cambios en el código del plugin:

Buscaremos el archivo "attachment_fu.rb" dentro de la carpeta del plugin y hacemos los siguientes cambios:

ELIMINAMOS:

def save_attachment?
File.file?(temp_path.to_s)
end

AÑADIMOS EN SU LUGAR:

def save_attachment?
if temp_path
return File.file?(temp_path.to_s)
else
return false
end
end

MODIFICAMOS LA ACCIÓN "temp_path" de la siguiente forma:

def temp_path
return nil if temp_paths.empty?
p = temp_paths.first
p.respond_to?(:path) ? p.path : p.to_s
end

BUSCAMOS LA ACCIÓN "temp_paths" (Justo después de la anterior)

ELIMINAMOS:

temp_paths ||= (new_record? || !File.exist?(full_filename)) ? [] : [copy_to_temp_file(full_filename)]

Y PONEMOS EN SU LUGAR:

@temp_paths ||= (new_record? || filename.blank? || !File.exist?(full_filename)) ? [] : [copy_to_temp_file(full_filename)]

Ahora buscamos el archivo "file_system_backend.rb" en la carpeta del plugin y dejamos la acción "full_filename" de la siguiente forma:

def full_filename(thumbnail = nil)
return nil if thumbnail_name_for(thumbnail).blank?
file_system_path = (thumbnail ? thumbnail_class : self).attachment_options[:path_prefix].to_s
File.join(RAILS_ROOT, file_system_path, *partitioned_path(thumbnail_name_for(thumbnail)))
end

Bien, eso es todo. Ya podemos eliminar y modificar registros de attachment_fu a los que no hemos asociado ningun archivo usando el plugin.

También os dejo un par de enlaces (con RMagick , mini-magick) sobre cómo modificar el plugin para que recorte los imágenes en lugar de "deformarlas" en los thumbnails.

El proceso de obtención de pagerank.

Estos últimos días ha habido movimiento en google, una nueva actualización de pagerank. Gracias a eso ya tenemos PR4 en davidrv.com, sin duda una buena notícia. Aunque en estos tiempos que corren se ven algunas cosas un tanto raras y nadie (que yo conozca) sabe aclarar con precisión la importancia del pagerank a la hora del posicionamiento real en los resultados de la búsqueda orgánica de google.

Aún así, a todos nos encanta ver cómo nos sube uno o dos mil·límetros la barrita verde de nuestro indicador de pagerank. Por eso voy a permitirme, antes de que este blog cumpla su primer año, la licencia de analizar lo que he ido haciendo desde que google indexó la primera página de este blog hasta la última revisión en la que hemos obtenido el pagerank 4.

Sólo inagurar el Blog el primer paso natural es utilizar herramientas cómo Herramientas de webmaster (google), analytics o FeedBurner para realizar el seguimiento de nuestros enlaces, visitas y usuarios y saber así qué hacer en cada momento. También es interesante la herramiente PageRankAlert que ha mejorado Jaime recientemente para llevar un seguimiento de la evolución de nuestro pagerank.

Después empieza el trabajo:

Los primeros días y semanas después de empezar a postear en el blog los dediqué a dar el sitio de alta en directorios y sitios que augmentaran la difusión y popularidad de mis artículos. Sitios cómo Technorati, Bitacoras.com y cualquier otro que muestre los artículos recientes de nuestro Blog a sus usuarios.

También es importante solicitar la inclusión del sitio en los principales directorios en los primeros días; Dmoz, Yahoo o ZoomInfo son prácticamente imprescindibles.

Una vez realizada la solicitud en los sitios más importantes debemos buscar enlaces en directorios de menor importancia, tratando siempre de ser listado en sitios de calidad y que repartan algo de PR entre los sitios que listen. No nos servirá de nada (o de muy poco) ser listado en un directorio pequeño, en la página 55, que tiene 500 enlaces saliente i un PR0. Por eso creo que el proceso de alta en directorios debe ser manual y debemos ser exigentes con la calidad de estos.

Yo fui solicitando altas en otros directorios durante los 3 o 4 meses siguientes a la inaguración del Blog aunque a un ritmo de 10 o 12 directorios por semana... La verdad es que de vez en cuando sigo haciéndolo pero a un ritmo mucho menor.

Debo decir que también aportan mucho PR a éste blog los enlaces provienientes de los sitios web que he ido realizando, si soys diseñadores/desarrolladores es importante firmar todos los sitios que desarrolléis con un enlace y una bonita "anchor key". No siempre será posible, dependiendo del cliente para el que trabajéis, pero no está de más intentarlo.

También están los amigos, el intercambio de enlaces. Debemos ir con mucho cuidado con quien intercambiamos enlaces ya que podemos ser penalizados por enlazar a alguien que este incumpliendo la política de google. Yo he optado por no intercambiar enlaces con páginas que no conozco y enlazar sólo a amigos y conocidos. Aunque supongo que habrá quien sea menos desconfiado y utilice este sistema para aumentar sus enlaces entrantes.

Por último debo nombrar las conocidas galerías CSS. Hay multitud de ellas y son una interesante fuente de pagerank y, a la vez, el orígen de muchos visitantes de nuestra web. Muchas de estas galerías tienen un elevado pagerank, 5, 6 e incluso algunas cómo CSSMania PR7. No es fácil ser incluido en algunas de ellas y el proceso puede demorarse bastante e incluso pueden acabar rechazando nuestra solicitud. De lo que no hay duda es que con un diseño aceptable podemos conseguir muchos enlaces interesantes en este tipo de sitios. Yo lo lográ para algunas cómo CSSStar.com, CSSDrive.com o CSSBased.com y sigo esperando el proceso de muchas otras.

Hay muchos otros sitios que pueden ser fuentes de trafico aceptables pero que no creo que influyan demasiado en el tema del pagerank. Algunos de estos pueden ser los sitios de "contactos" profesionales, donde podemos poner nuestro perfil y un enlace a nuestro blog o los comentarios en otros Blogs con un volumen de visitantes muy elevado. Estos últimos pueden ser el orígen de visitantes para nuestro Blog si dejamos una referencia a un artículo que hayamos escrito que tenga referència con el tema que se trata. Aunque no suelen influir en el pagerank (o eso se dice por ahí) debido a que los enlaces que nos permiten poner tienen la etiqueta "NO FOLLOW" y google no los considera relevantes. Desde mi punto de vista, nunca está de más ir dejando comentarios por ahí (siempre que sean interesantes) aunque sólo sea para contrubuir a la blogosfera. :-)

Por último dejaros una tabla, a modo orientativo, de los enlaces necesarios para obtener pagerank y desearos suerte (y paciencia) en el proceso.

Bien, eso es todo. Se que no he inventado la rueda con este artículo pero espero que mi (corta) experiencia le sirva cómo toma de contacto con el tema a quien se inicie en este mundo.

Personalizar los componentes de Flash

Los componentes de Flash son un elemento muy útil a la hora de llevar a cabo tareas cómo importar un XML a un combobox, cargar textos externos en nuestra película, etc...

Bien pues aquí os dejo algunas lineas de ActionScript que nos ayudarán a personalizar un poco estos componentes; el color, el tamaño de la fuente, el tipo de letra, backgrounds, color de texto, bordes de las cajas, etc...

Por ejemplo; supongamos que tenemos un combobox con el nombre de instancia "combo"

_global.styles.ComboBox = new mx.styles.CSSStyleDeclaration(); * con esto inicializalizamos los estilos del combobox
Y ahora podemos ir especificando estilos para el combobox aplicadólos a su nombre de instancia mediante AS.

OPCIONES DE FUENTE/TIPO DE LETRA:

combo.setStyle("fontFamily" , "Arial"); *nombre de la fuente
combo.setStyle("fontSize", "12");    *tamaño de la fuente
combo.setStyle("color", 0xFF0000);     *color de la fuente
combo.setStyle("fontWeight", "bold");    *"negrita"
combo.setStyle("textAlign", "center"); *alineació del texto
combo.setStyle("embedFonts", true);     *Embede la fuente en la película flash para que esté disponible para aquellos que no la tienen instalada en su sistema. Esta opción requiere que creemos un símbolo de fuente en la biblioteca de nuestra película flash que contenga el tipo de fuente que queremos embedir.

OPCIONES DEL COMPONENTE COMBOBOX:

combo.setStyle("themeColor" , 0x333333); *Aqui podemos especificar el nombre de un tema predefinido de flash o bien un
color estándard. combo.setStyle("rollOverColor", 0x00FF00);
combo.setStyle("selectionColor", 0x00FF00);
combo.setStyle("shadowColor", 0xEEEEEE);
combo.setStyle("backgroundColor", 0xFFFFFF);
combo.setStyle("borderStyle", "none"); * Podemos escojer, normalmente usaremos none/solid

Pues bién, creo que es una buena introducción para aquellos que necesitan un pequeña personalización de los estilos por defecto de los componentes flash, a partir de aqué, que cada uno deje correr la imaginación...

Firefox 3. A por el Guinness

Según parece la gente de Firefox pretende batir el récord Guinness mundial de software con más descargas en 24h.

Para ello puedes apuntarte en la web y comprometerte con la causa. PARA UNA WEB MEJOR!

Yo me he apuntado, total, pensaba descargarlo de todas formas y asi aprovecho para poner mi granito de arena en la lucha contra ie.

SPREAD FIREFOX

Indignado por el Spam

Estoy indignado con el tema del spam. El día que monté el blog siguiendo mi primer tutorial de Rails :_) pensé en meter algun sistema para filtrar los comentários de los ***** bots que andan por ahí dándo por el ****. Pero me dije: ¿Quién va a meter comentários con publicidad en un blog cómo el mío? Además, el sistema de comentarios ni tan sólo reconoce el HTML para poder meter enlaces...

Pues bién. Estube 15 días borrando comentários de uno de mis artículos hasta que me harté de hacerlo y decidí dejarlos ahí. Incluso classifiqué cómo no deseados los e-mails que me llegaban notificandome un nuevo comentario harto de tener 10 o 12 e-mails al día.

Ahora he entrado a ver cómo iba el tema (223 comentarios hasta el momento) y me he escadalizado!!! Creo que buscaré la manera de putear yo a esos **** que se entretienen puteandome todo el día... xDDD

¿Alguna idea?

Si queréis comprobar cómo crece el numero de comentarios...

ACTUALIZACIÓN:

Al llegar a los 423 comentários los he tenido que cerrar. Tampoco es plan de derrochar ancho de banda porque si!! ;-)

En resumen he pasado de 223 a 423 comentarios en 7 días y lo más triste es que NI UNO es aprovechable...

Rails 2 Multiidioma - Globalize

Hace escasos días he terminado un proyecto multiidioma con Rails 2 y Globalize (la versión "for 1.2"). Me he encontrado con varios problemas, por lo que voy a tratar de dar algunos consejos al respecto.

En primer lugar recomendar leer esto y esto sobre cómo usar Globalize si es vuestra primera aplicación RoR+Globalize y comentar que algunos de los problemas que me he encontrado son:

- Error al tratar de traducir modelos de ActiveRecord.

- El tema de las "rutas" y los "recursos" es un poco especial con el código que genera el scaffold con Rails 2 por defecto.

- Para que mantenga el idioma no basta con especificar en "routes.rb" las líneas:

map.connect ':locale/:controller/:action/:id'
map.connect ':locale/:controller/:action/:id.:format'

Algunos pasos necesarios:

Para solucionar el tema del error al traducir los modelos basta con aplicar el siguiente parche. Seguro que alguien os explicará por qué mejor que yo... :-P

Además de las línias que especificabamos hasta ahora en "routes.rb" debemos tener en cuenta el nuevo sistema de recursos y rutas rest que viene por defecto con Rails 2 y especificar el "path_prefix" delante de cada uno de nuestros recursos.

Por ejemplo:

map.resources :colors, :path_prefix => ':locale'

en lugar del que viene por defecto:

map.resources :colors

Una vez hecho este cambio hay algunos conflictos en las rutas que nos ha generado Rails por defecto con el scaffold, por ejemplo:

<%= link_to "Show", color_path(@color) %>

Rails no sabrá interpretar esta ruta y nos generará un error, eso es debido a que parece estar utilizando @color para encontrar el parámetro :locale que pedimos en el routes.rb. Bastará con hacer un pequeño cambio:

<%= link_to "Show", article_path(:id => @article) %>

Debemos específicar que @article es la :id y no el parámetro :locale (éste podemos especificarlo en el enlace también, pero normalmente lo cojo directamente con un :before_filter en application.rb).

También me he encontrado con algunos errores en los enlaces de editar, eliminar, etc... Pero se solucionan con el mismo sistema o, en su defecto, usando el antiguo sistema de rails 1.2.x para crear los enlaces.

Por ejemplo:

<%= link_to 'Editar'.t , :action => "edit", :controller => "colors", :locale => "es", :id => @color %>

Otro pequeño problema debido al "path_prefix" es un error en el formulario de "editar", se soluciona cambiando:

<% form_for(@color) do |f| %>

por algo así cómo:

<% form_for(@color, :url => {:controller => "colors", :action => "update", :id => @color.id }) do |f| %>

Estoy casi convencido de que debe haber algo más "corto" que cause el mismo efecto pero no he sabido encontrarlo, si alguien tiene la solucion no me iría del todo mal acortar esto... ;-)

Nada más creo, aparte de esto todo lo demás es igual o muy parecido a usar Globalize con las versiones anteriores de Rails. Hay multitud de artículos al respecto cómo los dos citados al inicio de éste post.

Sólo recordaros que Rails 2 ya no trae por defecto el "in_place_editor" por lo que deberéis instalar algun plugin para el apartado dónde traducimos los literales estáticos.