Archivo de Abril, 2009

Balsamiq – Crear interfaces de usuario de una manera divertida

Desde el primer momento que utilize http://www.balsamiq.com me di cuenta que crear interfaces de usuario ahora seria divertido!, pero ¿Como?, ¿Porque?.

Tiene como objetivo principal hacer un prototipo de la interfaz de una manera rapida y sencilla, asi como comunicar de una manera bastante visual al departamento de desarrollo, sin dejar lugar a dudas.

Para empezar la herramienta tiene la caracteristica de que las interfaces se crean como si estuvieras dibujando en tu libreta, algo muy importante ya que muchos que se dedican a crear interfaces de usuario lo primero que hacen es dibujarlo en alguna libreta, y por consecuencia se pierde más tiempo dibujando algun objeto en la libreta, que utilizando Balsamiq, otra de las ventajas es que cuenta con la mayoria de los controles utilizados en una pagina Web, de hecho hasta cuenta con templates para los que se dedican a crear aplicaciones para el iPhone.

El restultado lo puedes guardar en formato XML ó exportarlo a PNG, como ya les hable mucho acerca de este software, mejor les muestro un ejemplo.

balsamiq

La usabilidad de la herramienta es bastante intuitiva, con un simple “drag and drop” ya tienes una herramienta list, ó la caracteristica de “Quick add” que con el hecho de escribir algunos caracteres nos ofrece los componentes que coinciden, por ejemplo si escribo “input” me encuentra una caja de texto, presiono Enter y ya lo tengo en mi zona de trabajo.

quickadd

Lo que más me gusto de esta aplicación es su modo de presentacion, no puedes modificar nada solo una flecha sigue la direccion del mouse, esta perfecto para la junta con el cliente y vea el prototipo de la aplicación que sera desarrollada.

Si buscas una herramienta para hacer un prototipo de la interfaz de usuario de tu aplicación Balsimiq es una de las mejores (ó la mejor) opción.

Herramienta para modelar datos

Navegando y buscando herramientas para modelar datos, me encontre con http://code.google.com/p/wwwsqldesigner/, en comparación con otras herramientas parecidas, es muy intuitiva y fácil de utilizar y lo mejor de todo es que es Web, es decir la abrimos con el navegador.

Crear una base de datos relacional es muy fácil con esta herramienta, solo basta con seleccionar el campo y asignarle su relación en otra tabla, con sus colores es mucho más fácil identificar el tipo de dato, int, date, varchar, etc. Como se muestra en la siguiente ilustración, que hize con fines de ejemplificar esta entrada.

sqldesigner

Fácil, sencillo y elegante. Este esquema utiliza las convenciones utilizadas por Cake.

CakePHP showcase

Mostrar un showcase de sitios hechos con Cake es la mejor manera de demostrar que en realidad es un framework con gran futuro e infinitas posibilidades, otra de las razones es porque existen muchos discusiones entre cual es el mejor framework para PHP, para no hacerlo muy largo el mejor va ser el que se adapte a tus necesidades, ya sea ZF (Zend Framework), CI (CodeIgniter) o Cake, Ramsus Lerdof creador de PHP dijo en alguna ocasion que le gustaba más CI porque era el que menos se parecía a un framework  y por su gran rendimiento, esto no quiere decir que ahora todos debemos utilizar CI porque el guru de PHP lo dijo, de hecho lo que el recomienda es no utilizar ningún framework.

Espero no levantar una discusion poco productiva sobre que framework es mejor que otro.

En la pagina principal de Cake http://cakephp.org/ pueden ver más sitios desarrollados con este framework, no los incluí en la lista porque se me hace demasiado redundante.

Como se puede ver más personas y sobre todo compañías están apostando a Cake como su herramienta principal de desarrollo.

Textmate… para Windows

En si esta entrada no estan relacionada a Cake, en esta ocasion escribiré de un editor de texto bastante potente, los que programan en Mac, la mayoria seguramente utilizan Textmate, en su sitio pueden encontrar screencasts demostrando el potencial de este editor.

Buscando algun editor parecido pero para Windows, me encontre con la “copia” de Textmate, E – TextEditor la verdad es muy parecido a textmate, con decirles que se pueden utilizar los bundles y temas que estan en la pagina de Textmate, antes utilizaba el simple y practico EditPlus, pero por el momento me quedo con E – TextEditor.

Tema: Monokai, Font: Monaco.ttf

Tema: Monokai, Font: Monaco.ttf

Para el que le gusto, el tema Monokai y el tipo de letra monaco a 9pt.

Les recomiendo que vean los screencasts que estan el pagina de Textmate y ahi uno en la pagina de E – TextEditor.