Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Updates to this guide and the GLO Maker software are available from: http://www.glomaker.org
In this guide we have tried to include everything that we believe you will need, but we may have left something out or have not provided the level of detail you were expecting. Your feedback on any aspect of this document (pedagogical, technical, step-by-step instructions) will help us to improve this guide and better support GLO Maker users. Please send your feedback to: glomaker@londonmet.ac.uk
Copyright London Metropolitan University 2009 GLO Maker has been developed by the RLO-CETL and Learning Technology Research Institute (LTRI) at London Metropolitan University
Contents
Introduction to the GLO Maker .....................................................................3 What are learning objects? .......................................................................3 What are Generative Learning Objects (GLOs)? ......................................3 The GLO Maker authoring tool .................................................................3 Using the tool............................................................................................4 The structure of this user guide ................................................................5 Multimedia tutorials...................................................................................5 Tutorial 1: Overview of the GLO Maker authoring tool...............................6 Planner .........................................................................................................7 Designer .......................................................................................................8 GLO Maker components...........................................................................9 Preview.......................................................................................................10 The GLO Maker website.............................................................................10 Tutorial 2: Download and install GLO Maker.............................................11 Problems installing GLO Maker..................................................................12 Tutorial 3: Create a GLO with the eMI pattern ...........................................13 Step 1 Create a new project ....................................................................14 Step 2 Add content for What Topic ........................................................15 Step 3 Save your GLO ............................................................................17 Step 4 Add content for the Main Task....................................................19 Step 5 Preview and edit content..............................................................21 Step 6 Add content to Access Views .....................................................24 Step 7 Add content to the Multiple Choice Quiz.....................................32 Step 8 Add content to Reflect ................................................................36 Step 9 Package the created GLO............................................................38 Step 10 Open a created GLO..................................................................40 Tutorial 4: Create a new learning design using the Freestyle mode .......42 Tutorial 5: Adapt a GLO Maker pattern ......................................................47 Appendix 1: File formats compatible with GLO Maker .............................52 1. Media file formats compatible with GLO Maker ......................................52 2. Guide to converting media file formats ...................................................54 Appendix 2: Different ways to present your GLO .....................................58 Create a short cut for a packaged GLO on the desktop............................58 Using a VLE ...............................................................................................58
We want people to be able to share and exchange learning objects. In this way the quality of learning can be improved on a widespread basis. All the learning objects created are thus highly adaptable. The same authoring tool GLO Maker can be used to adapt any learning object to suit local needs and preferences. So if you find a GLO that nearly, but does not quite suit your needs, then you can adapt the learning object as required. Our experience in the CETL for Reusable Learning Objects is that this adaptability is an important feature for the widespread adoption of learning objects. It also means that if your syllabus changes over the years it is easy to adapt and update your learning objects.
Figure 1: The learning design nodes are on the left and the GLO content on the right
If the built-in patterns do not suit your needs, then you can use Freestyle mode. In this mode you can create your own pedagogical storyline by creating a sequence of nodes (pedagogical functions) in the Planner. You add your own labels and descriptions to each node to describe the pedagogical functions. GLO Maker will automatically guess the best screen layouts to realise these functions. You then enter the Designer part of the tool where you can either use the suggested screen layout, or select and use a different layout. The layouts provide flexible frames into which content is added.
4
Multimedia tutorials
There is also a series of multimedia tutorials on the GLO Maker website, that provide quick overviews of using GLO Maker, including the Planner, Designer, packaging and running GLOs. See: http://www.glomaker.org/guides.html
The GLO Maker Create New Project screen showing the 3 pedagogical patterns
There are 3 main parts to the GLO Maker authoring tool: Planner you use the Planner first to use, adapt or create a pedagogic sequence Designer next you use the Designer to add content to your GLO and design the individual screens or slides within it Preview mode lets you view or preview your GLO as you are designing it. Each of the 3 main parts will be described in more detail over the next few pages.
Planner
You use the Planner first to use, adapt or create a pedagogic sequence. The screenshot below shows the 3 main areas of the Planner in GLO Maker. The area on the left shaded in red shows the Palette of pedagogical functions for the chosen pattern, in this example for the eMI (Evaluating Multiple Interpretations) pattern. The area in the middle shaded in green shows the pedagogical sequence that has been created. In the panel on the right shaded in blue there is a description of the pattern.
Designer button
Palette
Pedagogical sequence
Pattern description
When you have planned the structure or storyline of your GLO, you move to the Designer to start designing and adding content. To go to the Designer, click on the Designer button on the button bar at the top of the screen.
Designer
The screenshot below shows the Designer where you add content to your GLO and design the screens or slides within it.
Pedagogical sequence panel Tool bar Zoom control
Stage area
Properties panel
The Designer screen combines a number of areas and tools for designing a GLO: The Pedagogical sequence panel is on the left-hand side of the screen, and displays the pedagogic sequence of the chosen design. Guidance about the pedagogical sequence can be turned on and off from the buttons at the top of the panel. The Stage forms the main part of the screen, and displays the layout and content for each slide within the GLO. There is a Tool bar for formatting text at the top of the Stage: tools for changing the font, font size, applying bold, italic and underlining, changing the colour, specifying the alignment, and for creating bullet lists. There is a Zoom control slider to the right of the Tool bar. Moving the triangle to the right will zoom into the content on the stage and display it at a larger scale. The Properties panel is below the Stage at the bottom of the screen. The tools provided in the panel change according to the type of component that is selected on the Stage. In the example given here, a text box is selected, so the Properties panel displays information relating to that text box: the position coordinates, the width and height, and a button for including a border. For other types of
components, such as for images, videos or multiple choice quizzes, the available tools will change according to the type of component.
Components are added by clicking on the Components button on the left of the Properties panel.
Preview
From the Designer you can preview what your developing GLO looks like at any time, by pressing the Preview button from the button bar at the top of the screen, highlighted in red on the screenshot below. The buttons available vary according to the part of the tool you are currently in, for example in Preview Mode you can go to Designer, in Designer you can go to both Planner and Preview, and in Planner you can go to Designer.
Button bar
At the bottom of the GLO is the navigation area, which displays which slide is currently being viewed (in this example Slide 2 of 5), and has buttons for moving to the Next and Previous slide.
10
In the first part of the installation screen you will be asked whether you want to Open or Save the file. Select Open and choose where you want to save the file.
11
The GLO Maker application will then be installed. The installation will also download and install Adobe AIR at the same time, which is required to run the GLO Maker software.
When installed, GLO Maker will automatically open up ready for use
You should also see the GLO Maker short cut icon on your desktop if you chose that option
12
13
There are 10 steps to this tutorial, which take you through the complete process of creating, saving, editing, packaging and opening a GLO using the eMI pattern.
From the Create New Project screen, select eMI: Evaluate Multiple Interpretations. Click OK.
14
This opens the Planner screen, and shows the default pedagogic sequence for the eMI pattern (this can be altered).
It is useful at this stage to open the emiText.doc file from the mediaResources folder downloaded earlier. This document contains text you can copy and paste for the text/narrative areas (alternatively, you can also add your own text).
The content template for the first slide What Topic will be displayed. This is essentially the first page or slide in the learning object according to the eMI pedagogical sequence.
15
Type (or copy and paste from the emiText.doc provided) the following into the Enter text box at the top for the GLO title: The Graduate Centre
Select the text you have just entered, and you can change the formatting of the text using the text controls at the top of the screen: font, size, style, colour, alignment etc.
Tip: Remember you can copy and paste text from the emiText.doc or another document of your own.
16
Navigate to where you wish to save your work (e.g. Desktop). If you have already downloaded the media resources for the tutorial, you will have created a folder for your work, e.g. My GLO Work, so save your GLO there.
17
Enter the name of your new folder (this example uses The Graduate Centre).
Enter a name for your GLO in the File name: box, e.g. Graduate_Centre.glo. Click Save. Tip: You should keep the .glo file extension, so that GLO Maker recognises the file.
Tip: We recommend that you save your work regularly when creating GLOs to avoid losing anything you have done. Just go to File and select Save
18
Copy and paste the text in the text box at the top of the slide where it says Enter text.
You can apply formatting to the text using the buttons on the tool bar.
Next, click in the large grey rectangle on the stage to Load a media file, in this case an image. Click on the Browse button next to Image path in the Properties panel below the stage to locate the image.
19
Select the image called building1.jpg and click on the Open button.
Notice that the image has filled the whole area of the component.
You can return the image to its original proportions (aspect ratio). With the image selected, click on the box next to Maintain aspect ratio, and the image will be resized.
20
Whilst the image is still selected you can drag it around the screen to position it where you want it (to select the image click on it).
In Preview mode you can see what your GLO will look like. Click the Next and Previous buttons in the bottom right and left corners of the screen to move between slides.
21
You will see that when you get to Slide 2 that the text and image that you inserted needs to be reformatted to fit better on the slide. There needs to be more room for the text box, and the image could be reduced to create this extra space.
Go back to Designer mode and view Slide 2. Either click on Main Task in the Pedagogical sequence, or use the Previous and Next buttons at the bottom of the GLO. Click on the text box to select it and then click and drag on the round resize handles to change the size of the text box. Notice that the text will re-flow within the newly sized text box. The scroll bars will disappear if the text box is large enough to display al the text. Then click on the image and resize and reposition it to fit on the screen with the text.
22
Formatting content The slider tool on the top right above the stage enables you to zoom in and out of the window. You can apply further formatting to the text using the text formatting buttons on the tool bar above the stage. First select the text you want to change, and click on the appropriate tool, e.g. to centre text for the heading, change the colour, apply bold to certain words, make a bullet list etc. Additional formatting controls are available when a component on the stage is selected. Click on the text box. If you look above it you can see the following editing tools: deletes the component (the text box) brings the selected component to the front sends the selected component to the back switches to edit mode for the component. Underneath the stage in the Properties panel for Text area you can add or remove a Border around the text, and can see the coordinates of the position of the text box, and its width (W) and height (H), measured in pixels.
23
Now click on the image. You will see that the same editing icons appear above the image and that in the Properties panel you have different properties for images: you can still view the coordinate positions and the width and height, but you can also choose another image, through the Browse button and maintain the aspect ratio (proportions) of the image.
It has placeholders for 3 speakers, and 3 topics, and an image which they discuss.
24
First add an image file in the Media file component the large grey rectangle on the stage. Click on the component (the grey rectangle) to select it. Then in the properties panel underneath the stage, click in Maintain aspect ration and then click on the Browse button next to Image path to select an image. From the mediaResources folder choose the images folder and select the file building2.jpg. Your GLO should look like this.
25
We only want 2 topics and 2 experts for our example, so first delete Topic 3 Select the Access Views component by clicking on it.
Then click on the pencil editing icon at the top (the editing controls are displayed when the component is selected).
To delete Topic 3 Click on Topic 3 to select it, and then on the delete icon which appears to the right. Topic 3 will be deleted.
26
Then give names to Topic 1 and 2. Select Topic 1 and rename it Origin. Select Topic 2 and rename it Purpose. Next delete Speaker 3. Select the first topic Origin, click on Speaker 3 and click on Delete.
Then give names to the 2 speakers. With the Origin topic still selected, select Speaker 1 and rename it Classical Architect. Select Speaker 2 and rename it Contemporary Architect.
Tip: Note that to change or add details to a speaker, you first need to select one of the topics.
27
Then add content to the topics and speakers: an image, a sound file and a transcript for each. Select Origin and then Classical Architect. To add an image for Classical Architect, in the properties panel next to Images click on the Browse button.
From the mediaResources folder, choose images and select the file female.jpg and click Open. With Origin and Classical Architect still selected, add a sound file. In the properties panel next to Sound click on Browse. From the mediaResources folder, choose audio and select the file originFemale.mp3. To add a transcript of the sound file, click on Browse next to Script, and from the mediaResources folder, choose transcripts and select the file originFemale.txt.
28
Repeat the process to add an image, sound and transcript file for Contemporary Architect for the Origin topic. Select Origin and then Contemporary Architect. In the properties panel next to Images click on the Browse button to add an image. From the mediaResources folder, choose images and select the file male.jpg. With Origin and Contemporary Architect still selected, add a sound file. In the properties panel next to Sound click on Browse. From the mediaResources folder, choose audio and select the file originMale.mp3. To add the transcript file, in the properties panel next to Script click on Browse, and from the mediaResources folder, choose transcript and select the file originMale.txt.
29
Next follow the same process to add sound and transcript files to the speakers for the Purpose topic. Select the Access Views component, click on the pencil edit icon, and click the radio button next to Purpose to select it. Add sound files for each speaker. Click on the Browse button next to Sound in the properties panel. For Classical Architect choose the file purpose_female.mp3 in the audio folder. For Contemporary Architect choose the file purpose_male.mp3.
Then add the transcript files. Click on the Browse button next to Script in the properties panel. For Classical Architect choose the file purpose_female.txt in the transcripts folder. For Contemporary Architect choose the file purpose_male.txt. Save your work from file click on Save.
30
To get each experts view, first click on a topic e.g. Origin and then on an expert.
The following control icons will appear under the expert, so that the user can: play the sound file stop the sound file view transcript of sound file. You can play the audio file and read the transcript text at the same time. The transcript will open in a pop-up window, which can be moved around the screen see next screenshot for an example.
Here you can see the transcript window open whilst the audio file is playing (the play audio icon has switched to pause).
31
Click on the Feedback button and a window will pop up in which you can add the feedback for Answer 1.
32
You may need to click on the MCQ Component and expand its size on the stage to be able to view all the content. To do this click on the component and drag the round resize handles.
The component comes configured with only 3 answers, but you can add more.
To add another question, click on the component to select it, and click on the pencil icon to edit it.
33
An Add Option button will appear at the bottom. Click on the Add Option button, and add the question and feedback for Answer 4.
Adjust the positioning of the questions on the screen again if necessary so they can all be viewed.
You then have to indicate the correct answer. With the component selected, and in edit mode, select the radio button for Answer 3.
It is very important to provide learners with clear instructions. Copy and paste the instructions text from the emiText file into the narrative window on the right.
34
Select the text box on the right hand side and click on the pencil edit icon. Paste in the text. Save your work.
You can also edit the text on the user Submit button. To do this, select the component, click on the pencil edit icon, and the Submit button will go into edit mode. Click on the Submit button and then change the text as you desire.
You can then go back to Designer and make changes to the position of the questions and the font size if you desire.
35
You can either type your own text into Enter text explanatory narrative box or you can copy and paste text (from the emiText.doc).
To add an image to this page click on the large grey box on the Stage, click in Maintain aspect ratio and then click on the Browse button to select an image.
36
The image should now display on the screen. You may need to adjust the size of the text box and the image and their positioning on the screen.
Click Preview to see how your completed GLO looks, and make any adjustments to the layout or content by going back to the Designer and making the desired adjustments.
When you are happy with your GLO, Save your work (from File choose Save).
37
Tip: You can package from any mode: Planner, Designer or Preview.
The Browse for folder window opens. Click on Make New Folder, and give it a name, for example GraduateCentreGLO. Click OK.
A screen will appear that confirms that your GLO has been successfully packaged. Click Close.
38
To view a finished GLO outside the authoring tool go to the folder where the GLO was saved and open the folder. Inside you will see a series of folders and files. Double clicking on the file GLO_Player.html will play the GLO from your PC in a browser. The other folders and files are required for the GLO to run. You can double click on the project.glo file to open your GLO in the GLO Maker tool. Please note: all files and folders of a completed GLO must remain together for it to work.
39
This will launch the Open window Navigate to where you previously saved your work and open the folder called The Graduate Centre, and select the filename of the GLO Graduate_Centre.glo (if you used a different name, remember to just click on the folder do not click on the folders inside the named folder). Click Open.
40
The Graduate Centre GLO should now open in GLO Maker in the Planner mode. Click on the Designer button to adapt the content of your GLO. To preview the GLO click first on the Designer button, then the Preview button from the Designer.
41
42
GLO Maker will display the Planner in Freestyle mode, so that you can create your own learning design.
From the left hand menu click on or select and drag an Add function: Introduce node onto the main screen area.
Tip: you can either click on a node to create it or drag and drop it onto the stage area. If you drag and drop you have more control over where the node is positioned.
Select and drag an Add function: Do Learning node onto the main screen and place it underneath the Add function: Introduction node.
43
Repeat this step so that there are 2 Add function: Assess/ Reflect nodes.
We will now label each node in the storyline and describe its function.
In the first node add a label. This example uses My Intro, but you can add your own text for both the title and description of the pedagogical function.
Note: if you are unsure what to write just copy the text in the next example.
Once you have added your text descriptions to all the nodes you need to join the nodes together to create a pedagogical sequence. Click on the black area at the bottom of the first node (My Intro) and a connection line should appear. Drag this to the node below (My Explanation). Repeat, until all the nodes are joined.
44
Moving and editing the sequence of nodes If you want to reposition a node on the stage you can click on and drag the node around. If you press the right mouse button over a node you have the following options: Extract Node will break the link to that node Delete Node will delete the node Delete All will delete all the nodes. You can align all the nodes together by clicking on the Align Nodes button at the top right above the stage. To save your pedagogical pattern (storyline) select File from the main menu, and select Save.
Select Desktop and click on the Create New Folder button. Give the new folder a name. We have used My Freestyle.
Then provide a File name for your GLO and click Save. We have called ours freestyle.glo. Tip: You should keep the .glo file extension, so that GLO Maker recognises the file.
45
When you are happy with your learning design, you can click on the Designer button and start to add content to your GLO.
In the Pedagogical sequence panel you will see that the labels you added for each node are displayed. Click on each node to add content to each slide. If you want to change the names of the labels, you can switch back to the Planner at any time and change them.
For more guidance on how to enter content in the Designer see Tutorial 3: Create a GLO with the eMI pattern. The process for entering content to slides is the same in each pattern, although the default screen templates may vary.
46
The Planner interface where you create and adapt your pedagogical storylines this screen shows the eMI pattern (Evaluating Multiple Interpretations)
In this tutorial you will adapt the storyline of the eMI pattern by adding two new nodes: we will add a Why Learn option and then an extra Multiple Choice node.
47
Adding a new node to the eMI storyline Open GLO Maker, choose Create New Project and select the eMI pattern.
From the palette on the left, click on or select and drag a Why Learn node onto the main screen area. This will create a new node.
Tip: you can either click on a node to create it or drag and drop it onto the stage area. If you drag and drop you have more control over where the node is positioned.
48
Drag the node anywhere in the main work area and release.
Now join up the new node between the What Topic and Main Task nodes.
Click on the black area at the bottom of the What Topic node and start to drag. This should display a connection line. Drag the connection line over to the Why Learn node and release.
Connect the Why Learn node to the Main Task node by clicking on the black area of the Why Learn node and dragging the connection line across.
The Why Learn node has now been inserted into the pedagogical storyline.
49
To tidy up the storyline layout, click on the Align Nodes button at the top.
Repeat the same process to add another Multiple Choice node and place it between the first Multiple Choice node and Reflect node in the storyline.
Saving your work To save your pedagogical pattern (storyline), select File from the main menu (top left of the screen).
50
In Save in: select Desktop and click on the Create New Folder button.
In the File name: box name the file GLOPattern.glo and click Save. Tip: Keep the .glo extension so that GLO Maker will recognise files created with it.
51
52
Text Most of the text in the GLO instances is stored inside the XML file and does not require any additional formatting or explanation. Presently the GLO Maker software prototype uses external text media in only one page instance (Access Views transcript of the audio media) and it is of simple text format -.txt or .TXT. Note when typing transcripts text into text files (that you consequently load into the LO) you can use standard html style tags, for example <b>this</b> would result in this, <i>this</i> would look like this finally <b><i>this</b></i> would look render like this. Images Presently two image media file types, JPG and GIF, are compatible with GLO Maker. The extensions for these file types are .jpg or .JPG and .gif or .GIF. The JPG format is recommended as it has been tested with GLO Maker more completely. Converting whatever image media format to JPG one can be done in a number of freely available image manipulation tools the most accessible one on a PC platform is a Paint software tool which enables opening of wide range of image formats and allows for conversion to JPG by Save as and then choosing the .jpg format for the file to be saved.
53
Audacity is a free software tool for audio editing/mixing and can also be used to convert from one audio file format to another. The software is available for download from here: Windows 2000/XP/Vista: Audacity 1.3.4 installer (.exe file, 2.9 MB) For Audacity installation manual click here, and read from page 141. Once Audacity software is installed the audio file of non-MP3 format can be imported for conversion. Please read below for one final issue regarding the conversion to MP3 format. The following is abbreviated from Audacity Manual (available here), page 92: Exporting MP3 Audacity cannot encode MP3 files by itself, because the MP3 encoding algorithm is patented and cannot legally be used in free programs. However, Audacity has been programmed to recognize other existing MP3 encoders that you can download separately. All you have to do is obtain the appropriate MP3 encoder for your computer and then show Audacity where it is located. To obtain the necessary encoder search Google for lame_enc.dll or download the encoder by clicking here. Installing the encoder The first time you try to export an MP3 file, Audacity will ask you to locate your MP3 encoder. Locate the file indicated above. From then on, Audacity will not need to ask you again and you will be able to export MP3 files easily!
54
Installing and using Media Coder software to convert video files to FLV format
Media Coder is a free software tool for video format conversion. The software is available for download from here: Windows 2000/XP/Vista: Media Coder 0.6.1 installer (.exe file). The only video format compatible with GLO Maker is Flash Video (with file extensions .flv or .FLV). The following section describes the process of converting a file of any video format to the Flash Video format. Converting videos to FLV with Media Coder When Media Coder is started the interface in Figure 1 is presented. Clicking on the Add button will allow you to select the file you want to convert. Once you have selected the file it will appear in the top left area; also, the Output Folder setting (text field in the top of the interface) needs to be set to the location where the converted file will be stored.
55
With the source file specified the next step is to set Media Coder to convert the source file to a FLV file. We do this by clicking on the Extensions button Figure 2 has this button highlighted.
Clicking on the Extensions button brings up the window - visual menu (Figure 3) depicting possible choices. The Flash Video Maker choice is highlighted in Figure 3.
56
The settings in MediaCoder Flash Video Maker control panel should, in most cases, be left as is. The conversion process is started by clicking on the Start Encoding button bottom right in Figure 4.
The duration of the conversion depends on the size of the file; progress can be monitored in the main interface, both in percentages and remaining time. After the conversion process is complete the converted file can be loaded into GLO Maker.
57
Using a VLE
You can add your GLO to the learning materials provided for your course within a VLE. All files included in the packaged version of the GLO must be uploaded to the VLE environment, but just link to the GLO_Player.html file to run the GLO. The following example uses London Metropolitans WebLearn facility (which is provided by Blackboard).
58