2. Moodle: Beyond the basics
During this workshop you will
Apply the basics of instructional design to creating a
moodle object
Use rich media, styles and styling approaches to add
interest
Design and develop quizzes to test learners’ knowledge
4. How to add interest and styling
<heading>This is a heading</heading>
<paragraph>This is a paragraph</paragraph>
<div id=“bob”>I want to call this Bob</div> html
This is a heading
This is a paragraph
I want to call this Bob
.heading {color=“red”; size=14}
.paragraph {border=1}
#bob .paragraph {} css
What does this mean?
•Moodle accepts CSS
•Moodle accepts HTML
•We can easily change the way a page
looks
•If you think about design when
you start!
5. Try this!
Write down your 3 objectives for your activity
Set up a new “label”
<div id="myactivity"><H1>My learning activity</H1>
<p>After completing this activity, a learner will be able to
<ul>
<li>Objective 1</li>
<li>Objective 2</li>
<li>Objective 3</li>
</ul></p></div> html
You need to tell moodle how to style your text
Set up a new label
<style type="text/css">
#myactivity p{ color: red; }
#myactivity h1{ color: blue;}
#myactivity li{bgcolor:blue;}
</style>
html
6. Why bother?
You can change the style of a page with a few keystrokes
You can have an easily accessible version
Websites use this technique to change text sizes quickly
Useful terms
<p> </p> Paragraph tags
<h1> </h1> Heading (H1, H2, H3, H4)
<em> </em> Italic
<ul> </ul> Underline
<ul> <li></li> </ul> Unordered list (and list item)
<ol> <li></li> </ol> Ordered list
<a> </a> Anchor (used for links)
7. The <a> tag...
Has some special properties
Hover – sets the styling when hovering over a link
Visited – sets the styling when a link is visited
Active – sets the styling when a link is active
<style type="text/css">
#myactivity a:hover{color=“red”;}
</style>
html
8. A brief recap
We have
Chosen some objectives for our activities
Input them to moodle in a sustainable way
Shown how changing their appearance can make them
engaging
10. What will we cover?
How to embed the following media
Images – from your desktop and Flickr
PDF documents
Videos - created by you and those stored on YouTube
Xerte Online Toolkit objects
11. What can you do with images?
Attach a link to an image – either linking to elsewhere in
the course to aid internal navigation or to an external site
Create a 'mouseover' effect – where two images
interchange as the cursor glides over the image
Add images to the main course page using Label or to
Pages to break up text or even in quizzes as part of a
question
Display multiple images as a gallery on a Page using
Lightbox (tool integrated into the system)
12. What can you do with videos?
Embed videos from YouYube via the Share button and
copying the the Old Embed Code
Upload a video as a File but experiment with the display
options - embed in the page, pop-up in a frame etc
Upload your video to the shared ULCC media server and
stream it
13. What is Xerte and how can you
use it in Moodle?
What is Xerte?
Xerte Online Toolkits is a creation tool by The University
of Nottingham.
The objects produced are SWF files.
Xerte Online Toolkits can be used to generate an
interactive presentation-like object with videos, quizzes,
images etc.
How do you embed Xerte?
Download the object as a SCORM package (the site is
wiped monthly) and upload to your course as SCORM
14. Other media creation tools online
Video and Audio editing
Camtasia – screen capture - video and audio recording
and manipulating software
Audacity – free audio manipulating software
Windows Movie maker – free video manipulating software
Jing – free screen capture - video and audio recording
software
15. Other media creation tools online
Course enhancement
Cool Text – create fancy text buttons as images (free)
Hot Potatoes – free quiz creation tool
Icons (my site my way) – free picture icons
18. Creating a question bank
Group of many questions
Accessible in the “site”, “category”, or “course” context
Can use all, specified, or random questions for quizzes
Can tag questions
E.g. School wide question bank
Questions on paediatric emergencies accessible to
A+E trainees
Anaesthetic trainees
GP trainees
Paeds trainees... Etc
20. Lets write some questions for your activity
Basic principles
Quizzes
Blank Canvas
Add questions from bank
Create your own questions
Writing questions with a medical context
MCQs
Need to be “Matching”
SBAs
Needs to be “Multiple Choice”, with 100% weighting for the
correct answer