Ir al contenido principal

Metamorph: Como crear el Diagrama de Estados para la aplicación Hello World en Enterprise Architect

Para poder usar un Diagrama de Estados modelado en Enterprise Architect debes realizar los siguientes pasos:

  • Crea un nuevo proyecto en Enterprise Architect o abre uno existente.
  • Crea dos nuevos paquetes, uno llamado HelloWorld y el otro Turnstile.

1.StateMachinePackage

  • El resultado debe ser el siguiente (ignorando otros paquetes del proyecto):

2.ResultingTree

  • Haz click derecho sobre el paquete Turnstile y click en adicionar elemento.

3.CreateElement

  • Escoge el tipo StateMachine de la lista desplegable.

4.CreateStateMachineElement

  • Escribe Turnstile en el campo nombre y luego click en Ok.

5.ChooseName

  • Doble click en el Diagrama de maquinas de estado Turnstile:

6.ResultingTree

  • Agrega un estado Inicial (Initial) desde la caja de herramientas (toolbox).

7.CreateInitialState

  • Agrega un estado desde la caja de herramientas y escribe Locked en el campo nombre.

8.FirstState

  • Agrega el estado Unlocked siguiendo el paso anterior, el resultado debería ser el siguiente:

9.AllStates

  • Agrega el resto de las transiciones como se muestra en el siguiente diagrama:

10.AllTransitions

  • Doble click en la transición que va desde el estado Locked al estado Unlocked y escribe “coin” en el campo de nombre del enlace (Link name).

11.TransitionName

  • Haz lo mismo para las demás transiciones como se muestra en el siguiente diagrama:

12.AllTransitionNames

  • Doble click en la transición llamada "coin" y escribe Metamorph.Examples.HelloWorld.UnlockCondition en el campo condición de guarda (Guard) y Metamorph.Examples.HelloWorld.UnlockAction en el campo efecto (Effect).

13.TransitionActionCondition

  • Haz lo mismo para las siguientes transiciones:
Fuente Destino Acción de la transición
Locked Locked pass Metamorph.Examples.HelloWorld.SoundAlarmAction
Unlocked Locked pass Metamorph.Examples.HelloWorld.LockAction
Unlocked Unlocked coin SendMessageAction

El resultado debe ser el siguiente:

14.AllTransitionActionsConditions

  • Selecciona el paquete Turnstile creado con anterioridad y haz click en el item exportar paquete a archivo XMI (Export package to XMI file) del menú.

15.SelectExport

  • Escribe el nombre del archivo y la carpeta en el campo Filename. El cuadro de dialogo debe quedar como la siguiente imagen:

16.Export

Click en el boton de exportar (Export).

  • Finalmente necesitamos convertir el archivo StateMachine.xmi a un formato que Metamorph entienda. Para lograr esto un paso final es requerido.
    • Encuentra la aplicación de consola del conversor llamado Uml2XmlConverter localizado en la distribución de Metamorph en la carpeta Herramientas de soporte (Support Tools).
    • Ejecuta la siguiente linea de comando: Uml2XmlConverter C:\ StateMachine.xmi StateMachine.xml

OK. Ya todo está listo :D

Comentarios

Entradas populares de este blog

How to copy files from and to a running Docker container

Sometimes you want to copy files to or from a container that doesn’t have a volume previously created, in this quick tips episode, you will learn how. Above is the vid and below you will find some useful notes. 1. Pre-reqs Have Docker installed 2. Start a Docker container For this video I will be using a Jenkins image as an example, so let’s first download it by using docker pull docker pull jenkins/jenkins:lts ...

Brighten Up Your AEM Assets: How to Configure Default Backgrounds and Transparent Modes in Adobe Dynamic Media

Introduction The Importance of a Good Background Defining Your Default Background in AEM Defining Your Default Background in Dynamic Media Classic Transparent Images with fmt=png-alpha Explicit Background Colors with ?bgc Final Thoughts Introduction Welcome to our deep dive into the wonderful world of image backgrounds! In this post, we're going to explore how to configure Dynamic Media Classic in Adobe Experience Manager (AEM) to not only define a default background image but also how to get your images to pop with ...

Exposing Reactjs component methods to Javascript or non-reactjs applications

blog-static-generator-new If you want to integrate your javascript or non-reactjs application with a reactjs app and be able to access reactjs components and call their methods to execute actions or get information out of them, in this quick tips episode, you will learn how. Above is the vid and below you will find some useful notes. 1. Pre-reqs Have node.js installed 2. Exposing React JS to Javascript or non-reactjs applications ...