1. Construye tu propio generador de código con MOSKitt SDK Jose Manuel García Valladolid Héctor Iturria Sánchez [email_address] [email_address]

2. Estructura general de una transformación

3. Estructura de una transformación M2T

4. Contexto de Entrada Modelo de dominio: UML2 Class Modelo de Interfaz de Usuario: DataForms

5. Contexto de Entrada

7. Este editor de formularios es una ventana con título que contiene un conjunto de páginas. Cada página tiene una etiqueta que le permite al usuario identificarla.

8. El editor proporcionará algún mecanismo para que el usuario pueda conmutar entre páginas accediendo al contenido de cada una de ellas.

9. Una página del editor es un contenedor de formularios de datos.

10. Un formulario de datos es un contenedor de campos y botones de acción. Existen dos estrategias de disposición de los campos y botones en un formulario: a modo de registro y a modo tabular.

11. Cada campo tiene una etiqueta para que el usuario pueda identificarlo.

12. Cada botón de acción también tendrá una etiqueta para poder identificarlo.

13. Cada campo del formulario representará el dato definido por una propiedad de una clase UML2. Se establece pues una referencia y/o dependencia sobre UML2.

14. Cada botón de acción tendrá una referencia con una operación de una clase UML2.

15. Metamodelo Ecore DataForms

16. Contexto de Salida: HTML+CSS

17. Entorno de desarrollo

18. Plugin de Transformación M2T

19. Definición de la transformación

20. Clase XPANDTransformation I

21. Clase XPANDTransformation II

22. Workflow XPAND

23. Workflow XPAND

25. Carga una extensión

26. Define una sección de una plantilla para una clase Java simple que es aplicada a un elemento del tipo Entity .

28. IMPORT : da acceso a las plantillas y metamodelos definidos en un espacio de nombres dado.

29. EXTENSION : carga extensiones en lenguaje XTend.

34. LET : permite definir variables y su contenido.

35. ERROR : permite detener el procesamiento de las plantillas.

36. REM : permite la inclusión de comentarios en nuestras plantillas.

38. Collect: books.collect(b.title | b.isReserved = false);

39. SortBy: books.sortBy(b.author);

40. Size: books.size

41. Exists: books.exists(b | b.isReserved = false);

44. Lanzar la transformación a partir del modelo DataForms de ejemplo.

45. Comprobar el resultado. Verificar que la aplicación HTML generada concuerda con el modelo DataForms de entrada.

47. Añadir, además, 2 acciones al formulario, “Guardar” y “Cancelar”.

48. Ejecutar la transformación y comprobar el resultado.

50. El control HTML asociado a este tipo de dato será un CheckBox. Su código HTML es: <input name=”nombreControl” type=”checkbox”/>

51. Crear en el modelo UML2 club.uml un atributo nuevo a la clase Participacion llamado enVenta de tipo uml::Boolean.

52. Crear un campo nuevo en formulario de la página de Participación asociado al atributo enVenta.

53. Ejecutar la transformación y comprobar el resultado.

55. El control HTML asociado a este tipo de dato será un ComboBox. Su código HTML es: <select name=”nombreControl”> <option name=”opcion”>TituloOpcion</option> </select>

56. Ejecutar la transformación y comprobar que el campo TipoSocio está soportado en el resultado.