Monitor Webpage V2 - project-SIMPLE/simple.webplatform GitHub Wiki

Pages

Once you've launched the program, you can access the monitor page by connecting to localhost:5173.

The monitor webpage has 2 main pages:

  • A main page called Selector Simulation
  • A settings page called Simulation Manager

[!NOTE]
If you click on the Simple logo it will redirect you to the Selector Simulation page

Selector Simulation page

This page is our current main page and is divided into four sections:

  • The Select simulation section: displays all the simulations in the form of cards identified by a splashscreen image. By clicking on it, you access to the simulation Manager page for that simulation.
  • The Launch Selected Simulation section: launch a simulation from a path that will be enter in the input.
  • The Get Simulations Informations section (mainly be used for debug): related to a button which will display in the console browser the list of the simulation detected by the app.
  • The HeadSet connected section (section only display if a headset is connected): shows the different headsets connected to the middleware with their id and status; green if its connected, grey when it is in waiting for the connection. There are also 2 buttons; one for deleting the headset, the other to restart it (not yet implemented).

Simulation Manager page

This page contains all the informations and actions for monitoring the simulation. In fact we can see :

  • the connection state toward Gama
    • if not connected, it will display a grey button with this text "Try Connection" , click on it to connect Gama to the Middleware
  • buttons for launch, pause, resume, ending the simulation
  • The HeadSet connected section, it shows the differents headsets connected to the middleware with his id, status; green if its connected, grey when it is in waiting for the connection, 2 buttons; one for deleting the headset and to restart it