3. User Interface

The quoFEM app is a scientific workflow application that creates workflows and runs them in the background. These workflows can involve multiple different workflow applications (see more information the backend and workflows under Software Architecture). Once the quoFEM app is started, the user is presented with the user interface (UI) shown in Fig. 3.1. This interface allows the user to select the applications to run in a workflow, input the controlling parameters for each of these applications, start the workflow either locally or remotely, and finally view the results of the simulation.


Fig. 3.1 The quoFEM app user interface.

The main window of the UI is made up from the following areas:

  1. Login Button

    The Login button is at the top right of the user interface. You can only launch jobs on DesignSafe after logging in to DesignSafe using your DesignSafe login and password. Pressing the login button will open up the login window to enter this information. You can register for an account on the DesignSafe-CI website 1.
  2. Message Area

    The message area is located in the bottom of the UI and displays the status and error messages for a running background application. The message area is a dockable dialog which can be resized, moved, and closed as needed. The dialog visibility can be toggled by clicking on the menu item View -> Program Output. If moved from its default location, the status dialog can be restored to the bottom of the UI by dragging the dialog back to the bottom of the UI and hovering over the area.
  3. Input Panel

    The input panel is the large central area of the user-interface where the user provides input for the workflow applications. You can select a workflow application using the drop-down menu at the top of each input panel. Each panel collects input parameters and paths to files with input data for the selected workflow application. The RES (results) panel is different; it shows the results after a simulation is completed.
  4. Input Panel Selection Ribbon

    The ribbon on the left side provides buttons that represent each step of the simulation workflow (e.g., EVT: Event Description, SIM: Structural Model, RES: Results). Clicking on one of these buttons shows the corresponding workflow applications in the central input panel.

    The following sections of the user guide describe in detail each of the steps presented in the input panel selection ribbon and the corresponding workflow applications available in the tool:

  5. Push Buttons

    This is the area near the bottom of the UI with the following four buttons:
    • RUN: Run the simulation locally on your computer.

    • RUN at DesignSafe: Process the input information and send the data to DesignSafe. The simulation will be run there on a supercomputer and the results will be stored in your DesignSafe jobs folder.

    • GET from DesignSafe: Obtain the list of jobs you ran on DesignSafe. You can select a job to download its results to your computer.

    • Exit: Close the application.

      Running Jobs Remotely

      Clicking on the RUN at DesignSafe button will show the remote job submission dialog shown below (Fig. 3.7)


      Fig. 3.7 Remote job submission dialog.


For more help on external services provided by DesignSafe-CI, such as creating an account, we encourage users to explore their documentation or consider submitting a ticket.

Overview of User Interface

Recorded in tool training, 2022 (From 21:14 to 26:58)

Click to replay the video from 21:14. Please note there were minor changes in the user interface since it is recorded.

Click here to watch Video Overview