...
To allow educators to create a structured lesson plan by adding different content sections.
To enable the addition of modules to each section of the lesson with ease.
To provide a consistent layout for module management, including the creation of new modules and editing existing ones.
UI Description
Content Tab Layout:
The content tab is selected, showcasing an empty state with an "Add Section" button prominently displayed.
The interface is divided into collapsible sections: Learn, Practice, Dive Deeper, and Related Teacher Resources.
Add Section Feature:
Description: Each "Add Section" action reveals a dropdown menu with predefined default section types, which are sequential based on lesson structure.
Required: Yes
Type of Input: Dropdown menu
Dropdown Menu Values:
Learn
Practice
Dive Deeper
Teaching Strategies
Sample IEP
Related Teacher Resources
Add Module Modal:
Plus buttons are situated in each section for adding new modules.
User clicks plus button, selects Module, and the Add Module modal fills the screen viewport, maintaining consistent height and width, with options to select modules from a list.
Includes a search bar, status filters (Active, Draft), and columns for thumbnails, titles, subject, and status.
Pagination controls for navigating through the module list.
Module Management:
Added modules display their status (Active or Draft)
Delete Icon
Allows the user to remove the module from the lesson
Duplicate Icon
Duplicates the module so that it is attached to the lesson a second time
Preview
Allows the user to preview the module as the end-user view.
Edit (pencil icon)
Opens the Module Builder with the specific module so that the user can make edits or change the information.
...