​

📚 Courses Management

​

🚀 Getting Started

1. Navigate to Knowledge Hub in the main menu
2. Click on Courses to view your course library
3. Use the + Create Course button to start building new content

Example:
The Knowledge Hub courses dashboard displays a comprehensive table listing courses such as “Dev Course” (Published, 20% completion) and “test course” (Draft status). The interface includes features like search, entry controls, and action buttons for editing, settings, and deletion.

​

📋 Course Creation Workflow

​

Step 1: Basic Course Information

​

Step 2: Course Builder

• Outline: Organize and structure your course content
• Details: Edit course information, configure settings
• Comments: Manage learner discussions and feedback
• Analytics: View performance metrics and enrollment insights

​

🗂️ Course Structure Management

• Course Structure: Drag-and-drop to reorder all elements at the top level
• Categories: Group lessons and assessments into folders (folder icons)
• Lessons: Add individual learning modules (document icons)
• Assessments: Insert quizzes and tests (question mark icons)

• Lessons: Add individual learning modules (document icons)
• Assessments: Insert quizzes and tests (question mark icons)

​

🗂️ Add Categories

1. Click “Add Category” in the Course Builder.
2. Enter a Category Title
   • Required (up to 255 characters). Make it clear and inviting!
3. Add a Short Description (Optional)
   • Briefly describe what this section covers.
4. Choose Category Visibility
   • 📢 Published: Instantly visible to all assigned learners.
   • 📝 Draft: Only visible to you until it’s ready to launch!
5. Customize Comments for Learners
   • 💬 Enabled: Allow discussion and feedback
   • 🙈 Hidden: Hide comments from learners
   • 🔒 Locked: Prevent all new comments
6. Upload a Category Image (Optional)
   • Make your course visually engaging! Recommended size: 1280x720px (thumbnail will display beautifully in the course outline).

• Drag and reorder categories in your outline with an intuitive interface.
• Instantly see which categories are Published or Draft, thanks to clear status badges.
• Toggle comment options anytime to fit your learning environment.

​

🟦 Reordering Feature

• Categories: Change their order in the overall course.
• Content Items (inside a category): Reorder Lessons, Quizzes, and Assignments—mixing types in any sequence you like.

1. Open Course Builder and go to the Outline tab.
2. Find the Category, then grab the menu icon (☰) at its left.
3. Drag and Drop the category to your new spot. A highlight shows where it’ll go.
4. Release—the order updates instantly and auto-saves. A confirmation appears.

Before:                       After:
┌─────────────┐               ┌─────────────┐
│ Category A  │ ← (☰)         │ Category B  │
└─────────────┘               └─────────────┘
┌─────────────┐               ┌─────────────┐
│ Category B  │               │ Category A  │
└─────────────┘               └─────────────┘

1. Expand a Category to see its items.
2. Find an Item and grab its menu icon (☰).
3. Drag and Drop anywhere in the list—even between Lessons, Quizzes, Assignments.
4. Release. The item instantly updates its spot and a success message confirms.

Before:                          After drag: (Quiz moved up)
├── Lesson 1: Getting Started    ├── Quiz 1: Test Your Knowledge
├── Lesson 2: Basics            ├── Lesson 1: Getting Started
├── Assessment 1: Test Your Knowledge ├── Lesson 2: Basics
└── Quiz 1: First Project └── Assignment 1: First Project

Now Assignment moved: 
├── Quiz 1: Test Your Knowledge
├── Lesson 1: Getting Started
├── Assignment 1: First Project   ← just drag & drop!
└── Lesson 2: Basics

Tip: Use the menu (☰) handle to drag. Changes save right away—no button needed!

​

📝 Add Assessment

1. Click “Add Assessment”
   In the Course Builder, look for the “Add Assessment” button within a category .
2. Enter Assessment Title
   • Required.
   • Choose a clear, descriptive title. (This appears to learners.)
3. Select Assessment Type
   • Choose whether this assessment is a Quiz (for quick questions and knowledge checks) or an Assignment (open-ended or project-based submission).
   • Use the dropdown menu to select either Quiz or Assignment as the assessment type.
4. Continue
   • Once you’ve entered the title and selected the type, click Continue to proceed to the assessment editor.
   • You can cancel at any time before saving.

• After continuing, you’ll be able to add questions, configure options, set time limits, and more.
• Learner results and attempts are tracked in analytics.

​

➕ Add Lesson

1. Click “Add Lesson”
   In the Course Builder, navigate into a category where you want to add your lesson, and click the Add Lesson button.
2. Complete Lesson Details
   You’ll see the Lesson Editor interface (see screenshot below), where you can:
   • Enter the Lesson Title (required)
   • Select the Category the lesson belongs to
   • Write your lesson content using the rich-text editor provided
   • Upload videos or audio using the dedicated buttons at the top
3. Configure Lesson Options
   On the right panel, you can:
   • Set Lesson Visibility
     • 🟢 Published: Live for all assigned learners
     • 📝 Draft: Only visible to you, not learners
   • Configure Comments options
     • 💬 Enabled: Allow comments
     • 🙈 Hidden: Hide comments
     • 🔒 Locked: No new comments allowed
   • Attach files (optional): Upload PDFs or other resources
   • (Optional) Set a Lesson Thumbnail to represent your lesson visually
4. Save
   When you have finished editing, click Save in the top-right corner to publish or draft the lesson.

• Use the rich text editor to format content, embed images, or add code blocks.
• The Upload Video and Upload Audio buttons make it easy to add multimedia.
• Attach supporting resources such as handouts, slides, or reference docs as files.
• Published lessons become visible immediately to assigned learners if the course visibility permits.

• Main Panel: Enter title, category selection, and write rich lesson content
• Sidebar: Configure visibility, comments, upload thumbnail, attach files, and manage lesson-specific settings

​

🎮 Action Buttons & Functionality

• Edit Course: Modify course content and settings
• Preview Course: View course as learners see it
• Delete Course: Remove course permanently

​

👁️ Course Preview

• Outline: The main course structure, with expandable categories and lessons (see screenshot below).
• Details: Course information, description, objectives, and settings.
• Comments: Preview how course discussions and learner feedback will work.
• Analytics: See how progress and engagement stats will appear.

​

📝 Course Details

• Title
  Enter a clear, descriptive name for your course.
  Required. Maximum 140 characters.
  (Displayed at the top of the Course Details section, as shown in the screenshot)
• Description
  Provide a brief summary of what this course covers.
  Appears beneath the title on course landing and search pages.
• Course Visibility
  Decide who can access your course:
  • Private: Only assigned users can view and enroll. (Shown with a lock icon and selected by default in the screenshot.)
    • When Private is selected and the course is saved, an Assign button appears in the Analytics tab, positioned to the right of the Enrollments section.
    • Clicking Assign opens a modal listing all users in your company. You can select users and assign them to the course; they will then appear in the “Enrollment” modal.
  • Public: Anyone with the link can view details and enroll.
    • If the course is Public, the Assign functionality and button do not appear.
• Course Thumbnail
  Upload an image to represent your course visually.
  Recommended: 1280x720px. Thumbnail appears on course catalog, overview, and at the top of the Course Details panel.
  (Example shown: “20% Sale” graphic)
• Course Status
  Set your course’s current state:
  • Published: Learners can view and access the course. (Status indicator appears in green in the screenshot.)
  • Draft: Hidden from learners while you make edits.

• A toggle to enable or disable course preview mode (Enable Course Preview)
• A numeric field showing the number of previewable lessons (labeled Preview Criteria Limit, here set to 1 Lesson)
• A text area for providing a Preview Description so you can specify details visible in preview mode
• A Preview Link field containing a shareable course preview URL, along with a copy-to-clipboard button for easy sharing

​

💬 Comments

Note:
The Comments tab is currently under development. This feature will soon enable discussion, feedback, and social learning directly within each course. Stay tuned for updates! //

​

📊 Course Analytics

• Top Metrics Cards
  • Total Lessons: The number of lessons included in the course.
  • Enrolled Learners: How many users are enrolled in the course.
  • Completed: The number of users who have fully completed the course.
  • Completion Rate: Percentage of learners who have finished all required assessments.
• Course Progress
  • Visual progress bar showing aggregate progress across all learners.
  • Example: “Completed: 1 | In Progress: 0” indicates the status breakdown.
• Course Status
  • Instant snapshot of whether the course is Published or Draft.
  • Visibility indicator for Public or Private access.
  • Displays creation and published dates.

​

👥 Enrollments & Learner List

• User: The learner’s name and email address, along with their avatar.
• Progress: A visual progress bar and percentage for how much of the course they’ve completed.
• Status: Indicates whether the learner has completed, is in progress, or not started. (e.g., “Completed”)
• Enrolled Date: The date the learner was added to the course.
• Last Activity: The most recent date the learner interacted with the course.

Assign Button:
The blue Assign button (top right) is only visible when the course is set as Private. This allows you to manually assign the course to specific users or companies.
If the course is Public, the Assign button will not appear, as anyone with access can enroll themselves.

Example: Assign Course Dialog
The dialog features a dark-themed table for selecting users or companies to assign a course.

• Controls:
  • Entries per page dropdown (e.g., Show 10 entries)
  • Search field for filtering by name/email
• Table Columns:
  • Company Name
  • Email
  • Action — a blue Assign button for users not yet assigned , Click button to assign , or a green Assigned badge for already assigned users.
• Pagination: Controls at the bottom (Previous, Next, current page highlighted)
• Close button at the bottom right.