Open Data: Cloud Integration

[3C-SCSU]

✨ Open Data UI

Description

The procedure for publishing brainwave data (Open Data) has been recently implemented. The underlying implementation details and description are available in the following directory:

https://github.com/3C-SCSU/Avatar/tree/main/file-opendata

This ticket focuses on the front-end integration to allow users to easily access and utilize this open data publishing procedure via the main Avatar user interface.

🎯 Goal

Implement the UI/UX interface for the Open Data publishing procedure and integrate it into the existing [ Cloud Computing ] tab on the Avatar Interface.

🖼️ Proposed Layout / Design

The new Open Data interface section should follow the layout provided in the mockups below.

Mockup 1:

Mockup 2:

✅ Acceptance Criteria

• A new section/component related to "Open Data" is added to the [ Cloud Computing ] tab of the Avatar Interface.
• The interface accurately reflects the design provided in the mockups.
• The button [ Open Data ] changes to yellow after it has been clicked. Once clicked, it will open the file management window, letting the person select the directory [ processed ] to start running the open data execution.
• The field area [ Consoloe Log ] provides the print out displaying the process being executed by opendata.py.
• The UI elements (buttons, fields, indicators) are correctly linked to the back-end logic implemented in file-opendata.
• Users can successfully initiate the brainwave data publishing procedure through the new interface.
• Appropriate user feedback is provided during and after the publishing process (e.g., success message, error message).

🛠️ Technical Considerations

• Location: Avatar UI component within the Cloud Computing tab.
• Integration Point: Utilize the existing functions/APIs provided by the file-opendata implementation.