Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • The "Lesson Preview" modal can be opened by clicking on the "eye" icon located in the upper right corner of the Lesson Builder form. This action provides immediate access to the feature, allowing users to quickly review how the activity appears in Teach Mode and , Lesson Details, Student Center pages.

Display of Active Versions:

...

  • Designed with accessibility in mind, the "Lesson Preview" modal includes intuitive controls for navigating the preview and closing the modal.

  • Close “X” icon to close the full screen preview

  • Toggle Selection: Teaching View, Plan View, Student View

User Interaction Workflow

  1. Accessing the Preview:

    • Users access the "Lesson Preview" by clicking the "eye" icon in the upper right corner of the Lesson Builder.

  2. Reviewing Content:

    • This step allows users to ensure the content's accuracy, relevance, and overall quality across various language versions.

    • Teaching View toggle selected shows the Teaching Mode player and the module contents as the end-user will view it.

    • Plan View toggle selected shows the Lesson Details page as the end-user will view it.

      • Lesson Details layout is dependent on the Lesson Module Display Type: Normal, Other TBDHidden

    • Student View toggle selected shows the Student Center view of activity/resource as the end-user will view it.

    • The preview options tied to the preview modal are attached to the selected options in the audience picker dropdown menu.

    • Content should only be visible in the preview modals for the audience selection in the dropdown menu.

  3. Closing the Modal:

    • After completing the review, users can close the modal by clicking the “X” icon to return to the Lesson Builder interface.

...