Si desarrollas  una aplicación PHP web que trabaja dentro de un IFRAME  lo más probable es que necesite usar una sesión y para almacenar el id de la sesión necesitarás una cookie (de esto se encarga el propio PHP) pero deberás tener en cuenta algunas consideraciones para evitarte problemas de funcionamiento en Internet Explorer 6+

IE considera que el contenido del IFRAME es “contenido de terceras partes” y siguiendo la configuración por defecto de seguridad del navegador  bloqueará las cookies del IFRAME y por lo tanto perderás la sesión. Siempre existe la posibilidad de emplear el método de paso de sesión por URL, pero solo resolverá el problema respecto a PHP si usas otro tipo de herramientas que necesiten sesiones (Facebook, Twitter, etc) estas no tendrán acceso a su cookie.

Como resolverlo

Para resolver este problema, necesitamos que el IFRAME defina la política p3p, segun la wikipedia

La Plataforma de Preferencias de Privacidad (Platform for Privacy Preferences) o P3P es un protocolo que permite a los sitios Web declarar las intenciones de uso de la información recopilada sobre los usuarios que lo visitan y dar de esta forma un mayor control a éstos sobre su información personal cuando navegan. P3P fue desarrollado por el World Wide Web Consortium (W3C) y se recomendó oficialmente el 16 de abril de 2002.

La plataforma establece un formato estandar para declarar la identidad y las prácticas sobre la información de los usuarios. Esta información puede ser interpretada por usuarios o por software dedicado a este propósito. Por tanto se pueden construir herramientas (agentes de usuario) que permiten al usuario especificar sus preferencias y éste software se encarga de comprobar automáticamente si lo específicado por el usuario se verifica en un website concreto. Dependiendo de las preferencias especificadas el agente puede por ejemplo mostrar un mensaje de alerta, generar una ventana para pedir instrucciones, permitir el acceso, rechazar el acceso… El proceso de comprobación de las preferencias se debe llevar a cabo en una zona segura en la cual el servidor web debe recoger sólo la mínima información posible del cliente.

Básicamente nos obliga a indicar nuestras intenciones para que el navegador se fíe de nosotros.

La forma más sencilla de implementarlo en PHP es mediante el envío de cabeceras

Tienes un listado completo del significado de estas directivas y de otras muchas en http://www.p3pwriter.com/LRN_111.asp

Esta cabecera mágica hará que nuestras cookies funcionen correctamente.

Este artículo se ha basado en información extraída de:

http://stackoverflow.com/questions/389456/cookie-blocked-not-saved-in-iframe-in-internet-explorer

http://blog.sweetxml.org/2007/10/minimal-p3p-compact-policy-suggestion.html

Hoy me gustaría presentarte, si aún no lo conoces, el módulo CCK Blocks. Un sencillo y útil módulo que nos permite mostrar los campos de un nodo en bloques, lo que nos da una mayor flexibilidad a la hora de maquetar y de mostrar la información.

Esta disponible para descargar en http://drupal.org/project/cck_blocks, una vez instalado, accedemos a la configuración el tipo de contenido que ya tengamos creado y editamos los campos que deseemos mostrar por separado.

En la página de edición tenemos una nueva opción: Provide block for this field que una vez activada y volviendo a la configuración del tipo de contenido, esta vez en la pestaña Gestionar Presentación dispondremos de una nueva subpestaña llamada CCK Blocks que nos permitirá arrastrar los campos que queramos mostrar en bloque independiente.

Una vez realizado estos pasos en la Estructura > bloques tendremos un nuevo bloque por cada campo disponible para mostrar en la región que deseemos.

Cada día empleamos más la redes sociales y estas son cada vez más objetivo de los virus, en especial el malware. Tanto Facebook como Twitter son objetivo de los ‘malos’ que intentan infectar nuestros ordenador y aunque estas dos plataformas hacen muy bien su trabajo y son segurar, el fallo siempre viene del punto mas débil:; El usuario.

La pregunta que muchos se hacen: ¿Puede mi ordenador ser infectado por acceder a Facebook?

La respuesta es NO, y aunque no hay nada imposible es muy improbable que por el hecho de navegar por una red social tu ordenador se infecte, ya  que como comente antes, tanto Facebook como Twitter, son muy celosos de la seguridad y no permiten explotar vulnerabilidades del navegador (esto seria una posible puerta a instalar virus en nuestros equipo) por parte de aplicaciones de terceros.

Pero, yo he oído hablar de virus en Facebook. Si, es posible que se haya empleado ese título, para algo que no lo es en si mismo, ya que esos mal llamados virus de Facebook, lo único que hacen es publicar mensajes en el muro de tus amigos para invitarles a visitar una página (ahí es donde podemos ser infectados).

Como primer paso para saber como esquivar esos ‘virus’ vamos a explicar

Como funcionan

• Un día aparece un tu muro un mensaje de uno de tus amigos invitándote a ver un vídeo, una foto, etc…  Suele ser algo morboso, sexual, en general, algo que incite a la curiosidad, y además parecer vernir de un amigo, ¡que peligro va a haber!
• Como nos fiamos de un mensaje de un amigo pulsamos en el enlace que nos lleva a una aplicación de Facebook que nos pide permisos (en especial el de publicar en tu muro). Como nos seguimos fiando y nos pica la curiosidad aceptamos los permisos sin leer.
• En ese momento nos la aplicación nos lleva a la página maliciosa, que es donde se intentará instalar el virus; bien mediante algún agujero de seguridad del navegador, incitándonos a instalar la última versión de flash para ver el vídeo, etc.
• ¿Os acordáis que hemos dado permisos a la aplicación sobre nuestro perfil?, pues lo que va a hacer esta aplicación (sin que nosotros lo veamos) es publicar en el muro de nuestros amigos un mensaje invitándoles a ver un vídeo ¿Te suena?

Como evitarlos

Facebook nos proporciona mucha más información de la que a veces vemos sobre los mensajes que publican nuestros amigos, si os fijáis en la imagen:

he subrayado el texto a través de ……. ahora si os fijais todos los mensajes tiene este texto que nos dice como ha llegado hasta ahí ese mensaje, actualización de estado, etc…

Cuando se publica directamente a través de Facebook no parece el texto, pero si si lo hacemos: desde el móvil o lo hace una aplicación por nosotros.

Quiero dejar claro que a través de una aplicación un usuario puede escribir el personalmente (por ejemplo aplicaciones sociales de móvil como Tweetdeck)

Ahora cuando veamos un mensaje invitándonos a visitar un vídeo, o similar, podemos ver que aplicación lo ha enviado, y si nos parece raro que lo escribiese nuestros amigo debemos pensar ¿Realmente lo ha escrito el?

2011 se termina y es momento de hacer repaso del trabajo de todo el año. En lo que respecta a este blog  estos son los post más leidos por vosotros durante 2011

10. Interactuando: Tipos de códigos QR

9. Last night a dj saved my life

8. Servidor de máquinas virtuales remotas con Virtualbox

7. Cartografía básica para creativos

6. Chat en tu navegador con node.js y Faye

5. Mejorando la seguridad en faye: Wildcards

4. Tutorial: Retrato con tipografías

3. Cinco módulos interesantes de Drupal 7

2. Diez buenas frases sobre creatividad

1. Música Invisible

Gracias a todos por leernos y por compartir con nosotros buenos momentos en 2011. Os deseamos que 2012 sea al menos tan bueno como 2011

Redmine es una potente herramienta de gestión de proyectos de la que ya hemos hablado en alguna que otra ocasión (aquí y aquí). Redmine esta escrito en Ruby on Rails, pero en algunos casos esto puede ser un handicap si nuestros proveedor de hosting no nos ofrece soporte para Ruby onRails, hasta el momento teníamos dos opciones: cambiarnos de proveedor o cambiar de herramienta

Ha llegado la solución a esta dicotomía: CandyCane

Aún está en desarrollo, pero muchas de sus funcionalides están desarrolladas, CandyCane us un port de Redmine escrito en PHP usando el framework CakePHP

Actualmente no se han portado (aunque probablemente se implementaran en breve) las funcionalidades de :

• Visor de repositorios
• Foros
• Documentos

Pero si no son funcionalidades que empleéis habitualmente, CandyCane permite hacer uso del resto de funcionalidades  de Redmine  en un simple hosting PHP5 + MySQL

En alguna ocasión os habréis encontrado con el problema de que al copiar una fuente de letra de un sistema Mac a otro Linux o Windows, os aparece como que el archivo tiene 0 bytes.

Este inconveniente se nos presentó hace un par de años cuando comenzamos a integrar en el estudio los tres sistemas operativos: Mac, Linux y Windows. Al principio hubo que librar muchas batallas de incompatibilidades como formatos de imagen, archivos, perfiles de color, etc.

Nosotros usamos una aplicación que convierte de cualquier formato de fuente a otro e incluso entre sistemas Mac o Windows. El ejemplo lo haremos con TransType Pro de FontLab, pero hay muchas otras que os pueden solucionar el tema.

La teoría es muy sencilla:

1. Abrir el programa conversor.
2. Cargar las fuentes que queremos convertir (Tipografías Mac).
3. Elegir el formato de salida para cada una. Para usar en Windows o Linux, usamos Win TrueType/OpenType TT.
   Lo mejor es que experimentéis con distintos formatos.
4. Exportar y listo.

En nuestro proyectos web no nos limitamos a las fuentes que tengan instaladas los usuarios en sus ordenadores, es decir, no tenemos que usar a narices Arial, Georgia, Times, etc. Incrustamos la fuente usada en el diseño, en la propia web, y podemos usarla con textos dinámicos, sin necesidad de crear imágenes estáticas, esto es muy operativo cuando usamos varios idiomas.

Queremos compartir un proyecto GPLv3 que iniciamos. Se trata de una Liberia, o mejor dicho un conjunto de clases, que gestiona la creación, visualización y validación de formularios web.

Una de las labores criticas a las que se enfrenta todo programador web es la petición de datos a los usuarios en el lado cliente y como segunda fase de este proceso la validación y securización de estos datos.

En 2001 nació neoforms una clase monolítica escrita para php 4 que permitía crear y validar formularios de forma sencilla. Como primera aproximación resultó ser muy flexible en algunos aspectos y útil, pero era complicada de mantener y su crecimiento fue desordenado.

En base a la experiencia de uso acumulada con neoforms hemos creado forms, un conjunto de clases que resuelven el mismo problema (la gestión y validación de formularios) pero con un enfoque más modular y estructurado. Usando la posibilidades los objetos de PHP5 (herencia, abstracción, etc).

Creemos que esta librería puede llegar a ser muy potente y extensible por ello cobra sentido que todos seamos participes por ello hemos creado un repositorio en gitHub (https://github.com/sergiocarracedo/OpForms) en el que podréis descargar el código y aportar vuestras mejoras, sugerencias, y realizar el reporte de bugs.

Hoja de ruta

Actualmente (15/12/2011) en el repositorio esta el primer envio, que posee un funcionamiento correcto, y en el cual la arquitectura de clases esta correctamente definida, pero no nos queremos quedar aquí y estas son las funcionalidades que pretendemos implementar:

• Creación de más tipos de campo:
• Hora
• Geolocalización (con mapa)
• Campos relacionados (que muestre datos de un campo en función del valor seleccionado en otro)
• Ordenación de valores
• Subida de ficheros
• Subida de fotos
• Creación de más validadores
• Tarjeta de crédito
• CCC
• NIF /CIF
• Completar los validadores de comparación
• Gestión de validación de lado cliente (Ajax)
• Agrupación de elementos
• Creación de más validadores

Esperamos vuestro feedback y se acepta cualquier sugerencia

En breve publicaremos con más detalle el funcionamiento de la clase y como crear nuevos tipos de campos, mientras podéis probar su funcionamiento descargando el repositorio

Seguro que en alguna ocasión has necesitado realizar un backup de un sitio web al que solo tienes acceso mediante ftp. Lo habitual es emplear un cliente ftp tipo filezilla o directamente trabajando en bash.

El problema se plantea cuando, por ejemplo necesitamos realizar una copia incremental del sitio web y no tenemos acceso ssh sobre el que pueda trabajar rsync o unison.

La solución nos la da curlftpfs que nos permite montar un directorio ftp en nuestro sistema para tratarlo como si fuese una carpeta local y realizar un rsyn o unison de forma normal.

En primer lugar instalamos curlftpfs

A continuación debemos editar nuestro /etc/fstab con nuestro editor favorito

y le añadimos la siguiente linea

curlftpfs#user:pass@host.com/ruta-carpeta-remota /punto-de-montaje/ fuse ro,user,uid=userid,auto 0 0

Donde:

• user: es el nombre de usuario ftp
• pass: el la contraseña de acceso al ftp
• host: es el host ftp
• userid: es el id del usuario no-root al que le permitiremos montar la carpeta, podemos obtener el nuestro mediante el comando

En este caso he montado la carpeta ftp en modo solo lectura por razones de seguridad (nadie quiere borrar por accidente su sitio web )
La carpeta se montara en el próximo reinicio del sistema o podemos forzarlo mediante

Lo siguiente realizar un rsync entre la carpeta montada y la carpeta donde almacenaremos el backup, por ejemplo:

Solo nos quedaria crear un script y añadirlo a nuestro crontab para que se realice el backup automaticamente.

Nota: La velocidad respecto a una sincronización de rsync sobre  SSH es considerablemente inferior, por ello esta técnica de considerarse una alternativa cuando no tenemos posibildidad de acceso ssh

En mí caso, tengo por costumbre poner a prueba el sistema para ver cuanto tiempo tardo en cargármelo. Como me gusta hacer experimentos con gaseosa, a poco de salir actualicé en uno de nuestros equipos de un OSX Snow Lepard a el nuevo OSX Lion.

Había escuchado pestes sobre este nuevo sistema, pero la verdad es que la experiencia de usuario fue muy positiva. Quizá si no tienes un TrackPad cambie el cuento pero todos los gestos que ha integrado Apple son muy cómodos para navegar. Bueno esta experiencia duró poco, ya que al cabo de una semana el sistema empezó a colgarse con pantalla crash incluída, como la famosa azul de Windows. 

Lo más probable es que, a causa de no instalarlo desde cero, si no que lo instalé por encima del Snow Lepard, estos cuelgues fueron cada vez a más, hasta diez diarios. Este fue el comienzo de mi odisea con Lion, ya que empecé a comprobar las incompatibilidades con ciertas aplicaciones y lo difícil de instalar el Snow Lepard de cero. El Lion quedó olvidado, aunque probablemente lo volveré a instalar en breve.

Para los que tengáis dudas si migrar a este nuevo sistema, os animo a hacerlo, y para estar más seguros podéis ver en este enlace un lista muy interesante de aplicaciones incompatibles con OSX Lion y iOS5.

Ánimo!

Igalia celebra su décimo aniversario este año. Para conmemorar este hito en su historia, nos encargaron un logotipo representativo para usarlo acompañado de su marca en todas sus comunicaciones.

A partir de aquí, pensamos en crear un logo que representara gráficamente algunos conceptos abstractos que definen a Igalia: una empresa en la que trabajan “personas” es decir con jerarquía horizontal y que va creciendo poco a poco en capital humano.

Construímos un símbolo partir del número 10, que remarca el evento que celebramos. Para nosotros el 10 también nos recuerda al éxito, ya la mayoría de los exámenes, análisis, etc; se califica de 0-10. Una analogía muy del sector.

Para sintetizar el concepto de EMPRESA, aprovechamos el número 0 de nuestro 10º aniversario. Creamos visualmente un espacio protegido que queda cerrado por una circunferencia. Este círculo al igual que las mesas redondas que se usan cuando se trata de una reunión de iguales, representa conceptos como IGUALDAD y JERARQUÍA HORIZONTAL.

Representamos ahora las personas que forman parte de Igalia. Una sociedad que protege a sus individuos y que permite su libre actividad y movimiento. Podemos interpretar la incorporación de personas en estos diez años de vida empresarial mediante la representación gráfica de elementos situados cerca del centro y otros acercándose a su última posición.

Hágame caso.

Elimine gastos superfluos y gestione usted mismo su comunidad. Nadie mejor que usted para saber qué necesitan sus clientes y cómo hay que hablarles ¡aprovéchelo! No le llevará más de 5 minutos al día chequear facebook, twitter, linkedin y la blogosfera, leer qué hace la competencia y redactar una entrada para el blog. Será hasta divertido.

Y disculpe mi terquedad al intentar explicarle el funcionamiento de las redes sociales; por momentos llegué a olvidar que hablaba con un verdadero experto en comunicación. Es una profesión tan nueva ésta, y hay tanto empresario despistado todavía, que a veces una pierde un poco el norte y se pone a evangelizar donde no hace ni falta. Usted ya sabe todo lo que hay que saber sobre participación e interacción: usted sabe escuchar.

Y además tiene carisma. ¿Recuerda el día en que me sugirió que ignorara aquella queja bloqueando al usuario? A mí nunca se me hubiera ocurrido. Por eso creo que es mejor dejar lo nuestro, y dedicarme a aquellos a los que todavía pueda ayudar en algo.

Usted no necesita un Community Manager. Usted es un verdadero líder: confíe en su instinto. Hágalo a su manera y, antes de lo que espera, obtendrá el posicionamiento en la Red que su compañía merece.

Atentamente, su ex-CM.

En los últimos años se han puesto a nuestra disposición multitud de herramientas de trabajo para gestionar y realizar reuniones con clientes y colaboradores, y el crecimiento de la banda ancha y los dispositivos móviles con conexión a internet hace que todavía sea más sencillo realizar una reunión en la que sus integrantes se encuentran en sitios dispares.

Como cualquier cambio social y cultural, lo nuevo no elimina a lo antiguo, lo desplaza y le deja los reductos donde lo nuevo no es tan efectivo, hay multitud de ejemplos de esto:

• Cuando apareció de CD se pensó que iba a eliminar por completo a los vinilos 20 años después se siguen convercializando vinilos y dispositivos reproductores. Es un mercado pequeño pero existe.
• Se suponía que la televisión mataría a la radio, pero aún tiene una alta cuota de uso, sobre todo en lugares o actividades en las que la televisión no tiene cabida como ir en coche, caminar, trabajar, etc…

Reuniones presenciales

Tienen la ventaja de la presencia personal, con lo que eso conlleva: Cercanía, poder leer el lenguaje corporal, poder establecer relaciones más allá de la propia reunión.

La desventaja es que los participantes tiene que estar en un mismo lugar al mismo tiempo, algo que muchas veces es difícil de conseguir. Si tenemos que desplazarnos para una reunión de estas características también debemos considerar el tiempo de desplazamiento que dejamos de dedicar a otras tareas

Es el formato de reunión más recomendado para los comerciales sobre todo en la primera visita al cliente.

Reuniones online

Su principal ventaja es que eliminamos de la ecuación el parámetro “lugar”, solo tenemos que centrarnos en encontrar un “momento” (Si los participantes se encuentran en partes del mundo muy diversas esto se puede complicar por la diferencia horaria)

Este tipo de reuniones se pueden organizar de forma muy rápida, y no lo vamos a negar, nos permiten muchas veces seguir trabajando mientras asistimos a la reunión.

Su desventaja principal es que no hay cultura de uso de las herramientas online en muchas organizaciones y nos podemos encontrar que no estén dispuestos a “verse por Skype”

Es el formato de reunión más adecuado para equipos de trabajo dentro de la misma empresa, para comunicarse con los proveedores, y para gestionar un proyecto con cliente una vez que ya ha arrancado (cambios, ajustes, intercambio de impresiones, etc)

De todos es sabido la importancia de la seguridad en la aplicaciones informáticas, sobre todo si están proveyendo servicios a través de Internet, donde están más expuestas a cualquier tipo de ataque.

En posts anteriores hemos hablado de node.js y faye, pero en este nos centraremos sobre una funcionalidad de faye no tan conocida que nos puede dar algunos quebraderos de cabeza.

Por defecto faye permite suscripciones a canales empleado wildcards (comodines) lo que permitiría a cualquier usuario sniffar todos los mensajes enviados a cualquier canal, con el consiguiente problema de privacidad que supone.

Podríamos suscribirnos a canales como “/foo/*” o “/**” con las consecuencias que he comentado en el párrafo anterior.

Si este no es un comportamiento deseado en nuestra aplicaciones tenemos que bloquear las suscripciones a ese tipo de canales y lo haremos aprovechando que faye nos permite crear “extensiones” para manejar los datos recibidos

Con esta extensión evitamos la suscripción a canales que contengan caracteres no alfanumericos, como por ejemplo los “*”

Puedes encontrar más información sobre esto en http://japhr.blogspot.com/2010/08/subscription-rejections-in-faye.html [en]

Soy un comprador habitual de productos a través de internet, de toda clase: libros, DVD, electrónica, productos para mascotas,  etc.. y ya tengo una buena lista de sitios de confianza en los que comprar; pero ¿que sucede cuando es la primera vez que comprar en una tienda electrónica?

Siempre se ha dicho que la primera impresión es la que queda, y esto también es totalmente cierto en internet. Buscando productos que deseaba comprar he encontrado multitud de tiendas virtuales cuyo aspecto deja bastante que desear, cuya usabilidad es nefasta y que no comunican correctamente al potencial cliente lo que necesita saber (plazos de entrega, garantias, etc)

Es el aspecto de la página donde primero me fijo como cliente, si la tienda no se preocupa por su propia imagen como se va a preocupar si tengo algún problema con el pedido, desde luego siempre hay excepciones en todos los casos, pero si no presenta un diseño adecuado mi opinión como cliente ya va a ser, cuando menos, escéptica, tu comprarías en una tienda del MundoReal™ que tiene un escaparate roto, mal pintada por dentro, en la que los productos acumulan polvo , etc… probablemente no, lo mismo sucede en internet.

Por ello creo que es importante para las empresas que pretendan vender en internet cuidar su imagen, por que  en internet el usuario es rápido y tiene mucha variedad donde escoger, si tu tienda no le da feeling, otra (que esta a distancia de click) será la que finalmente se lleve la venta.

Tras el reciente paso que fue la utilización de Drupal como CMS para construir nuestro sitio web el siguiente paso es presentar una versión móvil de la web.

Drupal simplifica mucho este proceso, y sobre todo el proceso de mantenimiento de los contenidos ya que por su estructura semántica los contenidos se adaptan de forma sencilla a los dispositivos móviles.

Hemos empleado el módulo Mobile Tools y Browscap, el primero permite cambiar el tema gráfico del sitio web en función del navegador que visite nuestra web, redirigiendolo al la versión móvil de la web si detecta un dispositivo móvil y el segundo se encarga de realizar la detección propiamente dicha a través del agente de usuario.

La adaptación de un sitio web a versión móvil no solo consiste en variar los gráficos, si no que supone repensar la usabilidad del sitio,tanto en cuanto a la interface del usuario es distinta a la de un escritorio, y en la forma que el usuario consume la información, un sitio web, debe tratar de prescindir de la información no principal y superflua.

Esperamos vuestros comentarios.

FileTea es un projecto de software libre, bajo licencia GNU AGPL, que permite compartir archivos de forma anónima a través de la web.

El funcionamiento es muy sencillo: accedes a la web del servicio http://filetea.me, adjuntas los archivos que desees compartir, esta acción puede realizarse mediante un simple Drag&drop ya que el servicio esta creado en HTML5.

Para cada archivo subido FileTea genera una url corta que podemos enviar  via email, redes sociales, SMS, etc a las personas con las que deseemos compartir los archivos.

Al ser un proyecto de software libre, podemos descargar su código fuente y adaptarlo a nuestras necesidades o simplemente emplearlo tal cual, en nuestro entorno empresarial.

El proyecto esta en versión alpha, y alojado por nuestros amigos de Igalia.

Más información  en planet.igalia.com

La frase que da título a esta entrada la leí hace tiempo en Internet e ilustra perfectamente nuestra filosofía empresarial y nuestra forma de trabajar. Y desde luego no significa que no seamos capaces de dar lo máximo de cada uno de nosotros en los proyectos en los que trabajamos.

En nuestro sector Bueno significa calidad, hacer bien las cosas, cuando programamos que los programas no fallen, que el código este bien organizado y estructurado (algo que no se percibe a menos que falle), cuando diseñamos significa que el diseño sea usable, realizable en la practica, que cumpla con su función y por ejemplo, en ámbito de la identidad corporativa, que transmita los valores de la compañía.

Bonito lo aplicamos principalmente al diseño y poco hay que decir, que un diseño sea “bonito” o “feo” puede parecer en principio algo subjetivo, pero la experiencia del diseñador, el conocimiento de la cultura a la que va enfocado, etc… marcan el “éxito” de un diseño.

Barato: todos entendemos el concepto de barato, pero no tiene que ver necesariamente con el precio, pero eso es otra discusión.

Pero como casi todo en la vida no se puede tener todo, sobre todo si valoramos nuestro tiempo, y aunque una de las ventajas que nos da la experiencia es hacer lo mismo en menor tiempo (efectividad) hacer las cosas bien (Bueno) lleva tiempo y hacer las cosas bonitas también, por eso, como el tiempo es dinero, el precio sube, por que lo hacen nuestras horas de trabajo.

Existen otras variantes de esta frase como por ejemplo “Bueno. Bonito. Rápido. Elige dos.” pero el fondo es el mismo.

En estos posts tenéis desarrolladas todas las combinaciones

http://www.maestrosdelweb.com/editorial/cuanto-como-cobrar-freelance/

http://www.elblogdelconejoblanco.es/?p=49

Os dejo un vídeo ”divertido” :

Además de Opsou hay otra mucha gente trabajando con node.js y haciendo cosas increibles, por ello y como homenaje os dejo una pequeña recopilación de links con tutoriales, explicaciones y manuales.

• http://www.rmunoz.net/introduccion-a-node-js.html
• http://es.debugmodeon.com/articulo/introduccion-a-node-js
• http://www.genbetadev.com/frameworks/introduccion-a-la-programacion-asincrona-con-nodejs
• http://www.genbetadev.com/frameworks/introduccion-a-la-programacion-asincrona-con-nodejs-ii
• http://stendev.com/blog/node-js/node-js-instalacion-en-windows/
• http://www.youtube.com/watch?v=C15w0cTtwL0
• http://dzign.us/post/3259958025/aprender-node-js
• http://hermanjunge.com/libro-principiante-nodejs-toc
• http://www.kaosconcept.net/codigo/libro-de-node-js-gratis/

Recientemente me surgió la necesidad de convertir motor de las tablas de una base de datos que usaban InnoDB a MyISAM, la solución es trivial en apariencia, es decir, convertir una tabla es tan sencillo como

Pero si son muchas las tablas a convertir esta tarea se puede convertir en insufrible haciéndonos perder un valioso tiempo, e aquí la solución:

Con esta consulta conseguimos como resultado una cantidad de tuplas igual al numero de tablas a convertir como único contenido de cada uno de ellos es la consulta SQL necesaria para convertir la tabla.

Ya solo nos queda ejecutar las consultas obtenidas y voilá tendremos nuestras tablas convetidas a MyISAM

Drupal trata la página de inicio o front page de forma especial ya que no podemos editar el contenido directamente, en realidad podemos crear una página básica y establecerla como página de inicio, o crear una view de tipo página para mostrar cierto contenido en ella.

Pero generalmente la página de inicio tiene unas características propias, ya que se suelen ser un resumen de la web que comenzamos a visitar: últimas noticias, trabajos destacados, últimos comentarios, etc.

Todos estos tipos de contenido suelen mostrarse como bloques (estáticos, views de tipo bloque, etc), que podremos ir añadiendo a la región contenido principal o a los sidebars, pero lo normal es que estos bloques no se vayan a mostrar en el resto de las páginas.

Es común, también, que la estructura de regiones sea distinta en la página de inicio al resto de la web es por ello que propongo una solución para simplificar el trabajo.

Aunque la página de inicio tenga la misma estructura que el resto de la web, esto es, con las mismas regiones el hecho de que los tener 7 u 8 bloques en la región “contenido principal” complica un poco la administración de los bloques, ya que, aunque es simple establecer que los bloques de la página de inicio solo sean mostrados en dicha página, en el listado de bloques no veremos las excepciones y tendremos los bloques de la página de inicio junto con el resto de bloques.

Mi propuesta es crear regiones específicas para la pagina de inicio, con lo que además de separar los bloques de los del resto de la página tendremos la flexibilidad necesaria para establecer una estructura de regiones distinta para la página de inicio.

Para simplificar simplemente vamos a crear una nueva región “contenido principal” para la front page  , para ello editamos el fichero de configuración del tema que se encuentra en themes/[nombre del tema]/[nombre del tema].info y añadimos

Podemos añadir más regiones de la misma forma.

Ahora editamos themes/[nombre del tema]/templates/page.tpl.php en el que encontraremos una linea siminar a esta

Esta linea le indica a Drupal que realice el render del contenido de la región “content”, pero nosotros no queremos mostrar el contenido “normal” en la página de inicio, queremos mostrar el contenido específico de la página de inicio para lo cual sustituimos la linea anterior citada por:

Ahora solo tenemos que añadir los bloques que necesitemos a esta nueva región para mostrar los bloques solo en la página principal

Nota: No olvides vaciar las caches caches de drupal para que actualice las nuevas 

Doodle.com es una herramienta online que nos facilita esta labor.

Es gratuita y solo necesita que el organizador de la reunión este registrado el resto de los intervinientes podrán acceder a la propuesta de reunión para indicar sus fechas disponibles a través de una URL.

Como organizador de la reunión solo tenemos que crear una encuesta, en la que nos pedirá los datos básicos de la reunión: Tema, localización (que podemos ver sobre Google Maps), descripción. Tendremos que escoger una o varias fechas en las que podría tener lugar la reunión, y sobre esas fechas las horas a las que podría celebrarse dicha reunión.

Y como último paso enviamos la pregunta o encuesta a los intervinientes, paso que podemos realizar usando nuestra agenda de Gmail, Outllok, Exchange, etc

Los intervinientes de la reunión recibirán un correo con un enlace, que les llevará a una página donde podrán indicar que fecha y hora (se pueden indicar varias) tiene disponibles para participar en nuestra reunión.

Una vez recopilada la votación de cada interviniente, podremos cerrar la votación y enviar a los participantes una cita ya cerrada para la reunión.

Escoger fecha y hora es muy sencillo ya que la aplicación nos indica la mejor fecha y hora (la elegida por más usuarios) aunque la decisión final esta en nuestras manos.

Este es un ejemplo básico, pero doodle nos permite personalizar mucho más las votaciones, por ejemplo permitiendo a los intervinientes indicar fechas y horas en las que es imposible asistir, o en las que podrían asistir si fuese estrictamente necesario.

Os invito a probarlo aqui

Era el momento de hacerlo y lo hemos hecho, dar el paso de servir nuestra propia web bajo un CMS, software libre por supuesto, y para ello hemos escogido Drupal, por su flexibilidad y potencial de crecimiento para en un futuro no muy lejano seguir creciendo en contenido, usabilidad y funcionalidad.

Hemos aprovechado el cambio para realizar algunos pequeños cambios, sobre todo de usabilidad, pero el objetivo principal es que la web siga teniendo la misma apariencia y funcionalidad que sin el CMS. Y lo hemos cumplido.

El objetivo secundario es demostrar, si es que ya no esta suficientemente demostrado, que con un buen CMS y con la experiencia necesaria es posible crear cualquier tipo de web, sin tener que diseñarla pensando en el CMS empleado con las limitaciones que ello conlleva.

Disfrutarla como hasta ahora

Después de muchos años de lucha Illustrator vs Freehand, Adobe ha aplastado definitivamente ese reducto de galos de casi un 40% de ilustradores que se resistían a dejar de usar Freehand. Gracias a la ayuda de Apple con el lanzamiento de su nuevo sistema operativo OS X Lion, lo han conseguido.

La mítica lucha entre estas dos estupendas aplicaciones viene de lejos. Desde principios de los noventa empecé a trabajar con ellas, aunque más dedicado a Freehand que Illustrator. Cualquiera de las dos eran muy buenas.

Como casi siempre ocurre en un aplicación, sus primeras versiones contienen lo esencial para trabajar, como una llave fija, simple y funcional. Luego con el tiempo y el querer vender se van haciendo navajas multiusos que terminas por usar el 50% de las cosas que traen.

Adobe luchó para ser el primero durante muchos años, hasta que en el 2005 decidió comprar la compañía Macromedia, que distribuía entre otros Freehand, por 3.600 millones de dólares. Muerto el perro se acabó la rabia, como dicen, pero muy a su pesar no fue así.

En el 2006 Apple empezó a comercializar sus ordenadores con chips Intel, que hasta esa fecha eran PowerPC, por tanto, los programas que desarrollados para chips PPC no corrían en chips Intel. Para solucionar este problema, Apple integró un emulador en su sistema llamado Rosseta, como la piedra tan famosa que ayudó a entender el lenguaje de los jeroglíficos egipcios, que permitía correr aplicaciones antiguas en el nuevo chip, transformando el binario antiguo en uno nuevo.

Cómo se puede suponer, este cambio afectó tanto a Illustrator como Freehand. Adobe tuvo en cuenta este inconveniente y saco una nueva versión re-programada para chips Intel, con un pequeño detalle solo se acordó de Illustrator.

En todos estos años Adobe no se planteó actualizar esta gran herramienta de la que dependen tantos profesionales séniors, aunque si muy éticamente siguió vendiendo la aplicación, sabiendo que el verdugo aparecería tarde o temprano.

En mi caso manejo perfectamente Illustrator y hace tiempo que migré todo el diseño de una herramienta a otra, pero aunque soy consciente que hay que estar actualizado, no creéis que Adobe debería de tener un poco de respeto por nosotros y por ejemplo, mejorar su módulo de importación de Illustrator para importar archivos de  Freehand  perfectamente, pensando que todos tenemos proyectos archivados durante estos últimos véinte años.

Cómo decía al principio gracias a que el nuevo sistema operativo de Apple no trae integrado el emulador de aplicaciones PowerPC, Freehand y otros, no funcionarán más sobre ordenadores Macintosh.

.FH11, Descanse en paz.

En ocasiones necesitamos cambiar una página realizada en WordPress de ruta o de dominio, esto puede deberse simplemente a que estabamos trabajando en una copia local y una vez finalizada la llevamos al servidor definitivo, o por que queremos hacer funcionar nuestro blog, que tenemos en un servidor , en local.

WordPress guarda en la base de datos información referenciada a rutas absolutas, por lo que una vez movido el blog dejará de funcionar o no lo hará de una forma correcta.

Con estos sencillos pasos podrás resolver este inconveniente.

En primer lugar es muy importante realizar una copia de seguridad de la base de datos, por lo que pudiera pasar.

Una vez que tenemos copiado todo el contenido del árbol de directorios y la base de datos de WordPressen la nueva ubicación cambiamos si es necesario los datos de acceso a la base de datos (si fuese necesario), estos datos se encuentan en

Ahora accedemos a la base de datos con phpmyadmin, o cualquier otro cliente que nor permita ejecutar las siguientes consultas SQL.

Con esto tenemos hecha la mayor parte del trabajo, pero si hemos cambiado la ruta (independientemente de que cambie el dominio) y utilizamos URLs amigables mediante mod_rewrite, necesitamos cambiar el .htaccess

Haciendo clic aquí, puedes ver la página con el conversor que simula un C64. Arrastra una imagen desde tu escritorio a esta página y suéltala sobre la pantalla del C64, y ya está.

Node.js el servidor javascript del que ya hemos hablado en post anteriores (Node.js, Javascript power!!, Mejorando node.js: Faye y Chat en tu navegador con node.js y Faye) acaba de publicar una nueva rama (branch) de desarrollo, la 0.5.x, sobre la que seguir creciendo. Hay numerosos cambios y bugfixes que podeis conocer aqui. La rama estable continua siendo la 0.4.x,

Este es un momento importante para el proyecto que continua su desarrollo. Muestra de esto es al apoyo de Microsoft para crear un port sobre la plataforma Windows

También ha aprovechado para evolucionar la marca y crear una nueva imagen corporativa más consistente e identificable.

Un post fresquito para el verano

Cuando trabajamos con plantillas php, como las que usan Drupal o WordPress, en las que introducimos nuestras variables directamente el html mediante php, en ocasiones, sobre todo cuando estamos realizando pruebas o cambios solicitados por el cliente necesitamos comentar parte del código, tanto php como html, para poder volver fácilmente a el si algo va mal.

Podemos caer en la tentación de usar las etiquetas de comentarios de html <!– y –>, esto ocultará lo que no queremos ver, pero el php dentro del comentario continuará ejecutandose. De esta forma es más probable que aparezcan errores en el nuevo código además de perjudicar el tiempo de ejecución y carga de la página ya que estamos procesando y enviado al navegador elementos que no van a ser mostrados.

La solución es tan sencilla como elegante, solo tenemos que introducir todo el código (html y php) a comentar dentro de comentarios de php

Veamos un ejemplo:

La forma de comentarlo seria:

De esta forma no quedará rastro del código en el contenido enviado al navegador ni se consumira tiempo de ejecución.

Original librería de Lincoln Kayiwa para guardar tus CDs, DVDs, Libros, Revistas y  hasta un osito si quieres. Quizá para el que le sobre espacio y tenga pocos libros,

Lo dicho, se ha resuelto el concurso de carteles para el Festival de Jazz que se celebra todos los años en el concello de Nigrán, cita ineludible para los que disfrutamos con la música sin etiquetas.

El prestigioso artista nigranés Quin Alborés, fallecido el pasado año, era el encargado de diseñar los carteles de cada edición del Festival NigranJazz. Un ciclo de conciertos Jazz que se celebra cada verano en el auditorio al aire libre de A Foz, en el paseo de A Ramallosa de Nigrán, Pontevedra.

Otro año más hemos participado como jurado en este concurso de carteles que ayuda a mantener en la memoria de todos nosotros a este gran profesional de la comunicación gráfica, extraordinaria persona e inolvidable amigo.

Ya hace aproximadamente un año que Drupal 7 fue liberado, mejorando muchos aspectos sobre la versión 6, sobre todo en lo que a administración se refiere.

A continuación exponemos los módulos que nos parecen más interesantes, excluimos Views y CCK de estas lista por que son imprescindibles y de sobra conocidos.

5. Better exposed Filters

Este módulo nos permite mejorar la forma en la que se muestran los filtros expuestos, podemos mostrar los valores como radio o como check en lugar de usar los clásicos select y multiselect

4. Custom Breadcrumbs

Nos permite ajustar la miga de pan según tipos de contenido, ya que en ocasiones estas no se construyen correctamente.

3. WebForm

Como su nombre indica nos permite crear formularios personalizados para distintas secciones del website, la gestión de los tipos de campos parte de CCK, por lo que podemos añadir cualquier tipo de campo

2. Mobile Tools

Nos permite mostrar un tema distinto al visitante en función del tipo de dispositivo desde el que se conecte, con lo que podemos crear un tema para móviles,  tablets, etc.

1. Ckeditor

Ckeditor es un editor Wysiwyg escrito en html y js muy conocido, con este módulo lo integraremos dentro de nuestro sitio web simplificando la edición de texto, sobre todo por parte de los usuarios.

No hemos querido hacer la lista de los 5 mejores módulos de Drupal 7, pero si una lista de módulos que nos facilitan mucho en trabajo.

¿Cuales son tus favoritos?

Estas cifras son sorprendentes y analizadas sin tener en cuenta el contexto actual son muy sorprendentes y favorables, pero comparativamente con el gigante de las redes sociales Facebook son irrisorias. Actualmente Facebook cuenta con 550 millones de usuarios en todo el mundo y aunque empieza a mostrar estancamiento, o incluso perdida de usuarios, en algunos paises  (USA y UK, por ejemplo) aún tiene potencial para seguir creciendo.

Facebook tiene a su favor lo más importante, los usuarios, a los que mantiene semisecuestrados en su red, complicando la salida de estos hacia otras redes.

En este sentido es notable el caso de la extensión del navegador  Chrome, Facebook Friend Exporter, que permitia exportar tu lista de amigos de Facebook a CVS o a Google Contacts (lo que facilita mucho el paso a Google+) que he podido usar sin problemas, pero que desde hace unos días, ha dejado de funcionar, como indica su desarrollador, por que Facebook esta poniendo todos los impedimentos posibles al funcionamiento de la misma.

No voy a entrar en muchos detalles sobre el funcionamiento de Google+, por que sobre ello se han escrito multitud de entradas de blogs, noticias, etc, pero si me gustaría opinar sobre lo que le falta, en este momento, a Google+ para seguir avanzando.

API

Aun no hay API disponible, aunque si ya hay un prerregistro para solicitar que nos avisen en cuanto este disponible.

La API es una pieza muy importante, que permitirá entre otras cosas, que que podamos acceder a nuestra red G+ desde aplicaciones como Tweetdeck, Hootsuite, Echofon, twicca, etc…

Perfiles o páginas de empresas

En Facebook, se ha generado un ecosistema de marketing alrededor de las páginas de empresa, que son también una forma de estar en contacto con las empresas de nuestro interes. En G+ tampoco deberían faltar.

Juegos

Probablemente los geeks no estemos de acuerdo con esto, no los necesitamos, y son muchas veces una fuente de spam, pero para el usuario medio si que son importantes y pueden ser un atractivo que les invite a dar el salto a esta red. La compra de varias empresas de juegos online por parte de Google hace unos meses y el hallazgo en el código js de G+ de cadenas relacionadas con invitaciones a juegos, nos hace pensar que esto será una realidad muy pronto.

A continuación dejo unos interesantes links con información relativa a G+

http://www.genbeta.com/redes-sociales/los-puntos-fuertes-y-debiles-de-google-tras-varios-dias-de-uso

http://vicarlone.com/trucos-google-plus/

http://www.enriquedans.com/2011/07/google-impresiones-tras-dos-semanas-de-uso.html

http://starblogger.net/9-must-have-chrome-extensions-enhance-your-google-plus-experience.html

La política de privacidad es ese texto “tocho” que nunca nos leemos y aún así hacemos clic sobre “he leído…”.

En el caso de el gigante Facebook, el número de palabras de su política de privacidad, crece y crece constantemente, tal y como podemos ver en la gráfica.

Si queréis ampliar datos sobre el tema, leer este interesante artículo: Ver artítulo.

Lo primero es crear el servidor node:

Solo tenemos que incluir la extensión de faye para node

A este fichero lo llamaremos node.js, ahora desde bash lanzamos el servidor que acabamos de crear:

Y ya tenemos nuestro “servidor de chat” corriendo, preparado para funcionar

En el lado cliente creamos un sencillo html y un script para gestionar el chat:

Dejo una demostración funcional del tutorial para ver realmente la rapidez de node y faye lo recomendable seria iniciar la demo en dos o tres navegadores distintos.

Descargar código

ACTUALIZACIÓN: Debido a un cambio de proveedor en nuestro servidor node ha dejado de funcionar y el ejemplo del tutorial no funcionará

Como ya comentamos en una entrada anterior node.js es una herramienta muy potente, que nos permite crear servidores empleando javascript como lenguaje de programación en el servidor, pero puede ser costoso crear ciertas herramientas y protocolos desde 0.

Faye es una capa (extensión) sobre node.js, lógicamente escrita en javascript, que crea un sistema de publicación y suscripción a canales de mensajes basados en el protocolo Bayeux.

En otras palabras, faye se encarga de gestionar los canales, los envios de mensajes y la recepción por parte de los subscriptores a esos canales.

Faye consta de dos partes, una en el lado servidor y otra en el lado cliente (también escrita en javascript)

Para explicar el funcionamiento de faye más fácilmente pongamos un ejemplo:

Imaginemos que estamos creando una aplicación que necesita enviar notificaciones en tiempo real a todos los usuarios conectados a una página.

En nuestro script para node.js instroducimos lo siguiente:

y lanzamos node.js

Ahora en el cliente, cargamos un fichero javascript con este contenido:

Con estas dos sencillas operaciones, todos los usuarios que estén conectados a nuestra web estarán subscritos al canal messages y estarán en disposición de recibir información.

Para enviar un mensaje, desde uno de los clientes, que puede ser nuestro panel de control de la web ejecutamos el siguiente javascript:

Y inmediatamente en todos los navegadores de los visitantes de la web aparecerá un alert con el mensaje “Hello world”

Este es un ejemplo extraído de la web de faye, pero quería explicarlo con un ejemplo práctico. Como veis la potencialidad y simpleza de este sistema es grande, ya que podemos enviar más variables que message si lo necesitasemos (por ejemplo, número de mensajes sin leer, fecha, etc), tambien podemos tener varios canales distintos a por los que enviar distintos tipos de información o solo subscribir a algunos usuarios a esos canales.

En un próximo post explicaré como manipular los mensajes en el lado servidor, para por ejemplo, almacenarlos en una base de datos, enviar mensajes desde el propio servidor, etc.

LibrePlan es una aplicación web de software libre para la gestión de proyectos, en la como Opsou participamos como partner gráfico, aportando nuestra experiencia en branding, diseño web, usabilidad e integración gráfica; y colaborando estrechamente con Igalia.

Basada en conceptos como visión general de empresa y multi-proyecto, asignación de criterios, etiquetado de tareas, gestión de recursos, asignación de recursos, control de carga de la empresa, integración externa, etc; Libreplan nace a partir de NavalPlan, que aunque su nombre está claramente relacionado con el sector naval, es una herramienta de planificación completamente útil para cualquier tipo de empresa cuyo flujo de trabajo requiera la gestión y planificación de proyectos y pedidos.

PRESENTACIÓN IDENTIDAD VISUAL: Libreplan

Tratamos de sintetizar gráficamente en el símbolo, conceptos que definen la funcionalidad más significativa. En síntesis, ¿qué hace esta aplicación?, pues ayuda a dirigir los distintos recursos, hacia un mismo destino, la finalización del proyecto.

El símbolo se construye a partir de una flecha que nos hace avanzar hacia el horizonte. Comenzando en distintas posiciones y en varios colores, nos recuerda que los recursos son diversos y no siempre empiezan en el mismo punto del proyecto. Finaliza nuestro símbolo, en una flecha hacia la derecha y hacia arriba, movimiento siempre positivo, y a un solo color que indica la unión de todos los recursos para un mismo fin.

En cuanto a la gráfica de la propia marca, queremos que tenga su propia personalidad y que funcione sin el símbolo en algunas ocasiones. Hemos partido de la tipografía Bryant en su estilo bold y la hemos modificado levemente para causar este efecto:

A continuación veremos las distintas aplicaciones del logotipo, en base a las circunstancias: espacios horizontales, espacios verticales, fondos claros, fondos oscuros, fondo del mismo color que el símbolo:

Como no siempre los soportes permiten imprimir en color, sobre todo usando degradados como es el caso, pensamos en una versión a una tinta, que permita su aplicación sin perder identidad.

Para las distintas versiones que pueda haber de la aplicación LibrePlan, será necesario mantener una cierta coherencia gráfica entre las identidades visuales de cada una de ellas. Por tanto, para nuevos logos usaremos elementos gráficos creados para la marca matriz como: tipografías, disposiciones del logo y símbolo, elementos de símbolo, colores, etc.

Se aplicarán fácilmente, jugando con el color en la primera palabra de la marca y en los colores de los recursos representados en el símbolo.

Hasta hace muy poco necesitábamos plugins, para realizar tareas que ahora nos parecen triviales, reproducir sonido, ver videos, hasta la más simple de las animación de un botón. Pero esto esta cambiando, la evolución de los navegadores es frenética y la próxima liberación de la especificación final de HTML5 y CSS3 y otros estandares (actualmente son borradores), nos hace pensar que podremos tener pronto una nueva revolución en la web. Permitiendo a los creativos dar rienda suelta a sui imaginación sin chocar con la usabilidad, la accesibilidad y el posicionamiento como sucede hasta la fecha.

En una nueva demostración de las posibilidades de los estándares mrdoob, pone a nuestra disposición un framework escrito completamente en javascript para manipulación de objetos 3D. Con lo que nos libera de la carga de realizar muchos de los cálculos necesarios para algo tan simple generar la perspectiva segun el posicionamiento de la cámara.

Simplemente nos tendremos que preocupar de colocar los objetos y la cámara en nuestro lienzo para empezar a jugar con el 3d en nuestro navegador.

three.js es capaz de trabajar sobre canvas (modo soportado por IE9, safari 4, FF4, Chrome) y empleando webGL, una especificación que permite al navegador usar la tarjeta gráfica (GPU) para hacer el render de la escena, con la consiguiente mejora de velocidad y de calidad de los gráficos (soportado por Chrome y FF4)

Es casi obvio decir que modo canvas tiene limitaciones en cuanto al uso de texturas, luces y sistemas de partículas. Pero es perfectamente funcional para muchas aplicaciones.

No podíamos dejar de probarlo así que hemos jugado un poco con esta magnifica herramienta creando nuestro propio universo Opsou en nuestra web. No dejéis de probarlo.

Si necesitas “colocar” algún contenido (post, paginas)  de tu blog dentro de un widget este plugin te resultará imprescindible.

Se llama Query Posts y aunque aparentemente simple, es muy flexible y potente.

Una vez instalado en tu wordpress, solo tienes que ir a “Apariencia > Widgets”, arrastrando el llamado Query Posts al area donde lo necesitas, las opciones de configuración son las que puedes ver en la imagen que ilustra este post.

Por ejemplo, si queremos mostrar el contenido de una página a modo de widget puedes hacerlo, indicando en post_type el valor page, para luego introducir el id de la página en el campo page. Con esta sencilla configuración estaremos mostrando el contenido de la pagina en, por ejemplol el sidebar del blog,

¿Pero que diferencia aporta esto con respecto al widget text que incluye por defecto wordpress y que nos permite introducir texto como widget?

La diferencia puede parecer sutil, pero es muy importante, en primer lugar, simplificaremos la edicion de texto, sobre todo si el encargado de introducirlo no es una persona muy habituada a maquetar con html, o a hacer algo más que escribir, por que podrá modificar el texto usando el editor habitual de páginas.

En segundo lugar, si tenemos instalado un plugin de idioma el widget que acabamos de crear se mostrar en el idioma indicado, cosa que con text no sucede

Podemos mostrar imágenes (sin tener que introducir html)

Aún no le he sacado todo el jugo pero en lo poco que lo he exprimido me ha sido de gran utilidad, ¿Como lo vas a usar tu?

http, (sin la s) es la forma en la que nos comunicamos con los servidores de páginas web, para que nos muestren la información de las páginas que tiene almacenadas, por ejemplo cuando nos conectamos a http://www.facebook.com nuestro navegador le pide al servidor de Facebook, el servidor le devuelve al navegador la información necesaria para mostrar la página de inicio de Facebook.

Este protocolo también permite que nosotros enviemos información al servidor(Cuando completamos un formulario y pulsamos enviar, cuando subimos una foto, etc)

Precisamente un formulario es lo que rellenamos cuando introducimos nuestro nombre de usuario y contraseña y estos son enviados al servidor (en este caso Facebook) en los que llamamos texto plano, que simplemente que todos los parámetros se envián tal cual.

¿Y esto que me acabas de contar en que me afecta?

Pues te afecta y mucho, cuando envías texto plano, la información viaje por la red sin ningún tipo de protección, pero el punto donde es más peligroso es cerca de ti, en tu propia red, cualquier equipo conectado a tu router, ya sea por cable o por wifi, puede tener acceso a todo la información que transmites y recibes. Esto es especialmente peligroso en las redes wifi abiertas o protegidas pero publicas(cafeterias, bibliotecas, aeropuertos, etc), en las cuales no tienes idea de quien esta conectado a esa red.

Existe, de hecho, una extensión para Firefox que realiza ese trabajo sin tener que tener conocimientos técnicos http://www.softzone.es/2010/10/27/una-extension-de-firefox-permite-robar-contrasenas-de-usuario-de-redes-sociales-y-otros-servicios/

¿Como puedo evitarlo?

Usando https, que no es más que la versión del protocolo que comentaba anteriormente, pero que envía la información de forma encriptada, con lo cual solo los dos interlocutores (tu y Facebook) pueden descifrarla y tener acceso a ella.

Pero lo importante que me gustaría aclarar con este articulo, es que de nada o de poco vale activar la opción que posee Facebook para navegar en su web si a la hora de acceder y loguearnos seguimos usando http, ya que aunque cuando estemos dentro de Facebook las comunicación sean encriptadas, a la hora de loguearme estamos enviado nuestros datos de acceso sin encriptar. Por ello es importante escribir https://www.facebook.com para estar protegidos* desde el principio.

*Creer que estamos protegidos al 100% es el primer paso para que tengamos problemas, no debemos caer en la paranoia, pero si saber que nunca estamos seguros al 100%

En este post los conceptos técnicos están deliberadamente simplificados para facilitar la compresión a todo el mundo, si quieres ampliar la información te remito a blog especializados como por ejemplo http://www.kriptopolis.org

Casi todos nosotros tenemos presencia en las redes sociales, con abrumadora mayoría, la red social más usada es facebook, y ¿sabemos como comportarnos en ella?

Desde nuestra infancia, nuestros padres nos enseñan como relacionarnos con otros personas, que decir y que no decir para no ofender a nadie, muchas pequeñas cosas que nos serán útiles cuando seamos adultos.

Nuestra generación, supone un mucho casos un punto de ruptura, ya que nuestros padres no pueden “enseñarnos” a comportarnos en las redes sociales, ¿Qué hacemos entonces? Nada, o casi nada, simplemente aplicar el sentido común y trasladar nuestra forma de comportarnos en la vida real a la vida virtual.

En esta entrada me gustaría, simplemente, realizar algunas puntualizaciones y refrescar algunos conceptos del del funcionamiento de las redes sociales, en concreto Facebook:

Tu muro

Tu muro (no confundir con tu feed, o listado de noticias recientes) es tu casa, donde publicas normalmente lo que piensas, tus fotos, enlaces, etc. que luego aparecerán en el feed de tus amigos

Que poner

En general son mensajes/fotos/etc que quieres que vean tus amigos (o todo el mundo si tu perfil es público)

• Lo que estas pensando o haciendo
• Enlaces que te resultan interesantes y crees que pueden serlo también a tus amigos
• Fotos (estas se publican en tu muro al subirlas

Que no poner

En general, mensaje/fotos/etc, que no quieres que sean vistas por todos tus amigos, y aunque no te importe que lo vean, cosas que no les interese

• Mensajes para un amigo en concreto, si lo va a ver en su feed, pero también lo van a ver todos tus amigos, los que probablemente no lo conozcan o no les interese esa información

Simil en la vida real

En una fiesta todo el mundo esta escuchando lo que dices tu.

El muro de tus amigos

El muro de un amigo, es como el tuyo, pero no es el tuyo

La información que pongas en el muro de tus amigos, aparece en el feed de otros usuarios si estos son amigos de los dos, lo que no impide que cualquiera que vaya específicamente a ese muro lo pueda ver.

Que poner

En general, cosas que le atañen a el y que son publicas y no importa que vean sus amigos, por ejemplo:

• Felicitar el cumpleaños a tu amigo

Que no poner

No se deberia poner nunca, cosas que puedan comprometerlo con alguno de sus amigos, o información personal y delicada, por ejemplo:

• Quedar para una fiesta, o cena
• Dar una mala noticia

Simil en la vida real

Estas en una fiesta, y le comentas algo a tu amigo, pero no lo haces gritando para que te escuche todo el mundo.

Mensajeria

Es la más personal (y las más agresiva) de todas las formas de comunicación en Facebook, aunque puedes enviar el mensaje a varios destinatarios, sabes que esa información solo les llega a ellos

Que poner

Cualquier cosa, sobre todo si es algo privado que solo debáis conocer vosotros, por ejemplo, unas fotos de la última fiestas en las que tu amigo sale, digamos, “perjudicado”

Que no poner

No uses la mensajería para enviar mensajes de tipo cadena, o para hacer publicidad de algo, por que conseguirás que la gente te aborrezca. Primero piensa ¿Me gustaría recibir este mensaje a mi? y piensa una segunda cosa, cada uno de nosotros podemos recibir gran cantidad de información a diario a través de Facebook, ¿Es importante lo que tengo que decir?

Simil en la vida real

Estas en una fiesta, y le cuchicheas algo al oído a tu amigo, que no quieres que escuche nadie más.

Las fotos

Quizá el tema más controvertido, en Facebook puedes etiquetar a personas en las fotos, y al hacerlo haces que todos los amigos de tu amigo puedan verlas.

Que poner

Si subes fotos en las aparezcan tus amigo, asegúrate de que no les importe que lo hagas.

Que no poner

No etiquetes a diestro y siniestro fotos en las que ni siquiera aparece la persona que has etiquetado, para que todos vean un mensaje, o la publicidad de algo.

Existe un gran debate acerca de que soluciones usar cuando adaptemos un website a móviles. Por lo normal, usar CSS (style sheets) como solución, nos ayuda a crear distintas visualizaciones sobre diferentes dispositivos móviles, pero no todos los fabricantes siguen los estándares. El resultado sobre algunos en ellos puede ser impredecible.

Hay diversidad de tipos de móviles. En algunos solo se puede visualizar los elementos gráficos más esenciales, como las webs de principios de la década. En otros, como los smartphones, pueden mostrar mejor el contenido web e incluso tener más funciones, ejecutar jQuery Mobile, etc. Aunque alguno de ellos, por ejemplo iPhone, no funciona, ni funcionará tecnología Flash.

Para sacar el máximo partido a un website, proponemos dos opciones:

A) Crear un website que funcione en la mayoría de los móviles

Podemos hacer que nuestro site funcione sobre casi todos los dispositivos móviles recortando los servicios y opciones, haciendo una maquetación más suelta, sin márgenes, etc. De esta manera, nos aseguraremos de que nuestro website se ajustará al tamaño de nuestro iPhone, Android o iPad, etc.

Por otro lado, al navegar desde un ordenador de sobremesa, nuestro website puede parecer extremadamente minimalista, sin opciones, simple. Aun estando bien diseñado gráficamente, puede parecer mal organizado. Al usuario le costará navegar y entender que está viendo, frustrándose y creando una imagen negativa del sitio. Además, a la hora de desarrollar un sitie tan compatible, suma unos costes, que muchas veces compensa crear otro sitio independiente para los móviles.

Con este problema nos hemos encontrado muchas veces para hacer funcionar bien en el navegadores de sobremesa como Microsoft Explorer. Mejor crear una css exclusiva para él que limitar las opciones de otras como Safari, Firefox o Chrome.

b) Crear un sitio específico para móviles, paralelo a nuestro website

De esta manera tendremos la seguridad de que nuestro sitio va a funcionar perfectamente, tanto en el escritorio como el dispositivo móvil. Podemos simplificar la navegación, cambiar la estructura y organizar mejor el contenido que se muestre en el móvil. Podremos también desarrollar código más simple. En definitiva, el resultado será más predecible, tendremos más controlados los bugs.

Como en todo en la vida, tiene una parte buena y otra mala. En este caso, la mala, es que obligará a mantener dos sitios en vez de uno. A priori no parece gran cosa, pero seguro que cambiaremos de idea con proyectos de dimensiones considerables y varios idiomas. Si no se tiene bien controlado podemos encontrarnos con problemas de actualización, entre los contenidos de los dos sitios. También puede obligarnos a sacrificar ciertas características que aporten los dispositivos de gama, alta por miedo a que no funcionen en los de gama baja. No se puede tener todo.

En fin, la decisión del método a seguir, dependerá de los usuarios a los que irá dirigido el sitio. Si nuestro público tiene poder adquisitivo, tendrán móviles de gama alta y podremos ofrecerles lo máximo en prestaciones web. Por el contrario, si el poder adquisitivo es bajo, evidentemente los móviles serán de baja gama y tendremos que pensar en recortar posibilidades para que la aplicación corra perfectamente en todos ellos y así llegar al máximo de público.

En estos meses de intenso trabajo como parte del equipo de desarrollo de Chaxpert, hemos conseguido una version estable de las funcionalidades básicas requeridas, pero en internet eso nunca es suficiente, simplemente es el pilar sobre el cual construir el resto de la aplicación, hay que seguir trabajando y avanzando. Desde hace 2 o 3 años nos hemos habituado al modelo web social, donde es muy sencillo compartir lo que nos parece interesante, seguir la informacion o personas que nos interesan, no voy a explicar los ejemplos, conocidos por todos, de Facebook, Twitter, Youtube, y un largo etc… Chaxpert no podia ser menos, y hemos creado, alrededor del pilar de la web, un modelo social, donde además de compartir tu consultas favorias en facebook y twitter como hacias hasta ahora, hemos realizado una profunda revisón del modelo de usabilidad, simplificando muchas de las acciones actuales y dotando a la aplicación un modelo social, que te permite seguir a tus expertos favoritos, podrás aportar más conocimiento a las consultas ya finalizadas (aunque no participaras en ellas en un primer momento), y para que no te pierdas nada puedes seguir consultas para estar informado de las aportaciones de otros usuario. Todo esto mostrado en tu nuevo “muro”. Esperamos que nuestro trabajo mejore, aún más, tu experiencia en ChaXpert ChaXpert es social, ¿Te apuntas?

En un proyecto reciente nos encontramos con la necesidad de facilitar al usuario la selección de colores, lo habitual seria emplear simplemente un campo input en el que el usuario introduce el color en formato hexadecimal (Ej #04afea). Para una usuario acostumbrado a trabajar con colores en la web esto no representa mayor problema, pero para un usuario convencional el escoger un color de esta manera puede ser todo un suplicio.

La mayoría de los usuarios de windows reconocen y están habituados el selector de color del sistema, ¿por que no tener algo similar a esto en nuestra web?

Aquí es donde entra en juego la magia de jQuery, os dejamos un listado de plugins que os permitirá mejorar la usabilidad de vuestras aplicaciones

Farbtastic

http://acko.net/dev/farbtastic

ColorPicker

http://www.eyecon.ro/colorpicker/

JPicker

http://www.digitalmagicpro.com/jPicker/

mColorPicker

http://blog.meta100.com/post/600571131/mcolorpicker

Small color picker

http://electrobeat.org/files/picker/example.html

De pequeño los profesores les decían a mis padres que era una caso imposible. Me entretenía con cualquier cosa. Para castigarme por hablar, me sentaban en una mesa solo, sin papeles, sin lápices sobre todo. Aún así, decían que me entretenía con una mosca. Que tiempos en los que se apostaba por incentivar la creatividad de los niños. (Sorna gallega)

En fín, está claro que el artista Dalton Ghetti, que une dos de mis pasiones: los lápices y la tipografía; no le quitaban los lápices de pequeño como a mí. Este escultor en lápices tiene otras obras espectaculares, os invito a seguir su trabajo.

El spam es una de las actividades más molesta de internet, nos hace consumir nuestro tiempo en filtrar la información que recibimos.

Desgraciadamente estamos ya acostumbrados a la forma original de spam, la que nos llega por correo electrónico, pero poco a poco los filtros antispam han mejorado mucho y es posible reducir la cantidad de spam recibida.

Con el nacimiento y posterior expansión de las redes sociales los spammers han modificado la forma en la que nos hacian llegar spam para acosarnos en Facebook, Twitter, MySpace, etc… Pero la novedad de esta spam es que ¡nos lo envian nuestros amigos!

Es lo que podemos denominar Spam Social, mensajes que aparentemente nos dejan nuestros amigos en nuestro muro para que probemos una aplicación, veamos un video o vayamos a una página.

En muchos casos el Spam Social se usa para difundir virus, al llevarte a una página maliciosa.

Pero yo no le envio ese tipo de mensajes a mis amigos, ¿Me han pirateado la cuenta? ¿Han robado mi contraseña? No, no han pirateado tu cuenta, ni nadie sabe tu contraseña, no es necesario, has permidio que ocurra.

Quien no a empleado una aplicacion, por ejemplo, de Facebook donde para acceder nos solicita unos permisos que muchas veces no leemos y que puede incluir desde, acceder a nuestros datos, o a nuestras fotos, a ver nuestros post, o escribir en el muro por ti.

Algunas de estas aplicaciones que hacen Spam Social, no tienen que ser necesariamente aplicaciones maliciosas, me ha pasado estos dias con BranchOut una aplicación de tintes similares a LinkedIn, pero dentro de Facebook. BranchOut emplea la mala práctica de publicar en el muro de tus amigos cualquier actividad que realices, por ejemplo contestar ¿Con quien prefieres trabajar? de entre dos de tus amigos (aunque en cada pregunta aparece un diminuto checkbox para evitarlo). Y eso es spam en todo regla sobre todo cuando tu no sabes que al contestar esa inocente pregunta va a ser publicada en el muro del susodicho.

Hay otras muchas aplicaciones que realizan estas molestas practicas.

Entiendo que deseen darse a conocer y llegar rápidamente a muchos usuarios, probablemente lo consigan, pero en lo que a mi respecta las aplicaciones que practican esta forma tan agresiva de autopromocionarse, pasan a engrosar la ya larga lista de aplicaciones bloqueadas en mi cuenta.

Para terminar, os dejo unos cuantos enlaces sobre debates y opiniones similares

http://www.quora.com/Why-are-several-people-complaining-about-BranchOuts-viral-features

http://www.eriontheinterweb.com/2011/02/facebook-faux-paux-face-palm-i-hate-you-branchout/

http://www.liquida.com/article/15581986/facebook-linkedin-twitter/

http://www.allfacebook.com/branchout-lets-users-spam-others-explodes-in-popularity-2011-01

Linkedin es una red social profesional fundada hace más de 8 años, más antigua incluso que Facebook, y que en estos últimas semanas ya es la primera de su estilo en el mundo. Yo la uso habitualmente, es una red seria en la que el conocer gente se hace a base de recomendaciones y rara vez con contactos directos, cosa que la hace de más confianza.

Las cifras cantan, tiene una tasa de crecimiento de 3 millones de usuarios por mes llegando actualmente a 100 millones de usuarios, distribuidos en 50 países.

Donde más tirón tiene es en EE.UU. que hacen casi la mitad de los usuarios de esta red social, seguido de India, Reino Unido y Brasil. Los europeos alcanzamos ahora mismo una cuota del 22%.

En Linkedin los hombres, a diferencia de las mujeres, son el 59% de los usuarios. Las franjas de edad que más usan la red se distribuyen en grupos de 25, 35 y 54 años. En esta gráfica se puede comparar con otras redes sociales.

Los sectores en los que más usuarios están más presentes son Tecnología (17%), Finanzas (14%) y Frabricación (10%), y el uso más cotidiano que se le da son las que tienen que ver con las ventas(12%), la educación (10%) y la administración (10%).

A continuación podéis ver tres infografías, que aunque no se ponen muy de acuerdo en algunos datos, nos ayudan a entender globalmente esta red.

Después del login, la aplicación toma tus contactos de Linkedin y genera el mapa en menos de un minuto. Cada punto es un contacto y cuanto más grande sea el punto más fuerte es la conexión con ese contacto. Puedes navegar por toda la red de puntos de color e incluso etiquetar estos códigos de color para tener una mayor organización de tus grupos.

Para los que no invierten mucho tiempo en mantener la red de contactos de esta red social, InMaps les ayudará a profundizar en sus relaciones profesionales, recordándoles a golpe de vista a quiénes tienen olvidado y que sería interesante recuperar.

Yo soy de los que creo que el merchandising, le pasa como al buzoneo, que no es efectivo. Es como matar moscas a cañonazos. ¿Quién se para a leer las marcas de los regalos que te dan en eventos?

Para que la gente te recuerde, para que se queden con tu marca, hay que sorprenderlos y crearle una sensación positiva.

Hace unos días, para un evento de nuestro cliente, hemos “probado”, y digo “probado” en la extensión más amplia de la palabra, un merchandising muy especial: galletitas con la identidad visual de nuestro cliente.

No solo se las comían en el momento de dárselas, si no que pedían otras para llevar. Todo un éxito.

Como podéis ver en algunas fotos que he sacado de el blog de Almudena http://misgalletasymistartas.blogspot.com, pueden reproducir en dulce cualquier logo, objeto, color, etc. En la foto superior podéis ver el logo de Chanel y en la inferior varios como El Corte Inglés o Chaxpert.

Aunque los símbolos se supervisan y modifican de vez en cuando, apenas cambian en lo esencial. Hay empresas que revisan con regularidad su identidad y otras que dejan pasar muchos años entre cambio y cambio. En cualquier caso, las opciones son alterar su símbolo para mantenerlo actualizado, modificar su tipografía o cambiar sus colores.

1 APPLE

2 CANON

3 FIREFOX

4 GOOGLE

5 IBM

6 INTEL

7 MICROSOFT

8 NOKIA

9 QUICKTIME

10 XEROX

Recientemente os hablamos de Twidge una herramientas para tweetear desde bash, pero si os pasa como a nosotros que necesitamos actualizar una misma cuenta de twitter, desde dos equipos distintos, os habreis dado cuenta que al configurar la cuenta en el segundo, en el primer equipo deja de funcionar.

Esto se debe a que twitter autoriza un solo token para cada aplicacion y al configurar la cuenta en twidge en el segundo equipo, impicitamente estamos revocando los permisos del token generado en el primer equipo.

La forma más sencilla de resolver este “problema” es copiar el archivo de configuración (.twidgerc) en tu directorio home de twidge del segundo equipo al primero.

Nos encontramos en el mejor restaurante, al menos eso es lo que nos ha dicho nuestro amigo. Nos ha recomendado en especial la sopa que es exquisita, pero cuando nos la trae el camarero y le vamos a dar el primer sorbo, nos damos cuenta que: ¡Hay una mosca en nuestra sopa!. Es algo que no esperábamos encontrarnos.

Nuestra intención era disfrutar de una buena cena, tener una buena experiencia y al final nos quedamos con una sentimiento negativo que afectará a la reputación de la marca del restaurante y de nuestro amigo. ¿A que no volveréis por este restaurante? ¿A qué no confiaréis en otra recomendación de vuestro amigo?

Exagerando un poco el tema, este sentimiento es el que se genera en muchos los usuarios que prueban una aplicación de determinada marca y se encuentran una interfaz que no es la habitual de la plataforma que están acostumbrados a usar.

Quiero decir, el diseño gráfico de la aplicación móvil que debe ser una continuación de la imagen visual de la marca o del propio sitio web, no obstante, lo más importante es la usabilidad y sobre todo una experiencia de usuario positiva, por tanto debemos de integrar elementos básicos de interacción que aporte la plataforma: teclados, botones, formularios, situación de botón atrás, etc.

Por ejemplo, a los usuarios de iPhone, nos gusta usar los botones, interruptores y demás elementos diseñados por Apple. Nos encanta, no queremos un teclado moderno, o de otro color de algún diseñador que quiere inventar la pólvora mojada.

También, como usuarios de Android, y comprometidos con el software libre, que no se le ocurra a ningún diseñador integrar cualquier elemento de estilo que nos recuerde a un software privativo como iPhone, empezamos a rajar, y nos genera negatividad, ¿A qué si?

El usuario debe sentirse cómodo, familiarizado con el entorno para que enfoque todo su interés y energía en descubrir nuestra aplicación. Pensar que un uso continuado transforma un visitante en usuario y usuario en cliente.

En muchas ocasiones necesitamos estar informados de la actividad de nuestro servidor o equipo local, confirmar la realizaciónj de backups, emitir alertas, etc.

Lo tradiccional es que el servidor nos envie un correo electronico mediante el comando

Aqui os proponemos una alternativa más 2.0, el uso del comando twidge.

Twidge es un cliente twitter (que tambien opera con identi.ca) para uso en linea de comandos. Sus caracteristicas más importantes son:

• Es muy sencillo de utilizar
• Es compatible con la API actual de twitter, usando OAuth (Olvidate de curl)
• Puede acortar URL usando tinyurl
• Esta muy pensado para su uso en script de shell

Su isntalación es muy sencilla, esta disponible en los repositorios de Debian (y en Ubuntu, como explicaré ahora), aunque tambíen puedes compilarlo tu mismo)

Si usas Ubuntu, necesitas añadir una nueva fuente al repositorio, para ello editamos el sources.list

Y añadimos en la última linea deb http://ftp.de.debian.org/debian squeeze main
Actualizamos el repositiorio:

Lo instalamos

Una vez instalado hay que configurarlo para su uso

Nos facilitara una URL que hay que visitar para obtener un token que nos devuelve twitter que ingresaremos en twidge.
Y listo!! Ahora ya podemos usar nuestra cuenta Twitter desde nuestra shell favorita

Nos devolverá las 20 últimas actualizaciones

Actualiza nuestro estado

Siguenos

 Lo contario

 Lista los usuarios que te siguen

Ahora puedes modificar tus scripts para que te envien las actualizaciones del servidor. Nuestro consejo es que crees una cuenta twitter para tu servidor , que sigas esa cuenta con tu usuario y que protejas los tweets de miradas indiscretas.

Día a día nos hemos habituado a trabajar con heramientas colaborativas en entornos corporativos. Skype, Redmine, Google Docs, etc son algunos ejemplos.

Estas herramientas resuelven muchos problemas a la hora de trabajar en el mismo proyecto con compañeros de trabajo o clientes.

Pero, ¿por qué no trasladar la utilidad de esas herramientas a la vida privada?

Muchos de nosotros ya empleamos estas herramientas en la vida privada, ¿realmente las empleamos como herramientas colaborativas?. Podemos sacar mucho más provecho de ellas si las compartimos con nuestra pareja, padres, amigos, etc.

Porque no hacer la lista de la compra en google docs y compartirla con nuestra pareja para que la modifique como crea oportuno, añadiendo productos que se nos hayan olvidado a nosotros.

Por que no usar una herramienta de gestion de proyectos como redmine, para, por ejemplo, planificar una reforma en casa. Imaginad que queremos cambiar una habitación, tenemos que comprar la pintura, pintar, comprar los muebles, etc. Pero los peqeuños detalles siempre se nos olvidan: La cinta de carrocero, papeles o mantas para no manchar el suelo, el rodillo, aguaplás para tapar las grietas… Tener todo lo que podamos necesitar para esa reforma en un lugar de forma organizada, y lo más importante, accesible desde cualquier lugar y por todos los que tu desees.

Hay muchos más ejemplos. ¿Como utilizas tu las herramientas colaborativas en tu vida privada?

Para gran parte de los publicistas la Navidad empieza en septiembre, más o menos. Los copos de nieve, los papanoeles y los buenos deseos nos rompen la cabeza cuando aún vamos en chanclas.

Año tras año se repite la historia, encontrar una manera distinta de decir exactamente lo mismo. Y que suene bien. Y que sea emotivo. Y que realce la imagen del cliente. Abracadabra.

Vamos siempre a destiempo, y eso no puede ser bueno. Yo ahora, por ejemplo, estoy ya pensando en San Valentín. Normal que me patinen las neuronas. Normal. Llegados a este punto, lo mejor es reírse. De uno mismo pero también de los demás. Mucho mejor de los demás.

Cuando me pongo así de mala me automedico con:

1º. El “Soy creativo” de Martín Mercado.
2º. El “Yo fui un creativo adolescente” de Muchachada.
3º. El Himno Solemne.
4º. Los “Estereotipos” de El Sol.
5º. La imagen mental de un jefe que tuve, el día que (en un triste intento de ofrecer una imagen desenfadada) en lugar del traje a medida y corbata italiana, se puso vaqueros… A veces potencio la experiencia escuchando a la vez “Rufino” de Luz Casal.

Si después de ingerir estos medicamentos sigo igual, pido cita con el psicólogo.

Soy un gran consumidor de música a través de servicios de streaming como spotify, last.fm y otros. Creo que es el futuro de la música, ese futuro que avanza como una tsunami y al que algunos tratan de poner freno por los médios que sea.

La música estan en su mejor momento (música≠discográficas), pero los hábitos de consumo estan cambiando, por lo menos en lo que a mi atañe. Ya no quiero tener la música almacenada en CDs por que es un formato incómo, si quiero escuchar un tema en concreto tengo que buscar el CD donde esta, y metelo en el ordenador.

Con los mp3 me pasa algo parecido, aunque tengo una gran biblioteca de música, pero normalmente trabajo en varios ordenadores y a veces escucho música en el móvil. ¿Tengo que tener una replica de mi biblioteca musical en cada equipo que uso? ¿Y si quiero enseñarle un tema concreto a un amigo en su ordenador?

Por eso cada día consumo más música de servicios de streaming de los que además soy subscriptor.

El problema que me plantean estos servicios es que hay ciertos grupos que han decidio no estar ahi, que no desean que la gente escuche su música en estos servicios y que prefieren que pase por caja y se compre un CD o un mp3. Mi experiencia personal respecto a esto es que que poco a poco he dejado de escuchar esos grupos, o que el deseo de escucharlos tiene que ser muy poderoso para salir de mi programa de streaming y abrir los MP3 de sus canciones. Es por esto que creo que poco a poco ciertos grupos grandes que no estan en streaming se volverán invisibles para las nuevas generaciones de consumidores de música que la consumiran preferiblemente en streaming.

Grupos como Pink Floyd, Oasis, Metallica, The Beatles,etc… sean completamente invisibles y perderán el valor de marca, de grupo de masas, que tuvieron en su momento.

Esta reflexión viene a colación de la recientemente anunciada incorporación de The Beatles al catálogo de iTunes, y estoy convencido que lo han hecho por que han percibido que las ventas de discos han caido en picado y que estaban perdiendo la ola, pero llega una ola más grande que la de la venta digital, la ola del streaming

En algún caso necesitamos controlar cuando el usuario tiene atención sobre nuestra página, o lo que es lo mismo cuando “window has focus”.  Por ejemplo en el chat que hemos desarrollado para ChaXpert necesitabamos que cuando llegara un nuevo mensaje el navegador emitiera un sonido, pero no queriamos que ese sonido se reproduciese en todo momento, solo cuando el usuario estaba fuera de la aplicación web (en otra pestaña, en una aplicacion de escritorio), para ello necesitamos recurrir a los eventos de window, pero como en casi todo Internet Explorer va por su cuenta.

Para Firefox, Safari, Chrome/Chromium los eventos a emplear son: onfocus y onblur, que se activan cuando la ventana(pestaña) adquiere el foco y lo pierde respectivamente.

En el caso de Internet Explorer estos eventos se llaman onfocusin y onfocusout, realizando la misma función que los citados anteriormente pero con otro nombre (cosas de Microsoft) y teniendo en cuenta que son eventos de document.

Para poder asignar las funciones a los eventos correspondientes a cada navegador en este caso se emplea la compilación condicional de explorer como elemento diferenciador del navegador, pero si ya tenemos cargada alguna libreria de detección o queremos usar otro método solo tenemos que modificar el if.

Vamos al código!!

Lo que hacemos, simplemente, es asignar una funcion a cada evento (previa selección del nombre de evento según el navegador) y segun la ventana/pestaña pierda o gane el foco cambiamos el valor de una variable global, a partir de lo cual podremos ejecutar las acciones que necesitemos en función de ese valor.

El código base lo hemos encontrado en  http://odondo.wordpress.com/2007/08/28/javascript-and-cross-browser-window-focus/ donde tambien podreis ver una demo de funcionamiento

El origami, también conocido como papiroflexia, es el arte de origen japonés, que mediante el plegado de papel y sin tijeras, se pueden obtener figuras de formas variadas. El Moneygami consiste en la misma técnica pero en vez de usar papel normal se usan billetes y pliegue tras pliegue consiguen crear figuras dejando al final la cara del personaje.

Podéis ver más figuras de este arte del moneygami en este post.

Precisamente, a partir de este post publicado en 2007, se inspiraron supuestamente en sus respectivas camapañas, tanto Leo Burnett Colombia, como Zapping M&C Saatchi, premiada esta última en Cannes con un bronce en la categoría de Gráfica y una plata en Exterior. La campaña de Saatchi fue sospechosamente muy similar a la creada por Leo Burnett en colombia un par de años antes.

En estes dos links podéis ver un poco más sobre la polémica de plagio generada por esta campaña para Western Union, en junio de este año.

La campaña de Zapping M&C Saatchi premiada en Cannes Lions, ¿copia o simple parecido?

Zapping M&C Saatchi asegura que no sabía de la existencia de la campaña de Leo Burnett Colombia

Qué buena reflexión, esta que apuntaba Álvaro Gómez, en un post en facebook este fin de semana. Si tenéis la oportunidad, como nosotros, de asistir a una de sus conferencias, entenderéis mejor de lo que hablo.

Esta frase tan demoledora de Wall Street 2, aunque la propia película nos refleja el porqué de esta situación económica, también invita a plantearnos la vida con valores distintos a los que hasta hoy teníamos.

Con esta crisis, es cierto que tenemos menos dinero, pero desde hace ya unos cuantos años hay otro valor importante que se ha visto reducido día a día y es el tiempo. Tiempo para disfrutar de nuestra familia, amigos, ocio o lo que queramos.

¿Qué sentido tiene, por ejemplo, hacer la compra por internet?, ¿Estar a la moda?, ¿Vagancia?

A lo largo de la semana, no tenemos tiempo para ir de compras, ni para estar con la familia.Llega el sábado y ¿qué hacemos? Cogemos el coche y nos vamos a el centro comercial de turno pasando por el estrés del tráfico de nuestra ciudad; en el supermercado, nos pasamos como mínimo una hora para seleccionar todos los artículos que necesitamos para nuestra casa; después toca la cola en la caja; meter todo en el coche; otra vez el tráfico; y por último llegar a casa buscar aparcamiento y cargar con las cosas hasta casa (el que no tenga ascensor lo tendrá más crudo); Uffff!.

Es decir nos hemos gastado como mínimo cuatro horas de nuestro tiempo familiar en hacer compras. Por el contrario, si hiciésemos la compra vía internet, la primera vez quizá tendríamos que dedicarle una hora en seleccionar nuestros artículos preferidos, pero al siguiente mes la lista ya estaría hecha y en cinco minutos harías la compra. Te quedan 3 horas 55 minutos para salir a pasear o al cine con tu familia.

¿Qué tiene más valor para tí los 5€ que pagas de más en la compra o las 4 horas que le restas al tiempo de estar con tu familia?

Ahí queda la reflexión.

La banda sonora perfecta existe. Y no me refiero a la música que suena en una campaña, sino a la música que escucha un creativo mientras se inventa esa campaña. No la música que nos gusta y ponemos de fondo para trabajar, sino aquella que, de alguna forma, consigue situarnos al lado del anunciante o del público objetivo, acercándonos a su realidad.

Cada cliente, cada producto, tiene su sonido. Si logras dar con él, y lo escuchas mientras “centrifugas”, puede ayudarte a captar el tono adecuado para el mensaje y a generar conceptos bien enfocados, a menudo entorno a valores universales.

Sonido, ritmo y melodía poseen un triple poder (sensorial-afectivo-mental) que produce resultados sorprendentes en el nivel de creatividad, algo muy útil para nuestro trabajo. El volumen y la letra son importantes también: si el volumen es demasiado alto, o la letra tiene mucha carga para ti, puede que no consigas pensar. Pero si lo que necesitas es sentir, no pensar, los decibelios y las rimas despertarán tus emociones.

La clave de todo esto podría estar en la capacidad que tenemos para sincronizar nuestros latidos con el compás que estemos oyendo. Cuando una canción resuena en la misma frecuencia que nuestro cuerpo es fácil entrar en un estado de flow, en el que empleamos casi todas las áreas del cerebro. Entonces, concentración, creatividad y productividad se disparan. Pero para que la técnica funcione conviene no dejarse llevar por los gustos propios y abrir la mente (y los oídos) a otras propuestas.

Si te interesa descubrir nuevos sonidos, la red es un pozo sin fondo: plataformas gratuitas como Spotify o Grooveshark te lo ponen fácil; también puedes valerte de emisoras que clasifican la música en función del estado de ánimo, como Rockola o Musicovery. Otra opción interesante son las compilaciones creadas por diseñadores de todo el mundo que suenan en The Designers Mixtapte.

Node.js es un entorno de programación de entrada/salida orientada a eventos, sobre el motor de Javascript V8 (el mismo que usa Google Chrome)

Pero ¿Que quiere decir todo esto? ¿Y para que me puede servir?

Lo más básico que podemos realizar con node.js es un servidor web (HTTP).

Con estas pocas lineas tenemos un servidor web escuchando el puerto 8124 funcionando en nuestro equipo y respondiendonos siempre “Hello World”

Podemos crear tambien servidores  TCP.

Para programar un servidor node.js empleamos javascript como lenguaje, con los que nos evitamos muchas de las complicaciones de otros lenguajes de programación como C, C++, python, etc.

Como comentaba, esta completamente orientado a eventos por lo que no tendremos que preocuparnos de muchas tareas que el servidor realiza por nosotros, por ejemplo. Si queremos responder a una petición, programamos la respuesta al evento “on data”.

Es muy ligero y rápido, y su API es simplemente fantastica, tenemos acceso de recursos del equipo (ficheros) y muchas utilidades que nos facilitarán el trabajo de programación.

Muchos os preguntareis: ¿Para que necesito programar un servidor HTTP si hay opciones muy potentes disponibles (apache, ngix, etc)?

La respuesta es bien sencilla, no son tan ligeros y especificos como node.js, con el podremos hacer uso de la tecnología push que nos permitira hacer virguerias como estas:

• Chat en el navegador: http://chat.nodejs.org/
• Podemos mostrar el cursor de los otros visitantes de la web: http://jeffkreeftmeijer.com/2010/experimenting-with-node-js/
• Servidor de archivos estáticos http://net.tutsplus.com/tutorials/javascript-ajax/learning-serverside-javascript-with-node-js/

En proximos post seguiremos adentrandonos en este maravilloso proyecto

Gestión y tiempo: dos palabras temibles ¡y más cuando van juntas! Me suenan a controlar, ordenar, cuadricular… y eso no puede ser muy bueno para la imaginación. O tal vez sí.

Según Mark McGuiness, autor del e-book “Time management for creative people”, cada cual tenemos nuestro particular “tiempo más creativo”, que es nuestro tesoro más preciado; demasiado valioso para desperdiciarlo en tareas rutinarias o poco importantes. Y además, no hace falta volverse una computadora humana, se permiten excentricidades. Absolutamente de acuerdo ¿y cómo lo hago?

1. Selecciona tus objetivos: esos que son importantes pero no urgentes (proyectos, estudios, retos personales…)

2. Obsérvate, encuentra tus “golden hours” de la jornada y presérvalas

3. Detecta los estímulos que “te ponen creativo” y sugestiónate a ti mismo

4. Empléate a fondo, claro.

Puedes descargar el e-book gratuito aquí.

Para aquella gente que haya tenido una experiencia completa de la búsqueda, es decir: buscar, chatear y finalizar, ChaXpert le entregará 10 invitaciones a cada uno, y por cada 5 chats finalizados, además, se dará otra invitación extra!!.

Un gran oportunidad para hacer crecer la comunidad ChaXpert.

En el diseño gráfico, algunos de nuestros mejores logros llegan por casualidad o por accidente, mientras estábamos buscando otra cosa. El hallazgo inesperado de una idea valiosa provoca emociones encontradas en el diseñador, que siente satisfacción por haber dado con la solución, pero también cierta rabia por no haberla encontrado sin “ayuda”.

Pues bien, fuera complejos porque al parecer la serendipia (que es como se le llama ahora a la chiripa) tampoco la logra cualquiera. Sin imaginación, intuición y mucho trabajo previo el azar no tiene nada que hacer. Necesitamos preparación, agudeza y receptividad para ver pasar el tren y poder cogerlo. Si no hay horas y horas de esfuerzo detrás no seremos capaces de distinguir una oportunidad. Al fin y al cabo, entre lo intrascendente y lo genial a veces hay muy poca diferencia.

Aquí van algunas de las claves que el psicólogo Guzmán López nos ofrece para abandonar el camino conocido y convertirnos en serendipios:

-  Sacar provecho de todas las cosas interesantes que tenemos alrededor: son estímulos que pueden valernos en algún momento. Debemos ser curiosos y nutrir a nuestro inconsciente con información relevante.
-  Aplicar el sentido del humor. Sin humor no habrá desinhibición y no podremos crear situaciones nuevas que nos inspiren.
-  Tener tranquilidad y constancia. Los éxitos rara vez llegan de golpe.
-  Salir a pasear. Fuera de nuestra cueva (donde nos sentimos protegidos) es más fácil que lo inesperado se presente.

Hasta ahora solo hemos visto teoría cuando hablábamos de códigos QR. Existen muchas aplicaciones prácticas que se le pueden dar, pero la publicitaria creo que una de las más interesantes. Por ejemplo, en Japón y EE.UU. este concepto está al orden del día.

Hace unos meses, el ayuntamiento de Pontevedra buscaba dinamizar el gallego entre los jóvenes. Estupenda oportunidad para crear una campaña de comunicación que integrara estos códigos.

Nuestro estudio gráfico, en conjunto con Tagenata y Opsou, creó una campaña incógnita que hizo participar a los jóvenes tanto en la calle como en la red.

Mediante ploters gigantes por la ciudad, carteles distribuidos en puntos estratégicos y una gran actividad en redes sociales como Facebook y Tuenti, propusimos un juego con códigosQR.

Este juego consistió en buscar cuatro códigos QR y leerlos. De esta manera tendríamos cuatro palabras que visitando la web ‘edequeiraisto’ y montando bien el puzzle en el orden correcto, se desvelaría el secreto: la nueva marca que englobará todas las acciones de normalización lingüística promovidas por el Concello de Pontevedra.

Evidentemente este tipo de tecnología se orienta, por le momento, a un público joven y tecnológico, pero poco a poco se irá extendiendo al resto de la sociedad.

Tomando como guía el diseño corporativo de chaXpert, hemos diseñado la imagén gráfica de el nuevo blog montado sobre Tumblr, una evolución de el “concepto blog“.

Relacionados:

Primeras imágenes de chaXpert
¿Quieres ser un BetaTester de chaXpert?
chaXpert, ya tiene imagen corporativa
Necesito a alguien de confianza. ¿eres tú?

¿Practicas el Mindmapping? Si todavía no, presta atención porque este método de organización visual de la información te puede sacar de más de un apuro a la hora de diseñar una web, una campaña, un logo… o de decidir a dónde ir de vacaciones.

La técnica del Mapa Mental surge de la investigación científica sobre la creatividad y la inteligencia, y se basa en la idea de que nuestro cerebro tiene un funcionamiento natural que, al ser representado gráficamente, se parece bastante a un diagrama en forma de neurona. Según su inventor, Tony Buzan, al dibujar así nuestra red de pensamientos, nos es más fácil generar nuevas ideas y asociaciones y obtener soluciones creativas.

Para confeccionarlo se parte de una idea central y se van añadiendo sus elementos clave alrededor. Después, se incluye toda la información adicional, da igual en qué orden, lo que se te ocurra, sin pensar demasiado. Una vez que está todo, hay que unir conceptos con flechas, enlazando aquello que guarda relación y añadiendo los elementos que sean necesarios. Puedes llegar tan lejos como quieras, se trata de conectar entre sí lo que ronda por tu materia gris sin pudores, como en una tormenta de ideas. ¿En qué se diferencia de los esquemas de flujo “de toda la vida”? En que en esto las palabras no son imprescindibles, para establecer las relaciones entre ideas puedes utilizar iconos, imágenes, colores… lo que quieras.

Y si eres de los que pasan del papel y los plastidecores, en la red existen un montón aplicaciones gratuitas online y open source para múltiples dispositivos que además te permiten agregar a otros usuarios y crear mapas colectivos. Un buen sitio por donde empezar: Mindmeister

Para un desarrollador de web, es muy importante tener un entorno de desarrollo y de prueba completamente optimizado.

En el apartado de pruebas lo recomendable es que probemos nuestros desarrollos web con la mayor cantidad de navegadores posibles.

Si como es nuestro caso, empleas Linux como sistema operativo de desarrollo, podras probar si problema la mayoria de los navegadores: Firefox, Chrome, Opera, Konqueror, etc, (incluso Safari usando wine), pero hay un navegador que se nos va a escapar y que por desgracia para la web es ampliamente utilizado: Internet Explorer.

Una posible solución es disponer de un equipo con Windows (XP,Vista, 7) con este navegador y acceder a el para realizar las pruebas. Esto supone disponer de un equipo que únicamente funcionará en Windows, con el coste que ello supone.

La solución más económica es instalar windows en una máquina virtual y realizar las pruebas desde ella. En nuestro caso usamos VirtualBox.

El problema de arrancar la maquina virutal en el mismo equipo  es el consumo de recursos, sobre todo de memoria, lo que va a reducir el rendimiento del equipo y nuestra productividad.

Por ello y aprovechandonos del protoloco VRCP que implementa VirtualBox, podemos instalar  la máquia virtual con windows en otro equipo de la red y acceder a la citada máquina mediante algun cliente de Terminal Server. De esta manera transladaremos la carga de recursos (procesador, memoria, etc) a otro equipo, permitiendonos además que varios usuarios utilicen la máquina virutal desde sus puestos de trabajo.

Voy a dar por hecho que ya tenemos instalada y configurada la máquina virtual en el equipo remoto (la documentación de instalación se puede consultar aqui).

Ahora accedemos por ssh al equipo en el que tenemos la máquina virtual.

ssh equipo_vm

Y arrancamos la máquina virtual pero sin interface gŕafica

VBoxHeadless -startvm “Windows 7″

Ahora ya podemos conectarnos via cliente de terminal a la máquina y realizar nuestras pruebas

En este post, hablaremos de algunas de las herramientas TIC que usamos para coordinar proyectos de este tipo, en los que podemos trabajar con personas no localizadas en la misma oficina, aportando cada uno su valor al proyecto.

REDMINE

Esta estupenda aplicación de software libre que podemos instalar en nuestro servidor, nos permite tener documentado varios proyectos a la vez. Disponemos de varias herramientas como foros, wikis, noticias, gestor de tareas, planificación, repositorio de archivos.

De esta manera, el cliente puede consultar las actas de las reuniones, las decisiones tomadas, el estado global del proyecto o tareas determinadas, aportar documentación o comentarios, etc.

Al grupo de trabajo nos facilita la consulta sobre la documentación del proyecto. Es como tener una archivador gigante en el que todos aportamos nuestro granito de hora.

Más información: Página oficial Redmine.

SKYPE

Creo que no es necesario hablar de esta herramienta de Voz IP que todos conocemos. Creo que lo interesante es el uso conceptual que se le pueda dar.

Evidentemente nos mantiene en contacto por voz a todo el equipo. Aparte de las charlas de uno a uno para resolver temas puntuales, también nos facilita las reuniones de estado de proyecto, creando una sala en la que todos podemos hablar desde el sitio que estemos con ordenador o teléfono móvil.

Una de las grandes ayudas que tiene ahora el Skype es la posibilidad de compartir el escritorio. Podemos presentar el diseño de la aplicación a distancia y hacer modificaciones al momento de la mano de nuestro cliente.

También supone un gran ahorro de costes el su uso para la formación on-line. Sin necesidad de desplazarse, ayudamos a el cliente a usar y entender el funcionamiento de los paneles de gestión.

Más información: Página oficial Skype.

DROPBOX

Cuando de lo que se trata es de pasarnos archivos entre nosotros, resulta muy efectivo Dropbox. Al igual que todas las herramientas que usamos, son accesibles desde cualquier sistema: MacOSX, Windows, Linux, Android y iPhone/iPad.

Se trata de compartir una carpeta en tu sistema con una red de usuarios. Borres, copies o modifiques los archivos que contiene esta carpeta, se actualizará automáticamente en cada uno de los sistemas que componen el grupo y viceversa.

Tiene una versión gratuíta que te ofrecen 2Gb y otra de pago que te ofrece otros servicios y más espacio en el disco duro virtual.

Su uso es muy sencillo: creas una carpeta dentro de la que has asignado para Dropbox, y le envías una invitación al usuario con quién la quieras compartir. Si simplemente quieres que tu cliente se descargue, por ejemplo, un zip con las pantallas diseñadas, hay un modo de enviarle solo un link de descarga.

En cualquiera de los dos casos, si arrastras los archivos a esta carpeta compartida, en breve ya estarán disponibles para el usuario que elijas.

Más información: Página oficial Dropbox.

YAMMER

Por último, no podía faltar una red social. Yammer está a caballo entre Facebook y Twitter. Lo mejor de cada casa. Te permite crear múltiples canales con los usuarios que quieras. Teniendo un canal para cada proyecto y asignadas en éllas las personas que participan en él, nos sirve como hilo conductor de consultas importantes para el proyecto, conversaciones y comentarios.

Se puede usar a modo de twitter con mensajes cortos que recibes automáticamente en tu móvil, avisándote además con mediante mail cuando hay actividad en el canal. Si necesitas algo más completo, puede usarse como fuese un facebook subiendo archivos, replicando determinado comentario, etc.

Aunque llevan ya tiempo colaborando con nosotros, hoy se incorporan oficialmente a Opsou dos nuevas mentes pensantes: Natalia Gomes y Gema Ruiz de la Torre, ambas licenciadas en Publicidad y RRPP por la Universidad Complutense de Madrid y con diez años de experiencia en diferentes agencias.

Gema en planificación y Natalia en creatividad reforzarán al equipo aportando visión y solidez a una estructura que no deja de crecer… ¡Bienvenidas!

Aguardientes de Galicia, lanzará en este otoño un nuevo producto bajo la marca Edreira: Aguardiente de Orujo, Crema, Licor Café, Aguardiente de Hierbas, Licor Miel y Tarta Santiago.

Nos hemos encargado de la creación gráfica de la marca y el diseño de la etiqueta con todas sus adaptaciones.

Orientado hacia un mercado muy competitivo, era necesario crear una etiqueta con una imagen que transmitiese la calidad del propio producto a primera vista.

Creando un escudo a modo de símbolo y una tipografía con serifa y un espacio entre letras superior al normal, tenemos un logotipo que cumple los objetivos que nos marcaba el cliente.

Por último, participando con nuestro cliente en la elección de el propio envase, diseñamos las etiquetas. Usamos soportes transparentes e impresión a varias tintas directas y stamping en cobre, oro y plata.

Relacionados:

Aguardientes de Galicia, la esquisita esencia de Galicia

Hoy se han dado a conocer los premiados y finalistas de la 1ª Edición de los premios Innova-g.

Se puede consultar la lista completa de premiados y finalistas, elegidos por el jurado y por los internautas, en http://www.premiosinnovag.org/.

En cuanto a nuestras candidaturas, hemos quedado finalistas con Mancomún, en la categoría de “Mejor Diseño para todos”, proyecto realizado en colaboración con Igalia.

Gracias por vuestro apoyo y enhorabuena a todos los premiados y finalistas.

Algo de lo que tuvimos claro desde las primeras reuniones del proyecto, fue que la parte gráfica tendría que ser muy minimalista. Partiendo de los tres colores corporativos: negro, morado y naranja, desarrollamos todas las pantallas que se necesitaron en este proyecto.

En la imagen superior podemos ver la página de inicio de chaXpert. El objetivo tanto gráfico como de desarrollo es ofrecer una aplicación sencilla de usar pero útil, aprovechando al máximo nuestra experiencia en redes sociales y web 2.0.

En esta otra imagen, vemos el interior de una conversación. Uno de los puntos fuertes es el chat. La acción más importante entre usuarios se efectúa en este punto, por eso el diseño gráfico ha dado soluciones a las necesidades de comunicación entre usuarios.

Y para finalizar, en este detalle vemos como nos muestra la ficha del experto con el que queremos contactar para que nos ayude.

Relacionados:

¿Quieres ser un BetaTester de chaXpert?
chaXpert, ya tiene imagen corporativa
Necesito a alguien de confianza. ¿eres tú?

Tanto en Pedro Figueras como en Opsou hacemos una nueva propuesta de comunicación, que presenta un trabajo de colaboración e innovación para fortalecer nuestros productos y servicios de cara al cliente.

Reforzamos la comunicación en materia de consultoría y comunicación en servicios lingüísticos y de formación on-line mediante una estrecha colaboración con Tagenata.

Este post sobre agrupamiento y colaboración entre empresas nos prepara para un nuevo contexto de mercado. La nueva tendencia de creación de productos y servicios comunes entre empresas colaboradoras es una línea estratégica e interesante para cumplir los mejores objetivos en la ayuda a nuestros clientes, con nuestra calidad y proyección de cara a nuevos ámbitos de trabajo.

La cultura de la innovación sigue a ser un tema que precisa mucho desarrollo todavía, con necesidad de proyección e impulso. Buscamos participar en una cultura innovadora que debería componerse de diversas líneas de actuación, desde las puramente tecnológicas a los servicios más tradicionales como el de la formación en los que se puede innovar, mejorar y darle un valor añadido de calidad y actualidad a los productos.

Podríamos decir también que todas las líneas relacionadas con la comunicación y la sensibilización se convierten en tareas a cada paso más complejas, ya que en la actualidad siempre hacen falta mejoras competitivas y de excelencia. Mejoras en la planificación de los proyectos, en el análisis, en la consultoría, en el conocimiento de la tecnología y en las nuevas formas de comunicación; sin olvidar el necesario trabajo de calidad en la elaboración de los contenidos que se difunden y comunican.

1. No vemos el mundo como es, lo vemos como somos.

2. Para el creativo lo imposible no es más que aquello que aún no se ha intentado.

3. Cada nueva idea debería tener al menos un momento en el que parezca una locura.

4. Una mente creativa siempre sobrevivirá a un mal consejo.

5. Los sueños están fragmentados. Los visionarios creativos sueñan toda la película.

6. Para descubrir nuevas posibilidades hay que hacer nuevas preguntas.

7. Creatividad es controlar la imaginación.

8. La creatividad no sólo sabe qué hacer, también sabe por qué hacerlo.

9. La casualidad es la décima musa.

10.El mundo creativo se divide en dos clases de personas:
las que hacen y las que se otorgarían el mérito.

La semana pasada comenzó su andadura chaXpert, como ya os contamos hace unos meses, un nueva red social en el que el profesor se puede convertir en alumno y el alumno en profesor.

Pues bien, si eres de los que disfrutan trasteando con las aplicaciones, esta es tu oportunidad de formar parte de un grupo exclusivo de personas que probarán chaXpert estas semanas. Podrás aportar tu experiencia en redes sociales y aplicaciones web.

Haz clic aquí para visitar su página y darte de alta.

Tendrás una invitación para ser de los primeros.

Relacionados:

chaXpert, ya tiene imagen corporativa
Necesito a alguien de confianza. ¿eres tú?

En Opsou pensamos que somos firmes candidatos en algunas de las categorías de los premios, como ya lo fuimos en las dos últimas ediciones de los premios EGANET, con un primer premio y un finalista.

Os invitamos a conocer nuestras candidaturas y  a que las votéis

En algunas ocasiones nos hemos encontrado con la necesidad de dotar a la página de carga de elementos mediante ajax. Es importante partir de una web completamente funcional sin Javascript para no penalizar el SEO y a aquellos usuarios que no usan Javascript. La tentación es solicitar mediante AJAX el contenido global de la página a cargar y luego dejar que Jquery mediante selectores filtren la información que realmente vamos a actualizar en la web. Esto conlleva un exceso innecesario de trafico, ya que vamos a solicitar todo el contenido de la pagina para emplear solo una pieza de ella, ya que normalmente la cabecera, menú, etc.. son los mismos para cada una de las páginas. Para resolver esto hemos valorado dos opciones:

1. Construir un fichero php que solo devuelva la información que necesitamos.
2. Parsear directamente la salida de PHP para que solo envie a la red la información necesaria.

El primero de los casos es optimo en cuanto a carga y trafico ya que solo genera la información necesaria y no genera consultas extra a la base de datos, pero tiene un inconveniente: el mantenimiento, cualquier cambio en la lógica de la aplicación se debe hacer por duplicado en la web convencional y en el script que envía la pieza para AJAX. Y esto es un problema sobre todo en grandes aplicaciones. El segundo caso, resuleve este problema ya que partiendo del mismo código y con el paso de una variable get, PHP solo devuelve el contendido necesario eliminando el tráfico innecesario. Si empleamos algún sistema de cacheo de la salida de PHP, como es nuestro caso, eliminamos las consultas extras para componer el resto de la página que no vamos a necesitar. Solo penalizaremos la carga de memoria y CPU del servidor necesaria para el parseo del XHTML. Nosotros nos decantamos por la segunda opcion y para ello usamos http://simplehtmldom.sourceforge.net/ una herramienta que nos permite trabajar con el DOM de forma similar a como podemos hacer con JQuery. En nuestro PHP solo tenemos que añadir las siguientes lineas:

Donde $globalHTML es la variable que contiene todo el HTML de la páginba, nosotros usamos habitualmente Smarty, por lo que recuperar el HTML antes de enviarlo a la salida es muy sencillo usando fetch en lugar de display Y en nuestro javascript

De esta forma al cargar nuestraPagina.php?selector=#seccionACargar el php no devolvera todo el HTML de la página si no que nos devolvera solo el contenido del selector ahorrando una buena candidad de bytes (o Kb) en la trasmisión de los datos. Como ya he comentado esto supone un gran ahorro con respecto a la alternativa que nos ofrece jquery

ya que Jquery recupera la página completa y luego realiza el parseo. Nosotros hemos usado con éxito esta técnica en www.berroguetto.com para cargar cada una de las secciones de la web, y elemento de ellas, como las noticias y cada una de las páginas de los paginadores.

Dentro de los códigos QR existen varios tipos que ayudarán a nuestros usuarios a usar el móvil para realizar distintas acciones: visitar nuestra página web, que lea un texto, que conecte con nuestro facebook o twitter, una localización Google Maps, SMS, datos de contacto, etc.

A continuación os mostramos algunas ejemplos:

Relacionados

Software lector de códigos QR
Los códigos QR

Relacionados

Los códigos QR

Hoy en dia la mayoria de los usuarios cuando estamos navegando tenemos abiertas simultaneamente varias pestañas en el navegador. A veces nuestra aplicación web necesita llamar la atención del usuario para requerir de el una acción o simplemente hacerle sabes que ha recibido una notificación.

Una buena manera de hacerlo es cambiar alternativamente el título de la página por un aviso, de la misma forma que hace facebook cuando recibimos una notificación de chat; el título de la página cambia 3 o 4 veces entre “Facebook….” y “Fulanito te ha enviado un mensaje”.

Para facilitar esta, a simple vista tarea, hemos crado un plugin de jQuery muy sencillo de utilizar. Solo tenemos que pasarle como parámetro, el mensaje de aviso que se va a alternar con el título original de la página.

Podemos pasarle como opciones el número de repeticiones del cambio y el tiempo (en milisegundos) entre cambios.

Os dejo el código fuente del pluign o podeis descargarlo directamente aquí

Desde hace ya bastante tiempo, en Opsou hemos apostado por seguir los avances y aplicaciones de esta tecnología. Nos parece una magnífica puerta de enlace entre el mundo físico y el digital.

Nos permitirá interactuar más fácil y rápidamente con nuestro entorno, solo con apuntar nuestro móvil contra algo que estemos viendo, accederemos a todo un mundo de conocimiento relacionado con él.

Explicado de un modo muy básico, se trata de una imagen cuadrada llena de puntos blancos o negros, en la que hay codificada información. Dependiendo de el número de puntos o celdas y la redundancia elegida podremos almacenar entre 25 y 4.296 caracteres.

La redundancia es un parámetro que nos ayudará en el caso de que la imagen se deteriore. Cuanto mayor sea este nivel, menos caracteres podremos codificar, pero tendremos más posibilidades de recuperar el contenido de nuestro Código QR. Incluso con un 30% deteriorado nos permitiría acceder a los datos.

Una de las ventajas que ofrece este código bidimensional con respecto a otros similares, incluido el clásico código de barras, es su capacidad de almacenar gran número de caracteres, poder ser leído en cualquier sentido debido a sus puntos de detección que lo hacen gráficamente tan reconocible y su licencia de uso.

Los Códigos QR fueron desarrollados por la firma japonesa Denso-Wave en 1994, pasando en el año 2000 a ser el estándar internacional ISO (ISO/IEC 18004) y liberando posteriormente la patente. Esto supone que podremos integrarlo en nuestros procesos tranquilamente sin miedo a que nadie en el futuro nos chantajee mediante el pago de licencias y así poner en peligro nuestra productividad.

Al Igual que hizo IBM en su tiempo permitiendo que cualquiera pudiera montar su PC y comercializarlo, el hecho de que la patente sea libre facilitará su rápida difusión.

Aunque su popularidad comenzó en Japón, gracias al desarrollo del software que permite leerlos con teléfono móvil y la apuesta de la operadora japonesa de móviles Do Co Mo por esta tecnología, su expansión hacia Europa se ha hecho imparable a raíz de su integración en campañas publicitarias. En los siguientes post iremos mostrando distintas aplicaciones en la vida real.

Existen muchas aplicaciones lectoras para móviles iPhone, Android, Nokia, Blackberry. Nosotros usamos QuickMark y Barcode Scanner. Tanto en iTunes como en Android Marquet, podéis encontrar varias gratuitas con los que hacer pruebas perfectamente.

Esto es el comienzo. En poco tiempo veremos estos códigos integrados en nuestro día a día.

Hace unos meses, Turismo de Vigo, se puso en contacto con nosotros. Nos comentaban que tenían un problema muy habitual en su website. Con un denso contenido, para el usuario era difícil encontrar lo que buscaba. Fallaba la accesibilidad.

Después de estudiar su arquitectura de contenidos, comenzamos a valorar como ordenar y mostrar la información al usuario de manera que encuentre lo que busca de la forma más rápida y sencilla.

Gracias a este asesoramiento de accesibilidad y un diseño gráfico más 2.0 conseguimos una mayor facilidad de uso que hará de esta página un referente de información turística del Concello de Vigo en la red.

Ya podéis ver este proyecto en nuestro portafolio.

A Festa Dos Mundos, es un evento para este mes, en el que existen unas actividades diurnas, orientadas a los más pequeños y otras nocturas, básicamente conciertos, orientados a los que ya nos son tan niños. Creamos una creatividad doble. Dividimos estos dos mundos, el diurno para los niños con gráfica más luminosa y clara y el nocturno, con una aire oscuro y enfocado a los conciertos.

Esta creatividad se adaptó a 24 formatos online diferentes, con versión flash y gif animado.

En especial, creamos varios Brand Day para la promoción a máxima presencia en varios medios de comunicación gallegos.

Relacionados:

RichMedia para Xacobeo: Artistas&Festivales
Xacobeo 2010 confía en nuestra creatividad

Es un banner rotatorio en el que si se pasa el cursor de el ratón por encima de el rotulador, lo recogemos y podemos tachar cada uno de los artistas. Cada vez que tachamos un elemento, salta al siguiente. En el caso que en unos segundos no se active el marcador, se pone en marcha el rotativo automático que nos muestra todos los elementos.

A partir la creatividad gráfica elegida para este verano, hemos creado cerca de 100 adaptaciones de banners, entre las distintas medidas, formatos swf/ gifs e idiomas.

La idea de tomar el marcador, refuerza el título de esta campaña: Un evento para cada persona, elige el tuyo!

Relacionados:

Xacobeo 2010 confía en nuestra creatividad

Hace unos días hemos presentado la imagen corporativa de chaXpert.

La marca debía sintetizar gráficamente su carácter de experto basado en contenido de calidad profesional. Creamos un símbolo gráfico compuesto de “>“ y “<“, que enfrentados entre sí vemos la acción de acercamiento entre usuarios y que a la vez formamos la letra “X“, que es la más sonora de la marca, y nos ayuda a realzar su carácter de “experto“.

Otro de los elementos gráficos que componen este logotipo, son los dos bocadillos de comic que nos recuerdan a la actividad principal de esta red social: la comunicación entre dos usuarios mediante el chat. Pensamos resaltar el tipo de usuario mediante un código de color: El usuario que tiene la duda, en color naranja y el experto que sabe como resolverla, en color magenta.

Ya hemos subido las muestras de esta imagen corporativa a nuestro portafolio.

Relacionados:

Necesito a alguien de confianza. ¿eres tú?

Pues bien, ha nacido Chaxpert, la red social donde encontraremos expertos que solucionarán cualquiera de nuestras dudas más existenciales.

En Chaxpert podremos preguntar sobre cualquier tema y nos aconsejarán los mejores expertos sobre esa materia mediante un chat muy sencillo. Pero no solo eso, si no que cualquiera de nosotros podemos llegar a ser un experto Chaxpert con nuestro conocimiento.

El nivel de experto viene marcado por un avanzado sistema de valoraciones, entre ellos, el grado de satisfacción de los usuarios que hayan visto resueltas sus dudas.

Opsou forma parte del equipo de hace realidad esta herramienta 2.0, aportando diseño, creatividad y desarrollo.

Dos de las características más interesantes del proyecto son: su buscador semántico, que nos permite usarlo de una manera muy natural, y la herramienta de chat directo que nos ayuda, como usuario hablar con nuestro experto, y como experto hablar hasta con tres usuarios a la vez.

Sigue Chaxpert en twitter.

Recientemente me ha llegado el caso de una empresa, en la cual hay un equipo informático que hace funciones de POS,  además de usarse para correo electrónico, navegar por internet, y demas tareas administrativas.

Un dia, y de repente (como suelen ocurrir estas cosas), el ordenador dejó de funcionar. Tras llevarlo a un servicio técnico el resultado fúe el de que el disco duro estaba irreparablemente dañado, y en ese momento empiezan los tirones de pelos, los problemas, el tener casi paralizado el negocio. Por supuesto no existian copias de seguridad, ni de los programas usados, ni de los datos (correos electronicos, tarifas, listados, etc)

Un problema de esta índole supone unos costes muy importantes para cualquier empresa, no solo en reposición de los equipos dañados, ni en asesoramiento tecnológico, si no en perdidas de datos y de productividad, en algunos casos estas perdidas de productividad pueden llegar a la paralización completa de la actividad y en los casos de perdidas de datos incluso podríamos incurrir en resposabilidades por incumplimientos con terceros. Imaginemos el caso de una asesoria que perdiera los datos de sus clientes, prefiriria ni pensarlo…

Esta situación me ha llevado a escribir este post, intentando fijar una serie de recomendaciones a seguir en las empresas para evitar tener que resolver el problema cuando este ya se ha producido.

1. Identificar los lugares (carpetas y ficheros), donde se almacenan los datos sensibles.
2. Identificar y catalogar los programa usados que tendriamos que reinstalar si fuese necesario.
3. Si es posible duplicar los datos en la misma ubicación. Lo ideal seria tener un sistema de discos duros RAID en modo espejo, si un disco duro falla, podemos continuar trabajando con el otro (que tiene los mismo datos) y remplezar el averiado sin problemas, ni disminución de la productibidad.
4. Realizar al menos dos copias de seguridad (backups) diarias, una debe quedar almacenada en la mismo local, para acceder a ella rápidamente si es necesario y otra desubicada, a ser posible fuera de la misma ciudad. Explico por que: Si tenemos las copias de seguridad en el mismo local (aunque sea en una caja fuerte) si nos roban el ordenador y la copia o si se produce un incendio o inundación perderemos el original y la copia, por ello debe existir una copia lo más alejada geográficamente del local. Para esto podemos contratar una empresa especializada o usar servicio en la nube, como dropbox, ubuntu one, etc, que nos permiten almacenar los datos en sus servidores, y estos a su vez disponen de copias de seguridad.
5. Tener un buen personal o empresa de informática que pueda reaccionar y resolver el problema de forma rápida.

Muchas empresas pensarán que todo esto en muy caro, pero no creo que supere los 100-200€/mes, os habeis parado a pensar cuanto le costaría a una empresa estar completamente paralizada 2 o 3 dias, porque sus sistema informático no funciona?

Antes de terminar me gustaria hacer recomendar el uso IMAP como protocolo de email, en lugar de POP. ya que IMAP nos permite sincronizar el correo entre varios equipos, móviles, etc y tener todos nuestros correos (recibidos y enviados) almacenados en el servidor.

NOTA: Esta entrada esta extraida de una nota publicada en mi perfil de facebook el 20 de Marzo de 2009

La estructura clásica de las bases de datos relacionales nos permite establecer relaciones 1:1, 1:N y N:M (además de las reflexivas) entre tablas, esto fue un gran avance respecto a las bases de datos jerarquicas (muy usadas en la industria) que solo permitian relaciones 1:1 y 1:N.
Con este paradigma tenemos una limitación que solo nos permite tener relaciones entre tablas de forma fija.

A veces nos interesa que una tabla se relacione con un número indeterminado de otras tablas. Podemos poner como ejemplo de esto una tabla de comentarios, estos comentarios serian sobre una tabla de entradas de noticias (por ejemplo), esto lo resolveriamos añadiendo una clave foranea a la tabla de noticias que relacione los comentarios con esto.

Si más adelante tuvieramos que permitir comentar al autor de la entrada (noticia), podriamos resolverlo creando un nueva tabla para los comentarios sobre el autor.

Si entendemos las tablas de una base de datos como entidades, adquien un significado más alla de las relaciones y de los datos que almacen. Imaginemos el caso en el que tengamos varias tablas (noticias, autores, usuarios, productos,…..) que ueremso que se puedan comentar, con el modo clásico tendriamos que crear una tabla de comentarios para cada una de estas tablas, pero ¿que sucede si en lugar de 4 tabla tenemos 10? ¿o 20? ¿o mañana podria habar 3 mas que deseamos que se puedan comentar?: La solución posible seria emplear una única tabla de comentarios para todas esas tablas que permita relacionar la tupla del comentario con la tabla correspoendiente.

Para ello el sistema que propongo se basa en no establecer una relacion directa entre tablas del modo clasico, si no que almacenariamos en la tupla del comentario la tabla y la clave foranea de esa tabla para poder relacionarla con una estrucfutra similar a esta:

CREATE TABLE `comentario` (
`id_comentario` int(11) unsigned NOT NULL auto_increment,
`id` int(11) unsigned default NULL,
`tabla` char(100) default NULL,
`comentario` longtext character set utf8
PRIMARY KEY (`id_comentario`)
) ENGINE=MyISAM

Donde id es el id de la entrada que se comentar relativo a la tabla que se alamacena en el campo tabla.

Para obterner los comentarios relativos a la tabla ‘noticias’ y entrada 1000 bastaria con realizar una consulta como esta:

SELECT * FROM comentario WHERE tabla=’noticias’ AND id=1000;

Podriamos incluso obtener los resultados de los comentarios en la consulta relacionada

SELECT * FROM noticia n INNER JOIN comentario c ON n.id_noticia=c.id WHERE tabla=’noticias’ AND id=1000;

Obviamente la carga sobre la base de datos es algo mayor que en el uso del sistema clásico, pero la flexibilidad que nos aporta la supera con creces.

NOTA: Esta entrada esta extraida de una nota publicada en mi perfil de facebook el 3 de Diciembre de 2009

¿Que es una consulta multitabla?

Como su nombre indica es una consulta SQL que requiere del varias tablas para obtener los resultados, como ejemplo imagenimos que tenemos una tabal que contiene los post de un blog y otra que contiene los autores. La consulta para obterner un post y los datos de sus autores seria algo como esto:

SELECT * FROM post P INNER JOIN autorPost as AP ON P.id_post=AP.id_post INNER JOIN autor A ON AP.id_autor=A.id_post WHERE P.id_post=1

Notese que hemos consultado a 3 tablas simultaneamente.

A nivel de código, es muy sencillo obtener los datos con una simple consulta multitabla.

Consultas multiple monotabla

Este tipo de consultas, más que un tipo se refiere a una filosofia, en un post anterior ya hable de encapsular cada tabla en una clase de PHP (u otro lenguaje), lo que nos permite una mayor consitencia en el acceso a los datos. En este caso lo que solemos hacer es que cada coluna de los resultados se parsea en la clase, añadiendo los datos de otras tablas si fuese necesario.

Veamos el ejemplo anterior siguiendo este método:

1º Consultamos los datos del post
SELECT * FROM post WHERE id_post=1
Almacenamos los datos en un array: $post

2º Consultamos los autores del post (en este caso como hay una tabla intermedia al ser una relacion N:M) obtenemos sus id’s
SELECT id_autor FROM autorPost WHERE id_post=1
Guardamos en un array los id’s de los autohres relacionados.

3º Consultamos a la tabla de autores los datos de los filtrados de la consulta anterior
SELECT * FROM autor WHERE id_autor=$id_autor
Esta consulta se ejecutara tantas veces como autores devuelva la consulta del punto 2º, imaginemos que sean 3.

4º Ahora juntamos todo: en la varialbe que guarda los datos del post ($post) creamos un subarray que guarde los datos del autor, de forma que podriamos acceder a los datos de un autor del post de la forma $post["autores"][0]["nombre"].

Hemos realizado 5 consultas para lo mismo que en el método anterior requeria una única consulta.

Pero esto tiene varias ventajas:

1. Tenemos una estructura mas accesible a los datos
2. Podemos repetir este proceso para recoger los datos de, por ejemplo, los comentarios, las fotos, … asociados a ese post repitiendo el método de una forma mucho mas sencilla
3. Y lo más importante: aunque pueda ser contradictorio, para grandes bases de dátos este método es más rápido y carga menos el servidor. ¿Por qué?.

Pues porque mysql, como otros servidores de bases de datos, cachean las consultas, y es mas sencillo de cachear una simple consulta a una tabla, que una consulta multitabla, eso sin contar con que es mucho más probable que una consulta monotable, se pueda obtener de la cache que una multitabla.

Repito, aunque puede parecer contradictorio la experiencia me ha demostrado que son mucho más rápidas, ademas de ser mucho más facil crear una capa de abstraccion mediante clases de los datos.

Comienza la campaña de julio del acontecimiento cultural VigoTransforma, incluído en el programa del Xacobeo 2010.

Nuestro estudio se ha encargado de la creatividad on-line y posterior adaptación gráfica de la campaña de este próximo mes. Se compone de doce banners que se publicarán en diversos medios de comunicación on-line del país.

El ciclo de conciertos Jazz que se celebra cada verano en el auditorio al aire libre de A Foz, en el paseo de A Ramallosa de Nigrán, llevará para siempre el nombre de Quin Alborés. El prestigioso artista nigranés, fallecido el pasado enero, era el encargado de diseñar los carteles de cada edición del festival.

Un concurso va a cubrir ahora ese vacío. Los concejales del gobierno, Juan González y Estela Pérez presentaron el pasado viernes 11 de junio las bases del certamen, que pueden consultarse a través de la página web del Concello. El plazo de entrega de originales finaliza el próximo 30 de junio y se establece un único premio de 500 euros.

En esta ocasión participaremos como jurado en este concurso que ayudará a mantener en la memoria de todos nosotros este gran profesional de la comunicación gráfic, extraordinaria persona e inolvidable amigo.

En esta ocasión, el Concello de Pontevedra celebra la Copa de Europa de Triatlón y quiere aprovechar la oportunidad para dinamizar el idioma entre los asistentes extranjeros que asistan a esta prueba internacional.

Pedro Figueras + Opsou y junto con la empresa de normalización lingüística Tagen Ata, creamos esta nueva campaña que ha sido presentada a los medios a principios de esta semana.

Tratada como una breve guía de uso de el idioma gallego, realizamos cerca de 50 pictogramas categorizados en 8 escenarios posibles, que sintetizan gráficamente las distintas situaciones sociales con las que se puede encontrar nuestro visitante. Cada uno de estos gráficos llevan su significado en inglés y en gallego. En toda la ciudad se han distribuido carteles con todas estas ayudas a la interpretación así como un folleto de bolsillo muy llamativo ya que está plegado en 9 hojas.

Uno de los elementos más atractivos de esta campaña es su website, totalmente accesible desde dispositivos móviles tales como iPhone, Android, iPad, Blackberry o Windows mobile.

A través de un sencillo menu los usuarios tienen acceso a una sección de bienvenida, en la que en 18 idiomas se explica qué es el gallego e invita a usarlo y aprender algunas frases aprovechando su visita a Pontevedra. En la otra sección, ¿Cómo se dice?, se puede escuchar las diferentes frases en gallego distribuídas por áreas: saludo, presentación, hacer amistades, ¿a dónde ir a tomar algo?, ¿qué comer?, ¿dónde buscar…?. Haciendo clic sobre cada una de estas acciones, podremos escuchar como suena en gallego y leerla tanto en gallego como en inglés.

Hacer clic aquí para acceder al website.

Hacer clic aquí para ver el cartel y el folleto. ]]> http://www.opsou.com/blog/el-concello-de-pontevedra-invita-a-los-triatletas-a-comunicarse-en-gallego/feed/ 0 http://www.opsou.com/blog/video-html5-con-fallback-a-flash-sin-javascript/ http://www.opsou.com/blog/video-html5-con-fallback-a-flash-sin-javascript/#comments Mon, 19 Apr 2010 09:28:53 +0000 Sergio Carracedo http://www.opsou.com/blog/?p=458

El camino de la web va cada día avanzando más por la senda del HTML5, el soporte que comienzan a ofrecer muchos de los navegadores a parte del estandar, hace posible plantearse ciertos cambios de rumbo en nuestra web.

Una de las etiquetas más interesante es <video> que nos permite incrustar video directamente en nuestra web, sin necesidad de recurrir a plugins de terceros, como Flash, Java, WMV, etc…

Áun estamos en pañales, y eliminar completamente el flash es inviable para un sitio web que pretenda llegar al público general, por los siguentes motivos:

• Internet Explorer, sigue a su ritmo implementando los estándares, y hasta IE9 no se planea dar soporte a la etiqueta video.
• El problema de los codecs, Safari de momento solo plantea usar H.264 un formato propietario, que ya ha contado con el rechazo de algunos navegadores como Mozilla Firefox, que ya ha apostado por OGG, por los problemas de patentes que podrían presentare en el futuro. He de hacer un inciso para señalar que esto puede cambiar, con la inminente liberación del codec VP8, tras la compra por parte de Google de On2.

De momento podemos hacer algos experimentos ofreciendo a nuestros visitantes video en todos los formatos, de forma que si el navegador suporta la etiqueta <video> pueda visualizarlo de forma nativa en su navegador.

Veamos el proceso:

Para los navegadores que soporten la etiqueta <video>, la interpretarán y recuperarán las fuentes de vídeo, reproduciendo el formato que soporten, es por ello muy importante que tengamos los vídeos en los dos formatos, ya que si por ejemplo solo tenemos el vídeo en mp4, firefox que interpreta <video> no mostrará nada más que una pantalla de vídeo incorrecto.

En el caso de que el navegador no soporte la etiqueta <video> al tener incrustado dentro el objecto de video flash, el navegador ignorará la etiqueta <video> y mostrará el video flash.

Todo esto sin necesidad de recurrir a javascript.

Podeis ver un ejemplo de esta implementación en nuestra web.

Siempre digo que por muy gracioso o preciossssísimo que sea un anuncio, si al final no te quedas con la marca y no eres capaz de decirle a tus amigos: ¿Has visto el anuncio tal, de la marca cúal?, esa publicidad no vale para nada, es decir, una inversión de recursos totalmente inútil para una marca.

Hace unos días he visto por primera el spot del que va este post. Aparece una imagen en blanco y negro de un famoso hablando en inglés con subtítulos en castellano y al final de la charla, presentan un coche. Mi primera impresión fue: “ah! es otra versión del anuncio de BMW (be water my friend)”. Pues no!, resulta que es un Citroën, el nuevo Citroën DS3.

Las siguientes cinco veces que lo he visto, ya sabía que no un BMW, pero no recordaba de quién era ese spot. Me costó más de siete veces para recordar que era el de Citroën DS3.

Creo que a la hora de hacer una campaña de comunicación hay que valorar las similitudes con otras de la competencia, para no caer en confusiones que enturbien el mensaje que se quiere hacer llegar al cliente potencial. Sobre todo las impresiones negativas que se puedan crear en él, ya que al ver el spot estás esperando una marca y te aparece al final otra, creando quizá la sensación de que te han intentado engañar haciéndose pasar por la competencia para atraer tu atención.

En este caso, creo que el concepto gráfico es excesivamente parecido entre las dos campañas, afectando negativamente a la última, Citroën. Supongo que BMW estará muy agradecida porque otra marca siga transmitiendo la experiencia BMW entre la gente, sin pagar un duro.

En fin, Be creative my friend!

Aguardientes de Galicia, perteneciente a la multinacional Bardinet, nos encargó la tarea de actualizar su imagen corporativa.

Esta destilería que produce unos de los licores de orujo gallegos más reconocidos, tanto nacional como internacional, quería proyectar una imagen de industria más moderna, pero sin dejar de lado la tradición y la naturaleza, de la que parte la materia prima.

Para conseguir estos objetivos, creamos una nueva aplicación de su logotipo, que nos sirva en el futuro como sello, ya que va sobre un escudo con cierto valor y significado. En segundo lugar, tratamos de resumir: tradición + calidad + localización, en un eslogan: “La exquisita esencia de Galicia“. Una perfecta definición de los aguardientes que producen.

Hacer clic aquí para ver el proyecto.

Aunque está en marcha el desarrollo de diversos elementos corporativos, ya os podemos mostrar algunos de ellos.

Hacer clic aquí para ver el proyecto.

Cerrada el mes pasado y después de cumplir los objetivos previstos, ya hemos actualizado nuestro portafolio con la campaña social para el Concello de Santiago y en la que colaboramos con nuestros partners Pedro Figueras y Tagenata.

Destacamos la creación de un sitio web propio, teniendo muy en cuenta las posibilidades que da el uso de herramientas web 2.0 y el movimiento social por la red.

Siempre tratando de dar más usabilidad a nuestros interfaces gráficos, en esta ocasión hemos implementado una nueva herramienta, que permite subir la foto a nuestro perfil y recortarla directamente desde nuestro navegador, sin el uso de ninguna aplicación de escritorio como Photoshop o Gimp.

Mirando hacia las redes sociales, integramos los módulos que permiten ver en tiempo real lo que se dice de nuestra campaña en la red de Twitter o Facebook.

Ver portafolio:  sólo web |   web y material gráfico

Relacionados:
Presentación de nuestra nueva campaña social para el Concello de Santiago: Namórate da lingua!

El trabajo de ilustración que hemos creado para la web de Berrogüetto, un trabajo laborioso pero con muy buen impacto gráfico, ha sido seleccionado por TypographyServed en la categoría de Tipografía.

Cada cierto tiempo, hacen un selección de los proyectos más destacados publicados en la red social profesional Behance de la que formamos parte.

Relacionados:
Presentamos la nueva web de Berrogüetto.
Cómo crear un retrato con tipografía.

Probablemente los lectores del blog sientan predilección por uno u otro de los bloggers, y facilitarles la forma de identificar a los bloggers se hace casi imprescindible.

Hemos optado por una solución sencilla integrada en las plantilla del tema que usamos:

WordPress asigna a cada usuario un ID único, que podemos recoger mediante la función get_the_author_meta(“ID”).  Aprovechándonos de esto creamos dentro del directorio images del tema una nueva carpeta, que hemos llamado, author donde guardaremos las imágenes de los autores de la siguente forma 1.jpg, 2.jpg, 3.jpg, etc de forma que el nombre del archivo de la fotos sea el ID del usuario + la extensión “.jpg”

Una vez hecho esto, tenemos que modificar los archivos del tema donde queremos que aparezca la foto del autor, en nuestro caso archive.php, index.php y single.php, substituyendo el contenido de la etiqueta

por

Hemos aprovechado tambíen para linkar el nombre del usuario al archivo de todos sus posts.

PHP es un lenguaje muy flexible que permite desarrollar desde aplicaciones muy sencillas a grandes aplicaciones como puede ser Facebook.

Cuando desarrollamos una aplicación y esta va creciendo con el tiempo, nos podemos encontrar que  vamos añadiendo nuevos parámetros a nuestras funciones, siempre manteniendo los anteriores por compatibilidad, complicando cada vez más la legibilidad del código.

Imaginemos que tenemos la siguente función que hace una búsqueda en la base de datos

Con el tiempo puede que necesitemos que sea más refinada y que nos permita hacer paginado, pero como es lógico necesitamos que sea compatible con todas las llamadas que ya tenemos en nuestro programa, entonces haríamos lo siguente:

Lógicamente la función maneja correctamente cunado estas nuevas variables tiene valor, si no se comporta como antes.

Vamos un poco más allá, ahora necesitamos que además podamos filtrar los resultados por fecha, añadiríamos entonces otro parámetro

La cosa se empieza a complicar, imaginemos ahora que queremos que nos devuelva los datos de una fecha, entonces la llamada a la función serian de lo más esperpentica:

Imaginaros esto cuando la función sigue creciendo en parámetros, puede ser una locura.

Bien mi forma de resolver esto esta inspirada en Javascript, por ejemplo en como pasa JQuery los parámetros a los plugins, esto es pasando un objeto que a su vez contiene todos los parámetros, además podemos establecer los valores por defecto para cada parámetro.

PHP presenta un pequeño inconveniente, no se puede instanciar la clase base Object, es decir no podemos hacer un:

Tampoco podemos usar la notación de objectos de javascript:

Para resolver esto he creado una clase que resuelve estos contratiempo:

Para aplicar a la función del ejemplo extenderíamos esta clase con los parámetros concretos de la función:

y rescribiríamos la función de la siguiente forma:

Y la llamada a la función sería de la siguiente forma:

Fijémonos en dos puntos:

• Los parámetros obligatorios de la funcion se quedan fuera del objeto options
• No es necesario dar valor a todos los atributos del objeto options, si dejamos sin definir alguno de ellos, siempre estará definido con el valor por defecto de la definición de la clase.

Si en el futuro nuestra función sigue necesitando añadir parámetros podremos hacerlo de forma sencilla en el objeto myFunctionOptions, manteniendo siempre una buena legibilidad del código fuente.

Ya hace tiempo que observo una tendencia generalizada a recomendar a las empresas el uso de WordPress como herramienta de para la, creación de la página web de una empresa, y esto me parece un error, con matices que a continuación explicaré:

WordPress es una excelente herramienta de publicación de bitácoras: Es muy flexible y ampliable mediante plugins, tiene una comunidad muy activa, genera un código válido que facilita ma indexación por parte de los buscadores.

Quizá esa gran flexibilidad es la que ha llevado a pensar que puede ser una herramienta todo terreno, pero si bien ninguno de nosotros se atrevería a pasar con coche deportivo por un camino de cabras, parece que con WordPress no es así.

Desde luego si nuestra empresa lo que necesita es una web presencial muy sencilla, WordPress podría ser una buena herramienta de comienzo, escogeríamos una plantilla que nos guste, la personalizaríamos con nuestro logo y listo.

Es una solución barata y rápida, pero si lo que queremos como empresa es transmitir una imagen más personalizada y desarrollar servicios online más específicos es necesario, o bien un desarrollo a medida o bien un CMS más potente, como Joomla,  Drupal, Typo3, Gutte, etc…

El primero es la reestructuración de los sidebars unificándolos en uno solo para poder ganar más espacio para el contenido de los posts, que realmente es la parte importante de cualquier blog.

El segundo cambio es la versión para móviles del blog, para que podáis navegar cómodamente por los contenidos en las pequeñas pantallas de estos dispositivos.

Para ello instalamos el plugin WordPress Mobile Edition, que detecta el tipo de navegador del usuario e lo redirige a la versión del sitio para móviles cuando sea necesario.

Con motivo de la creación de la nueva web de Berrogüetto, creamos retratos de todos los integrantes del grupo. Con un trabajo de chinos, letra a letra fuimos formando cada personaje.

En tres pasos intentaremos resumir como realizar este tipo de ilustraciones. El truco es técnica y paciencia.

Paso 1: Elección de la foto original

Un original influye positivamente o negativamente sobre el resultado final del proyecto. Partir de una imagen de calidad, que tenga fuertes contrastes entre los volúmenes iluminados y ensombrecidos, ayudará a resaltar los detalles más importantes.

Es importante que el fondo se diferencie lo máximo posible de la figura con el que vamos a trabajar, tanto en luminosidad como en saturación.

Paso 2: Imagen de guía

Si el fondo no se separa lo suficiente de la figura, tendremos que siluetear la figura y borrar el fondo.

Una vez hecho es paso, debemos aplicarle a la imagen un efecto Umbral. Ajustando manualmente el porcentaje crearemos una imagen más simple. Buscamos un efecto del tipo “Che Güevara” de toda la vida.

Puede que tengamos que corregir selectivamente algunas zonas que vemos que se pierden detalles, porque se oscurecen o se aclaran en exceso.

Paso 3: La ilustración

Para comenzar a crear la ilustración, necesitamos tener de fondo la imagen generada en el paso anterior. Si la ponemos de fondo y en color gris claro, nos servirá de guía.

Creamos distintos grupos de letras de varios tamaños y diferentes orientaciones, para ir formando tipos de manchas. Es importante que las letras nunca se toquen.

Teniendo varios elementos de este tipo, empezamos a cubrir toda la zona de sombra con estos grupos de letras. Para conseguir el efecto de volumen en la ilustración, usamos la técnica de que las partes más cercanas al observador van grandes y las más alejadas, más pequeñas.

Diferenciamos las zonas, compactando y juntando más las letras, sin llegar a que se superpongan. Los perfiles de línea, en las áreas muy claras, se consiguen con letras más separadas y pequeñas, intentando formar líneas manualmente.

Como toque final, podemos romper la homogeneidad de la ilustración, introduciendo letras más grandes que la media (a). Tener en cuenta que el ojo tiende a hacer grupos con las letras, así que usar pocas, separadas, giradas y sin sentido.

También podemos conseguir una imagen más suelta y menos estática si las letras no componen la figura cerrada, dejando al azar letras por zonas del contorno (b).

Espero que os ayude este tutorial y si necesitáis alguna aclaración no dudéis en preguntar.

De todos es sabido que el aumento de los anchos de banda está acelerando la convergencia entre los distintos medios de comunicación, sobre todo con la televisión.

Los que actualmente llamamos periódicos en la red, recobran de nuevos el significado temporal de la palabra independizándolos del medio.

Hoy estos medios en internet, ya ponen a disposición de sus usuarios imágenes, gráficos, audio y video, y gracias a servicios de video en directo como Qik o Ustream, es muy sencillo integrar video en directo para cubrir eventos tales como ruedas de prensa, manifestaciones, etc.

En nuestro caso  nos hemos decidido por Qik para nuestro cliente www.anosaterra.org, un medio digital que ya hace tiempo que transpasa el concepto convencional de periódico, y que con esta nueva herramienta da una vuelta de tuerca a la comunicación en internet, siendo el primer medio Gallego en emplear estas herramientas.

Sabemos que las técnologias tienen que ser transparentes para el usuario. En este caso los usuarios son periodistas que no necesariamente tienen que tener una formación tecnológica. Por ello integramos el video en directo por medio de Qik como una fuente más en el gestor multimedia del backend que emplean los periodistas para redactar del mismo modo que las imágenes, videos, youtube, mp3, etc.

La experiencia de estas primeras emisiones  ha sido todo un éxito, tanto de logística como de acogida por parte de los usuarios, y estamos seguros de que la acogida de los lectores será cada vez mayor, una vez que vayan conociendo el servicio.

Recientemente nos surgió la necesidad de crear una versión para dispositivos móviles de la web de uno de nuestros clientes www.anosaterra.org. Pensamos en varias opciones, y en que dispositivos usarían los visitantes para navegar pos esta versión móvil.

Sin querer dejar de lado  a nadie, observamos que la mayor parte de la navegación móvil del portal venia de “iPhones” y “Androides”, y sabiendo que los navegadores de estos dispositivos son de la familia Webkit, decidimos crear una versión optimizada para los ellos.

Para la parte gráfica creemos que lo más conveniente era una interface familiar, por ello decidimos emplear el Framework CSS (UiUIKit) que emula la interface gráfica de las aplicaciones nativas de  iphone, y aunque se navegue desde otro dispositivo no iphone la experiencia de usuarios sigue siendo muy buena.

Nuestra recomendación a nivel de portales web, donde el contenido prime sobre la gráfica, es crear siempre una versión móvil de la web, ya que en estos últimos años la navegación con dispositivos móviles a crecido espectacularmente, y lo seguira haciendo. Y desde luego si el usuario se encuentra cómodo leyendo su web desde el movil es más facil fidelizarlo y que se quede.

El resultado de este trabajo lo podeis comprobar en  http://www.anosaterra.org/iphone

Esperamos vuestros comentarios sobre la experiencia con otros dispositivos.

Berrogüetto, referencia folk en todo el mundo, lanzan su nueva web, haciéndola coincidir con la próxima presentación de su nuevo proyecto: Kosmogonías.

Desde de principio teníamos claro que tenía que ser una web muy accesible y rápida de visitar, pero sin perder detalle en los contenidos. A lo largo de el tiempo, Berrogüetto ha ido evolucionando tanto en su música como sus líneas gráficas. Partiendo de una estética Folk y después de simplificación día a día, hoy se plantea como una imagen gráfica clara y sencilla, pero con una gran potencia de comunicación.

A la hora de diseñar su nueva web, tuvimos en cuenta todos estos detalles. Partiendo de varias sesiones de fotos, elaboramos una ilustración para cada uno de los músicos (Anxo Pintos, Guillerme Fernández, Isaac Palacín, Quico Comesaña, Quim Farinha, Santiago Cibreiro y Xabier Díaz). Mediante la unión una a una de letras, y jugando con diferentes tamaños conseguimos más profundidad en la ilustración. En breve haremos un post a modo de tutorial sobre este “knowhow”.

En cuanto a las tecnologías usadas, como siempre es marca de la casa, trabajamos con jQuery, que nos ha permitido el cumplimiento de estándares web, usabilidad y buen posicionamiento SEO sin usar Flash.

Hoy por la tarde he recibido un email de Toyota España, una “carta en serie” de el presidente informándome del problema mundial que han tenido con el acelerador y pensé: ¿Cómo consigue esta marca, después de la que está cayendo, que siga confiando en ella?

En los pequeños detalles está la diferencia. Que los vendedores se preocupen por atenderte y te traten realmente como lo que eres, un comprador, ayuda no tener inseguridades como: ¿Qué pasará si falla el coche? ¿Resolverán mi problema después de la venta? como pasa al menos con otras marcas que he tenido el disgusto de conocer. No quiero decir que sean francesas.

Una vez que compras, confías más que nunca en la marca. Cuando quince días después, te llaman desde la central y se preocupan de como te han tratado sus empleados, refuerza esa confianza. Si en cada revisión continúa ese trato personal, se afianza la vinculación empresa-cliente. Vaaaale, que lo pagas, ya lo sé y te tratan de “caballero”, como dice un buen amigo, pero todo eso ayuda a transmitir seguridad.

En el fondo, todos los trabajadores que forman parte de una empresa son evangelizadores de su marca. Si cada uno cumple correctamente su tarea, es seguro que los clientes volverán a confiar en ella y vendrán con sus amigos y  familia a comprar. No hay mejor vendedor que un cliente satisfecho.

Que consigue la marca con esto, pues que cuando tenga una crisis de reputación, sea mucho más fácil gestionarla, como ha pasado recientemente con Toyota, que siempre ha sido un ejemplo de buena reputación, gracias a ser líder de mercado, calidad e innovación, y  ahora se encuentra con un problemón que afecta a casi siete millones de coches.

Los “aceleradores asesinos”…, …cerca de tres mil personas muertas en Estados Unidos por su culpa he llegado a oír. En fin, ya se sabe miente, miente que algo quedará. Como es normal, comentarios a así hacen que las acciones en bolsa de una empresa caigan en picado.

Aunque asuste lo que lees por ahí, como usuario sigues confiando en la marca, sobre todo porque a los quince días del escándalo ya estás informado directamente y tu coche ya ha pasado por el taller y corregida la incidencia.

Aquí podéis ver una de las partes del mensaje que he recibido. Ante un problema de este tipo, es necesario que los presidentes den la cara y nos hablen con un lenguaje simple y transparente que no incite a pensar que esconden algo. Deben de transmitir seguridad sobre todo.

http://www.toyota.es/about/news_and_events/recall-statement-01022010.aspx

Sí, ya se que son mensajes muy obvios, pero también son conceptos claros. No nos dicen aquello de que: “Ná, es de que roza el cáncamo en la trócola”. Tratando a los usuarios como idiotas no se fidelizan un clientes.

Los errores en la máquinas son inevitables, pero el rechazo de un cliente contra la marca sí que lo es.

Fidelización = confianza + seguridad + atención

En estos momentos, sin que muchos se paren a pensar en ello, el mundo editorial y digital convergen en nuevo modelo de negocio.

Cómo ha pasado con la industria musical, si las editoriales no espabilan les ocurrirá igual que a muchas discográficas que no entienden, o quieren entender, que ha cambiado la manera de consumir conocimiento de la gente, y como negocio que hasta ahora era muy rentable, deja de serlo en breve espacio de tiempo.

Aunque creo que el libro de papel no desaparecerá a medio plazo, si que poco a poco se creará la necesidad en el mercado editorial de actualizar todo su contenido a nuevos soportes. Pensando a largo plazo, el papel terminará siendo un objeto exclusivo, muy similar hoy en día a los discos de vinilo.

Parece que este año ya despega definitivamente el libro digital. Tras la aparición de el nuevo Apple iPad y lo que lleva peleado Amazon con su Kindle, parece que las marcas más importantes ya se suben al carro, y eso un síntoma de la evolución del mercado.

Llevo quince años viviendo entre dos mundos: los libros y la red. Durante este tiempo aporté al sector del libro  mucho diseño, infografía, maquetación infernal y soluciones web para venta online; así que nos vemos arrastrados irremediablemente a este nuevo y apasionante mundo de la tinta electrónica, en la que muchos amigos del sector editoral me preguntan: ¿y como es él?¿a que dedica el tiempo libre? ¡Help!

Hay un pensamiento equivocado con respecto a la conversión de libros de papel a libros electrónicos. Se cree que si tenemos un archivo maquetado en Indesign o QuarkXpress y lo exportamos o pasamos por Calibre o Stanza, nos saldrá un libro electrónico perfecto. Como el que hace salchichas en una carnicería.

No niego, que se pueda hacer, pero esto me recuerda a los primeros tiempos de internet cuando en vez de crear páginas con un código limpio y con poco peso, la gente usaba programas como Frontpage que generaba una horrible serie de datos que luego rompía por todos lados y sobre todo situándonos en una época en la que el peso de los archivos era vital en la red.

Cuanto mayor sea la calidad de el archivo generado, menos problemas tendrá a la hora de navegar por lectores, que muchas veces, son máquinas poco potentes que hará eternas las esperas al moverte por el libro. En Opsou creamos nuestra propia herramienta y un “Know How” que permite el resultado que buscamos de una manera más efectiva.

No se trata solo de convertir un archivo de formato, teniendo en cuenta el nuevo medio en el que nos vamos a mover, debemos cambiar el chip. Por ejemplo, un concepto como el paginado, pierde su sentido ya que dependiendo del tamaño de visor o de configuración del usuario cambiará el tamaño del libro.

Para entendernos, si metemos un bloque de texto en un visor de 600x600px ocupará 100 páginas. Si lo metemos en otro de 300x300px ocupará 200 páginas. Es decir, el visor es quien aporta este indicador variable no nosotros cuando hacemos la conversión del libro a formato digital.

Si queremos trabajar en este medio debemos entender el concepto de contenidos adaptables, como ocurre en la web 2.0, que cualquier contenido debe de ser visible en cualquier dispositivo y configuración.

Otro tema a destacar son las imágenes. Creo que por el momento los libros más susceptibles de publicarse en formato digital, son las novelas. Exceptuando el iPad de Apple, el resto de lectores son de tinta electrónica que con luz se ven perfectamente pero en blanco y negro, y con un refresco de pantalla bastante pésimo a mi gusto.

Sí, se ve perfecto, pero los libros con fotos en blanco y negro ya pasaron a la historia. Cuando el resto de marcas, que ahora está en pañales, empiecen a dar prestaciones más similares al iPad, como ocurrió en su día con el iPhone, se le podrá ofrecer a el lector una serie de servicios que hagan más apetecible un libro electrónico que uno de papel. Eso será lo que aportará valor a este nuevo soporte y creará definitivamente el nuevo modelo de negocio.

En próximos post hablaremos de que características técnicas debería tener un lector, en que formatos debemos generar los libros electrónicos, modelo de negocio, etc. Por el momento aquí nos quedamos.

Cuando se posee una gran cantidad de material multimedia, es necesario catalogarla y etiquetarla para que la búsqueda de cualquier recurso sea sencilla. Un gran paso que hemos visto en las redes como facebook, es el etiquetado de personas dentro de las fotos, en nuestro caso esto permite hacer búsquedas de personas dentro de nuestro mediacenter™.

Para llevar a cabo el etiquetado hemos desarrollado un plugin de jQuery que se integra a la perfección con jQueryUI y que permite realizar dicha función.

Es una versión alpha por lo que ciertas funcionalidades aún no están activas como:

• Soporte de idiomas
• Estilo propio, independiente de jQueryUI

Pinchar aqui para ver la demo

En unas semanas iremos actualizando con las novedades.

http://bookcoverarchive.com/

Hoy en día las redes sociales viven su momento dorado,  Facebook es el principal exponente con 350 Millones de usuarios, de los cuales un 60% actualizan su estado a diario; a nivel nacional tenemos Tuenti, que se aposta como referente para los más jóvenes.  No podemos olvidarnos de Twitter (y todos sus clones) como otro concepto de red social. Tenemos muchas más (algunas generalistas y otras enfocadas a un sector en particular).

¿Puede hoy una empresa o servicio estar fuera de las redes sociales?

Si y no. No me has dicho nada, pensarás. Permíteme que me explique: Depende del producto o servicio que ofrezcamos y cual sea el target del mismo. De todas formas en un entorno en que cada vez buscamos mas información en internet, es necesario estar tanto en internet como en las redes sociales.

¿Por qué debería estar en una red social?

Las personas necesitamos hablar, comunicar a los demás nuestras experiencias, y lo más importante: ser escuchados. Los canales de comunicación tradicionales de las empresas siempre ha sido unidireccionales (Empresa-Consumidor), incluso el teléfono es prácticamente unidireccional (¿Quien no sabe lo que es llamar a un SAT, y que parezca que hablas con una pared?).

Las redes sociales permiten que la comunicación sea bidireccional con las personal (ya no son solo consumidores). Permite que ellos nos perciban como alguien que escucha con siguiendo una cosa importante para la venta: la confianza.

¿Cómo debo estar en una red social?

Vamos a centrarnos en el caso de Facebook. Lo primero sería lo menos importante, crear la pagina de nuestra empresa, producto o servicio en facebook. Es un simple formulario en el que cubrir los datos básicos que queremos mostrar.

¿Y por qué esto es lo menos importante? Porque no supone nada más que reservar un espacio en Facebook para nosotros.

He de aclarar que es importante que la empresa este en Facebook como página de fans, nunca como si fuesemos una persona.

¿Por qué?

En Facebook las relaciones entre individuos establecen relaciones de “amistad”, que necesitan ser aceptadas por ambás partes. Además al establecerse esta relación permite que nuestro nuevo “amigo” pueda ver todo nuestro material (Actualizaciones de estado, fotos, vídeos, etc) pero también a la viceversa.

He de puntualizar aquí que no recomiendo aceptar como a amigo en Facebook a una empresa o institución, por que les estamos dando acceso a toda nuestro perfil ¿Acaso dejamos que en el Mundo Real (Como dirían nuestros amigos de Microsiervos) una empresa vea nuestras fotos o sepa que estamos haciendo?

Una vez creada nuestra página de fans llega el trabajo duro, que es generar contenidos que interesen a los “fans” y escucharlos, pero esto lo dejaremos para un post futuro en el que entraremos más en detalle

Mientras os invito a visitar la página de “fans” en Facebook de Opsou

Esta necesidad me ha ayudado con el tiempo a reconocer muchos tipos de letras a ojo de buen cubero.

Pues bien, para los afortunados diseñadores que tengan un iPhone en su bolsillo, existe una aplicación que te evitará años de entrenamiento a base de prueba/fallo: WhatTheFont.

Esta aplicación gratuíta, es muy sencilla de usar:

• Saca una foto al texto que quieras identificar su tipografía.
• A continuación centra mediante un rectángulo la zona exacta.
• Ahora buscará y reconocerá las letras una a una, pidiéndote confirmación de si las letras que el piensa que son, realmente son así (a, c, l, s, etc).
• Por último, te mostrará una lista de las tipos de letra que considera que se parecen a la muestra.

Para los que no tengan iPhone, disponen de ese mismo servicio en la web: http://new.myfonts.com/WhatTheFont/

¡Quien lo pillara hace veinte años!

—Bueno, el panel de gestión, será como son todos, ¿no?—

Categóricamente decimos, —Pues, ¡No!—

Cualquier usuario, sin conocimientos técnicos, debe de poder usar con toda facilidad nuestro gestor de contenidos. Eso es lo que pensamos cuando desarrollamos nuestras aplicaciones.

Esto implica que nuestro cliente puede rápidamente modificar las secciones de su website y asignando, por ejemplo, contenidos multimedia de cualquier tipo y tan solo haciendo clic, arrastrando y soltando el elemento en el sitio adecuado.

Mediante el mismo procedimiento puede también seleccionar un post de la lista y asignarlo sobre una maqueta diseñada. Cada post hereda los estilos configurados para cada espacio.

¿Qué cómo se consigue esto? Antes de escribir la primera línea de código, o pensar en cualquier diseño, analizamos qué es lo que necesita el usuario para administrar su sección y cual es la manera más intuitiva y rápida de acceder a las opciones. Con estos conceptos claros ya podemos diseñar una interfaz atractiva. Por último solo queda integrar esta imagen en la aplicación.

¿Todos los paneles de gestión son iguales? Repetimos… ¡Claro que no!

Un ejemplo de uso de este tipo de backend: http://www.opsou.com/es_ES/products/gutte/

Después de valorar y probar varias opciones, encontramos este enlace http://forums.lesterchan.net/index.php?topic=2916.0

En él nos pide que nos aseguráramos de que nuestra carpeta wp-content/plugins tuviera los permisos 755 y que el contenido del mismos fuera 664.

Con estos simples pasos quedo resuelto y teníamos de nuevo acceso a nuestro blog.

Una nueva herramienta web 2.0 ya está al servicio de la comunicación:
Video streaming en directo desde nuestro móvil. Una mezcla entre youTube y video-conferencia.

Tienes que descargar una aplicación para tu móvil llamada USTREAM BROADCASTER, crear una cuenta gratuíta y evidentemente tener plan de datos en el móvil. En nuestro caso hemos probado con iPhone,