Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
How to create 9 interactive Moodle activities using JavaScript and HTML5
Introduction
Introduction (4:59)
How the plugin works (1:40)
Download the RicoshaeJS Moodle Plugin
Install the Ricoshae Interactive plugin (1:46)
Example - how the Ricoshae Interactive Moodle plugin works (5:56)
Add the Font Awesome Code (1:08)
Crash course in using HTML, CSS and JavaScript (11:49)
Download code for all 9 mini projects
Project 1: Multiple Choice
Demonstration 1 (0:31)
Code walkthrough 1 (13:02)
Project 2: Drag and re-order
Demonstration 2 (0:37)
Code walkthrough 2 (9:47)
Project 3: Multiple answers
Demonstration 3 (0:53)
Code walkthrough 3 (16:55)
Project 4: Drawing shapes
Demonstration 4 (0:27)
Code walkthrough 4 (8:50)
Project 5: True and False
Demonstration 5 (0:57)
Code walkthrough 5 (15:09)
Project 6: Re-order images
Demonstration 6 (0:25)
Code walkthrough 6 (11:36)
Project 7: Selecting images
Demonstration 7 (0:45)
Code walkthrough 7 (7:48)
Project 8: Blend images
Demonstration 8 (0:26)
Code walkthrough 8 (3:48)
Project 9: Timeline
Demonstration 9 (0:34)
Code walkthrough 9 (8:17)
Where to next?
And Thank you...
Download the RicoshaeJS Moodle Plugin
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock