Desarrollo de interfaces gráficas a partir de mockups

Abstract

El paradigma de Ingeniería Dirigida por Modelos (MDE por sus siglas en inglés) propone la construcción de software basado en una abstracción de su complejidad, a través de la definición de modelos y en un proceso de construcción semi-automático guiado por transformaciones de estos modelos. Una transformación de modelos, es la generación automática de un modelo de destino a partir de uno de origen, de acuerdo con un conjunto de reglas que describen cómo ciertos elementos del modelo origen, serán transformados en ciertos otros del modelo de destino. El uso de mecanismos automáticos tiende a mejorar la eficiencia y eficacia del proceso de construcción de software. Existen propuestas para la creación automática de interfaces gráficas (GUI por sus siglas en inglés) a partir de mockups, es decir, bocetos gráficos de la GUI. Estas propuestas permiten la definición de aspectos estructurales y de comportamiento de una GUI a través de lenguajes gráficos de dominio específico. No obstante, dado que el foco es la esquematización rápida de la GUI, se dejan de lado variados aspectos necesarios para la construcción final de la misma. Por otro lado, existe un estándar para la especificación de interfaces gráficas llamado Interaction Flow Modeling Language (IFML). IFML soporta la descripción de GUIs de manera independiente de la plataforma, para aplicaciones accedidas o instaladas en sistemas tales como computadoras de escritorio, laptops y teléfonos móviles. El foco de la descripción está en la estructura (contenido) y el comportamiento (navegación entre elementos, eventos, asociación con lógica y datos del negocio) de la GUI tal y como es percibida por el usuario final. IFML podría ser considerado una capa intermedia que permite abstraer ciertos aspectos de la interfaz y expresar otros, por ejemplo el consumo de datos desde una base de datos, que sean considerados en un paso posterior para la generación automática de la interfaz. El objetivo general de este proyecto es evaluar la relación existente entre la especificación de aspectos de contenido, navegación entre elementos y eventos, de los lenguajes de especificación de mockups y su correspondiente especificación en IFML. Para ello se realizó un estudio de los editores de mockups existentes en el mercado, evaluando sus puntos fuertes y débiles, así como de la relación existente entre la especificación de aspectos de contenido y navegación del mockup y su correspondiente especificación en IFML. Se propuso un nuevo enfoque basado en MDE, que involucra la utilización de diagramas de mockups al principio del proceso de construcción de software, utilizando IFML como capa de abstracción, con el fin de generar interfaces en tecnologías específicas. Al modelo generado se le podría aplicar potencialmente cualquier transformación para llevarlo a alguna tecnología concreta. Para validar el enfoque planteado, se desarrolló un prototipo de editor de mockups, así como también un módulo de procesamiento, que se encarga de transformar el mockup en un modelo IFML. Además, se definió una transformación que permite generar código HTML desde la especificación de la interfaz en IFML.