Sergio Gago

Iba a escribir un artículo pidiendo disculpas por tener esto tan “abandonado”, pero he pensado que podía matar dos pájaros de un tiro, y publicar de paso uno de los artículos que tenía pendientes en la parrilla de borradores.

Tampoco hay mucho comentar, simplemente un enlace que desde que lo vi, se ha convertido en una gran fuente de información. Localhost80.
No recuerdo desde donde conseguí el enlace, pero recomiendo una navegación ardua por el sitio, es muy interesante. Desde PHP hasta SEO, pasando por usabilidad, manejo de errores 404, Ajax, startups, etc…
Pues eso:
http://localhost80.com/

He descubierto un nuevo blog de tecnología se llama Gennio calle, o gennio en general, y que según parece, viene de una edición impresa, que puedes descargar o pedir que te lo envíen a casa.

El blog cuenta con las últimas novedades en cuanto a “Web 2.0″, y lleva una estética bastante sencilla, aunque en general lo que importa es el contenido. Lo único que no te deja hacer prácticamente nada sin registrarte.

Aunque no lo he probado, también “reclutan” gente y editores, no se si al final pagarán algo, pero el caso es que hay dos modalidades, una especie de colaborador simple, y un editor para el que ya te piden el DNI y la dirección.

En fin, lo seguiré durante un tiempo a ver que tal. Ya empieza a haber una dura competencia en este tipo de blogs, otro que se suma a la lista: Xataca (mi favorito, por Whiskito), Gizmodo, Gizmología. Y en inglés OhGizmo o TechEBlog, y por supuesto, Engadget. (También Slashdot, pero lo lo englobaría en la misma categoría que los anteriores…)

La imágen corporativa, o resumiendolo a la mínima expresión, el logo, ya sea de mi web, empresa, asociación o lo que sea, es algo que todo el mundo sabe que es necesario… pero hasta que punto?

El proceso creativo unido a la comunicación, requiere de unos complejos estudios y de muchas entrevistas con el cliente, y con los clientes de nuestro cliente, para que el diseñador, sepa exactamente, qué es lo que tiene que hacer. Por decirlo rápidamente, aprender a usar el photoshop, es lo más fácil.

Pues bien, gracias al CDM de miel para el asno, he llegado a LiderLogo, una empresa, al parecer ubicada en los EEUU (según la cláusula octava de sus avisos legales se amparan solo por la ley de los Estados Unidos), y claro, no tienen datos de CIF ni razón social de la empresa que está detras. Si tienen, sin embargo, un teléfono en España. (Me pregunto cual será la legislación al respecto cuando tienes una página sobre unas oficinas en España y en español, pero en un servidor extranjero…)

Pero bueno, el caso es que tras un análisis de las condiciones de uso, y de la calidad de los trabajos, es normal que podamos comprar un logo por 127€.

Aunque no quiero poner capturas, ya que lo prohiben sus derechos de uso, me remitiré a una de sus páginas:
http://www.liderlogo.com/product_info.php?cPath=1_42&products_id=3395

Y después, a la página de la empresa Grupo Telecyl. ¿Parecidos razonables?.
En fin, 4 días tardan en desarrollarte la imágen corporativa, muy completa eso si, pero no creo que sea el logo de tu empresa, sino “un logo para tu empresa”, nótese bien la diferencia.

Venga! me uno a la moda del icono para marcadores sociales. Alex King, un nombre de referencia en el mundo Wordpress ha creado un plugin que veis en acción en cada post de este weblog. Aunque tengo que configurarlo bien cuando tenga un poco más de tiempo.

En general se basa en tener un icono que englobe todos los iconos de marcación social que nos interesen. Enviar a digg, fresqui, meneame, delicious, etc… Asi que ya sabeis… Share It!

Aunque es una noticia ya trillada de meneame, he querido ponerla para matizar un poco el tema.

Sin duda son diseños excelentes basados en plantillas CSS, que vienen muy bien aprovechando el 10º aniversario que celebran en el W3C. Pero insisto. Un gran diseño no implica una gran página Web y existen una gran cantidad de parámetros que hay que tener en cuenta.

Ejemplo:

Un diseño excelente, muy innovador… pero yo me pierdo en la página. ¿Dónde está la frontera entre los “grandes diseños” que quizá en una revista o en un CD/DVD serían impresionantes, pero que en una Web hacen que se pierda todo por la borda?

No debemos olvidar que los sistemas Web no dejan de ser herramientas comunicativas Interactivas, y como tal, debemos facilitar esa interactividad, porque sino, hacemos una presentación flash, o montamos un video. Creamos un catálogo impreso o lo que queramos, pero ya no estamos diseñando una página Web.

Reconzoco que no es una tarea fácil para los diseñadores cambiar el chip, y convertirse en comunicadores bidireccionales, en lugar de meros emisores. Con algunos con los que he trabajado ha sido más fácil que con otros (por el CDM!), pero en general, supone llevar una tendencia totalmente diferente.

Por supuesto, hay algunos que realmente lo hacen bien:

Todos los diseños aqui.

API o Application Programming Interface no deja de ser, ni más ni menos, que una herramienta que nos ayuda a programar.

No me gusta linkar a otros artículos sin añadir algo de mi cosecha, completarlo o comentarlo, pero en este caso haré una excencpción ya que no se puede decir nada nuevo…

Desde aNieto2K: Las APIs que te harán rico

• Google Maps API [URL]
• Geonames.org [URL]
• OpenID [URL]
• MediaWiki API [URL]
• YouTube API [URL]
• Technorati API [URL]
• LastFM [URL]
• Del.icio.us [URL]
• FeedBurner [URL]
• Flickr [URL]
• Amazon E-Commerce Service [URL]

Este título tan “simbólico” representa una comunidad de usuarios que se han dispuesto a demostrar (de nuevo) que la inteligencia social es más potente que un solo gran cerebro.

Desde su página web wearesmarter.org nos brindan la posibilidad de entrar en su comunidad. ¿Para qué? Pues para escribir un libro.

Sacado de las FAQs

¿Cuál es el objetivo de esta comunidad?

Efectivamente, se trata de escribir un libro que hable de las posibilidades de las herramientas de comunidades online para los negocios (algo a lo que mi empresa se lleva dedicando ya un tiempo ).
Por lo que aparece en la página Web, usan un formato de Wiki para el desarrollo, y diferentes roles de personas. A cada una se le asignan secciones a editar, y además pueden ser o no moderadores. A cada sección se pueden añadir comentarios y proponer modificaciones. Como apoyo, tienen unos foros y una herramienta de predicción que trata de ver cual será el éxito del libro.

Tienen un acuerdo con Pearson Educación, que posteriormente editará el libro, y los royalties se repartirán a partes iguales entre todos los autores.

La verdad es que sería interesante pertenecer a la comunidad, pero tengo demasiado poco tiempo como para hacerlo, sin embargo, me mantendré informado.

En el siguiente artículo de las herramientas de trabajo necesarias / útiles en el desarrollo Web, entraremos en la ingeniería del software y el lenguaje de modelado.

¿Qué es esto?

El UML o Lenguaje de Modelado Unificado, no es más que un convenido de diagramas y símbolos utilizados (supuestamente) por la comunidad de analistas y desarrolladores informáticos, con el fin de utilizar un lenguaje común en el desarrolo de software de cualquier índole. Está preparado para el desarrollo orientado a objetos, y así, sus diagramas más importantes son:

• Diagrama de clases
• Diagrama de componentes
• Diagrama de objetos
• Diagrama de despliegue
• Diagrama de casos de uso
• Diagrama de estados
• Diagrama de secuencia

Aunque ya anda ciruclando la especificación 2.0, que introduce nuevos diagramas y mejores (o complejidades) no es usada de forma general, y de hecho, aún existe discusión sobre si es adecuada para el proceso de diseño.El caso es que a la hora de iniciar la fase de diseño de un software determinado, es imprescindible tener un diagrama de clases muy bien pensado, después de haber compartido con el cliente un diagrama de casos de uso, de forma que las dos partes estén de acuerdo en qué es lo que se va a hacer.

Existen multitud de herramientas en el mercado, la mayoría bastante caras, como Rational Rose, mi preferida es el Poseidon for UML de gentleware.

Basado en Java, y recientemente preparado para UML2, permite hacer todos los tipos de diagramas de la especificación, así como crear la documentación y después, generar código, lo cual resulta un ahorro muy significante de tiempo (no tener que escribir todos los ficheros y las declaraciones de atributos y métodos…)

Hace relativamente poco han abierto una versión gratuita para proyectos de código libre, lo cual hace que ahora sea más usado, aunque si queremos más, podemos optar por la versión PRO, que integra una gran cantidad de posibilidades.

Gentleware además, provee del Apollo, para los desarrolladores de eclipse que quieren que sus modelos estén siempre actualizados, y si no usas Eclipse, siempre puedes usar la función de ingeniería inversa, que en general, funciona bastante bien, y nos da los diagramas desde el código.

Algunas imágenes:

(Más capturas)

Y la respuesta a un amigo que me pregunta… ¿Porque no usar visio, o las autoformas del Word?

Sencillamente, si yo creo una clase en el diagrama de clases, y le pongo los atributos y los métodos, cuando diseño el diagrama de iteración, ya me da el solito los métodos y los atributos que va a necesitar, y si todo lo he hecho correctamente, me generará un código fuente muy limpio y preparado para ser rellenado. Eso, las autoformas del Word… no lo hacen…

Otros sobre herramientas de trabajo…
Diseño de BD - DB Designer
Diagrama de Gantt - Gantt Project

Si alguien tiene por ahi a mano un cargador de Nokia, justo debajo de las especificaciones de entrada y salida, aparece una imágen similar a la que pongo en este post. Pues eso es un QR Code (Quick Response Code), o código en 2D para el almacenado de información.

Desde hacía tiempo me había llamado la atención este código que aparece en muchos de los aparatos de fabricación japonesa, y por fin he intentado dar algo de luz al asunto.

Inicialmente se desarrolló para “encriptar y comprimir” una serie de datos, alfanuméricos o incluso binarios, pudiendo almacenar hasta 2,953 bytes.

La cosa es que en España no se está utilizando mucho, pero ya hay algunas ideas en el aire, como códigos añadidos a anuncios, o dentro de revistas y publicaciones. Ya existen programas para los teléfonos móviles de forma que haciendo una fotografía, nos decodifica el código y nos muestra el contenido. Imágenes, audio, o video.

Los desarrolladores, denso-wave tienen en su página más información, enlaces y los productos que permiten todo esto. Desde esta página podéis ver un script en php / perl para genenar el QRCode de una Web, la imágen que veis en este post es la de este blog, aunque no lo he comprobado
Por otra parte, Fujitsu está trabajando en los FPCodes (Fine Picture Codes) que supuestamente serán la revolución en este aspecto.

El hecho es que es un sistema demasiado lento para que el usuario medio le saque partido. Primero hacer una foto con el móvil a algo que no tienes claro al principio qué va a ser, luego decodificarlo y después leer o ver el elemento… ¿Tendrá salidas comerciales? ¿O puede ser candidato a funcionar como “los puntos carrerfour?

A la hora de desarrollar un sitio Web centrado en los contenidos, siempre surge el mismo problema. ¿Cómo los categorizamos?

Si dejamos de lado la teoría de la folcsonomía y sus tags, y nos centramos en las categorías estilo directorio habituales, nos encontramos con que existen ítems que deben estar en varios sitios, o que su categoría padre no siempre lo define a la perfección.

¿Muchas categorías y mayor definición, pero pérdida de la concentración y de la memoria a corto plazo del usuario, amén de la mayor cantidad de información que debemos conseguir que comprenda, o todo lo contrario? ¿pocas categorías muy generales, divididas a su vez en subcategorías y ganando complejidad con la profundidad?

Aquí entran varios factores, sobre todo en lo que a la arquitectura de la información respecta.

• Tres niveles es el máximo de profundidad para que un usuario pierda el interés. Y por supuesto, con la ayuda de las “migas de pan”. Indiquemos al usuario en todo momento donde se encuentra y cómo volver a cualquier otro punto del árbol.
• No más de 7 categorías a ser posible. El siete es un número “mágico” en la memoria de las personas, y es el máximo que estamos dispuestos a recordar, según dicen algunos expertos.

Por supuesto, estas dos “reglas” son muy abiertas, y todo entra en conflicto con el esfuerzo que queremos hacer que contraiga el usuario, en contraposición con el beneficio que va a tener después.

Entonces… ¿Cómo hacemos esta clasificación? Pues una de las mejores técnicas es el card sorting.

Englobando, se basa en hacer que un usuario objetivo haga el recorrido contrario al que realizaría habitualmente. Es decir, lo típico sería que entrara en Tecnología -> Informática -> Hardware, por poner un ejemplo. Bien, pues con el card sorting, le vamos a dar una serie de categorías y unas “cajas”. Estas cajas serán nuestros contenedores o categorías, y el usuario irá colocando en función de lo que más le parezca.

Buenas amigo! aquí tienes “Hardware”, dime dónde la colocarías.

Quizá unos la pongan debajo de informática y quizá otros lo hagan debajo de electrónica.

A su vez el card sorting puede ser abierto o cerrado. En el caso del cerrado, nosotros le preparamos las cajas con antelación. Es decir, decidimos qué padres habrá, y el usuario solo tiene que colocar los elementos. Y como os podéis haber imaginado, el formato abierto permite al usuario crear sus propias categorías.

Lógicamente, este método no funciona si las pruebas de usuarios no son en un número suficiente como para ser objeto de estudio, y hay un análisis posterior serio, que estudie los datos de forma concreta.

Si no tenemos demasiados usuarios, podemos hacer un análisis cualitativo, valorando a los usuarios de cerca y sacando conclusiones “en vivo”. Sin embargo, cuando el proyecto es grande, y el grupo de estudio es mayor, un análisis cuantitativo es lo más idoneo, pero esto va acompañado de gestión de datos, gráficas y estadísticas y probabilidades.

Existe software para ayudarnos a hacer esto más rápidamente. Personalmente el que más utilizo es Websort, que permite crear los grupos de usuarios, hacer cerradas o abiertas las pruebas y después ver las conclusiones. Otro software local es el CardZort.
Más información sobre Card Sorting:
Card Sorting: a definitive guide
What is card sorting?

Ni que decir tiene que esta técnica no es útil únicamente para aplicaciones Web. La categorización está en todos los sitios, y ahi donde esté podemos aplicarla. Desde la clasificación de nuestros MP3 a nuestra biblioteca .