sábado, 10 de marzo de 2012

Mockup y Wireframe 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 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.

Posted via email from Desarrollador Andino

No hay comentarios: