Resources | Module Content Tab

Overview

The "Module Content Tab" within the content management system allows users to add existing resources, 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=1697%3A67100&mode=design&t=GsXA0ep3K1L0dkKN-1

Epic

Feature 193967: Module Builder | SEL Authoring

User Story

As a RethinkEd content creator, I need to add content to a SEL or Mental Health 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 Resource" modal is prompted, showcasing a list of activities with filtering options.

• Add Resource Modal:

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

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

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

• Resource Builder Interface:

  • Activated when creating a new resource, 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 resource from the module

  • Duplicate Icon

    • Duplicates the resource 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 Resource 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 Resource Addition:

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

2. Resource Selection:

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

3. Adding Existing Resource:

   • The user selects the Resource in the Resource modal list

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

4. Creating a New Resource:

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

5. Saving and Attaching Resource:

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

   • Module is automatically linked as a dependency for the resource

   • The user closes the Resource Builder and the Module Builder Content Tab displays with the resource 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 resource will display:

     • Student Center

     • Teach Lesson

     • Lesson Plan

7. Managing Resources within Module:

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