Skip to main content
Free course

AI-Assisted Course Creation for QuadraEdge LMS

This beginner-level course helps learning professionals use AI tools to create, edit and improve course content for QuadraEdge LMS. Learners gain a practical understanding of web technologies, LMS course structure, AI-assisted lesson generation, prompting, testing and safe publication. The focus is not on becoming a programmer, but on understanding enough HTML, CSS, JavaScript, PHP and database concepts to communicate clearly with AI tools, review generated content and identify common issues.

Lesson 1

1.1 How Online Lessons Reach the Learner

Welcome to the Hidden Machinery Behind Every Online Course
Opening Lesson

Welcome to the Hidden Machinery Behind Every Online Course

You do not need to become a programmer. You only need to understand the basic flow well enough to work confidently with AI and recognise where problems may occur.

Browser = what learners see Server = where files come from QuadraEdge LMS = how learning is managed

What Happens When a Learner Opens a Course?

Every time a learner opens an online lesson, several systems begin working together in the background.

The learner sees a page with text, images, buttons and activities. Behind that page, the browser requests content from a web server. The server then sends the files needed to display the lesson, including HTML, CSS, images and, where permitted, JavaScript.

QuadraEdge LMS adds the learning layer. It organises courses, controls enrolment, presents lessons in the correct order, records progress, stores assessment results and may issue certificates.

You do not need to build these systems from scratch. Your goal is to understand the flow well enough to give clearer instructions to AI, review generated lesson files, and identify where a problem may be occurring.

Explore the Three-Part Flow

Open each card to see what happens at each stage.

WEB 1. The Browser Displays the lesson to the learner
The browser:
  • shows HTML content;
  • applies CSS styling;
  • displays images and media;
  • runs permitted interactions;
  • adapts the page to desktop or mobile screens.
SRV 2. The Server Stores and delivers files and data
The server:
  • stores lesson files;
  • runs PHP and other server-side code;
  • connects to the database;
  • checks permissions;
  • sends the finished page to the browser.
LMS 3. QuadraEdge LMS Organises and tracks the learning experience
QuadraEdge LMS:
  • manages users and enrolments;
  • organises courses and lessons;
  • tracks progress and completion;
  • stores quiz results;
  • issues certificates where enabled.

Simple Analogy: Think of a Restaurant

The browser is the table.

This is where the learner receives and experiences the lesson.

The server is the kitchen.

This is where files and data are prepared and delivered.

QuadraEdge LMS is the manager.

It decides who is served, in what order, and whether the learner completed the experience.

Practical Exercise

Open any online course page and identify the following:

Try a Quick Diagnosis

A lesson is visible, but the layout is broken on mobile.
Most likely: browser display or CSS design problem.
The lesson file returns a PHP error.
Most likely: server-side code, path, permission or database connection problem.
The learner finishes the lesson, but progress remains at 0%.
Most likely: QuadraEdge LMS tracking or database problem.

Summary

Online lessons are delivered through cooperation between the browser, server and LMS.

  • The browser displays the lesson.
  • The server delivers files and data.
  • QuadraEdge LMS organises and tracks the learning experience.
  • You do not need to become a programmer to work effectively with AI-generated course content.

Resources for this lesson

Web link

Lesson content: 1.1 How Online Lessons Reach the Learner

Lesson 2

1.2 Browsers, Servers and LMS Responsibilities

Browsers, Servers and LMS Responsibilities
How the LMS Works

Browsers, Servers and LMS Responsibilities

Understand which part of the system displays content, delivers files and manages the learning experience.

Browser = display Server = delivery QuadraEdge LMS = learning management

Browsers, Servers and LMS Responsibilities

A browser, such as Chrome, Edge, Safari or Firefox, displays web content to the learner. A server stores and delivers the files and data needed by the course.

The LMS adds learning-specific functions. These may include learner accounts, course catalogues, enrolment rules, completion tracking, quiz results and certificates.

When using AI to create course content, it is useful to separate display issues from LMS management issues. For example, a broken layout may be a lesson design problem, while missing completion data may be an LMS tracking problem.

Explore the Three Responsibilities

Open each card to see what that part of the system normally handles.

WEB Browser Displays and runs the learner-facing page
Typical responsibilities:
  • Displays HTML content.
  • Applies CSS styling.
  • Runs permitted JavaScript.
  • Shows images, audio and video.
  • Responds to screen size and device type.
SRV Server Stores, processes and delivers files and data
Typical responsibilities:
  • Stores lesson and media files.
  • Runs PHP or other server-side code.
  • Connects to the database.
  • Checks permissions and requests.
  • Sends the finished page to the browser.
LMS QuadraEdge LMS Manages the structured learning experience
Typical responsibilities:
  • Manages learner accounts and roles.
  • Controls course enrolment.
  • Tracks lesson completion.
  • Stores quiz results and progress.
  • Issues certificates where enabled.

Practical Examples

Problem: The lesson layout is broken on mobile.

Most likely area: browser display or CSS design.

Problem: The lesson file returns a server error.

Most likely area: server-side PHP, file path or permissions.

Problem: A learner completes the lesson, but progress remains at 0%.

Most likely area: QuadraEdge LMS tracking or database records.

Problem: An image file exists but does not display.

Most likely area: incorrect path, filename or browser request.

Practical Exercise

Create a simple three-column note by reviewing and ticking the tasks below.

Browser Tasks

Server Tasks

QuadraEdge LMS Tasks

Quick Troubleshooting Check

The page appears, but all styling is missing. Which area should you check first?
Check the CSS link and browser display. The HTML may be loading correctly while the stylesheet is missing or blocked.
The course is visible, but one learner cannot open it. Which area should you check?
Check QuadraEdge LMS enrolment, role and permission settings before editing the lesson file.
The page shows a PHP error before any lesson content appears. Which area should you check?
Check the server-side PHP file, include path, database connection or server configuration.

Summary

Browsers display content, servers deliver files and data, and QuadraEdge LMS manages the structured learning experience.

  • Browser problems usually affect what the learner sees or clicks.
  • Server problems usually affect delivery, processing or data access.
  • LMS problems usually affect users, enrolment, progress, scores or certificates.

Resources for this lesson

Web link

Lesson content: 1.2 Browsers, Servers and LMS Responsibilities

Lesson 3

1.3 Recognising Files Used in Web-Based Courses

Understanding Course File Types
Course Technology Basics

Understanding Course File Types

Learn what the main files in a web-based course do, how they work together, and how to review AI-generated course folders with greater confidence.

HTML = structureCSS = appearanceJavaScript = behaviourPHP + database = dynamic content

What Is Inside a Web-Based Course?

Web-based courses usually contain several file types. HTML files provide structure, CSS files control appearance, JavaScript files add behaviour, and media files provide images, audio or video.

In some systems, PHP or another server-side language may prepare content before it reaches the learner. Databases may store user records, results and course settings.

As an instructional designer, you do not need to write every file manually. You do need to understand what each file is likely to do so that you can review AI-generated outputs more confidently.

Explore the Main File Types

Open each card to see what the file type does and a practical example.

HTMLPage structureHeadings, paragraphs, links, images and sections
HTML organises lesson content.
<h2>Learning Objectives</h2>
CSSVisual designColours, spacing, fonts and mobile layout
CSS controls how the lesson looks.
.lesson-card { padding: 20px; }
JSInteractionButtons, quizzes, tabs and dynamic actions
JavaScript adds behaviour where scripts are allowed.
button.addEventListener("click", showAnswer);
PHPServer-side logicLogin checks, course loading and shared templates
PHP prepares content before the learner receives the page.
<?php include 'header.php'; ?>
MEDIAImages, audio and videoVisual and multimedia learning resources
Media files support explanation and engagement.
images/climate-risk-map.jpg
CFGConfiguration and dataSettings, course metadata and database connections
Configuration files define how the course or system behaves.
course_config.php or manifest.json

Practical Example: Sample Course Folder

Review this simplified folder. Identify the purpose of each file before opening the answers below.

course-folder/
  |-- lesson1.html
  |-- course.css
  |-- quiz.js
  |-- manifest.json
  |-- images/
    |-- diagram.jpg
  |-- audio/
    |-- introduction.mp3

Practical Exercise

Label each file by its likely function.

Troubleshooting Examples

The lesson text appears, but the colours and spacing are missing.
Check whether the CSS file is missing, incorrectly linked, or blocked.
The quiz button is visible but does nothing.
Check the JavaScript file or whether the LMS allows lesson-level scripts.
An image does not appear.
Check the image filename, folder location and relative path.
The course opens for one learner but not another.
This may involve enrolment, permissions, PHP logic or database records rather than the HTML file.

Summary

Course folders often contain different file types. Recognising their purposes supports better review and troubleshooting.

  • HTML structures the lesson.
  • CSS controls appearance and mobile layout.
  • JavaScript adds browser behaviour where permitted.
  • PHP and databases support dynamic LMS functions.
  • Media and configuration files support content and course settings.

Resources for this lesson

Web link

Lesson content: 1.3 Recognising Files Used in Web-Based Courses

Lesson 4

2.1 Mapping the QuadraEdge Lesson Lifecycle

A lesson lifecycle describes the journey from an initial learning need to a published, maintained lesson. In QuadraEdge LMS, this typically includes planning, content creation, design, technical review, testing, publication and improvement.

AI can assist at every stage, but the human learning professional remains responsible for accuracy, learner suitability and quality.

Understanding the lifecycle helps you decide what to ask AI to produce and what evidence you need before publishing the result.

Practical Exercise

Sketch a simple lesson lifecycle and add one AI-supported activity to each stage.

Summary

The lesson lifecycle provides a structured way to plan, create, review, publish and improve QuadraEdge LMS content.

Resources for this lesson

Web link

Lesson content: 2.1 Mapping the QuadraEdge Lesson Lifecycle

Lesson 5

2.2 Where Technical Awareness Supports Design Decisions

Where Technical Awareness Supports Design Decisions

Technical awareness helps you make practical design decisions. For example, knowing that learners use different screen sizes encourages responsive layouts. Knowing that scripts can fail encourages simple alternatives and careful testing.

You do not need advanced coding knowledge to make these decisions. A basic understanding of web technologies allows you to ask AI for content that is accessible, maintainable and suitable for QuadraEdge LMS.

This awareness also supports collaboration with developers, administrators and quality assurance teams.

Practical Exercise

Choose a lesson idea and list three technical considerations that may affect the design.

Summary

Basic technical awareness improves design choices and helps ensure that lessons work well for real learners.

Resources for this lesson

Web link

Lesson content: 2.2 Where Technical Awareness Supports Design Decisions

Lesson 6

2.3 Reviewing AI Outputs Before LMS Upload

Reviewing AI Outputs Before LMS Upload

AI-generated content should always be reviewed before it is uploaded to QuadraEdge LMS. Review the educational quality, factual accuracy, tone, structure, accessibility and technical suitability.

For HTML-based lessons, check headings, paragraphs, links, images, buttons and interactions. For assessments, check that questions match objectives and that correct answers are genuinely correct.

A clear review process reduces publishing risks and helps you use AI as a productive assistant rather than an unsupervised author.

Practical Exercise

Create a short review checklist for an AI-generated lesson before uploading it to the LMS.

Summary

AI outputs need human review for learning quality, accuracy, accessibility and technical readiness.

Resources for this lesson

Web link

Lesson content: 2.3 Reviewing AI Outputs Before LMS Upload

Lesson 7

3.1 Reading HTML as Lesson Structure

Reading HTML as Lesson Structure

HTML stands for HyperText Markup Language. It gives structure to a web page by identifying headings, paragraphs, lists, links, tables, images and other elements.

In a course lesson, HTML helps organise learning content so that the browser, search tools and assistive technologies can understand it. Good HTML supports readability and accessibility.

When using AI, you can ask for semantic HTML. This means the code should use meaningful elements, such as headings for section titles and lists for grouped points.

Practical Exercise

Look at a short HTML lesson and identify the main heading, subheadings, paragraphs and list items.

Summary

HTML provides the structure of a lesson and should be meaningful, organised and accessible.

Resources for this lesson

Web link

Lesson content: 3.1 Reading HTML as Lesson Structure

Lesson 8

3.2 Understanding Styling and Simple CSS Requests

Understanding Styling and Simple CSS Requests

CSS stands for Cascading Style Sheets. It controls the visual presentation of HTML, including colours, spacing, fonts, borders and layout.

Although this course does not train you to become a CSS developer, you should be able to describe the look and behaviour you want. For example, you might ask AI for a clean responsive card layout with clear contrast and readable spacing.

CSS should support learning, not distract from it. Clear styling helps learners focus on content and navigate lessons with confidence.

Practical Exercise

Write a plain-language request for AI to style a lesson introduction for mobile and desktop learners.

Summary

CSS controls appearance. Clear design requests help AI create readable and responsive lesson layouts.

Resources for this lesson

Web link

Lesson content: 3.2 Understanding Styling and Simple CSS Requests

Lesson 9

3.3 Recognising JavaScript and PHP in LMS Content

Recognising JavaScript and PHP in LMS Content

JavaScript often runs in the learner's browser and can add interaction, such as reveal buttons, simple checks, accordions, progress indicators or dynamic feedback.

PHP usually runs on the server before the page is delivered. It may be used by an LMS to manage data, templates, forms or communication with a database.

As a learning professional, you should know when AI-generated JavaScript or PHP needs extra care. Scripts can affect security, tracking and performance, so unfamiliar code should be reviewed before use.

Practical Exercise

Review two short descriptions of code and decide whether each is likely to involve HTML, JavaScript or PHP.

Summary

JavaScript adds browser-based behaviour, while PHP usually supports server-side processing. Both require careful review when AI-generated.

Resources for this lesson

Web link

Lesson content: 3.3 Recognising JavaScript and PHP in LMS Content

Lesson 10

4.1 Databases Behind the Learning Experience

Databases Behind the Learning Experience

A database is an organised store of information. In an LMS, it may store user accounts, course records, enrolments, progress, quiz attempts and certificate status.

Learners usually do not see the database directly. They see pages and reports that are generated from stored data.

Understanding that data sits behind the interface helps you interpret LMS behaviour. If a result is missing, the issue may relate to tracking, permissions or data recording rather than the visible lesson page.

Practical Exercise

List five pieces of information QuadraEdge LMS might store about a learner's course activity.

Summary

Databases store the information that supports enrolment, tracking, reporting and certification in an LMS.

Resources for this lesson

Web link

Lesson content: 4.1 Databases Behind the Learning Experience

Lesson 11

4.2 Records, Fields and Relationships in Plain English

Records, Fields and Relationships in Plain English

A record is one complete entry, such as one learner profile or one quiz attempt. A field is one item within that record, such as a name, score or completion date.

Relationships connect data. For example, a learner can be connected to many course enrolments, and a course can be connected to many learners.

You do not need to design database tables for everyday course creation. However, these concepts help you understand reports, troubleshoot issues and discuss requirements with administrators.

Practical Exercise

Create a simple table on paper with records and fields for learner quiz attempts.

Summary

Records, fields and relationships are basic database ideas that help explain how LMS data is organised.

Resources for this lesson

Web link

Lesson content: 4.2 Records, Fields and Relationships in Plain English

Lesson 12

4.3 Data Protection and Safe AI Use

Data Protection and Safe AI Use

LMS data can include personal and sensitive information. Learner names, email addresses, assessment scores and progress records should be treated carefully.

When using AI tools, avoid entering personal learner data unless your organisation has approved the tool and process. Use anonymised examples where possible.

Good practice includes following organisational policy, limiting unnecessary data sharing and checking that AI-generated content does not expose private information.

Practical Exercise

Rewrite a support prompt so it explains an LMS issue without including any real learner names or email addresses.

Summary

Learner data must be protected. AI prompts should avoid unnecessary personal information and follow organisational policy.

Resources for this lesson

Web link

Lesson content: 4.3 Data Protection and Safe AI Use

Lesson 13

5.1 Building Courses from Modules and Lessons

Building Courses from Modules and Lessons

A well-structured course helps learners understand where they are, what they are learning and what they need to do next. QuadraEdge LMS courses can be organised into modules, lessons, activities and assessments.

Modules group related lessons. Lessons deliver specific learning content. Activities allow learners to practise, reflect or apply knowledge.

AI can help generate this structure, but you should check that each module has a clear purpose and that lessons build logically from simple to more complex ideas.

Practical Exercise

Take a course idea and divide it into three modules with two lesson topics in each.

Summary

A clear module and lesson structure supports learner navigation and progression.

Resources for this lesson

Web link

Lesson content: 5.1 Building Courses from Modules and Lessons

Lesson 14

5.2 Aligning Objectives, Activities and Assessments

Aligning Objectives, Activities and Assessments

Alignment means that learning objectives, lesson content, practice activities and assessments all support the same intended outcomes.

If an objective asks learners to identify common technical problems, the lesson should explain those problems, the activity should allow practice, and the quiz should test recognition or decision-making.

When prompting AI, include the objective and ask it to produce content, practice and assessment items that directly support that objective.

Practical Exercise

Write one learning objective and then draft one matching activity and one matching quiz question.

Summary

Aligned courses are more effective because objectives, content, practice and assessment work together.

Resources for this lesson

Web link

Lesson content: 5.2 Aligning Objectives, Activities and Assessments

Lesson 15

5.3 Preparing Consistent Lesson Metadata

Preparing Consistent Lesson Metadata

Metadata is information about the lesson, such as title, duration, level, language, keywords, completion rules and description. Consistent metadata helps QuadraEdge LMS organise and display content accurately.

AI can generate metadata quickly, but it may create inconsistent titles, durations or descriptions if not guided carefully.

Use a standard format for lesson titles, summaries and durations. This improves the learner experience and makes course administration easier.

Practical Exercise

Create a metadata template for one QuadraEdge LMS lesson, including title, duration, summary and completion rule.

Summary

Consistent metadata improves organisation, administration and learner understanding.

Resources for this lesson

Web link

Lesson content: 5.3 Preparing Consistent Lesson Metadata

Lesson 16

6.1 Introducing the QuadraEdge AI Course Factory

Introducing the QuadraEdge AI Course Factory

The QuadraEdge AI Course Factory is designed to support rapid course creation. It can help generate course outlines, lesson structures, learner-facing content, exercises, summaries and assessments.

The tool is most effective when you provide clear information about the audience, level, purpose, duration, tone and required output format.

AI-generated drafts should be treated as starting points. Human review remains essential for accuracy, inclusivity, learning value and technical suitability.

Practical Exercise

Draft the input details you would provide to generate a beginner course for a specific workplace topic.

Summary

The AI Course Factory accelerates course drafting, but quality depends on clear inputs and careful human review.

Resources for this lesson

Web link

Lesson content: 6.1 Introducing the QuadraEdge AI Course Factory

Lesson 17

6.2 Generating Lessons with Responsive Design

Generating Lessons with Responsive Design

Responsive design means that content works well on different screen sizes, including phones, tablets, laptops and desktop screens.

When using the AI Course Factory, request layouts that are simple, flexible and readable. Ask for clear headings, short paragraphs, accessible contrast and components that stack sensibly on smaller screens.

Responsive design is not only a technical concern. It directly affects learner access, attention and completion.

Practical Exercise

Write a prompt asking for a responsive lesson section with a heading, short explanation and three learning cards.

Summary

Responsive design helps learners access course content across devices. AI prompts should describe this requirement clearly.

Resources for this lesson

Web link

Lesson content: 6.2 Generating Lessons with Responsive Design

Lesson 18

6.3 Adding Interactions and Assessment Items

Adding Interactions and Assessment Items

Interactions can make lessons more engaging when they support the learning objective. Examples include reveal panels, scenario choices, knowledge checks and reflection prompts.

Assessments should measure the intended learning outcomes. AI can produce multiple-choice questions, scenario questions and feedback explanations, but these must be checked for accuracy and fairness.

In QuadraEdge LMS, keep interactions purposeful and avoid unnecessary complexity that may reduce accessibility or create technical problems.

Practical Exercise

Ask AI to create one scenario-based knowledge check for a lesson objective, then review whether the feedback is useful.

Summary

Interactions and assessments should be purposeful, aligned and reviewed before use.

Resources for this lesson

Web link

Lesson content: 6.3 Adding Interactions and Assessment Items

Lesson 19

7.1 Writing Clear Prompts for Course Outlines

Writing Clear Prompts for Course Outlines

A strong prompt gives AI enough context to produce a useful result. For course outlines, include the title, audience, level, duration, course purpose, module count and preferred lesson structure.

It is also helpful to specify language style, terminology, exclusions and any required output format. This reduces the need for repeated corrections.

Clear prompting is an instructional design skill. It combines audience awareness, learning design and precise communication.

Practical Exercise

Write a prompt for an AI tool to create a four-module beginner course outline for a workplace topic.

Summary

Clear prompts include context, constraints and output requirements so AI can produce more useful course outlines.

Resources for this lesson

Web link

Lesson content: 7.1 Writing Clear Prompts for Course Outlines

Lesson 20

7.2 Refining AI Drafts for Tone and Accessibility

Refining AI Drafts for Tone and Accessibility

AI drafts may be too formal, too vague or too complex for the intended audience. Refinement prompts can ask AI to simplify language, use British English, reduce jargon or add examples.

Accessibility refinement may include asking for meaningful headings, descriptive link text, plain language, logical reading order and alternatives to colour-only meaning.

Good refinement keeps the learner in mind and improves the usefulness of the content without changing the learning intent.

Practical Exercise

Take a complex paragraph and write a prompt asking AI to make it clearer for beginner learners.

Summary

Refinement prompts help improve clarity, tone and accessibility while preserving the learning objective.

Resources for this lesson

Web link

Lesson content: 7.2 Refining AI Drafts for Tone and Accessibility

Lesson 21

7.3 Prompting for Troubleshooting and Quality Checks

Prompting for Troubleshooting and Quality Checks

AI can help identify possible issues in lesson content, but it should not replace professional judgement or approved technical review.

Useful troubleshooting prompts include asking AI to check for broken links, inconsistent headings, missing alt text, unclear instructions, unaligned quiz questions or possible script problems.

For technical issues, provide only safe, non-sensitive information. Describe the problem, the expected result and what you have already checked.

Practical Exercise

Write a troubleshooting prompt for a lesson interaction that does not open when the learner selects a button.

Summary

Troubleshooting prompts should describe the issue clearly and avoid sharing sensitive data.

Resources for this lesson

Web link

Lesson content: 7.3 Prompting for Troubleshooting and Quality Checks

Lesson 22

8.1 What SCORM Means for LMS Courses

What SCORM Means for LMS Courses

SCORM stands for Shareable Content Object Reference Model. It is a set of standards that helps e-learning content communicate with an LMS.

A SCORM package can report information such as launch status, completion, score and time spent, depending on how it has been created.

For learning professionals, SCORM matters because it affects whether a course launches correctly and whether learner activity is tracked as expected in QuadraEdge LMS.

Practical Exercise

Write a plain-English explanation of SCORM for a colleague who has never uploaded an LMS package.

Summary

SCORM is a standard that helps e-learning content launch and communicate tracking information with an LMS.

Resources for this lesson

Web link

Lesson content: 8.1 What SCORM Means for LMS Courses

Lesson 23

8.2 Inside a Typical SCORM Package

Inside a Typical SCORM Package

A SCORM package is usually delivered as a compressed file. Inside it, there may be HTML, CSS, JavaScript, media files and a manifest file.

The manifest file acts like a set of instructions for the LMS. It describes the package structure and helps the LMS understand how to launch the content.

You do not usually edit SCORM files directly unless you have the right skills and approval. However, knowing what is inside helps you discuss problems more accurately.

Practical Exercise

Review a sample list of SCORM package files and identify which file is likely to be the manifest.

Summary

A SCORM package contains web content and a manifest file that helps the LMS launch and organise the package.

Resources for this lesson

Web link

Lesson content: 8.2 Inside a Typical SCORM Package

Lesson 24

8.3 Checking SCORM Readiness for QuadraEdge LMS

Checking SCORM Readiness for QuadraEdge LMS

Before uploading SCORM content to QuadraEdge LMS, check that the package is complete, correctly compressed and intended for the required SCORM version.

After upload, test the launch, navigation, completion status, quiz score reporting and exit behaviour. Test using a learner account where possible.

If something fails, collect clear evidence: what you expected, what happened, the browser used and any error messages. This helps administrators or technical teams resolve the issue efficiently.

Practical Exercise

Create a SCORM upload checklist covering launch, navigation, completion and score reporting.

Summary

SCORM content should be checked before and after upload to confirm that it launches and tracks correctly.

Resources for this lesson

Web link

Lesson content: 8.3 Checking SCORM Readiness for QuadraEdge LMS