Activities | Module Content Tab

Overview

The "Module Content Tab" within the content management system allows users to add existing activities, create new ones, and manage them within a module. This feature is designed to streamline the process of building and curating educational content.

Figma

https://www.figma.com/file/hq6VjWO99WfQaSzXswgVIY/Authoring?type=design&node-id=1642%3A92645&mode=design&t=Hry23GeTxoGJQU2C-1

Epic

Feature 193967: Module Builder | SEL Authoring

User Story

As a RethinkEd content creator, I need to add content to a SEL Module so that I can provide more resources for the Lesson Library. 

UI Description

  • Content Tab Layout:

    • Features a primary interface with a “plus” button for adding or creating activities and resources.

    • An "Add Activity" modal is prompted, showcasing a list of activities with filtering options.

  • Add Activity Modal:

    • Presents a list of available activities to be added to the module.

    • Includes filters by subject (SEL, Mental Health) and resource status (Active, Draft).

    • Displays essential details about each activity such as thumbnail, title, type, language, and status.

  • Activity Builder Interface:

    • Activated when creating a new activity, containing fields and tools necessary to build and save an activity.

    • Shows the languages available for the resource and options for selecting the intended audience.

    • Indicates the status (Active, Draft) of the attached resource or activity.

    • Overlays over the Module Builder page

  • In-Module Activity Card Management:

    • Delete Icon

      • Allows the user to remove the activity from the module

    • Duplicate Icon

      • Duplicates the activity so that it is attached to the module a second time

    • Preview

      • Allows the user to preview the activity as the end-user view.

    • Edit (pencil icon)

      • Opens the Activity Builder with the specific activity so that the user can make edits or change the information.

    • Audience

      • Type of Input: Dropdown menu

      • Dropdown values (multi-select)

        • Student Center (Can be assigned to students and visible in the student center)

        • Teach Lesson (Displays in the Teach Lesson player)

        • Lesson Plan (Displays in list of materials in module details)

Workflow Description

  1. Initiate Activity Addition:

    • The user clicks the "plus" button under the Module Content tab and chooses "Activity."

  2. Activity Selection:

    • In the "Add Activity" modal, the user filters and selects an existing activity or chooses to create a new one.

  3. Adding Existing Activity:

    • The user selects the Activity in the Activity modal list

    • The user clicks the "Add" button to attach the chosen existing activity to the module.

  4. Creating a New Activity:

    • The user clicks "Create New" within the modal, which opens the Activity Builder for crafting a new activity.

  5. Saving and Attaching Activity:

    • After saving the new activity, it is automatically linked to the module and displayed in the content list.

    • Module is automatically linked as a dependency for the activity

    • The user closes the Activity Builder and the Module Builder Content Tab displays with the activity attached

  6. Language and Audience Configuration:

    • The languages of the activity show in the bottom left corner of the activity card in the module.

    • The user selects the location(s) where the activity will display:

      • Student Center

      • Teach Lesson

      • Lesson Plan

  7. Managing Activities within Module:

    • The user manages activities directly within the module through the action icons (delete, duplicate, preview, edit).