VLE Development Day - Moodle:Beyond the Basics


Published on

  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

VLE Development Day - Moodle:Beyond the Basics

  1. 1. Moodle – Beyond the basics Angelique Bodart Chris Hebbes
  2. 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
  3. 3.  Instructional design in eLearning
  4. 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. 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. 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. 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. 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
  9. 9. Using rich media in Moodle
  10. 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. 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. 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. 13. What is Xerte and how can youuse 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. 14. Other media creation tools onlineVideo 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. 15. Other media creation tools onlineCourse enhancement  Cool Text – create fancy text buttons as images (free)  Hot Potatoes – free quiz creation tool  Icons (my site my way) – free picture icons
  16. 16. Using Quizzes in Moodle
  17. 17. Quizzes and questions Category Course Quiz Site
  18. 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
  19. 19. Example Quiz
  20. 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
  21. 21. Examples of material