ANEXO 3: DOCUMENTACIÓN DEL METAMODELO. DE LA APLICACIÓN WEB GENERATOR (WAPP Generator)

Transcripción

1 ANEXO 3: DOCUMENTACIÓN DEL METAMODELO DE LA APLICACIÓN WEB GENERATOR (WAPP Generator) FERNEY SANTOS AGUILLÓN MARTÍNEZ MARIO ALONSO MATEUS GÓMEZ PONTIFICIA UNIVERSIDAD JAVERIANA FACULTAD DE INGENIERÍA CARREA DE INGENIERÍA DE SISTEMAS BOGOTÁ D.C Página 1

2 Tabla de contenido 1. Introducción Diagrama de Clases del Meta-modelo Diagrama de Clases Meta-Modelo V Diagrama de Clases Meta-modelo V Diagrama de Clases Meta-modelo V Digrama de Clases Meta-modelo V Diagrama de Clases Meta-modelo V Diagrama de Clases Meta-modelo V Página 2

3 Tabla de Ilustraciones Ilustración 1: Diagrama de clases V Ilustración 2: Meta-modelo ecore Ilustración 3: Diseño Meta-modelo V Ilustración 4: Meta-modelo ecore V Ilustración 5: Diseño Meta-modelo V Ilustración 6: Diseño Meta-modelo V Ilustración 7: Diseño Meta-modelo V Ilustración 8: Diseño Meta-modelo V Página 3

4 1. Introducción Este documento presenta una documentación del meta-modelo elaborado para el Trabajo de Grado AUTOMATIZACIÓN DEL DESARROLLO DE APLICACIONES WEB MEDIANTE EL ENFOQUE MDA-MDE, primer paso para diseñar una aplicación web y posteriormente generar una aplicación web en tecnología Java EE 6 utilizando el framework JSF 2.2. Para el desarrollo de este meta-modelo, se hizo incrementalmente, por lo que se tendrá varias versiones del diseño del meta-modelo, llevando una concordancia con la metodología escogida para poder realizar este Trabajo de Grado. 2. Diagrama de Clases del Meta-modelo El diagrama de clase presenta el diseño del meta-modelo de la aplicación web, está conformado por un conjunto de clases que se relacionan entre sí. 2.1 Diagrama de Clases Meta-Modelo V1.0 Para el desarrollo del primer Sprint se desarrolló el meta-modelo que se muestra en la Ilustración 1. Ilustración 1: Diagrama de clases V 1.0. Para el primer sprint se tomó como diseño inicial los elementos básicos de la aplicación web, donde la aplicación web solo tiene un nombre de aplicación y un conjunto de página web, la cual tiene la altura, el ancho, nombre y título de la página. Página 4

5 Para el desarrollo del meta-modelo se utilizó las herramientas de Eclipse del framework emf para definir la sintaxis abstracta del meta-modelo. Como se ve en la siguiente ilustración se puede observar la primera versión del meta-modelo. Ilustración 2: Meta-modelo ecore. 2.2 Diagrama de Clases Meta-modelo V2.0 Para el desarrollo del segundo sprint se agregó al meta-modelo de la primera versión los siguientes elementos que se verán a continuación: Ilustración 3: Diseño Meta-modelo V2.0. Página 5

6 Para el desarrollo del Segundo sprint se agregó el elemento formulario, el cual tiene un conjunto de elementos de entrada que están relacionados con atributos de una entidad, debido a esto fue necesario la inclusión del elemento Entidad dentro del meta-modelo, donde este consistía de un nombre, un conjunto de atributos y varias relaciones con otras entidades, asimismo esta relaciones con otras entidades tienen diversas cardinalidades que son OneToOne y OneToMany. Con el diseño de la entidad la asociación entre elementos de un formulario y los atributos de una entidad se pudieron llevar a cabo. En la siguiente imagen se muestra el meta-modelo en EMF: Ilustración 4: Meta-modelo ecore V Diagrama de Clases Meta-modelo V3.0 Para cumplir con los objetivos del tercer sprint se diseñó la aplicación teniendo en cuenta que la aplicación para este sprint debe permitir modelar el flujo de navegación de la aplicación web. Página 6

7 Ilustración 5: Diseño Meta-modelo V3.0. Para poder modelar las transiciones dentro de las transacciones entre páginas se añadió la metaclase Transition, que se encuentra relaciona con la meta-clase ButtonLink, por otro lado esta meta-clase también se encuentra relacionada con la meta-clase WebPage, que representa la página destino. Como atributos posee en el nombre de la acción que tiene esta transición y se posee una condición se le es dado un nombre. 2.4 Digrama de Clases Meta-modelo V4.0 Para este sprint era necesario modelar una tabla que mostrara los datos de las entidades, asimismo poder agregar a las columnas de las tablas botones. Para llevar a cabo esto se agregó Página 7

8 la meta-clase Table, que representa una tabla dentro del meta-modelo, asimismo adicionalmente se agregó la meta-clase Element, que representa las columnas que tendrá la tabla. Como veremos en la siguiente imagen el diseño del meta-modelo en esta iteración fue este: Ilustración 6: Diseño Meta-modelo V Diagrama de Clases Meta-modelo V5.0 Para cumplir con los objetivos de la cuarta iteración se debía poder modelar varias entidades dentro de una aplicación web. Debido a que la meta-clase se introdujo tempranamente para poder relacionar los atributos con los campos del formulario, en esta iteración se modelaron las restricciones que podría tener el atributo de la entidad, añadiendo restricciones de tamaño, de Página 8

9 persistencia, de unicidad y permitir valores nulos. Asimismo la relación entre entidades fue modificada, añadiendo dos atributos para que la relación fuera modelada de una mejor manera, los atributos que fueron agregados son upperbound, que representa el límite superior de la relación y lowerbound, que representa el límite inferior de la relación. En la siguiente imagen se pueden visualizar los cambios realizados en el diseño del metamodelo: Ilustración 7: Diseño Meta-modelo V5.0. Por otro lado debido a que el modelo no expresaba la suficiente información para poder relacionar un conjunto de páginas con un caso de uso, fue necesario agregar una meta-clase llamada usecase, que tuviera como atributo el nombre del caso de uso y estuviera relacionada con la meta-clase WebPage, para determinar qué conjunto de páginas estaban relacionadas con Página 9

10 un solo caso de uso. Adicionalmente fue necesario también agregar una nueva meta-clase llamada Action, debido a que era necesario especificar qué acciones estaban relacionadas con el caso de uso, por lo que la a la meta-clase Transition se le removieron los atributos que tenía, ya que estos ahora se encuentran dentro de Action. 2.6 Diagrama de Clases Meta-modelo V6.0 Para esta sprint se agregó la meta-clase Role, para poder cumplir con el módulo de seguridad que debe tener una aplicación web. La meta-clase Role está relacionada con las meta-clase WebPage, para poder expresar que roles podrán ingresar a una determinada página web. Por otro lado la meta-clase Role también se encuentra relacionado con la Entity, para determinar que roles podrán ingresar a las paginas CRUD de estos entidades. Por otro lado la meta-clase Role también se encuentra relacionado con la meta-clase usecase, para determinar que roles tienen permitidos hacer uso de los casos de uso. Por ultimo a la meta-clase WebApplication fue agregado el atributo security de tipo booleano, para determinar si el modelo de la aplicación web iba a contar con seguridad. En la siguiente imagen se puede observar los cambios realizados al diseño del meta-modelo. Ilustración 8: Diseño Meta-modelo V6.0. Página 10