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 ?

mis programas favoritos I – mailbird

Hace unos años decidí usar cuentas de correo web, en concreto de Gmail. Durante un tiempo tuve cuentas de correo de mi propio dominio, pero al final acabé por redirigirlas a las cuentas web. Tener el correo en el móvil es estupendo, pensé, pero los correos se fueron acumulando en la bandeja de entrada hasta tener casi dos mil correos acumulados. Los motivos de la acumulación fueron varios, pero había uno bastante importante: la interfaz web del gestor de correo desde el navegador era un incordio, no era nada sencillo clasificar o etiquetar correos para archivar. Hacer el mismo proceso en el móvil era simplemente impensable. Usar un cliente de correo en el móvil es fantástico porque puedes acceder a tu correo desde cualquier sitio donde estés, pero tiene el inconveniente de que la usabilidad no es la misma que con una aplicación de escritorio. Yo reconozco ser incapaz de hacer con una aplicación de movil lo que hago con una aplicación de escritorio, sé que se puede hacer, pero a costa de tardar mucho más tiempo en hacerlo.

Hace unas semanas, debido a una aplicación que estoy desarrollando para mi comparsa, me pidieron poder enviar correos desde la aplicación. Como también usan una cuenta de Gmail con el interfaz web pensé decir que no se podía hacer, pero luego recordé que con un cliente de correo instalado es fácil crear mensajes desde una aplicación, insertando en destinatario y el texto del correo. Así que me puse a buscar un cliente de correo que tuviera buena integración con Gmail. Después de probar varios llegué a uno que me parece una auténtica joya: Mailbird.

Mailbird es un cliente de correo para Windows que soporta correos POP e IMAP. Ofrece integración con los servicios de correo más habituales, así como con cuentas propias. También se puede integrar con otros servicios, como calendarios, aplicaciones de mensajería, etc, de manera que lo gestionas todo desde Mailbird. La integración con Gmail es perfecta, soportando el etiquetado de correos que era algo que yo buscaba. El interfaz es muy limpio y bien conseguido, algo que para mi es muy importante. Hay una versión gratuita en que puedes usar con una sola cuenta y una versión profesional que permite usar varias cuentas, previsualización de anexos y varias características más. Esta opción cuesta 12€ al año, pero aparecen cupones de descuento del 50% en la web y en el propio programa. Yo no lo pensé para registrar y obtener la versión pro que me costó apenas 6€.

mailbird

Después de usar 3 semanas mailbird puse en orden mis correos. Ahora sólo tengo en la bandeja de entrada correos que tengo que contestar o que tiene alguna actividad asociada. He conseguido archivar los correos importantes y eliminar todo lo demás en muy poco tiempo, algo impensable cuando usaba sólo los clientes web y a la app.

octubre 2014 · acción

Consciente de que llevo mucho tiempo sin escribir, me planteo la manera de revitalizar el blog. Uno de los motivos de esta falta de escritura es que cada vez paso más tiempo en casa alejado del teclado, de lo cual me alegro, pero a veces echo de menos sentarme tranquilamente a escribir. Así que he decidido que al menos voy a realizar un par de entradas mensuales fijas, una que contaré cosas que haya hecho el mes anterior que tengan que ver con la temática del blog y otra a modo de enlaces con entradas de otros blogs que me hayan gustado o me hayan servido de inspiración. Comenzamos.

Lo primero es que por fin pude terminar la actualización de el Puchero que tenía entre manos. Esta actualización incorpora la gestión de dietas y tolerancias, así como un nuevo asistente de selección de recetas. La próxima actualización del programa revisará la exportación/importación de recetas, pero primero quiero actualizar otros programas.

Estuve haciendo los cursos de Lightroom básico y Librologie de la web de Jackie Rueda. Como comenté en una entrada anterior, utilizo Zoner Photo Studio como programa de catalogación y edición de fotografías. Pero a base de oir hablar tanto de Lightroom decidí hacer un cursillo para conocer mejor el programa y poder valorar de primera mano si merece la pena comenzar a utilizarlo. El curso es realmente bueno, consiste en siete lecciones diarias que combinan texto y video donde se van explicando las distintas funcionalidades del programa y durante los siete días que dura el curso la instructora va respondiendo a todas las cuestiones de los alumnos. A mitad de este curso vi que a continuación comenzaba el curso de Librologie y me apunté también, y ahí fue donde pinché. El curso de Librologie comenzó en pleno sprint por cerrar la actualización de el Puchero y no pude seguir el ritmo. De hecho tengo todavía alguna lección pendiente que espero terminar pronto. El problema es que si no sigues el ritmo del curso, pierdes la oportunidad de plantear tus dudas a la instructora del curso, con lo cual el curso pierde parte de su atractivo.

Aunque no tiene que ver con cosas de las que suelo hablar, estoy participando en la Tanglo Football League, una liga fantástica de fútbol americano en la que soy el coach del equipo L’Alforna Alfocossos. Por cierto, el comisionado de la liga es mi amigo Manolo que tiene un estupendo blog llamado Six Billon Shared Brains donde reflexiona acerca de las emociones y el comportamiento.

Por último, estoy leyendo el tercer libro de la trilogía de Santiago Posteguillo dedicada a Publio Cornelio Escipión. La trilogía es la historia novelada de uno de los grandes generales romanos de la llamada edad antigua, y la verdad es que los libros me están gustando mucho.

colossus es ahora LGPL

Tenía una deuda pendiente con Colossus, mi programa de gestión de contraseñas. Hasta ahora el programa utilizaba un sistema propio de encriptación cuya fiabilidad no podía garantizar al 100%. Sin embargo Colossus es el programa que más utilizo de los mios, dado que lo uso practicamente a diario. Así que hace unos meses tomé la decisión de reprogramarlo por completo, basándome en las siguientes especificaciones:

  1. Abandonar mi sistema de encriptación y utilizar el RDD de ADS para Harbour que proporciona encriptación a nivel de fichero .dbf.
  2. El programa debería permitir trabajar con múltiples ficheros de contraseñas, para lo cual debería realizar los procesos de creación, apertura y cierre de ficheros de claves.
  3. Cada fichero de claves sería autocontenido, con lo cual no podría tener fichero de materias separado. Esto supone que la lista de materias la iba a tener que crear con las materias existentes en el fichero de claves.
  4. Por último, para intentar minimizar la existencia de errores en el programa, liberaría el código del mismo con licencia GPL 3 permitiendo que otros programadores revisaran el código y pudieran corregir errores.

Hoy, después de varios meses de trabajo y de pruebas del programa presento Colossus 6.0. Lo primero que tengo que decir es que esta versión del programa no es compatible con las versiones anteriores del mismo, ni puede leer ficheros de contraseñas de versiones anteriores del programa. La única manera de introducir las contraseñas de una versión anterior del programa en la versión 6.00 es introduciendo a mano de nuevo las contraseñas.

Como todavía no tengo claro el tema de subir el código del programa a Github o similares, dejo un enlace al código del programa. Agradecería enormemente comentarios con recomendaciones de un cliente de Github para Windows. En breve publicaré un instalador en la web de alanit, pero el fichero ZIP con los fuentes lleva el ejecutable y todos los archivos necesarios para funcionar.

Colossus 6.0 con fuentes

Las siguientes instrucciones están en el fichero leeme.txt incluido en el ZIP de descarga.


Esta aplicación requiere Borland C, Harbour y FivewinHarbour para compilarse. Yo uso FWH 12.04 y la versión correspondiente de Harbour empaquetada por Fivetech. Para compilar el programa hay que hacer lo siguiente:

* Ejecutar brc.bat que crea el fichero de recursos colossus.res
* Ejecutar **make cls1204** que compila los fuentes y crea el ejecutable

El archivo de compilación es cls1204.mak y el archivo de enlazado es cls1204.bc. Las rutas de los compiladores y librerias que uso son las siguientes:

* HBDIR=c:\fivetech\hb1206
* BCDIR=c:\bcc582
* FWDIR=c:\fivetech\fwh1204

Mi editor es HippoEdit (http://www.hipoedit.com) y el archivo colossus.heprj es el archivo de proyecto para ese editor.

La estructura de carpetas de la aplicación es la siguiente:

\ contiene los archivos de compilación y enlazado, así como las DLL necesarias para ejecutar el programa.
---\ch contiene los archivos de preprocesador de las librerias que utilizo
---\obj carpeta donde se depositan los objetos de la compilación
---\prg carpeta con los fuentes. No se incluyen report.prg, rpreview.prg ni image2pdf.prg por ser propietarios.
---\res carpeta de recursos. Editar siempre cls.rc puesto que colossus.rc se construye con brc.bat
---\lib contiene una copia de librerias no incluidas en FWH y que utilizo en la aplicación.

Para cualquier consulta escribirme a joseluis@alanit.com

Novelda, junio de 2014.
José Luis Sánchez Navarro

Al arrancar el programa presenta el siguiente aspecto:

Colossus 6.0 - ventana principal
Colossus 6.0 – ventana principal

La barra de iconos principal nos permite la creación, apertura y cierre de ficheros de contraseñas, configurar el programa y la rejilla de claves, visitar mi sitio web, mostrar el ‘acerca de…’ y salir del programa.
Lo primero que debemos hacer es crear un fichero de claves dado que en la instalación el programa no incorpora ningún fichero de claves. Pulsamos el botón de la carpeta negra con el signo + y el programa muestra el siguiente formulario:

Este formulario nos permite crear un fichero de claves en la ubicación que queramos y especificar la contraseña del mismo. Una vez creado el fichero el programa nos dice si queremos usar este fichero de claves, si le decimos que sí nos pide la contraseña del mismo y nos presenta el contenido del fichero de claves que estará vacio.

Colossus 6.0 - ventana de fichero de claves
Colossus 6.0 – ventana de fichero de claves

Cuando el programa abre un fichero de claves muestra varios elementos nuevos:

  1. La ruta y nombre del archivo de claves en la barra de título del programa.
  2. Una barra lateral de acciones que nos permitirá operar con el fichero de claves abierto.
  3. Una rejilla de datos con las claves del fichero de claves.

En la barra de acciones hay un primer bloque de acciones que nos permite crear una nueva clave, modificar la clave seleccionada, borrar la clave seleccionada, buscar claves e imprimir listados de las claves del fichero. El formulario de edición de una clave es el siguiente:

Colossus 6.0 - Formulario de edición de contraseñas
Colossus 6.0 – Formulario de edición de contraseñas

El formulario de edición de claves es similar al de versiones anteriores del programa pero incorpora autocompletado en el campo de materia.
La siguiente acción en la barra de acciones de claves es la gestión de la tabla de materias. Como dije al principio, el programa unicamente guarda el fichero de claves y crea cada vez la tabla de materias con las materias existentes en las claves. Esto supone que si se dan de alta materias directamente en la tabla de materias pero no se asigna esa materia a ninguna clave, la materia se perderá al cerrar el fichero de claves puesto que las materias no se guardan separadas de las claves. Por esto es conveniente dar de alta las materias al dar de alta las claves.
Las siguientes acciones en la barra de acciones permiten copiar el usuario de la clave al portapapeles, copiar la clave al portapapeles y ver el contenido del portapapeles. A continuación viene la opción de cambiar la contraseña del fichero de claves. Esta acción se realiza a través del siguiente formulario:

La siguiente acción tiene por etiqueta Salir pero no sale del programa, sino que cierra el fichero de claves abierto.

De vuelta a la barra de iconos principal, la opción de configuración del programa muestra las siguientes opciones:

Colossus 6.0 - cambio de contraseña del fichero de claves.
Colossus 6.0 – cambio de contraseña del fichero de claves.

El formulario de configuración de la rejilla de claves es el mismo que utilizo en mis otros programas:

Colossus 6.0 - Configuración de la rejilla de claves.
Colossus 6.0 – Configuración de la rejilla de claves.

el Puchero en la zuccheriera

Monica Bedana, autora del blog de cocina italiana la zuccheriera, ha publicado una entrada donde hace una referencia a el Puchero. Mónica dice en su post Le focacce basse:

Esta última actividad – colocar recetas – me resulta mucho más cómoda (y menos peligrosa) desde que he descubierto el prodigioso clasificador de recetas de alanit. Se llama “El puchero”, es sencillo de manejar, práctico, incluye todas las formas de archivado deseables para que cada receta sea fácil de encontrar y consultar y la gráfica es muy amena. Para mí, que soy maniática del orden, se ha vuelto una herramienta indispensable.

Muchas gracias Monica.

el Puchero en video y mi canal en youtube

He actualizado la página de el Puchero con un video donde se muestran las funcionalidades principales del programa: la gestión de recetas, los formularios de edición de recetas, la selección desde tablas auxiliares y el autocompletado de claves, las búsquedas y la selección de recetas, el generador de informes, los menús semanales y de eventos y el resto de ficheros auxiliares.

Mi intención es ir grabando videos del funcionamiento de los programas y publicarlos en vez de las imágenes de los programas. Creo que con videos se puede ver mejor las posibilidades de cada uno de mis programas. Los videos los iré publicando en esta web y en mi canal de youtube.