Generacion des interfaces de usuario a partir de wireframes

Sanchez Ramon, Oscar [UCL] Sanchez Cuadrado, Jesus [University of Murcia] Garcia Molina, Jesus [University of Murcia] Vanderdonckt, Jean [UCL]

En los ultimos anos han aparecido un gra numero de herramientas de wireframing destinadas especialmente al desino de sitis y paginas web. Un wireframe es una de las representaciones usadas en el diseno de interfaces graficas de usuario (GUI) que muestra la estructura de la interfaz (que controles se utilizan y como se disponen en el area de visualizacion) sin atender a detalles come colores o imagenes. En este trabajo presentamos una solucion basada en tecnicas de Ingenieria de Software Dirigida por Modelos (MDE) para generar codigo final de la implementacion de una GUI a partir de un wireframe. Las tecnicas MDE nos han proporcionado varias ventajas importantes como i) disponer de una representacion de lato nivel del conocimiento extradio en el proceso de ingenieria inversa aplicado a los wireframes, ii) independencia de este proceso de la herramienta wireframing usada y del toolkit de GUI destino, iii) no es necesario que la alineacion de los controls sea precisa y iv) la calidad del codigo generado mediante la obtencion de interfaces flexibles