Diseño plano

El diseño plano o flat design ha sido una tendencia en diseño web en los últimos años, pero con la llegada de Windows 10 se ha impuesto también en cuanto a interfaces de sistemas Windows. El diseño plano se caracteriza basicamente por:

  • Ausencia de texturas, sombras, gradientes, biseles o cualquier otro elemento que provoque sensación de profundidad.
  • Diseño minimalista, donde los elementos respiran y no se amontonan uno encima del otro.
  • Uso de formas geométricas simples (cuadrados, rectángulos, círculos, etc.) para estructurar la información o diseñar elementos de la interfaz (botones, iconos, etc.).
  • Uso de colores uniformes, vibrantes.

Como programadores de aplicaciones en un entorno gráfico como Windows, debemos preocuparnos de que nuestras aplicaciones sigan las reglas de interfaz del entorno, de otra manera su aspecto quedará totalmente desfasado. En función del tipo de software que realicemos esto tendrá todavía más importancia, no es lo mismo desarrollar sistemas por encargo que los usuarios tienen que usar de manera obligatoria que desarrollar aplicaciones a la venta por internet donde la primera impresión al usuario será determinante en el proceso de compra. Si quieres que tu aplicación se vea bonita debes siempre seguir las reglas del interfaz del sistema operativo en que se ejecuta. Un diseño simple y funcional es la clave para tener éxito.

En mi caso, como programador de aplicaciones Windows, he modificado mis aplicaciones para dotarlas de un diseño plano. A continuación muestro los cambios que he realizado:

  • Eliminación de gradientes en el registro seleccionado de las rejillas de datos.
  • Eliminación de efecto de sombra en las pestañas de ordenación de las rejillas de datos.
  • Eliminación de gradientes en los títulos de las listas de acciones.

Además, he dejado de utilizar una clase calendario – lo siento Paco – desarrollada a medida por el control estándar de Windows. El cambio de aspecto se muestra en las siguientes imágenes de mi programa el Puchero, que es el primero que he adaptado al estilo plano.

Y tú, ¿ has adaptado tus programas al diseño plano ?

negresbetanics.com 2.0

En las últimas semanas he estado trabajando en una nueva versión de la web de mi comparsa, Negres Betànics de Novelda. Hice una primera web para la comparsa en el año 2008, pero por varios motivos esta web no se mantuvo y tuve que rehacerla desde cero. La web está hecha con WordPress con los siguientes elementos:

  • Versión free del tema Make
  • Yakanda Instagram, un plugin que permite mostrar imágenes de Instagram de un usuario o que tengan un determinado hashtag. En la web se muestran las imágenes que tienen el hashtag #negresbetanics
  • Cookie law info, un plugin para avisar del uso de cookies en la web.
  • Contact form 7, un plugin para poder incluir un formulario de contacto en la web.
www.negresbetanics.com
http://www.negresbetanics.com

En la nueva web hemos querido dar importancia a las filás de la comparsa así como a las capitanías para que los visitantes se puedan hacer una idea de la vistosidad de nuestra fiesta. Muchas de las fotos mostradas en la web son de nuestro comparsista y fotográfo Antonio López.

azeta se integra en cuaderno de bitácora

Hace tiempo que no actualizaba Azeta, mi programa de gestión de documentos. Así que después de la última actualización de Findemes estuve pensando en actualizar Azeta, y la conclusión a la que llegué era que lo mejor que podía hacer era integrarlo en Cuaderno de Bitácora. La interfaz de Cuaderno de Bitácora permite la integración de Azeta creando una nueva pestaña en la cinta de opciones de la ventana principal con todas las opciones del programa, y así es como lo he hecho.

btc8-preview

Además de integrar Azeta como una nueva colección dentro de Cuaderno de Bitácora, he añadido las siguientes funcionalidades a la gestión de documentos:

  • Los iconos de la pestaña de documentos son de la misma colección que el resto del programa, manteniendo el aspecto visual del mismo. También se adopta el mismo estilo de ventana que en Cuaderno de Bitácora.
  • Desaparece el arbol de materias y palabras clave. Las materias están en una tabla y las palabras clave son independientes de las materias. Además las palabras clave se gestionan como etiquetas dentro del documento, como se puede ver en la imagen anterior.
  • Los archivos de datos de Azeta se mantienen en una carpeta aparte de los de Cuaderno de Bitácora para evitar solapamientos de ficheros y para facilitar la incorporación de datos de una versión anterior de Azeta a Cuaderno de Bitácora.

    Espero publicar la actualización del programa en los próximos días.

portable kanban

Para gestionar mis tareas a nivel personal utilizo el método bullet journal, pero para gestionar mis tareas de programación este sistema no me funciona bien. Me gusta separar lo que son mis tareas personales y relacionadas con mis aficiones de las tareas de programación. Las primeras se dan en un contexto real, donde utilizo una libreta para anotar cosas, y el otro es trabajo de ordenador, donde el simil de la libreta no me funciona bien. Uno de mis problemas con el desarrollo de mis programas es la falta de foco en una tarea concreta. Tiendo a realizar varias modificaciones de programas al mismo tiempo, y el resultado no es todo lo deseable que debería, principalmente porque cuando termino una modificación comienzo con otra en vez de publicar la modificación finalizada y publicitarla adecuadamente. Debido a esto, estuve buscando alternativas a bullet journal para gestionar mis tareas de programación, y así fue como llegue al tablero Kanban.

Un tablero Kanban es una herramienta enfocada a gestión de tareas o proyectos, que se puede utilizar en múltiples ámbitos y que persigue los siguientes objetivos:

  • llevar un seguimiento del trabajo realizado.
  • establecer prioridades en las tareas a realizar.
  • respetar la propia priorización.

Mediante el uso del tablero Kanban se visualiza el flujo de trabajo, enfocando las tareas en curso y eliminando distracciones. Uno de los ámbitos donde se utilizan los tableros Kanban es el el desarrollo de software, y más concretamente en las metodologías ágiles de gestión de proyectos. Puedes encontrar información sobre uso de está técnica en estos enlaces:

Una vez que tenía claro que quería probar el tablero Kanban, el siguiente paso fue buscar la herramienta. Tenía claro que prefería una aplicación de escritorio que una basada en navegador, principalmente porque el navegador induce a la dispersión – voy a mirar el blog X, voy a entrar en el foro Y,… – y yo estaba buscando foco, no dispersión. Estuve buscando por la web, y di con una aplicación llamada Portable Kanban, disponible en la web http://dmitryivanov.net. Portable Kanban es un programa desarrollado por Dmitry Ivanov y disponible de manera gratuita en su web. En la web también una introducción al uso del programa y varios enlaces sobre Kanban.

Lo primero que tengo que decir es que la aplicación me parece una auténtica maravilla. La aplicación viene en un zip de 705KB que descomprimes en una carpeta donde está el ejecutable y varias DLL que necesita el programa. No hay instalación ni ficheros copiados en carpetas del sistema, cosa que me gusta mucho. Una vez descomprimido el programa lanzas el ejecutable y te da opción a crear un tablero nuevo o bien a crear un tablero con datos de ejemplo. El tablero de ejemplo es un poco apabullante, pero sirve para hacer experimentos con el programa antes de comenzar a usarlo de verdad.

Portasble Kanban - tablero de ejemplo
Portasble Kanban – tablero de ejemplo

Una vez que decidas comenzar debes crear un tablero nuevo. Para ello vas a la carpeta del programa y borras el fichero PrtableKanban.pk3 y al arrancar el programa te vuelve a ofrecer crear un tablero en blanco. Al hacerlo tienes un tablero que tienes que personalizar desde cero, y aquí entra uno de los puntos fuertes del programa: su personalización. Entrando en el apartado de setup se puede personalizar practicamente todo, comenzando por el aspecto y colores del programa, la cantidad y nombres de las columnas del tablero, los topics o temas – yo tengo uno para cada uno de mis programas -, las personas a quien asignamos la tarea, etiquetas para las tareas, usuarios de la aplicación,…

Configuración de Portable Kanban
Configuración de Portable Kanban

Una vez personalizada la aplicación, ya puedes ir añadiendo tareas a tu tablero. Para mover una tarea de una columna a otra basta con arrastrarla, y haciendo doble click en la tarea entras a editarla. El formulario de edición de la tarea permite definir la tarea con sus subtareas, asignar un tema, asignar la tarea a una persona, establecer prioridad,…

Portable Kanban - edición de una tarea
Portable Kanban – edición de una tarea

Además puedes ir modificándo el tablero sobre la marcha, de manera que conforme vayas aprendiendo el uso de un tablero Kanban puedas modificar el tablero del programa para adaptarlo a tu gusto. El mio de momento está así:

Portable Kanban - tablero de alanit
Portable Kanban – tablero de alanit

Por último, Portable Kanban integra un control de tiempos basado en la técnica Pomodoro, de manera que se puede llevar un control de tiempo que nos lleva cada tarea mediante el uso de este timer.

Mi valoración del programa es que es un programa excelente, un auténtico must-have si te dedicas a programar y quieres gestionar tus tareas usando el método Kanban.

el año sin pantalones – crítica del libro

Hace unas semanas escribí una entrada sobre el libro El año sin pantalones donde decía que iba a ser una de mis lecturas de verano. Ya he terminado de leerlo y la verdad es que el libro me ha defraudado un poco. Sinceramente esperaba más de este libro. Esta entrada es una opinión personal sobre el libro.

El libro va contando el devenir de un grupo de trabajo de WordPress liderado por Scott Berkun que es el autor del libro. Ese liderazgo queda un tanto difuso, puesto que al tratarse de un grupo de trabajo distribuido fisicamente los problemas que se encuentran son distintos a los de un grupo equipo que trabaja fisicamente junto. La verdad es que apenas cuenta en qué consistió ese liderazgo ni los problemas que encontró ni cómo los resolvió. Sobre el funcionamiento de Automattic cuenta que la empresa funciona mediante grupos de trabajo orientados a funcionalidades de WordPress. Hay unas directrices generales que establece el CEO de la empresa, y luego cada grupo de trabajo es autónomo para desarrollar estas directrices. El funcionamiento de los grupos de trabajo consiste en hacer desarrollos cortos, en ciclos de dos semanas, y liberar rápido. Los principales canales de comunicación dentro de la empresa son el IRC y los P2 que son unos blog donde cualquiera puede publicar. Todas las conversaciones de IRC y entradas de P2 se almacenan y se pueden consultar por cualquier empleado, incluidas las del CEO de la empresa.

Uno de los temas que más me ha gustado es cuando habla de funcionalidades de las aplicaciones y dice que lo importante no es una funcionalidad en si, sino la manera en que esa funcionalidad se diseña para que el usuario la pueda utilizar, y que es una mala idea dejar el diseñó del interfaz una funcionalidad para el final, cuando ya tienes el código hecho. Esto es algo que yo siempre hago en mis programas: antes de programar una nueva funcionalidad tener bien detallado cual va a ser el interfaz de la misma.

El libro tiene pasajes totalmente prescindibles, como todo el episodio del viaje del equipo de trabajo a Grecia. Para mi gusto hay mucho relleno en el libro, de las 250 páginas que tiene el libro se puede contar lo mismo en bastante menos espacio. No es un libro donde se adentre en temas de liderazgo ni de dirección de grupos de trabajo ni de nada, sino que va contando una historia y dando pinceladas de esto y de aquello, pero poco más.

Un libro prescindible desde mi punto de vista, salvo para fanboys de WordPress.

clase TTagEver para FivewinHarbour

Una funcionalidad que quería implementar en el Puchero es la gestión de dietas y tolerancias de las recetas. Es decir que para cada receta se pueda poner si es adecuada para gente con colesterol, celíacos, o para dietas de puntos, Dunkan o lo que sea. Esto supone que cada receta podía llevar asociadas múltiples dietas y la verdad es que no tenía claro cómo hacerlo. Muchas veces lo principal no es la funcionalidad sino como se implementa esta funcionalidad lo que hace que esta sea aceptada por los usuarios o no.

El caso es que dándole vueltas a la cabeza recordé el sistema de etiquetado de documentos que usa Evernote. Algo así:

evernotetags

En FWH hay una clase llamada TTagCloud que podía servirme como base. Esta clase la hizo Francisco García Fernández, que creo que es un gran creador de controles para FWH y además un buen amigo mio. Estuve varias semanas dándole vueltas al control sin conseguir avances significativos, hasta que me puse en contacto con Paco para pedirle ayuda. Paco en un par de días hizo el control, y ahora en el Puchero tengo hecha la implementación de las dietas de esta manera.

TTagEver

La clase desarrollada por Paco está disponible en el siguiente repositorio de GitHub: https://github.com/JoseluisSanchez/TTagEver

Mil gracias Paco.

el año sin pantalones

9788441535855

Estoy leyendo ‘El año sin pantalones: WordPress.com y el futuro del trabajo‘ de Scott Berkun en la edición en español que ha publicado la editorial Anaya Multimedia. El libro cuenta en primera persona un año de trabajo del autor, Scott Berkun, en Automattic, la empresa desarrolladora del sistema de gestión de contenidos WordPress y propietaria del sitio WordPress.com que aloja este blog.

Reconozco que me gusta este tipo de libros donde se cuenta en primera persona experiencias relacionadas con la gestión de proyectos, y creo que hay pocos libros de estos en español donde la empresa en cuestión sea una empresa de informática. Aunque apenas llevo leida una tercera parte del libro, creo que es un libro recomendable para conocer por dentro el funcionamiento de una empresa de tecnología y la forma en que trabajan. El autor del libro es un conocido escritor sobre gestión de proyectos informáticos, pero Automattic funciona de una manera totalmente distribuida. El contacto entre los trabajadores es virtual a través de IRC, apenas hay correos entre ellos ni tampoco unas directrices claras por parte de la dirección de la empresa. Este es el entorno, o la cultura como dice el autor, en que tiene que desarrollar su trabajo.

El libro tiene mucha parte superflua, no es un libro de gestión de proyectos al uso sino casi más un diario sobre el año de trabajo donde el autor inserta sus reflexiones sobre temas como liderazgo, trabajo en equipo y demás. Creo que es un lujo leer de primera mano como funciona una funciona una empresa como Automattic y la manera en que se organizan los grupos de trabajo dentro de ella.