Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Current »

Overview

The "Module Plan" tab will allow internal RethinkEd content creators the ability to create descriptions for the Module Plan text. This will include the capability to format block quotes, specifically for adding Academic Extensions, and the option to edit HTML directly for advanced customizations like adding tooltips.

User Story

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

Figma

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

Epic

Feature 193967: Module Builder | SEL Authoring

UI Description

Module Plan Tab:

  • Active tab indicating the user is editing the module plan.

Text Input Field:

  • A single, prominent text input field with a WYSIWYG editor where the module description is entered.

  • A specific button for formatting block quotes.

  • An icon to switch to HTML view for direct code editing.

Academic Extension Formatting:

  • Block quotes formatted text will be automatically boxed in the end-user module overview to distinguish it as an Academic Extension.

HTML Editing for Tooltips:

  • A tag icon to reveal HTML code of the text input.

  • Ability to add HTML tags for tooltips within the text.

User Interaction and Validation Notes

Block Quote Selection:

  • Users will select the block quote style from the editor to format the Academic Extension text.

  • The system must validate that the block quote is distinctly styled in the output.

Tooltip Editing:

  • Users click the tag icon to switch to HTML view.

  • Users can insert HTML tags for tooltips where necessary.

  • Validation is required to ensure that tooltip HTML code is properly formatted and functional.

Workflow Description

  1. Initiate Module Plan Description:

    • Users select the "Module Plan" tab and are presented with a text input field and WYSIWYG editor.

  2. Enter and Format Text:

    • The user types the module plan description and uses the editor tools to apply desired styles.

  3. Add Academic Extension:

    • To add an Academic Extension, the user selects the text and formats it as a block quote, which will be visually distinct in the final overview.

  4. Edit HTML for Tooltips:

    • If tooltips are required, the user clicks the tag icon, switches to the HTML view, and adds the necessary HTML tags.

  5. Preview and Validation:

    • Users have the ability to preview their formatted text and tooltips.

    • The system performs validation checks on HTML code and block quotes to ensure they display correctly.

  6. Finalization and Exit:

    • After the user finishes formatting and previews the content to their satisfaction, they can save their work.

  • No labels