Mockup y Wireframing en Open Source
Como todos saben el desarrollo de aplicaciones no implica solo tirar código a diestra y siniestra, si que existen varios elementos que integrados dan como resultado el producto final que buscamos; sabemos que es importantes crear un código robusto, seguro y eficiente (siempre que el tiempo lo permita :$ ), pero hay una parte fundamental que muchas veces prevalece sobre la calidad o funcionalidad de un software (para el usuario final por supuesto, ustedes saben) que acostumbramos llamar en idioma en anglo UI que significa interfaz de usuario. No voy a entrar en discusión pero lo que vende mucha veces es lo visual y con esto en cuenta, se nos presenta a la hora de un proyecto buscar la forma de hacer un prototipo de interfaz - a veces varios - para mostrárselo al cliente y que este de el visto bueno.
En el argot técnico esto lo conocemos como Mockup y/o Wireframe este ultimo mas estilo dibujo a mano alzada. Hace tiempo utilizaba una herramienta de pago llamada Balsamiq, pero hoy quiero hablarles de 2 excelentes herramientas Open Source que uso actualmente. La primera es pencil project desarrollado por la gente de Evolus y maquetta desarrollado por IBM.
Pencil Project
Como dice en su web es una herramienta gratis de código abierto para la construcción de prototipos para interfaces gráficas de usuario y diagramas, esta desarrollado como un plugin de firefox ya que utiliza el motor Xul Runner para su ejecución y también se puede descargar como programa stand-alone entre sus opciones tenemos:
- Diferentes paletas de iconos y controles
- Documentos multi-página y soporte para fondos de pantalla
- Enlaces entre documentos
- Opción de exportar a diferentes formatos como HTML, PNG y PDF
- Es multiplataforma
- Visor de Cliparts y Objetos entre muchas otras
En la web del programa se pueden descargar mas paletas y plantillas de exportación gracias a la comunidad.
Maquetta
Esta es una herramienta WYSIWYG de código abierto para la construcción de interfaces de usuario mediante el uso de HTML5 - la herramienta en si esta desarrollada utilizando las nuevas versiones de HTML y CSS - sin la necesidad de instalar ningún plugin ya que se ejecuta en cualquier navegador que soporte HTML5 y CSS3. Entre sus opciones tenemos:
- Editor visual de páginas
- Interactividad sin programación
- Revisión y comentarios para trabajar en equipo
- Editor de temas
- Soporte para aplicaciones móviles mediante el uso de simuladores de pantalla de teléfonos
- Soporte para temas, controles y librerias javascript como JQuery y Dojo
- Exportación a herramientas de desarrollo como eclipse entre otras.
Les recomiendo que se den una vuelta por la web de estas excelente herramientas para conocerlas mas a fondo y pueden generar de manera eficiente y cool las próximas interfaces o prototipos de sus proyectos.
