Overview
The Module Plan Settings tab allows users to upload thumbnails, select keywords, and tag related topics, academic skills, and materials for a module.
Figma
Epic
Feature 193967: Module Builder | SEL Authoring
UI Description
Thumbnail Upload:
A designated area for uploading a module thumbnail with an option to click to upload or drag and drop files.
Required: No
Acceptable file formats: SVG, PNG, JPG, or GIF, with a maximum file size indicated (e.g., 3MB).
An automatic thumbnail generation if no custom thumbnail is uploaded.
Keywords Section:
A field that displays selected keywords as chips that can be added or removed.
Required: No
Related Topics (SEL):
Description: Lists of related topics categorized, each with checkboxes.
Required: No
Type of Input: Checkbox
Related Topics (Subject: SEL)
Awareness of Self & Others: Emotions, Growth Mindset, Learning Skills, Values, Wants & Needs, Self-Knowledge
Self-Management: Stress Management, Self-Control, Resilience, Problem Solving, Goal Setting, Focus
Social Skills: Respect, Relationships, Friendship, Fairness, Cooperation, Conflict Resolution
Social Awareness: Support Systems, Cultural Competence, Social Contributions, Safe & Ethical Behavior, Empathy, Actions & Consequences
Self-Care: Self-Efficacy, Self-Compassion, Self-Advocacy, Optimism, Mindfulness, Healthy Boundaries
Related Topics (Subject: Mental Health)
Mental Wellness, Healthy Identities, Kindness to Animals, Online Safety, Anxiety, Depression, Substance Use Disorders, Reducing the Risk of Suicide, Preventing Violence, Human Trafficking, Trauma: Emotions, Trauma: Resilience, Trauma: Stress Management, Trauma: Support Systems, Emotions, Growth Mindset, Learning Skills, Values, Wants & Needs, Self-Knowledge, Healthy Boundaries, Mindfulness, Optimism, Self-Advocacy, Self-Compassion, Self-Efficacy, Focus, Goal Setting, Problem Solving, Resilience, Self-Control, Stress-Management, Actions & Consequences, Empathy, Safe & Ethical Behavior, Social Contributions, Support Systems, Conflict Resolution, Cooperation, Fairness, Friendship, Relationships, Respect
Tags Selection:
Description: Options for tagging the module plan with attributes such as group size, academic skills, and activity type, each with checkboxes.
Type of Input: Checkbox
Tag Options:
Group Size: Individual, Partners, Small Group, Whole Group
Materials: No Materials, Everyday Classroom Materials, Print PDFs, Student Center, Slides
Activity Type: Gallery Walk, Game, Self-Reflection, Journal, Movement & Dancing, Video, Read Aloud, Visualization, Presentation, Collaboration, Project, Goal Setting & Planning, Project Based Learning, Coaching, Media Analysis, Creative, Discussion
Creative has child tags, second level: Acting, Building, Drawing, Writing
Discussion has child tags, second level: Community Circle, Concentric Circles, Debate, Fishbowl, Hive Mind Map, Hot Seat, Interview, Jigsaw, Peer Mentoring, Philosophical Chairs, Pyramid, Round Table, Silent Conversation, Socratic Seminar, Speed Dating, Stations, Talking Tokens, SuperStar, Hexagonal Thinking
Academic Skills: Persuasive Writing, Informative Writing, Narrative Writing, Speaking & Listening, Digital Literacy, Close Reading, Research, Problem Solving, Data Analysis, Gross Motor Skills, Storytelling, Media Analysis, Memorization, Emergent Handwriting, Scientific Investigation, Spelling, Fine Motor Skills, Art Analysis, Historical Analysis
Collections: Literacy, Brain Breaks, Group Warm Ups, Community Building, Leadership, Bullying Prevention, Mindfulness, Family Connection, Literacy, Transformative SEL
User Interaction and Validation Notes
Thumbnail Management:
Users can upload a thumbnail by clicking the upload area or dragging a file into it.
The system should validate the file type and size and display an error message if the upload does not meet the specified criteria.
Keyword Management:
Users can type to add new keywords and press enter or separate words by commas to create a keyword chip
Users can click an 'x' on a chip to remove a keyword from the text input field.
Topic and Tag Selection:
Users can select or deselect checkboxes for related topics and tags for the module.
If you are in the Lesson Library and you are filtering by a selected topic, this module will display in those selected topics in addition to the Domain and Main topic that is entered.
The tags will be tags on the module and the filter options in the Lesson Library
Workflow Description:
Opening the Module Plan:
The educator opens the module plan settings from the Module Builder interface to add or edit information.
Thumbnail Uploading:
The educator uploads a thumbnail for the module or relies on the system to generate one if none is provided.
Keyword Tagging:
Keywords are added by typing and confirmed with an enter key press or words separated by commas to turn them into chips for easy viewing and management.
Related Topics and Tagging:
The educator selects relevant topics and tags that correspond to the module's content for better categorization and discovery.
Conclusion
The Module Plan Settings tab organizes content, making it easily discoverable and accessible.