MatStepper Component for Room Configuration
Overview:
This user story outlines a series of step headings for the MatStepper
component, designed to streamline and enhance the room configuration process on the "frag.jetzt" platform. Each step is crafted to guide users in an intuitive and structured manner.
-
Intro (Registration and ChatGPT Activation Check)
- The first step involves verifying user registration and ChatGPT activation, ensuring that necessary prerequisites are met for room configuration.
-
Select Role
- Users select their role, which tailors the configuration process to their specific needs and access rights.
-
Define Room Access
- In this step, users establish the room's identity by setting up the room name and defining an access code, ensuring controlled entry to the room.
-
Configure Room (Standard or Custom)
- Users choose between a standard configuration for quick setup or opt for a custom configuration to personalize room settings further.
-
ChatGPT Options (If Available)
- This step allows users to customize ChatGPT settings, enhancing the room's interactive capabilities, provided ChatGPT is available.
-
Customize Features
- Users configure additional features, grouped into intuitive categories like Q&A/Topic-Board, Interaction, Bonus Archive, and Presentation for streamlined selection.
-
Review & Confirm
- A summary of all configurations is presented for review and confirmation, allowing users to ensure all settings are as intended before finalizing.
Objective:
The objective is to implement these steps as headings in the MatStepper
component to improve the room creation feature on the "frag.jetzt" platform, making it more intuitive, user-friendly, and efficient, thereby enhancing the overall user experience.
User Story:
As a user of the "frag.jetzt" platform, I want to be able to open a modal by clicking the existing plus icon on the homepage, which guides me through a hierarchical yes/no decision system for room configuration, to make the creation process more streamlined and user-friendly.
Acceptance Criteria:
-
Utilization of the Existing Plus Icon:
- The plus icon on the homepage is used as the entry point for initiating the room creation process.
-
Modal for the Decision Process:
- Clicking the plus icon opens a modal that encapsulates the complete room creation process using the
MatStepper
component.
- Clicking the plus icon opens a modal that encapsulates the complete room creation process using the
-
Intro (Registration and ChatGPT Activation Check):
- The first step ensures the user is registered and ChatGPT is activated (if applicable).
-
Role Selection:
- Users select their role, influencing subsequent configuration options and access rights.
-
Room Access (Room Name and Access Code):
- Users set up the room name and define an access code for room entry.
-
Room Configuration (Standard or Custom):
- Users choose between a standard or custom configuration, affecting the level of customization for the room setup.
-
ChatGPT Settings (If Available):
- If ChatGPT is available, users configure its settings to enable interactive features in the room.
-
Feature Configuration:
- Users configure additional features, categorized for ease of selection (e.g., Q&A/Topic-Board, Interaction, Bonus Archive, Presentation).
-
Summary (Review and Confirmation):
- Users review and confirm all settings in a summarized view, with the option to go back and modify selections.
-
Room Creation (Finalization):
- The final step involves confirming the creation of the room, with a success message or further instructions.
-
User-Friendly Interface:
- The modal interface is intuitive, with toggle switches or input fields for decisions, and allows users to navigate back through the steps.
-
Visualization of Decision Paths:
- Each step visually indicates the progression and the number of remaining steps in the process.
-
Quality Assurance:
- The modal and its decision-making process are thoroughly tested to ensure they are intuitive, user-friendly, and free from errors.
Here's a table presenting the MatStepper
step titles in English, German, and French:
Step Number | English | German | French |
---|---|---|---|
1 | Intro | Einführung | Intro : |
2 | Select Role | Rolle wählen | Sélectionner le Rôle |
3 | Define Room Access | Raumzugang festlegen | Définir l'Accès à la Salle |
4 | Configure Room | Raum konfigurieren | Configurer la Salle |
(5) | ChatGPT Options | ChatGPT-Optionen | Options ChatGPT |
(6) | Customize Features | Features anpassen | Personnaliser les Fonctionnalités |
(7) | Review & Confirm | Überprüfen & bestätigen | Réviser & Confirmer |