Los días pasados encontré un sitio llamado Mr Mail que ofrece servicios de correo electrónico basados en VMware Zimbra y servicios de alojamiento en VPS (Virtual Private Server). La empresa detrás de este sitio se encuentra establecida desde el año 1995 en el Reino Unido y es partner oficial de VMware.

Hasta aquí, una empresa como varias. Pero hace algunos días, esta empresa decidió lanzar un plan de alojamiento de correo electrónico en Zimbra gratis! Este plan incluye 500 Mb de espacio, 30 Mb para adjuntos, acceso POP3/IMAP/Webmail, 100 Mb para alojamiento de archivos y la posibilidad de utilizar tu propio dominio (@tu-dominio.com).

Simplemente deben registrarse en el sitio web, completar el formulario con sus datos y esperar alrededor de 24 horas para que sea habilitada su cuenta de correo -la activación es manual-.

En mi opinión, VMware Zimbra es la mejor solución de correo electrónico corporativo y suite de aplicaciones relacionadas (calendario, contactos, tasks, etc.). Inclusive mejor que Google Apps, Microsoft Outlook y Zoho. Lamentablemente es extraño, a pesar de ser una solución open source, encontrar alojamiento para Zimbra gratis o en servicios de alojamiento compartidos. Por esa razón, Mr Mail es una gran oportunidad para quienes estén interesados en Zimbra

Hace algunas semanas Antel presentó el nuevo diseño de su sitio web http://nic.anteldata.com.uy. A través de este sitio se brindan los servicios de registro y administración de dominios .com.uy. No queda aún claro si el sitio se llamará Antel DNS (título de la página) o dominiosuy (logotipo principal). Tampoco queda clara la URL, que continúa usando la marca Anteldata -ya discontinuada-.

El nuevo diseño y estética son acordes a la nueva imagen institucional de la empresa. Pueden apreciarse las similitudes con las web Adinet.com.uy (correo electrónico) y Antel.com.uy (web corporativa).

El diseño no me enloquece ni me desagrada: me parece aceptable. Como positivo quiero destacar la hoja de estilos (letras, colores) y las imágenes. Pero no me resulta del todo acabado el diagramado general y algunos elementos visuales. Por ejemplo, la barra superior (donde está el logo de Antel y los links para ver todos los servicios o acceder, que no se ve en la imagen de este artículo) definitivamente no armoniza con el resto del sitio. El ancho fijo del sitio, dejando margenes laterales en blanco y ningún delimitador, me recuerda las webs de hace una década que decían en su pie de página “Sitio apto para una resolución 800×600″. No soy contrario a las webs de ancho fijo, pero creo que necesitan cierto encuadre (por ejemplo bordes, contraste de colores, un header ancho, un footer de ancho 100%, una barra superior de ancho 100%).

En cuanto a la usabilidad, me sigue pareciendo confusa -de la forma en que está planteada- la separación entre Registrar Contacto y Registrar Titular. Yo creo que debe manejarse, en principio, una única identidad. La inclusión de una identidad de contacto debe ser en una etapa posterior (por ejemplo, ya estando logueado en el panel de administración). Lo que hay que priorizar es el registro del titular. Luego el titular en su cuenta debería gestionar las identidades de contacto como algo accesorio.

Más allá de los comentarios, saludo que Antel impulse el desarrollo del recurso dominios .uy

Los otros días estuve probando el renovado webmail de Yahoo!. Me resultó un poco extraño que hayan cambiado a una nueva interfaz ya que la anterior no tenía muchos años de lanzada y estaba a la altura de sus grandes competidores.

Me parece bueno el producto logrado pero aún le faltan elementos de los cuales, en mi opinión, hay algunos decisivos.

Empezando por lo bueno, quiero destacar lo siguiente:

• la consistencia y estética del diseño,
• la organización en pestañas,
• la ubicación de los botones y en general de todos los componentes de la interfaz,
• el “inline-reply” de correos -aunque en mi opinión debería permitir modificar a quién se copia-,
• la posibilidad de agregar imágenes en la firma -Yahoo! fue pionero en esto-, y
• la posibilidad de ver el full header del correo.

Como aspectos para criticar, quiero mencionar los siguientes:

• no permite hostear dominios gratuitamente -aunque utilizando una cuenta externa vía POP3/IMAP se salvaría este problema-,
• tiene publicidad un poco más molesta de lo que desearía,
• no permite acceso POP3 ni IMAP gratuito,
• no tiene threading view para las conversaciones,
• si bien hay previsualización de mensajes, no hay vista en 3 columnas (al estilo Outlook),
• si bien se puede marcar mensajes con estrellas, no tiene múltiples íconos como Gmail -es justo decir que muy pocos webmails lo permiten-, y
• quizás fue un error mío pero no vi que tuviera un “Calendar” -sí tiene una agenda de contactos-.

¿Ustedes lo probaron? ¿Qué opinan?

Link: http://mail.yahoo.com

El año pasado empecé a usar las agendas del tipo Google Calendar para la facultad. Me han sido una ayuda muy importante, especialmente para adquirir el hábito de registrar -nunca me acostumbré a la agenda en papel ni mi celular tiene agenda-. Como en general mi planificación es mensual -no me interesa la granularidad de las horas-, utilizo únicamente la vista de todo el mes.

Google Calendar es un buen producto: confiable, de diseño agradable, es sencillo agregar eventos con parámetros por defecto y tiene múltiples layers (calendario personal, calendario de facultad y todos los que querramos agregar). Inclusive, nos permite agregar “Tareas” junto a los eventos, con un checkbox para cuando las hayamos cumplido.

Pero tiene un defecto de usabilidad insoportable en la vista mensual: cuando agregamos más tareas que las que pueden visualizarse en el cuadradito del día, se empizan a ocultar tras el link “+ n más” (ver imagen).

Por otro lado, Zimbra ofrece las mismas prestaciones que Google Calendar -y unas cuantas más que estoy todavía descubriendo- y el problema de Calendar lo resuelve estirando el cuadrado tanto como sea necesario. Inclusive, al editar el cuadrado se hace un zoom y podemos visualizar o agregar eventos por horas, sin salir de la vista mensual.

Si bien Zimbra no es estéticamente tan lindo, en usabilidad y funcionalidad está en un nivel superior. Voy a empezar a usarlo, probablemente en Montevideo COMM. Hay una versión open source pero hay que tener un VPS para hostearlo. Más información sobre esto aquí.

Google Calendar: http://google.com/calendar/
Zimbra: http://zimbra.com
Montevideo COMM: http://montevideo.com.uy

El servicio de alojamiento en la nube Dropbox se renueva y presenta una nueva interfaz. Además de cambios estéticos, se realizaron mejoras de usabilidad y se incorporó un visor de imágenes. Una de las novedades que más contribuyen a la organización de los archivos es que ahora podremos moverlos dentro de las carpetas utilizando drag & drop.

Los invito a registrarse como referidos y ganar 250Mb extras a los 2Gb que tienen gratis. Registrarse.

No se olviden de descargar la aplicación de escritorio que les permite mantener una carpeta sincronizada en la nube de manera automática -tanto las carpetas públicas como las privadas-.

Es una forma automática de realizar respaldos de nuestros archivos y evitar olvidos.

Imagen de Dropbox.

La paginación vertical en el campo del diseño web es una nueva tendencia. El primer sitio que vi implementarla fue Google Images. Casi en simultáneo apareció en Facebook y Twitter.

El concepto es sencillo: en lugar de avanzar de página y sustituir a la anterior (en el contenido que se este visualizando: texto, imágenes, audio, etc.), se anexa la nueva página en vertical. Al avanzar múltiples veces de página, nos queda en la pantalla una página infinitamente alta, que se fue cargando en etapas.

El siguiente paso que dieron los grandes sitios en este concepto fue evitar que el usuario deba hacer click para avanzar: al llegar al final de la página con el navegador, se asume que el usuario desea seguir y se carga de forma automática la nueva página.

Como me gustó la idea -la primera, no la de automatizar-, decidí implementarla en los módulos Notes, Blogs, Images y Audio de Live!. Está hecho en Javascript, jQuery (adaptando el plugin Pagination) y Ajax. Los invito a probarlo

Al diseñar un espacio dentro de una web en el que el usuario deba ingresar una cantidad media o alta de texto (cuadro de texto o textarea), debemos darle la posibilidad de insertar tags html, bbcode, etc. utilizando botones.

Nos referimos por ejemplo a un cuadro de texto para escribir un artículo en un blog, escribir un mensaje en un foro o enviar un mail. El impacto de usabilidad que se logra es muy alto.

A su vez, existen dos modalidades para la inserción de tags:

• Insertar un tag en el lugar en que está posicionado el cursor -tag de apertura o cierre según corresponda-, o
• Seleccionar un fragmento del texto e insertar el tag de forma envolvente.

El editor más popular y completo que conozco para lograr esto es TinyMCE. Sin embargo, en algunas ocasiones podemos necesitar algo más liviano o personalizable, donde tener mayor control funcional y de diseño.

Voy a compartir con ustedes un sencillo código que desarrollé para el sitio Live! implementando esta funcionalidad. Utilizo Javascript, con dos funciones tomadas de los sitios http://motyar.blogspot.com y http://blog.vishalon.net según se encuentra documentado en el mismo código. El uso de jQuery es circunstancial, podría sustituirse sin mayores complicaciones por Javascript puro.

Screenshot:

Descargar código v.0.1

Demo de ejemplo

Aprecio cualquier comentario

En el día de hoy, y para terminar el ciclo de presentaciones sobre el nuevo sitio Live!, quiero comentarles que quedó terminado el módulo Live! Audio. Al igual que en el caso de Live! Blogs, tenía planificado desarrollarlo para el año que viene pero pude en estos días, antes de empezar la facultad, dedicarle varias horas y publicarlo.

El diseño y la funcionalidad es muy similar a la de los otros módulos, pueden verlo directamente aquí: http://martin.com.uy/live/audio.

Para el año que viene vendrán algunas mejoras de diseño, navegabilidad y optimización de la arquitectura y el código.

The Noun Project es un proyecto libre cuya misión es -en sus propios términos- “sharing, celebrating and enhancing the world’s visual language”. Podrán encontrar miles de íconos minimalistas, en blanco y negro, para ser utilizados libremente. Se trata de material elaborado por la comunidad en base a estrictas normas de diseño, que buscan mantener la simplicidad y significado de cada creación.

El sitio cuenta también con un blog de muy buena calidad: http://blog.thenounproject.com.

Personalmente me encanta ese estilo que, por su simpleza, es capaz de transmitir una idea y de forma clara. Aunque no sean de su interés los íconos, les recomiendo igual entrar al sitio porque es de por sí una exquisitez.

Quiero presentar en el día de hoy el mini-sitio personal Live! 2.0 (http://martin.com.uy/live). Este sitio es el sucesor de Live -que pronto irá offline-. Fueron algunos meses de intenso trabajo, con un desarrollo desde cero utilizando los frameworks Symfony 2 (php) y jQuery (javascript y ajax).

Debo confesar que me encantó Symfony. Simplifica muchísimo, ayuda a ordenar el código en un prolijo diseño MVC y es una herramienta muy flexible. Me gustó también el hecho de tener un único front-controller y un sistema de routing para activar los controladores específicos. También pude comprobar el potencial del ORM, una vez superadas las dificultades para establecer los distintos tipos de relaciones. JQuery fue otra novedad excelente -y es muchísimo más fácil de usar/aprender de lo que me imaginaba-.

Los módulos del sitio son casi los mismos que en el sitio anterior, con la diferencia de que eliminé Links y voy a agregar Audio.

No esperen que ande en ninguna versión de Internet Explorer -ni siquiera me tomé la molestia de probarlo-. En Chrome, Firefox y Safari debería verse correctamente. Les agradezco si reportan cualquier bug que haya sobrevivido al período de testing.

Quedaron para el año que viene -meses de verano- los módulos “Blogs” y “Audio”. No me dio el tiempo esta vez…

Los invito a leer un poco más aquí.

Sugerencias y comentarios son bienvenidos.. ya voy tomando algunas notas para la versión 2.2.