Simulation with UI

When simulating a model with a UI mockup, Time Series Chart, Timeline Chart, or HTML Table, you can open a UI or index UI window during model execution. These windows display all UI elements of the executed Simulation Configuration and have a control panel allowing you to start, pause, resume, or terminate the simulation. The benefit of using an index UI window is that it allows you to reorder and resize each individual UI since they are displayed in separate boxes, as shown below.

A UI index window where you can reorder and resize all existing UIs.

To run the server-side simulation with UI

---

1. In your modeling tool, open the User Interface Modeling Diagram where the relevant UI elements are displayed.
2. In the diagram toolbar, click and select Generate and Attach HTML. For more information see Auto-generating HTML files.
3. Commit the changes to Teamwork Cloud.
4. Run the simulation on the server in one of the following ways:
   • Run the simulation using REST API or Jupiter Notebook, then open the index UI window by doing the following:
     1. Check the simulation status.

     2. Go to the URL given as the 'indexUI' in the response of the status request to open the index UI window containing all UI elements of the executed Simulation Configuration.

        To open each UI element of the executed Simulation Configuration separately, go to the URLs given under 'ui' in the response of the status request.

   • Run the simulation in the Resources application, then open the index UI window by clicking Open in the pop-up message or using the Task Manager. 

   • Run the simulation in Cameo Collaborator for Teamwork Cloud, then open the index UI window by clicking Open in the pop-up message or using the Task Manager. 

Supported UI types

During server-side simulation, you can open the following UI types:

• UI Mockups including Frame, embedded Widgets, and Image Switcher.
  
  
  
  

• Timeline Charts displaying Activity and State plots. Numeric, boolean, and enumeration value plots cannot be displayed. In addition, Requirements and Constraint failures are not annotated. 

  Timeline Charts do not need to be generated and attached to a Teamwork Cloud project.

  
  
  

• Time Series Charts which are updated in real-time during simulation. Note that Requirements and Constraint failures are not annotated in Time Series Charts.
  

  Timeseries Charts do not need to be generated and attached to a Teamwork Cloud project.

  
  
  

• Tables created in a User Interface Modeling Diagram. Learn how to Create UI tables that can be viewed as HTML in an internet browser.