(Advanced) User Guide - Uxbridge College Moodle
Contents
1. Efe rama pg Fien of type A Fiss 7 File Upload iw i LOADING 26 The File Upload Progress Window will appear and dissapear automatically when Cancel the image is uploaded FileLocation media playmates jpg t Left Y oltip d doo We can click Preview to check our p mage of boy and dog on beach uploaded image Composition New HotSpot moodle SWN Board JISC UXBRIDGE COLLEGE e learning gt Uxbridge College An Image Inspector window appears showing our image Close this using the button top right Be sure to add an appropriate Tooltip I Image of boy and dog on beach N B In the finished LO the Tooltip will appear as the mouse pointer is hovered over the image and will also be read out by screen reader software When using Internet Explorer this will include the built in text to speech engine Padding Hotspots Now we are ready to add Hotspot areas to our image which will become the drag and drop labelling areas containing relevant information Image FileLocation media playmates jpg IQ Align Text Left B image Tooltip Image of boy and dog on beach S Composition New he moodle SMART Board JISC UXBRIDGE COLLEGE e learnin Uxbridge College 11 Click New Hotspot A new Nested Page appears Qinsert Copy Delete Optional Properties ir add Pubish2. Use this button to create new folders to keep your projects organised Once you have create a folder simply drag relevant existing projects into that folder and double click the folder name to openfciose the folder The My Projects Panel New HotSpot Add an appropriate Hotspot Title New Folder Add the Hotspot Text Use this button to create new folders to keep your projects organised Once you have created a folder simply drag relevant existing projects into that folder and double click the folder name to open close the folder cick Edit The Image Inspector appears showing the Hotspot for this nested page which we need to position and resize moodle SMART Board JISC UXBRIDGE COLLEGE e learning Uxbridge College e L Image Inspector Sas gpi H irea ey exclecs 2 o Hew Folder Properties Edit Preview Delete Duplicate Publish to l Jer Workspace RonTests F AlistairTests o Page Template Examples Hotspot Image 4 Recycle Bin Position and resize the Hotspot so that it covers the New Folder button and then Close the I mage Inspector window by clicking on the x 13 Click New Hotspot to add another hotspot and nested page insert Copy Delete a Using the Hotspot Image Page Typ Optional Properties Hotspot Title a E The My Projects Panel W New Folder ams CNet L a T
3. E PowerPoint Options X Exit PowerPoint Name your presentation and save it as a JPEG file interchangeable format moodle SMART Board JISC UXBRIDGE COLLEGE Inserting your background image e learning gt Uxbridge College D Navigate to your Xerte toolkit and open the learning object you want to add the background image to My Projects A New Folder r gt Workspace recyclebin Testing area Project xerte advanced Tester 9 Recycle Bin 15 Navigate to your learning object settings TCop O Delete Onset maan amp kerte YouTube Video moodle Xerte Advanced Training 16 Optional Properties Navigation Default Text Size Display Mode Properties Edit Preview Delete Duplicate Publish J Background Image Custom Interface Help File Icon SMART Board Background Image Opacity Leaming Object Tite Backoround Image Opaciy B Click on the Optional lentrocin al Properties drop down tapi p p f Notungnam menu to select Background image cs v E D Click on Add to add this option to our learning object JISC UXBRIDGE COLLEGE e learning gt Uxbridge College Xerte t insen icopy PDelete Optional Properties Background Image Opacity e Add Publish D YouTube Video Leaming Object T
4. O Click on the embed button to view the embed code Xerte Tools amp Terminology Episode 1 O You will need to click on the box titled Use old embed code This will be the embed code that we need ORight click on the mouse to copy the embed code F include related videos Enable privacy enhanced mode 7 re ann O Navigate back to your Xerte Learning object and enter a page title in the Page Title text box Xerte tools and terminology Optional Properties Narration 7 Add a Publish Peame Kanta Tonie anteilig O Paste the embed code copied earlier Embed Code lt iframe title YouTube video player width 480 height 390 from YouTube into the Embed Code window srte hip Hew youtube comiembed sac Lokata tameborder 0 allowtullscreen lt liframe gt 6 The instructions box is used as a description for your video Instructions Video on Xerte Tools and Terminology Type in Video on Xerte Tools and Terminology Click on Play to Align Tex Let e 4 gt Play preview your YouTube _ R 100 video page Siw moodle SWR Beara JISC UXBRIDGE COLLEGE e oe e learning gt Uxbridge College Xerte encases the video into a bordered window where the user can choose to play and stop the video when required The magnifier icon at the bottom can also be used to increase the size of the video Kerte advanced test Xerte Tools and t
5. a C9 Introduction to Photography Hotspot Title Motion blur 12 ial a w Composition R an Edit Hotspot Edit Tex The shutter speed is slow enough to allow some motion blur adding a sense of movement to the image Add a suitable Hotspot Title This will appear as our label to be dragged Motion Blur In the Text area add a suitable description and explanation of the hotspot area This will appear when the label is dragged to the correct hotspot The shutter speed is slow enough to allow some motion blur adding a sense of movement to the image moodle SMART Bocard JISC UXBRIDGE COLLEGE e learning gt Uxbridge College insert Copy Delete Optional Properties xa rte C Introduction to Photography Hotspot Title ie 14 at 8 Composition name Edit Hotspot Edit Text The shutter speed is slow enough to allow some motion blur adding a sense of movement to the imagel Click Edit to access the I mage Inspector in order to position and resize our first hotspot Image Inspector m Image Inspector 27 l The hotspot appears top left of the I mage I nspector Click in the centre of the hotspot and drag it into position In this case to the top left of the stick Click and drag the bottom right corner handle of the hotspot to resize it In this case to cover the whole of the blurred stick Close the I mage I nspector wi
6. B_BEBEBS Median E DEDRRH Metro BS DEBE Midu E BERR Spunt CK gt ay i SCM cri Create Hew Theme Colors 4 Click on the colors link to bring a drop down menu of different colour schemes to choose from 5 Select a color scheme O Click inside the Click to add a title textbox to start adding text and type N B delete the Click to add text box below Xerte Advanced jd C Ee E A Preiertaieend be ah ae Pron Drawing Toot art n ae Dhow a Developer Foamat Cedore F A Dackgr as Etec Hide E En z E moodle SMR Boara JISC UXBRIDGE COLLEGE e learning gt Uxbridge College Cg Wd Oo Presentation Microsoft PowerPoint Home Insert Design Animations Slide Show Review wiew Developer Acrobat Artig man M Cut q Ej Layout Ere EFES aali Tet Bb a A ZE Lay Calibri Heading E oA a2 gt E e zali Ly Copy tjj Reset z E 3 i Alig Paste New Dk J Format Painter gige x Delete Bl Uwe 9 IF Sa FEF E Th Co For id fu Paragraph _ Sides Clipboard ws F ED F a O0 12 14 16 16 3 3 35 32 3 40 ad a5 54 6o 66 Ta a0 aa ag Increase the size of the font to 88 O Centre align the text by selecting the text box followed by pressing the centre align icon Navigate to the format tab and click on the arrow above the word styles L N a Drawing Tools loper Acrobat rticu Format al A Text Fill A A
7. E Google Map a preview and summary of that template will mitchellmedia co uk il Flickr Slideshow appear in the bottom left of the window For this example we will be adding a YouTube video titled Xerte tools and terminology J RSS Feed a tester quiz ad 6 Wikipedia Article stimulating ques a J This is an intera YouTube Feed TSS a YouTube Video g Delicious Bookmarks Navigate to the YouTube website via the internet browser type www youtube com in the address bar of internet explorer firefox or the safari web browser Preview Type Xerte into the search toolbox 4 Select the video titled Episode 1 Xerte Tools and Terminology You Tube xente Search Browse Search results for xerte bout 7A resulls Search options Rerne Online Toolkits rind out more ie mtematenal award Winning Tree teaching and saring too Aerie Onlin Took en used Gy develpmeani o ta Nothin months ago S67 views poe Episode 1 Xerte Tools and Terminology H The frst psode in the Quick and Dirty Rerte series aimed at teachers raiher than coopers and ntroducmy the citerences between tee i i by maichellmedial 6 monihs ago TEG views E3 m Kerte 1 Introduction This video outlines bey features of Xerte 5 by chares7 davis 2 years ago 1 110 views moodle SWN Board JISC UXBRIDGE COLLEGE e learning Uxbridge College
8. P Text Outline gt Text Effects WordArt Styles p moodle SMART Bocard JISC UXBRIDGE COLLEGE ERS e learning gt Uxbridge College Select one of the word styles from the drop down menu box Precentatianl Mirari PowerPoint Drawing Temi inimations Slide Show Review View Developer Acrobat Articulate aa Shape Fill Applies to Selected Text Shape Outline i A a Shape Effects A A d p A ring ta Front Align ajsam 4 Aotate r m ALm hape Styles Click on the text box and drag the title down to the centre of the page moodle SMAN Board JISC E COLLEGE e learning gt Uxbridge College Click on the Windows icon at the top left side of the screen and click on save as followed by PowerPoint presentation Save a copy of the document ia PowerPoint Presentation 12 Save the file as a PowerPoint ntation g PowerPoint Show Save as a presentation that always opens in Slide Show view A PowerPoint 97 2003 Presentation Save a copy of the presentation that is fully compatible with PowerPoint 97 2005 F Print pi Adobe PDF A Prepare gt fq A OpenDocument Presentation Save the presentation in the Open Document Format PDF or XPS Publish a copy of the presentation as a PDF or XP file Other Formats Open the Save As dialog box to select from all possible file types
9. Read the statement opposite and select True or False Enter a question in the Prompt text box Xerte stands for Xml Editor and Run Time Engine Poe on line toolkits D Insert Copy Delete Optional Properties Narration X Add Publish 3 9 Using the multiple choice question Page Title True False example G A True False example Instruction ere is a question to test if you know what the name XERTE stands for Read the statement opposite and select True or False 3 Prompt Xerte stands for Xmi Editor and Run Time Engine Question Type Single Answer X 6 Align Text O Right v Panel Width Medium v amp A True False example New Option 5 J For Question Type we re going to leave the default of Single Answer for this question For Align Text select Right This will display the instructions on the left and the question and possible answers on the right Leave Panel Width set to Medium The other options change the size of the area in which the question and possible answers are displayed Selecting Full will fill the screen with the question panel and hide the instructions To add possible answers click New Option A new form will appear where we can add an option and feedback 14 moodle SWN Boara JISC Y UXBRIDGE COLLEGE e learning gt Uxbridge College Xerte P ares Omset Copy Delte Optional Properties jal Pupiisn a CP Using the multiple choic
10. Tex Quiz Title Media gt Navigators gt Question q Charts gt E O X Interactivity gt Stimulating Question Key Misc gt _ Interactive List gt mitchellmedia co uk J Multiple Choice Question opro New sequence Button Sequence option Hotspot Image Sequential steps with screenshots for reference i Interactive Diagram Annotated Diagram Repeated steps without screenshots Preview J Timeline f Matching Pairs Gap Fill m Categories Model Answer LJ Dialog Drag and Drop Labelling Quiz moodle SNARTBoard JISC UXBRIDGE COLLEGE hi Insert Copy Delete Optional P Te 4 Quiz Title Media 4 Navigators b Question Charts es Interactivity gt Stimulating Question Misc gt Interactive List mitchellmedia co uk GCO Multiple Choice Question O Button Sequence option Hotspot image JM Interactive Diagram gt Annotated Diagram Preview J Timeline Matching Pairs Gap Fill Categories DJ Model Answer LJ Dialog Drag and Drop Labelling Lig QU m 2 Optional Properties Narration e Add Pubiish ule Tithe Xerte login Buestion Order random z Number of Questions a Alignment right E 4 Panel width Mediu Instructions Answer the following multiple choice question followed by clicking onthe Submit button to finalise your answer Ju
11. Text Font Text Sze Text to Speech continue p p amp moodle SWW Board JISC UXBRIDGE COLLEGE e learning Uxbridge College Sequential steps with screenshots for reference Key New sequence Repeated steps without screenshots Adding a multiple choice question page Create a new learning object or edit an existing learning object to which you wish to add one or more multiple choice questions S D Navigate to Insert gt Interactivity and select Multiple Choice Question Insert Copy Delete Text bject Title Le Meda gt N B as you hover the pointer over each page type a Navigators gt Na preview and summary of that template will appear in Chats gt Be the bottom left of the window Interactivity Stimulating Question Misc gt Multiple Choice Question Ng Hotspot Image gt Annotated Diagram Timeline Matching Pairs Gap Fill Categories Preview LJ Dialog Drag and Drop Labelling For this first example we re going to add a simple true or false question You can type or copy Ctrl C and paste Ctrl V text into the relevant form fields moodle SWR Beara JISC UXBRIDGE COLLEGE e learning 5 Uxbridge College 2 Enter a page title in the Page Title text box A True False example Enter instructions in the Instruction text box Here is a question to test if you Know what the name XERTE stands for
12. Tite Using the Hotspot Image Page Type Navigation Linear 7 14 splay Mode fullscreen Hotspot Image Annotated Diagra Timeline Matching Pairs Gap Fill Categories T g the Hotspot image Page Type p goias The My Projects Panel A gt Drag and Gre This is the Xerte Toolkits My Projects Panel Click on each area and button for a description of the different features and functionality My Projects Mew Foiser Properties ean j ea ean aae a gt Workspace Fontests Co AlistairTests _ Page Template Examples Hotspot Image Recycle Bin Text Font Text Sre M Text to Speech continue p p New sequence Sequential steps with screenshots for reference B Repeated steps without screenshots moodle SMART Board JISC UXBRIDGE COLLEGE e learning gt Uxbridge College Adding a Hotspot Image page oc 7 1 Create a new learning object or edit an existing learning object to Ted which you wish to add one or more Hotspot Image pages Media H Navigators Navigate to Insert gt Interactivity and select Hotspot Multiple Choice Question disp I m age E Hotspot Image IS E Annotated Diagra 2 iii N B as you hover the pointer over each page type a preview and E Categories summary of that template will appear in the bottom left of the window _ Dialog 3 Drag and Drop Labelling Stim
13. Uxbridge College i I ve never created any online materials really easy to create high quality interactive and accessible x materials The guidance provided on the lt a href http www techdis ac uk getverte target _blank TechDis site lt a gt and via links within the Nottingham site is aimed at helping you to create effective amis 29 a and to share false he The html code will be added automatically N B leave the false option selected Repeat the process for the link to the Nottingham site ED Click New Option to add another option 31 Enter the second option in the Option text box e g I ve created some simple web pages 32 Enter the feedback in the Feedback text box Good your experience in creating web pages will help you to get to grips with Xerte Online Toolkits very quickly Using Toolkits will help you develop materials quickly and easily by providing a range of solutions for issues such as accessibility and takes care of all the layout and design issues for you Creating and sharing high quality interactive materials is very fast 33 Click New Option to add a third option ED Enter the third option in the Option text box develop materials using a wide range of tools moodle SWR Beara JISC UXBRIDGE COLLEGE e learning Uxbridge College B Enter the feedback in the Feedback text box Excellent Your existing experience will help you to make full
14. allow the user to only select one answer For New Option now we will leave this as a Single answer Moodle Click on New Option to add an answer to this New Question question Optional Properties Option Feedback Correct l Type in the first answer into the option box Username Text typed into the feedback box will be displayed if the user selects this answer Type the following text into the feedback box 7 Add Usemame lt is important to keep your username and password details true D question New Option Moodle New Question secure As this is the correct answer leave the correct option as true Click on New Option to add another answer moodle SMART Board JISC UXBRIDGE COLLEGE e learning Uxbridge College Optional Properties i l Add Publish Option Sumame Enter an answer in the option box Feedback Remember that in order to log in you must enter your username and Type feedback into the feedback password box Remember that in order to log in you must enter your Correct false 15 Tea username and password question New Option xere login New Question Under the Correct option select false Click on Play to preview your quiz moodle SMART Board JISC UXBRIDGE COLLEGE e learning Uxbridge College Design This tutorial covers the use of the Title
15. page and background image in order to create a unique design for your Xerte learning object Backgrounds can be created by using the easy to use PowerPoint templates and then be inserted into your Xerte learning object as an image These images can be used as a Stand alone page and also as a background for all the pages in your Learning object Pre requisites You should already be familiar with the basic steps required to create or edit a learning object with Xerte Online Toolkits before beginning this tutorial See relevant tutorials if necessary Context The Title page type is mainly used for the viewing of basic text however we are able to insert an image onto this page and create a more appealing title page Alternatively we can use the background image property that allows an image to be displayed across all of our page types In this example we will be using PowerPoint to create a design followed by inserting this design into our xerte learning object moodle SWN Boara JISC UXBRIDGE COLLEGE e learning gt Uxbridge College Sequential steps with screenshots for reference Key Sd New sequence Repeated steps without screenshots Design a page using Microsoft PowerPoint 96 Microsoft Office 2007 2007 Se APPLICATIONS MENU a Microsoft Office Access 2007 p rina S Microsoft Office Excel 2007 np Microsoft Office FrontPage 2003 oofoefano 14 10 paea Microsoft Office Powerpoint 2007 03103 2009 13 0
16. the following screenshot shows the Forward and Back buttons to cycle through each hotspot These buttons appear when the I nteractivity setting is set to Show Me However these buttons may or may not appear in your current version of toolkits as this required a minor fix recently However the buttons will appear if you export the LO or if the installation is using the most recent version moodle SMART Board JISC UXBRIDGE COLLEGE e learning Uxbridge College Drag and Drop Introduction This tutorial covers the use of the Drag and Drop Labelling page type which allows you to create drag and drop interactions quickly and easily The Drag and Drop interactions created are also fully accessible enabling the drag and drop interaction to be navigated and completed by keyboard without the need for a mouse Pre requisites You should already be familiar with the basic steps required to create or edit a learning object with Xerte Online Toolkits before beginning this tutorial See relevant tutorials if necessary Context This Drag and Drop Labelling page type can be used in many different contexts and provides a more engaging way of presenting information for the learner to navigate and check understanding of a particular topic e g labelling parts of an engine and reading about what each part does Labelling health and safety hazards in a kitchen and learning about what precautions can be taken Labelling features of a software appl
17. to clone an existing project creating a copy complete with existing pages and content This is the Publish button Remember to use this to publish your most recent changes N B If you make changes and Publish don t publish your changes you will be prompted to save your changes when you click the New Folder E Properties Edit Preview Delete Duplicate E Publish Workspace E Existing folders An existing project Recycle Bin amp Sort your files Delete a Using the Hotspot Image Page Typ J The My Projects Panel Existing folders These are the existing folders in this workspace Recycle Bin lf you double click the Recycle Bin you will see previously deleted projects which you can select and then permanently delete them using the Delete button Your Page Icon Panel should look something like this with a hotspot and nested page for each button and feature of the My Projects Panel pe iy r JISC UXBRIDGE COLLEGE e learning Uxbridge College 28 Press Play to preview your new Hotspot I mage Page Click on each button or feature to learn about what that button or function achieves I UXBRIDGE COLLEGE moodle SMART Board JISC e learning gt Uxbridge College Using the Hotspot Image Page Type O id The My Projects Panel A o gt This is the Xerte Toolkits My Projects Panel Click on each area and button f
18. use of the templates available in Xerte Online Toolkits and you can also extend the functionality of toolkits in a number of ways You might wish to browse or even contribute to the guidance found on the TechDis and Nottingham Sites to share your experience with others If you are a Flash developer you can also create your own content to include alongside the assorted page templates or even develop and share new templates Repeat the previous steps to add the TechDis and Nottingham links to this feedback for option 3 36 Click Play to preview your second question complete with contextualised feedback Providing contextualised feedback SA Read the question and options opposite and select the option which most closely What sort of experience do you have in developing matches your current experience in the interactive content development of interactive content T ye never created any online materials Tve created some simple web pages develop materials using a wide range of tools n Feedback Well the good news is that Xerte Online Toolkits makes it really really easy to create high quality interactive and accessible materials The guidance provided on the TechDis site and via links within the Nottingham site is aimed at helping you to create effective learning objective and to share those with learners and colleagues Select each option and click check ED Test the feedback hyperlinks to veri
19. 4 E Open Microsoft 7 Microsoft Office Project 2007 OLfO7 f2009 17 13 z Aa F Microsoft Office Publisher 2007 oajosj2o09 13 04 PowerPoint 2007 P ij Microsoft Office Visio 2007 o1j07 2009 17 09 F Microsoft Office Word 2007 IKB Si 03 03 2009 13 04 E Compilers Outlook 2007 O4fO2 2011 09 26 O Computer Based Training E Connections CITRIX connec E E Engineering E Gailso IEE E G Inbernet Applications E E Key Skills E E Language Lab E O Learning Resources E Learning Support E E lunar E D Maths E 2 Microsoft Office 2007 O Office 2003 utils a 38 Presentationt oft PowerPoint Home Insert f Desig imations Slide Show Review View Developer Acrobat Articulate Qe ae Page Slide Setup Orientations Page Setup 2 Click on the design tab to bring up a list of template designs to choose from Click on a design template moodle SMART Board JISC UXBRIDGE COLLEGE e learnin Uxbridge HUNG Presentation Microsoft PowerPoint ans Slide Show Review View Developer Acrobat Articulate mn e ae 4 larkaornuned Gules Custom A ee MM Custom Themes JAR RBBB custom LIER Customs DID RRR customs LITEM Customs DRE customs LIS RM utom Built In E BERR eD i Bo EAEE Grayscale SS DEM RRB spe E MER RRD ipet E Sees E ERENER Concourse a an mom Equity SC GOGES Foundy
20. GE COLLEGE moodle SWN Boara JISC e learning gt Uxbridge College YP Nottingns Nottingham Click on the Background image Oo a opacity tab and change the opacity Optional Properties Background Image Opacity i Add Pubiish to 100 Learning Object Title Yo uTube Video Background Image Op 100 Click on Play to save and preview Background Image bai aoe your Learning object Navigation Default Tert Size V oo Display Mode y V 1 Play j A Xerte YouTube Video AIO Colour Scheme Screen Size Text Font a Text Size W Text to Speech Vol mE continue gt gt N B images like this can be added to title pages too making your Xerte learning object that bit more eye catching and user friendly for your audience Remember to check out the the optional properties tab at the top of the page to add any extra features or elements that a page type can support H moodle SMART Board JISC UXBRIDGE COLLEGE e learning Uxbridge College Multiple choice question page type e o inserta multiple choice question page e Navigate to Insert gt Interactivity and select Multiple Choice Question e Ensure that you have a suitable title for your multiple choice question Recap Hot Spot page type Navigate to Insert gt Interactivity and select Hotspot I mage Ensure that you have a suitable title and instructions f
21. d yourself and reflect on any ideas you had or features you discovered whilst working through this guide H UXBRIDGE COLLEGE moodle SMART Board JISC
22. dge Questions Feedback Excellent work Mere login New Question moodle SMART Board e learning Uxbridge College Adding a Quiz page type N B In this first example we will create a question that has 2 answers one being correct and the other being incorrect B Create a new learning object or edit an existing learning object to which you wish to add one or more Hotspot Image pages Navigate to Insert gt Interactivity and select Quiz N B as you hover the pointer over each page type a preview and summary of that template will appear in the bottom left of the window Give our quiz page a title Xerte Login Change the alignment to right so that the questions to the quiz appear to the right 5 Type in the instructions for the quiz Answer the following multiple choice question followed by clicking on the Submit button to finalize your answer O Excellent work Q Click on New Question at the bottom of the page to create your first question H JISC L UXBRIDGE COLLEGE e learnin Uxbridge College EF Optional Properties Image Add Publish Prompt In orderto log into Xerte a user must know their password and Question Type Single Answer O Type your question into the prompt box In order to log into Xerte a user must know their password and N B Leaving the question type as single answer question will
23. e learning Uxbridge College Xerte online Toolkits Advanced User Guide moodle SWR Beard JISC e learning Uxbridge College Contents Page Multiple choice question page 3 Hot Spot page 15 Drag and drop page 28 Embed YouTube videos page 41 Quiz page 45 Design Page 50 moodle SWR Beard JISC e learning Uxbridge College Multiple choice Introduction This tutorial covers the use of the Multiple Choice Question template which enables you to add a multiple choice question anywhere within your learning object You can add one or more individual pages containing a single multiple choice question You can create a simple true false or single correct answer question or a more complex question with multiple correct answers Pre requisites You should already be familiar with the basic steps required to create or edit a leaning object with Xerte Online Toolkits before beginning this tutorial see relevant tutorials if necessary Context This Multiple Choice Question template is slightly different to the alternative Quiz template The quiz template is for creating a series of questions on a single page although by following this guide you should find using the separate quiz template relatively easy also Consider using this particular template to add relevant questions within your sequence of content to help learners test their understanding at that point as opposed to a multi question quiz to test und
24. e question Option True a MO A True False example emoe Feedback Yes thats correct Coma y A True False example 8 New Option Enter the first option in the Option text box True Enter the feedback in the Feedback text box Yes that s correct Set Correct to True Click New Option to add another option Optional Properties Option Feedback Yes that s correct Correct false A True False example New opd moodle SMART Board JISC UXBRIDGE COLLEGE e learning gt Uxbridge College e Add Publish Using the multiple choice question a W A True False example option option Feedback No thats incorrect 13 Enter the second option in the Option text box False Enter feedback for the incorrect response in the Feedback text box No that s incorrect oo Mode On Press Play to preview the new question page moodle SMART Board JISC Leave the Correct menu at its default value of False UXBRIDGE COLLEGE Using the multiple choice question template A True False example Here is a question to test if you know what the name XERTE stands for Xerte stands for Xml Editor and Run Time Engine Read the statement opposite and select True or False amp True C False y Feedback Yes that s correct Text Sze Ml Text to Speech con
25. e three elements of composition have been highlighted Match the label to the appropriate part of the diagram Horizon line Magic third OD ivcioniyg continue p p P Drag the Motion blur Label to the blurred stick We should see the relevant Text appear Introduction to Photography Composition In this image three elements of compositio ve been highlighted Match the label to the appropriate part of the diagram Motion blur min o Horizon line Magic third Motion blur The shutter speed is slow enough to allow some motion blur adding a sense of movement to the image Colur Scheme Green Sire M Ste ext continue gt a a moodle SMART Board JISC a 4 COLLEGE introduction to Photography Composition In this image three elements of composition have been highlighted Match the label to the appropriate part of the diagram Horizon line Magic third Try again continue P gt gt lf the Label is dragged to the wrong Hotspot it should snap back and display a Try again Message After testing our interaction we may wish to adjust the position and size of one or more of the hotspots Click Edit and resize the Magic third Hotspot so that it clearly extends below the area covered by the Horizontal line Hotspot making it more obvious where the two overlap moodle SMART Board JISC UXBRIDGE COLLEGE i e lear
26. earning object to which you wish to add one or more Drag and Drop Labelling pages moodle SMART Board JISC H UXBRIDGE COLLEGE e learnin Uxbridge College i Navigate to Insert gt Interactivity and select Drag and Drop Labelling N B as you hover the pointer over each page type a preview and summary of that template will appear in the bottom left of the window opy Delete Optional Properties Narration vi Add T Publish Page Title Text In this image three elements composition have bean highlighted Watch the label to the appropriate part of the diagram Image Select an image Align Text Lett i image Tooltip Enter a tooltip forthe image Composition New HotSpot Give our new page an appropriate Page Title 4 In the Text area add a suitable introduction and explanation In this image three elements of composition have been highlighted Match the label to the appropriate part of the diagram Click I mport Media to import an image N B Images can be jpg png gif or swf If your image is omp or another format it will need to be converted to one of the compatible formats before importing J moodle SMART Board JISC L UXBRIDGE COLLEGE e learning gt Uxbridge College Browse and Select the relevant image In this case playmates jpg N B If not the default you may wish to switch to View Thumbnails to more easily select the correct image
27. erminology Video on Xerte Tools and Terminology moodle SMART Board JISC UXBRIDGE COLLEGE e learnin Uxbridge College Q Introduction This tutorial covers the use of the quiz page type which allows you to create a series of multiple choice questions The quiz page type can be set up to allow a single answer or multiple answers and can also include images A final grade is given to the user once the user has answered all of the questions i Pre requisites You should already be familiar with the basic steps required to create or edit a learning object with Xerte Online Toolkits before beginning this tutorial See relevant tutorials if necessary Context This Quiz page type can be used in many different contexts and provides a way of testing a learners knowledge on a particular topic presenting information for the learner to navigate and check understanding of a particular topic e g labelling parts of an engine and reading about what each part does Labelling health and safety hazards in a kitchen and learning about what precautions can be taken Labelling features of a software application and perhaps recapping on what functions they achieve In this example we will continue with our basic introduction to Photography by explaining key aspects of composition N B you can also download the assets to follow this tutorial step by step wT F a mn on line toolkits Insert Copy Delete Optional P
28. erstanding at the end of a section or at the end of the learning object moodle SWN Boara JISC UXBRIDGE COLLEGE e learning Uxbridge College inset copy Text biect Title Delete Optional Properties Background Image Db Learning Object Tite Leaming Object Title Media Navigators Navigation Linear hd Charts b Default Text Size 42 E hd gt Stimulating Question a N isplay Mode default LJ SO Multiple Choice Question p Hotspot Image Annotated Diagram O Timeline Matching Pairs Using the multiple choice question templale oO A a 7 Providing contextualised feedback O Read the question and options opposite and select the option which most closely What sort of experience do you have in developing matches your current experience in the interactive content development of interactive content Tve never created any online materials C Tve created some simple web pages 1 develop materials using a wide range of tools Check P Feedback Well the good news is that Xerte Online Toolkits makes it really really easy to create high quality interactive and accessible matenals The guidance provided on the and via links within the Nottingham site is aimed at helping you to create effective learning objective and to share those with learners and colleagues Colur Scheme Screen Ste
29. ext This is the Properties button First select either a project folder or ithe Workspace icon to configure the properties for that item e g cick properties wiih project selecied to configure the access and sharing properties of the project The My Projects Panel New HotSpot Add the Hotspot Title Add the Hotspot Text This is the Properties button First select either a project folder or the Workspace icon to view and in some cases configure the properties for that item e g click properties with a project selected to view and configure the access and sharing properties of that particular project moodle SMART Board JISC UXBRIDGE COLLEGE e learning Uxbridge College There is a quicker way to add new Hotspots in a situation like this e g where the hotspots are more or less the same size and just need to be re positioned Select the Properties Nested Page in the Page Icon Panel en Q inser _ Copy 17 Optional Properties Add Publish a C Using the Hotspot Image Page Typ Hotspot Title Properties 18 a W The My Projects Panel E New Folder Edit Hotspot Edt Properties Text This is the Prop ames button First select either a project folder or the Workspace icon to configure the properties for that item e g cick properties with a project selected to configure the access and sharing properties of the project 17 Click Copy t
30. fy they work moodle SMART Bocard JISC UXBRIDGE COLLEGE e learning 3 Uxbridge College Hotspot Image Introduction This tutorial covers the use of the Hotspot Image page type which allows you to add hotspots to images quickly and easily The Hotspot Image pages created are also fully accessible enabling the Hotspot interaction to be navigated and completed by keyboard without the need for a mouse Pre requisites You should already be familiar with the basic steps required to create or edit a learning object with Xerte Online Toolkits before beginning this tutorial see relevant tutorials if necessary Context This Hotspot Image page type can be used in many different contexts and provides a more engaging way of presenting information for the learner to navigate and check understanding of a particular topic e g click on an image showing areas of a map or building to explore what you will find in each location Click on a composite image of different people to see their name and what they do perhaps for induction Click on a screenshot of a software application like Xerte to read more about each panel or button It s an example like the latter we will create during this tutorial N B you can also download the assets to follow this tutorial step by step moodle SWN Boara JISC UXBRIDGE COLLEGE e learnin Uxbridge College Xerte eta Optional Properties Background image l Leaming Objed
31. g the main action around a third of the way across the scene W Magic third gives a pleasing aesthetic balance Add the Hotspot Title Magic third Add the Text Locating the main action around a third of the way across the scene gives a pleasing aesthetic balance 26 Click Edit D Position and resize the Hotspot In this case to cover the main action a third of the way across the scene 28 Close the I mage Inspector Window Sd Testing the Drag and Drop labelling interaction moodle SMART Bocard JISC UXBRIDGE COLLEGE e learning Uxbridge College It s important to preview and test our pages and particularly where this type of interaction is involved inset Copy QDelete a Introduction to Photography a gt Composition Our Page Icon Panel should look something like 8 Motion blur this It should be showing our Drag and Drop Labelling Page and 3 nested Hotspot pages Horizon line Magic third Click Play bottom right of the Editor window ret to preview Play POr Iniroduction to Composition In this image three elements of composition have been highlighted Match the label to the appropriate part of the diagram Motion blur Horizon ne Magie third moodle SMART Board JISC UXBRIDGE COLLEGE e learnin Uxbridge College Introduction to Photography SAD Composition A D gt In this imag
32. ication and perhaps recapping on what functions they achieve In this example we will continue with our basic introduction to Photography by explaining key aspects of composition N B you can also download the assets to follow this tutorial step by step fA moodle SWN Boara JISC We UXBRIDGE COLLEGE i Copy Delete Text Media Navigators Charts SG Multiple Choice Question Hotspot Image gt Annotated Diagram Timeline Matching Pairs Gap Fill Categories L Dialog Key New sequence e learning gt Uxbridge College insert Copy Delete Text Media Navigators Optional Properties Backgroundimage AGS Publish Leaming Object Title Introduction to Photography Navigation Linear Default Text Size 14 T Jsplay Mode full screen Ti E Hotspot image Annotated Diagram Timeline Matching Pairs Gap Fill Categories preview L Dialog eel Drag and Drop Labelling Introduction lo Photography E Composition i In this image three elements of composition have been highlighted Match the label to the appropriate part of the diagram Motion blur Horizon line Magic third continue p gt i Sequential steps with screenshots for reference Repeated steps without screenshots ey Create a new learning object or edit an existing l
33. itle YouTube Video B Xerte YouTube Video Ee Background Image Be The University of Nottingham Click on the import media button and locate and open the PowerPoint image file created earlier Navigation Linear Default Text Size 1 a Display Mode default Once you have selected the C nsen copy Deiis Optional Properties Background Image Opacity v Ads sh PowerPoint image you will be Dout LeamingobjectTite YouTunevieco o amp Xerte YouTube Video B Background Image FT IQ a presented with a loading Mer cme screen This may take some DefautTetsze 12S time as you are uploading the DisplayMode H defaut image to your learning object LOADING 100 Sa n N B It is also a good idea to add the background image opacity property which will enable us to toggle the amount of opacity we require for our learning oan e Optional Properties Background Image Opacity 20 mn Add FF j Publish Leaming ObjectTitle YouTube Video Background Image Op 5 a piect nl err ODJeCct Background Image FileLocation media xerte Advanced title jpg a0 i Navigation linear o i avigation eee i 21 Click on the background image opacity Defaut TextSize 12 7 from the optional properties tab and click Display Mode default o Add H UXBRID
34. ndow That s our first hotspot complete We can now repeat the process for the additional areas of the photograph that we wish to highlight and explain moodle SWN Boara JISC UXBRIDGE COLLEGE e learning gt Uxbridge College Click New Hotspot again to add another nested page Composition New HotSpot Insert scopy Delte Optional Properties Add Pubiish Horizon line Edit a CB Introduction to Photography Hotspot Title a Composition Motion blur name Text Alow horizon makes the main characters fill the frame and 20 enhances their importance Edit Hotspot Add a new Hotspot Title Horizontal Line In the Text area add a new description explanation A low horizon makes the main characters fill the frame and enhances their importance 21 As previously click Edit to position and resize our new hotspot Position and resize the box to cover the horizontal shore line 23 As previously close the image inspector when the hotspot is in place H lt JISC p UXBRIDGE COLLEGE e learnin Uxbridge College Sd As previously click New Hotspot to add another nested page Olnsert Copy Delete Optional Properties Add Publish id g introduction to Photography Hotspot Title Magic third amp a Composition Motion blur Edit Hotspot Edt Horizon line Text Locatin
35. nin Uxbridge College Keyboard accessibility Try your interaction using the keyboard alone Press the Tab key to select a label With the label selected press the Spacebar Press Tab again to select a hotspot Press the Spacebar again to watch the label automatically move to the selected hotspot N B Press Shift Tab to tab backwards Recap Like many of the other Page Types available with the Xerte Online Toolkits Template the Drag and Drop Labelling Page Type makes it quick and easy to assemble complex and engaging interactions without requiring specialist technical skills This allows us to concentrate on the pedagogy rather than the technology which is great However we do also need to be cautious There are many page types available and some will suit a particular learning context better than others You should become familiar with the various page types available in order to be able to chose the most appropriate for a given context Of course you should also have a process for obtaining feedback from the learners as well as adapting your material based on your own evaluation and reflection Indeed you may wish to consider activities where the learners benefit from the ease of use of Xerte Online Toolkits by creating their own learning objects moodle SWR Boara JISC UXBRIDGE COLLEGE e learning 3 Uxbridge College Embed YouTube videos This tutorial covers the use of the YouTube video page type which allows
36. o make a copy Clone of the selected page This copies the page complete with text and hotspot Replace the Hotspot Title Text moodle SMART Bocard JISC UXBRIDGE COLLEGE e learning 5 Uxbridge College 19 Replace the Nested Page Text This is the Edit button This is where you can edit your existing projects to add delete and or configure the project and pages u Image Inspector erte on line toolkits My Projects lete _ New Folder Properties SS ee _veiete Ese pubusn gt Workspace RonTests _ AlistairTests Click Edit and drag the Hotspot into position This can be much quicker for a situation like this where all the hotspots are similar size and location 21 Repeat this process to create a New Hotspot for each of the other buttons Preview This is the Preview button Use this button to preview any existing projects e g to identify which one you might wish you edit This is the Delete button Clearly we should be cautious with this button as we can use it to delete individual projects and folders However fortunately we aren t able to delete folders containing projects and will be prompted that a folder contains projects if we try to delete it moodle SWW Boara JISC UXBRIDGE COLLEGE This is the Recycle Bin Insert e learnin Uxbridge College a Duplicate This is the Duplicate button Use this button
37. or a description of the oj omi different features and functionality My Projects New Folder Preview if Delete Duplicate Publish cia 29 This is the Edit button This is gt Workspace where you can edit your Ranana existing projects to add iy AlistairTests delete and or configure the gp Fapa Tompiria Erempios project and pages sions Jj Recycle Bin Sort your files Alphabetical AZ Sort Colour Scheme Screen Sze Text Font Text Sze W Text to Speech continue gt gt Clicking the Hotspot covering the Edit button displays the relevant nested page describing what the Edit button is for We can also choose to highlight the hotspots by ticking the Highlight Hotspots checkbox Image FileLocation media sshot 4 png Interactivity show Me 7 Highlight Hotspots Align Text Left BY T moodle SMART Board JISC UXBRIDGE COLLEGE e learning Uxbridge College e Duplicate Publish __ AlistairTests O Page Template Examples Hotspot Image yj Recycle Bin In some examples like highlighting areas on a map it may be useful to show the hotspots in this highlighted state however in this example it s probably not appropriate Likewise the Show Me option which displays the Forward and Next buttons can also be switched on or off by choosing Click Explore instead N B You will notice that
38. or your Hot Spot page type Remember that you can change the interactivity to show where the Hot Spots are or to only provide a description when clicked Embed YouTube Videos Navigate to Insert gt Misc and select YouTube Video e Remember to make sure that the video is working on YouTube before copying the embed code e Remember that using an embed code creates a link to that video and that if the video Is removed from YouTube it will also be removed from your YouTube page type Drag and Drop page type e Navigate to Insert gt Interactivity and select Drag and Drop Labelling e Ensure that you are precise when marking your Hot Spot on an image especially if all of your Hot Spot areas are close together Quiz page type e Navigate to Insert gt Interactivity and select Quiz e Ensure that you give clear instructions on how to navigate through the quiz using the instructions box e itis also a good idea to align your questions to the right so that your instructions are displayed on the left 14 moodle SWN Boara JISC Y UXBRIDGE COLLEGE e learning 5 Uxbridge College Design e Open Microsoft PowerPoint 2007 e Design your image using the Microsoft PowerPoint templates e Save your image as a JPEG interchangeable format e Use the Optional Properties to add the background image option 1A moodle SWN Boara JISC We UXBRIDGE COLLEGE e learning Uxbridge College Notes Make notes here to remin
39. tinue gt gt Select each answer and click the check button to see the feedback for the correct and incorrect answer Close the preview window to return to the edit window moodle SMART Board JISC UXBRIDGE COLLEGE e learnin Uxbridge College ik Adding a multiple choice question page with contextualized feedback Let s add another question this time a simple but effective multiple choice question with contextualized feedback It is good practice to think about the value of the feedback you provide and to contextualize that feedback for each response and fortunately this and other Xerte page templates enable this For example where appropriate look for opportunities to vary the feedback for each response and to provide additional info guidance related to that response rather than simply that s correct or that s incorrect E g you may also wish to add optional narration to help clarify your question or to support learners who might prefer or benefit from an option to listen as well as read the question You could also add hyperlinks within the feedback to link to further resources providing opportunities for J differentiated support The following steps will insert Copy Delete Op describe how to do this Text bject Title Le Media Navigate to Insert gt Interactivity and select d 5 Multiple Choice Question LoD Interactivity Stimulating o
40. uch j Misc GCI Multiple Choice Question p i Hotspot Image Annotated Diagram Timeline Matching Pairs Gap Fill m Categories Preview iJ Dialog Drag and Drop Labelling Quiz 19 Enter a page title in the Page Title text box Providing contextualised feedback _ al moodle SWR Beara JISC UXBRIDGE COLLEGE e learning Uxbridge College 20 Enter instructions in the Instruction text box Read the question and options opposite and select the option which most closely matches your current experience in the development of interactive content 21 Enter a question in the Prompt text box What sort of experience do you have in developing interactive content 22 For Question Type leave the default of Single Answer for this question 23 Once again for Align Text select Right and also leave Panel Width set to Medium 24 To add possible answers click New Option 25 Enter the first option in the Option text box I ve never created any online materials 26 Enter the feedback in the Feedback text box Well the good news is that Xerte Online Toolkits makes it really easy to create high quality interactive and accessible materials The guidance provided on the TechDis site links within the Nottingham site is aimed at helping you to create effective learning objects and to share those with learners and colleagues To add links to online resources or websites within the feedback
41. ulating Question inser Copy Delete Optional Properties Narration Add Publish a GP Using the Hotspot Image Page Typ Page Title o E The My Projects Panal My Projects Panel Text is is the Merte Toolkits My Projects Panel Click on each area and button for a description of the different features and functionality image ey Interactivity ShowMe Highlight Hotspots Align Text Let Image Tooltip Screenshot of the Xerte Toolkits My projects Panel The My Projects Panel New HotSpot Give our new page an appropriate Page Title The My Projects Panel In the Text area add a suitable introduction and explanation This is the Xerte Toolkits My Projects Panel Click on each area and button for a description of the different features and functionality moodle SWN Board JISC UXBRIDGE COLLEGE e learning Uxbridge College Click Import Media to import an image N B Images can be jpg png gif or swf If your image is omp or another format it will need to be converted to one of the compatible formats before importing 2 Browse and Select the relevant image In this case sshot 3 png which can be found on the Moodle Xerte course N B If not the default when browsing for images you may wish to switch to View Thumbnails to more easily select the correct image File Upload the File Upload Progress Window will O appear and disappear a
42. utomatically when the image is uploaded Cancel moodle SMART Board JISC UXBRIDGE COLLEGE e learning Uxbridge College inset Copy Delete Optional Properties Narration i Ada Publish a Using the Hotspot Image Page Typ Page Title a The My Projects Panel The My Projects Panel Text This is the Xerte Toolkits My Projects Panel Click on each area and button for a description of the different features and functionality Image FileLocation media sshot 4 png i Q Interactivity Click Explore v a Highlight Hotspots Align Text Left n o 7 Screenshot of the Xerte Toolkits My projects Panel The My Projects Pan New needy aly OP Pry Image Tooltip Its important to add a suitable I mage Tooltip for users with a visual impairment This can also be beneficial to all users by providing a clear description of each image In this case Screenshot of the Xerte Online Toolkits My Projects Panel Click New Hotspot to add a new nested hotspot page moodle SMART Bocard JISC UXBRIDGE COLLEGE e learning Uxbridge College on line toolkits f Nottingham inset Copy Delete Optional Properties a C Using the Hotspot Image Page Typ erte Add Publish e Hotspot Title New Folder o W The My Projects Panel ee pa Edit Hotspot rame p __ Edt Text
43. you might find it useful to collate those links first e g copy and paste them into a text file or word document first For this example we re going to add the following two links http www techdis ac uk getxerte http www noitingham ac uk cczjrt Editor You may wish to select and copy Ctrl C the relevant link before proceeding to the next step moodle SWN Boara JISC UXBRIDGE COLLEGE e learning gt Uxbridge College Well the good news is that Xerte Online Toolkits makes it really really easy to create high quality interactive and accessible materials The guidance provided on the IEMISERIG and via lin within the Nottingham site is aimed at helping you to Bold learning objective and to share those with learners ar Italic 27 Bullet Providing contextualised feedback Mark Word New Option Cut Copy Paste Delete Select All Settings About Adobe Flash Player 10 Select the words TechDis site in the Feedback text box Right Click and select Hyperlink Feedback Well the good news is that Xerte On really easy to create high quality int materials The guidance provided o within the Nottingham site is aimed learning objective and to share thos Enter URL http Awww techdis ac uk geterte OK Cancel moodle SMART Board JISC ryoe or copy and paste the relevant hyperlink and click OK UXBRIDGE COLLEGE e learnin
44. you to easily embed YouTube videos into your learning object Pre requisites You should already be familiar with the basic steps required to create or edit a learning object with Xerte Online Toolkits before beginning this tutorial See relevant tutorials if necessary Context This Hotspot Image page type can be used in many different contexts and provides a more engaging way of presenting information for the learner to navigate and check understanding of a particular topic e g click on an image showing areas of a map or building to explore what you will find in each location Click on a composite image of different people to see their name and what they do perhaps for induction Click on a screenshot of a software application like Xerte to read more about each panel or button It s an example like the latter we will create during this tutorial N B you can also download the assets to follow this tutorial step by step Adding a YouTube video page type B Create a new learning object or edit an existing learning object to which you wish to add one or more Hotspot Image pages fA moodle SWN Boara JISC p UXBRIDGE COLLEGE e learning gt Uxbridge College O Insert lf Copy lI Delete Optiona Text i Page Ti i Navigate to Insert gt Misc and select media s YouTube Video Navigators b Embed outu l Charts gt l Interactivity gt N B as you hover the pointer over each page type Misc gt
Download Pdf Manuals
Related Search