About These Activities
Below are some examples of methods and tools that I have used to add interactive navigation and content to online courses.
HTML/CSS Custom Features
Custom Navigation Options
Various rollover effect created using HTML/CSS. Elements are easily adaptable to brand colors as needed.
H5P Interactive Activities
Various Activity Types
In addition to straight-forward elements such as flashcards, quiz questions, and accordions, my teams created more complex activities such as branching scenarios and interactive books. These activity types take advantage of many different H5P features.
Branching Scenarios
Custom cover page for each case study
Presentation of scenario
Detailed instructions
Learners can explore topics in any order
Setting up a branching scenario
Early setup of presenting a case
Thinking through options
Setting up feedback options
Interactive Books
Cover page of embedded interactive book
Flashcards added to interactive book
Custom banners
Self-checks throughout
Drag and drop activity
Custom images and accordion feature
KD Design 