# Graphical User Interface 🪟

**URL:** <https://festim.discourse.group/t/graphical-user-interface/53>\
**Category:** Development & New Ideas\
**Created:** [June 20, 2024, 12:39pm UTC](https://festim.discourse.group/t/graphical-user-interface/53 "2024-06-20T12:39:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![remidm](https://yyz2.discourse-cdn.com/free1/user_avatar/festim.discourse.group/remidm/32/4_2.png) [@remidm](https://festim.discourse.group/u/remidm)\
**Post date:** [June 20, 2024, 12:39pm UTC](https://festim.discourse.group/t/graphical-user-interface/53/1 "2024-06-20T12:39:11Z")

</div>

It would look like the python interface (though intuitive for most of users) is a barrier to some who don’t know how to code.

I’m open to start brainstorming what a graphical user interface (GUI) would look like for FESTIM.

A first attempt was done at LSPM while I was there with a team of CS students but it never got open-sourced and probably runs (if it runs) on a very old FESTIM version.

A few ideas:

- The structure could be very similar to COMSOL/ANSYS:
  - Define the type of study (HydrogenTransport, HydrogenTransport + Heat transfer, etc.)
  - Define the geometry and mesh
  - Define materials
  - BCs
  - Traps,
  - Temperature
  - …

- Potentially we could embed Paraview to be able to post-process the data inside the GUI
- This could be an application running in the browser too. Steamlit? Plotly-dash?

Let’s use this topic for discussion around this and as a gauge for interest.

---

<div class="post-metadata">

**Author:** ![remidm](https://yyz2.discourse-cdn.com/free1/user_avatar/festim.discourse.group/remidm/32/4_2.png) [@remidm](https://festim.discourse.group/u/remidm)\
**Post date:** [June 21, 2024, 1:43pm UTC](https://festim.discourse.group/t/graphical-user-interface/53/2 "2024-06-21T13:43:51Z")

</div>

We could use tools like [Figma](https://www.figma.com/files/team/1385977196649331138/recents-and-sharing?fuid=1385977194098484176) to design the UI

---

<div class="post-metadata">

**Author:** ![remidm](https://yyz2.discourse-cdn.com/free1/user_avatar/festim.discourse.group/remidm/32/4_2.png) [@remidm](https://festim.discourse.group/u/remidm)\
**Post date:** [October 29, 2024, 12:42pm UTC](https://festim.discourse.group/t/graphical-user-interface/53/3 "2024-10-29T12:42:48Z")

</div>

We could use Trame to have embedded 3D visualisation!

> **[Simplify Web Application Development with trame](https://www.kitware.com/simplify-web-application-development-with-trame/)**
>
> Creating highly interactive or data-intensive web applications can be challenging, but trame simplifies this process. trame was designed to help developers create rich, desktop-like experiences on the web. It leverages Python, allowing you to build...

Then offer the users the possibility to download files as VTX to open them in paraview for more control