[Enhancement] Add a way to display sub-projects inside the application

[GuillaumeLeroy34]

Feature Request

Description

add a way to display and launch sub-projects part of a larger project. This enhancement is aimed specifically towards developers, and should not reduce the quality of the user experience of the regular users of the platform such as teachers.

Why is this needed?

Right now, when the number of project grows, the current display of projects using big buttons and images gets overwhelmed easily. adding some kind of drop down would allow for a more compact design, and easier use when testing new projects.

[RoiArthurB]

A simple implementation would be to extend the settings.json file with a new type (eg. catalog ?) which would be made of a list of normal settings.json parameter set. Giving something like this :

{
  "type": "catalog",
  "entries": [
    {
      "type": "json_settings",
      "name": "LinkToUnity",
      "splashscreen": "learning-packages/demo/splashscreen/demoOne.png",
      "model_file_path": "./Models/Demo/Simple Player Game/DemoModelVR.gaml",
      "experiment_name": "vr_xp",
      "minimal_players": "0",
      "maximal_players": "4",
      "selected_monitoring": "gama_screen"
    },
    ...
  ]
}

This would allow a simple enhancement to add (both implementation wise -as everything is already coded- and for users -no new concept or file structure-).

However I have no idea how to properly display it... @GuillaumeLeroy34 an idea ?

[RoiArthurB]

@GuillaumeLeroy34 Can you propose some draft interfaces on how to integrate/display it once you finish the TV control implementation ? :)

[GuillaumeLeroy34]

here was the last version of the implementation I was working on:

This screen represents the landing page of the application.
if a simulation contains a list of subprojects, it will be indicated by the downward triangle.
Pressing this button will take you to the next screen:

You can see it is a subprojects folder because the main text changes, and a small splashscreen is displayed on the top left of the screen. Note that if the need arises, we can change the size of each subprojects button, fit more of them in a row and add a slider bar.

To leave this screen, you can either press the simulation splashscreen or the "SIMPLE" logo. Launching a simulation will also take you to the simulation manager screen.

[GuillaumeLeroy34]

The current implementation is mostly complete, it also supports catalogs containing catalogs if the need arises.
you may also add a "name" and a "splashscreen" property, but they are not necessary.

{
  "type": "catalog",
  "name": "Unity test projects experiments",
 "splashscreen": "learning-packages/demo/splashscreen/demoOne.png",
  "entries": [
    {
      "type": "json_settings",
      "name": "LinkToUnity",
      "splashscreen": "learning-packages/demo/splashscreen/demoOne.png",
      "model_file_path": "./Models/Demo/Simple Player Game/DemoModelVR.gaml",
      "experiment_name": "vr_xp",
      "minimal_players": "0",
      "maximal_players": "4",
      "selected_monitoring": "gama_screen"
    },
    ...
  ]
}

in the above image you can see two subprojects folders, one with a proper name and splashscreen, and another one where these parameters are ommited, and are instead displayed with a generic auto incrementing name, and a generic background image is used.

you can use the small button in the top left to go back to the main simulations

[RoiArthurB]

Ping @ptaillandier