[Live-Site] - User Dashboard - UI

[prerana1821]

User Dashboard UI Design

Parent Story

https://github.com/Real-Dev-Squad/website-www/issues/343

Detailed requirements

Requirement document

Overview

The user dashboard provides moderators with a range of features to manage users, monitor usage, and improve the live streaming experience. It includes features such as moderator role, code-based live stream access, user management and much more. These features enable moderators to set alerts, manage users, switch between different streams, and control usage. The user dashboard enhances the live streaming experience by providing a simple and efficient way to manage user interactions.

Features and user stories:

Following is the list of user stories that needs to be performed on the user dashboard:

Epic 1: Moderator Role

As a moderator, I want to set a threshold of certain minutes for live stream consumption, so that I can control the length of the live stream and ensure quality. The feature will alert me when the threshold is reached, so that I can conclude the live streaming respectively.

Design story tickets [ Note: 100 minutes is just used as an example ] :

1. As a moderator, I want to set a threshold of 100 minutes for live stream consumption.
2. As a moderator, I want the option to receive an alert when the threshold is reached (100 minutes are consumed.), so that I can manually decide whether to continue the live streaming or not.

Epic 2: Code-Based Live Stream Access

As a trusted user, I want to receive a code to gain immediate access to the live stream without having to log in and connect to various platforms.

Design story tickets:

1. As a trusted user, I want to receive a code to gain immediate access to the live stream.
2. As a moderator, I want to be able to generate the code of real time live stream to send it to the trusted users.

Epic 3: User Management

As a moderator, I want to have a dashboard to manage users, including the ability to kick out or restrict users. The dashboard should also provide an overview of all user connections, including the number of guest users, logged-in account users, and members connected. So that I can effectively manage the system and ensure a positive user experience.

Design story tickets:

1. As a moderator, I can see a list of users attending the session and want the ability to kick out or restrict users from the live stream.
2. As a moderator, I want the dashboard to provide an total number of all user connections attending the session.
3. As a moderator, I want the dashboard to display the number of guest users, logged-in account users, and members connected from RDS.

Epic 4: HLS and Real-Time Stream Switching

As a moderator, I want to have control over the live stream by being able to switch between HLS and real-time streams. Trusted users should also be able to switch between streams using a simple UI that shows two buttons.

Design story tickets:

1. As a moderator, I want to have an ability to switch guests between a real-time stream and a delayed stream when needed.
2. As a trusted user, I want to be able to switch between HLS and real-time streams using a simple UI.

Epic 5: Settings and Alerts

The feature should allow setting a budget and alerting users when the live stream is about to exceed the set budget.

Design story tickets:

1. As a moderator, I should be able to set budgets (number of minutes to be spent) on the live screen sharing for every event.
2. As a moderator, I want to be alerted when the live stream is about to exceed the set budget.