1 of 13

Understanding the Building Blocks of a Boost Preset

CSS Module

2 of 13

Our Team

Kent Galloway

Alignment & Evaluation

Martina Scattolin

ADDIE & Challenges

Chen Shen

Project, Accessibility & Copyright

Rob Ward

Introductions & Learning Theories

Jeff Wilson

Tools & Demonstration

3 of 13

Overview

The Project

01

ADDIE Benefits

02

Learning Theories

03

Alignment

04

Tools & Demonstration

05

Accessibility & Copyright

06

Lesson Learned!

07

Evaluation Process

08

Q&A

09

4 of 13

The Project

Our project focused on creating a comprehensive online course to teach individuals how to customize Moodle themes using SCSS/CSS.

​

For the purpose of this course, our efforts were focused primarily on Module 2: CSS.

WHO

WHY

HOW

    • Independent educators
    • Instructional designers
    • Creators seeking monetization

Overall: need for a cost-effective platform.

CSS: Lay the foundations of styling the Moodle Bootstrap

Development of various modules to build the skillset to customize their own Moodle LMS.

​

Focus on CSS

5 of 13

ADDIE Benefits

Some of the major benefits this model provided to our team.

Flexibility and Adaptability

Each phase allows for iterative improvements and supports customization.

01

Systematic Approach

Ensures comprehensive planning and thoughtful development of learning experiences.

02

Risk Mitigation

Supports more efficient use of resources by catching problems early in the development cycle.

03

Quality Control

Built-in evaluation phase allows for continuous assessment and refinement.

04

6 of 13

​

​

​

​

​

​

Learning Theories

The course incorporates diverse media formats, real-world coding exercises, clear objectives with practice opportunities, and supportive feedback mechanisms to maintain student engagement and confidence.

The course design incorporated structured, manageable modules, clear scaffolding tools, and UDL principles, effectively reducing cognitive load while enhancing information processing and retention.

Constructivism

ARCS Model of Motivation

Cognitive Load Theory

Humans construct learning by building on prior knowledge through assimilation and accommodation. The course provides pre-testing, structured modules, scaffolding, and strategically repeated examples.

7 of 13

Alignment

The CSS module effectively integrates specific learning objectives, practical content delivery, and hands-on assessments to build students' coding skills through a well-structured blend of theory and application.

Module targets essential CSS skills through specific, measurable learning outcomes.

Objectives

Combines theory with hands-on practice using tools like CodePen and infographics.

Content

Evaluates learning through debugging exercises, code creation, and reflective discussions.

Assessment

8 of 13

Technology

We chose Canvas to deliver the content to ensure accessibility and provide an LMS that most people are comfortable using.

​

We selected Code Pen as our hands-on sandbox and simulator for students to see how their CSS choices impact the final outcome.

​

Here’s a preview of our course!

9 of 13

The goal was to create inclusive digital learning materials by ensuring accessibility through structured content, alternative formats, descriptive media descriptions, and proactive accessibility checking to support all students, especially those with disabilities.

Accessibility & Copyright

Our strategy focused on legally and ethically using educational materials by creating original content, leveraging Creative Commons resources, utilizing proper citations, linking to external content, and using royalty-free media to ensure compliance and respect intellectual property rights.

Copyright

Accessibility

10 of 13

Challenges & Lessons Learned

Designing without a subject matter expert challenged our grasp of the project's big picture.

SMEs

There were risks in proceeding without a SME for a technical topic, and in constantly realigning the LOs.

Adjusting

Smaller work segments were effective, and further task breakdown was recommended.

Chunking

Despite varying CSS expertise and testing with users outside our target demographic, we had positive results.

Testers

Crafting effective survey questions that yield actionable data proved challenging.

Questionnaires

11 of 13

Evaluation Process

Course Satisfaction

86%

These numbers represent the percentages of value 4 answers on a scale on 1 to 4, where 1 was poor/disagree and 4 was very good/strongly agree.

​

Percentages get significantly higher if we take into consideration value 3 (agree/satisfactory).

Course

Content

86%

Contribution to Learning

49%

Future

Use

50%

12 of 13

Q&A

13 of 13

THANK YOU!

R JMCK Team

The Moodle Experts!

123 Anywhere St., Any City, Any State, Any Country

+123-4MOODLE