Moodle 2.0 Multimedia: Working with 2D and 3D Maps

Exclusive offer: get 50% off this eBook here
Moodle 2.0 Multimedia Cookbook

Moodle 2.0 Multimedia Cookbook — Save 50%

Add images, videos, music, and much more to make your Moodle course interactive and fun

$26.99    $13.50
by Silvina P. Hillar | June 2011 | Cookbooks Moodle Open Source

This article by Silvina P. Hillar, author of Moodle 2.0 Multimedia Cookbook, explains how to create and embed different types of either 2D or 3D interactive maps in our Moodle courses. The creation of these maps will be done using resources available in the Web 2.0 as well as the free and open source software. Thanks to these amazing tools, we can design and display interactive maps in our Moodle courses.

In this article, we will cover:

  • Creating maps with sceneries and Drawing regions within a map
  • Drawing 3D maps using Bing Maps and 3DVIA Shape for Maps
  • Using Google maps to locate European bridges
  • Displaying interactive information about the solar system
  • Working with constellation maps and Embedding a map of Mars
  • Labeling the moon and Watching the universe

 

Moodle 2.0 Multimedia Cookbook

Moodle 2.0 Multimedia Cookbook

Add images, videos, music, and much more to make your Moodle course interactive and fun

        Read more about this book      

(For more resources on Moodle 2.0, see here.)

Introduction

Whenever you think of a map, you may either think of the traditional planisphere or the terrestrial globe. There are several types of maps apart from those previously mentioned. We can work with maps of the moon, Mars, constellations, and even the universe! Thus, we are not only going to focus on our planet, but we are going to travel even further!

The topic of this article is going to deal with Traveling Around the World and Watching the Universe. After reading this article, you can focus on your next holiday!

We explain how to work with different types of maps. We are going to be as creative as possible. We should try to work with maps in an unconventional way. That is to say, the idea is to use a map for a Geography class, but we can use maps as a resource for any type of activity. Thus, we can work with the Geography teacher and he/she could work on another geographical feature of the place that we are working with. Therefore, in that way, we are adding more information to the place we are exploring.

Maps are very attractive and they may become quite appealing to our students as long as we find a way to develop a rich activity using them. We should encourage the use of maps and the available resources that we have on the Web so that they can insert them in their homework by themselves as well. Thus, we can develop the activities in such a way that we can either provide the map or ask them to design a map.

We can also work with maps in the case of Literature. We can ask students to draw a map of a place that has never existed in the real world, though it did in a story. Thus, another bit of homework that could prove helpful would be for students to design and carry out the map of such a place using the tools that we are going to explore in the following recipes. An example of this could be to draw the map of the country Ruritania and locate the cities of Zenda and Strealsau. These places do not exist in the real world, but they exist in the book The Prisoner of Zenda by Anthony Hope. So, many things can be done with maps.

Creating maps with sceneries

In this activity, we are going to create a map with sceneries. Therefore, we could either browse our files for pictures from our trips or holidays, or we can search for sceneries on the Web. After selecting the pictures, we create a new folder in Windows Explorer, for example C:\Images_Traveling. In this folder, we save all the pictures so as to organize our work.

We will use the following well-known website: http://earth.google.com/ to design a map using the pictures we have saved in the folder that we have just created. Let's get ready!

Getting ready

In this activity, we will work with the previously mentioned website. Therefore, we need to open the web browser and enter it. Click on Download Google Earth 6. Read the Google Maps/Earth Terms of Service and if you agree, click on Agree and Download. The icon of Google Earth will appear on your desktop, as shown in the following screenshot:

How to do it...

We have already carried out the first steps for this activity. Now, we have to design the maps with the pictures that we want to add. There are also some pictures that are available in the maps; you can also work with them, though the aim of this activity is to upload images in the map. Follow these steps in order to create a folder and find images for the activity:

  1. Click on the icon on your desktop and open Google Earth.
  2. Bring the Earth closer with the icons on the right. Locate a remote city in the southern hemisphere, as shown in the following screenshot:

    Moodle 2.0 Multimedia: Working with 2D and 3D Maps

  3. In the Fly to block, write "Mar del Plata", or any other remote city. Then press Enter or click on the magnifying glass next to the block.
  4. You will travel virtually to the desired city. Bring the map forward and locate the place where the picture to be uploaded was taken.
  5. Click on Add | Photo.
  6. Complete the Name block.
  7. Click on Browse. Search for the picture that you want to upload and click on it.
  8. Complete the other blocks: Description | View | Photo.
  9. Click on OK.
  10. The picture will appear, as shown in the following screenshot:

  11. You can repeat the same process as many times as the number of pictures you want to upload.
  12. After uploading all the pictures, click on File | Save | Save Image, as shown in the following screenshot:

    Moodle 2.0 Multimedia: Working with 2D and 3D Maps

  13. Complete the File name block and click on Save.

How it works...

After uploading the desired pictures to the map, we can create an activity. We could start this course with a little social interaction. We ask our students to think about what element they shouldn't forget if they happen to go to this place. They may not know this city, for sure, unless they live nearby. This is the most interesting part of inserting a remote city that they may want to know more about it! Therefore, a Chat is a good idea to have where all the students will be invited in order to discuss the city.

We upload the map that we have created with the images to our activity within the Moodle course. Choose the weekly outline section where you want to insert this activity and follow these steps:

  1. Click on Add an activity | Chat.
  2. Complete the Name of this chat room and Introduction text blocks.
  3. Click on the Insert/edit image icon | Find or upload an image | Browse and look for the image that we have just saved.
  4. Click on Upload this file.
  5. Complete the Image description block and click on Insert.
  6. Click on Save and return to course. The activity looks as shown in the following screenshot:

Drawing regions within a map

In this activity, we are going to use an interactive website in which we choose a map to work with. It is a very simple one, but we could enhance it by adding interesting ingredients to the recipe. We will use a software for drawing a region on the map, and highlight a region for our students to work with. As it was pointed out before, we are not going to focus on geographical features, though you can add this ingredient yourself when designing the activity.

Getting ready

We open our default web browser and work with the following website: http://www.fusioncharts.com/maps/Default.asp. We click on Map Gallery and choose a map to work with. In this case, we choose a map of the world and highlight five regions, one for each continent. You can modify it and work with different regions within a continent or a country too.

How to do it...

We look for the desired map. We can find different types of maps to work with. Everything depends on what type of activity we have in mind. In this case, as the topic of this article has to do with traveling, we circle five regions and ask our students to choose where they would like to go. First of all, we have to find the map and save it as an image so that we can draw the regions and upload it to our Moodle course. Therefore, follow these steps:

  1. Click on click here | World Map with countries on the aforementioned site.
  2. Another pop-up window appears, displaying a map of the world with the countries. There appears a Map Configuration block where you can customize some features, as shown in the next screenshot.
  3. Click on Save Map as Image, as shown in the following screenshot:

    Moodle 2.0 Multimedia: Working with 2D and 3D Maps

  4. Another pop-up window will appear. Click on Save.
  5. Complete the File name block.
  6. Click on Save.
  7. Click on Open.
  8. A pop-up window displaying the map will appear. Click on File | Copy.
  9. Paste the map in Paint or Inkscape. Click on Edit | Paste from and browse for the name of the file.
  10. Select the file and click on Open.
  11. Use the resources available to draw the regions that you want students to work with, as shown in the following screenshot:

  12. Click on File | Save as and write a name for the file.
  13. Click on Save.

How it works...

We have already drawn the regions that we want our students to work with. We have chosen one country from every continent; you can choose another or design it in a different way. We can add a writing activity in which students choose where they would like to travel using the previous map.

Select the weekly outline section where you want to add the activity and follow these steps:

  1. Click on Add an activity | Upload a single file within Assignments.
  2. Complete the Assignment name and Description blocks.
  3. Click on the Insert/edit image icon | Find or upload an image | Browse.
  4. When you find the image that you want to upload, click on Open | Upload this file.
  5. Complete the Image description block.
  6. Click on Insert.
  7. Click on Save and return to course. The activity is ready!
  8. When students click on the activity, it looks as shown in the following screenshot:

Labeling a map with pins

In this recipe, we will learn how to insert a map in our Moodle course labeled with pins, because we pin all the cities that we are going to work with. Therefore, we insert the map as a resource. After that, we design activities for our students to use the interactive map that we have just added. It is another way to use a resource, making our Moodle course more appealing to the eyes of our students.

Getting ready

We are going to work with Google Earth, as we did in the first recipe, so we have already installed it. We should think of the cities to insert in our course because we need to pin them all!

How to do it...

Click on the Google Earth icon that you have on your desktop. This is a way to enrich our traveling course by enhancing its appearance. So, these are the steps that you have to follow:

  1. Complete the Fly to block with the place that you want to pin.
  2. Click on the yellow pin, as shown in the following screenshot:

  3. A pop-up window will appear. Complete the Name block by writing the name of the city.
  4. Check the Latitude and Longitude, so that you place the pin correctly.
  5. You may complete the Description block.
  6. You can change the appearance of the pin by clicking on the pin itself. Another pop-up window will appear showing different sorts of icons, as shown in the following screenshot:

    Moodle 2.0 Multimedia: Working with 2D and 3D Maps

  7. You can choose the desired icon by clicking on it | OK. The icon that you have selected will appear in the map.
  8. Pin as many cities as you are going to work with and repeat steps 1-7.
  9. After pinning all the cities, save the file. Click on File | Save | Save Place as.
  10. Complete the File name block (remember to save the file in the folder which was created for this course) | Save.
  11. You have already saved the pinned map.

How it works...

We have to insert the map in our Moodle course. In this case, we are going to Add a resource, because we are introducing all the activities that are to come. So, choose the weekly outline section where you want to save the resource. These are the steps that you have to follow:

  1. Click on Add a resource | File.
  2. Complete the Name and Description blocks.
  3. Click on Add | Browse.
  4. Click on the file that you are going to upload | Open | Upload this file | Save and return to course.

Although we have added a file, students can work with the map interactively!

There's more

We can embed the map in an HTML block in our Moodle course. Click on the downwards arrow next to Add... in Add a block, as shown in the following screenshot:

Moodle 2.0 Multimedia: Working with 2D and 3D Maps

Choose HTML and a new block will appear in our Moodle course.

Embedding a map in an HTML block

Open Google Earth and follow these steps in order to embed the map in the block that we have already added:

  1. Click on the View in Google Maps icon, as shown in the following screenshot:

  2. Another window appears. Click on Link | Customize and preview embedded map, as shown in the following screenshot:

    Moodle 2.0 Multimedia: Working with 2D and 3D Maps

  3. Click on Custom and adjust the Width and Height.
  4. In the Preview section, click on the minus sign and adjust the map to fit the window.
  5. Copy the HTML code to embed in our Moodle course.
  6. Go back to the Moodle course and click on the configuration icon to embed the map.
  7. Complete the Block title.
  8. In the Content block, click on the HTML icon, paste the HTML code which was copied, and click on Update.
  9. Click on Save changes. The map will look as shown in the following screenshot:

    Moodle 2.0 Multimedia: Working with 2D and 3D Maps

Moodle 2.0 Multimedia Cookbook Add images, videos, music, and much more to make your Moodle course interactive and fun
Published: May 2011
eBook Price: $26.99
Book Price: $44.99
See more
Select your format and quantity:
        Read more about this book      

(For more resources on Moodle 2.0, see here.)

Drawing 3D maps using Bing Maps

In this recipe, we will work with the following website: http://www.bing.com/maps/. We are going to add social activity to our Moodle course because we are designing a Wiki activity. We ask our students to imagine that they are architects and that they have to travel to San Sebastian, Spain to build a shopping center there. Therefore, we locate the said city in the map using the aforementioned website; you can also use Google Earth, as we did in the other recipes.

Getting ready

We open your default web browser and look for the aforementioned website. We look for San Sebastian, Spain and we select an area in which our students have to locate the shopping center. So, if you do not happen to know the place, there will appear some information on the left-hand side of the margin giving data as well as images of the places that are there.

How to do it...

Follow these steps in order to select an area of the map and embed it to our Moodle course, and also to develop the activity:

  • Click on the star that appears at the bottom on the left-hand margin.
  • Another pop-up window will appear in which you can find several options to carry out. Click on My Places | New list in order to save the area of the map. Complete the blocks within the Properties section: Title, Notes, and Tags blocks.
  • Click on Save.
  • Click on 2D on the left-hand margin so that you can mark an area within the map.
  • Click on the Mark an area within the map icon (circled in the following screenshot) and select the area that you want your students to take into account. Your map will look as shown in the following screenshot:

  • Save the changes.
  • Click on the Share your map icon, next to the star on the bottom left-hand margin (it looks like an envelope).
  • Click on Customize and preview. Embed this part of the map. You can choose to embed either a Static map or a Draggable map.
  • After you customize your options, click on Generate code | Copy code to paste this code in the Moodle course.

How it works...

We have just finished designing the map, the part of the world that we want our students to travel in order to build a shopping center. We enter and choose the weekly outline section where we want to design the activity. We are going to carry out this activity in Wiki so that students can interact among themselves:

  1. Click on Add an activity | Wiki.
  2. Complete the Wiki name and Wiki description blocks.
  3. Click on the HTML icon and paste the code. Click on Update.
  4. Click on Save and return to course.
  5. The activity looks as shown in the following screenshot:

Moodle 2.0 Multimedia: Working with 2D and 3D Maps

Drawing 3D maps using 3DVIA Shape for Maps

This activity is very appealing because we can draw in a map. We select a city and we can either design a task for our students to draw in the map or we can draw in the map and ask our students for their opinion. In this case, we do the latter. We need a live account in order to publish the model that we create afterwards. Unfortunately, this activity is limited to Windows users.

Getting ready

Open the following website: http://www.3dvia.com/products/3dvia-shape-formaps/. Then click on Free download. You can build models such as the one shown in the following screenshot:

How to do it...

After downloading it, an icon on our desktop will appear. In this activity, we are going to ask our students to travel to Cape Town, South Africa. We design a house and ask them what changes they would make to the house if they happened to go there and live for a school year.

We open 3DVIA Shape for Maps, and the following are the steps that you have to follow in order to design the activity:

  1. Type the location that you want to see in the map in the block that says Type your location here..., as shown in the following screenshot:

  2. Click on the magnifying glass icon. Click on Road and bring the map forward.
  3. Click on Start modeling.... The map will appear as a background image. You are going to start modeling your house.
  4. Click on the Grid icon to check the orientation of the rectangle.
  5. Click on the Rectangle (R) icon and draw a rectangle; you have to click to start and click to finish, as shown in the following screenshot:

    Moodle 2.0 Multimedia: Working with 2D and 3D Maps

  6. Click on the Push n Pull (P) icon to add volume to the rectangle. Move the mouse upwards.
  7. Click on the Draw (D) icon and draw a line in the middle of the roof of the house.
  8. Click on the Deform (M) icon. Select the line that you have just drawn and drag the yellow arrow in order to create a roof.
  9. Click on the Rectangle (R) icon again in order to draw the doors and windows of the house.
  10. Click on the Rotate icon, so that you draw the back doors or windows of the house as well.
  11. Click on the Push n Pull (P) icon to give volume to the doors and windows.
  12. Click on the Paint (X) icon, to decorate the house. You can choose different textures, paints, and so on.
  13. You can also add some elements to the house such as trees, cars, a swimming pool, and so on. Type what you want to add in the search box at the bottom.
  14. Click on Publish. Complete the following pop-up window:

    Moodle 2.0 Multimedia: Working with 2D and 3D Maps

  15. Another pop-up window will appear. You have to give a name for the model. Then click on Publish.
  16. Click on Display on map. The house will appear in Bing Maps. It will be as shown in the following screenshot:

    Moodle 2.0 Multimedia: Working with 2D and 3D Maps

  17. In order to embed the map with the image in our Moodle course, see the previous recipe in order to get the embedding code.

How it works...

We have just created the multimedia part of the activity. Now we have to embed it in our Moodle course. We are going to create a Database in which we ask our students to give their opinions about the house. Another option would be to create a Forum activity where students can debate about this creation. We can work together with the Geography teacher, who can add data about the climate of a said place and add any other changes to the house. These are the steps that you have to follow:

  1. Click on Add an activity | Database.
  2. Complete the Name and Introduction blocks.
  3. Click on the HTML icon. Paste the code in order to embed the map. Click on Update.
  4. Click on Save and display.
  5. Click on the downwards arrow in Create a new field and choose Text.
  6. Complete the Field name with questions. Click on Add. Write as many questions as necessary to guide students to think of possible changes to the house, as shown in the following screenshot:

  7. Click on Save | Continue and go back to the course. The activity is ready to work with!

Using Google maps to locate European bridges

In this recipe, we have the possibility to travel to France, and visit the River Seine. There are a lot of bridges along this river, therefore we ask our students to go along this river by boat. They have to find all the bridges along it and mark them in the map. Another possibility is for us to do this task the other way round and ask them to find some information.

Getting ready

We look for a website giving information about the bridges in the Seine River, such as http://www.pariswater.com/ponts/. In this website, you can find the bridges on the left. As you click on each of them, a bigger picture is displayed in the middle of the page. There is information about the bridge both in English and French. Therefore, we could also work with the French teacher as well as the Geography one!

How to do it...

We work with maps because we have to travel through this beautiful river by boat. Our students will have to locate all the bridges along the Seine River. Therefore, we will work with http://maps.google.com/. We visit this website and look for this river. Follow these steps in order to link the map in our Moodle course:

  1. After you find the desired location, click on Link, as shown in the following screenshot:

  2. Copy the URL because you are going to paste it in the Moodle course.

How it works...

We have the map and the website with the information about the bridges. So, now we can design the activity in Advanced uploading of files, in case they need to upload more than one file. Here are the steps that you have to follow:

  1. Click on Add an activity | Advanced uploading of files.
  2. Complete the Assignment name and Description blocks.
  3. Mark a link to the website describing the bridges: http://www.pariswater.com/ponts/.
  4. Mark a link to the website of the map: http://goo.gl/maps/2R83.
  5. Click on Save and return to course. The activity looks as shown in the following screenshot:

Moodle 2.0 Multimedia Cookbook Add images, videos, music, and much more to make your Moodle course interactive and fun
Published: May 2011
eBook Price: $26.99
Book Price: $44.99
See more
Select your format and quantity:
        Read more about this book      

(For more resources on Moodle 2.0, see here.)

Displaying interactive information about the solar system

The title of the recipe is telling us that we are traveling far away from planet Earth, which means we are no longer traveling by boat or by plane. We have decided to travel as Dennis Tito did on Saturday 28th April, 2001. Yes, we travel in a spaceship and into space. We are going to see the solar system from the window of our rocket.

This is a very simple and appealing recipe because we work with a quite amusing as well as entertaining website. It offers a free astronomy resource designed to teach children about the exciting world of outer space, as stated on the website.

Getting ready

Visit the following website: http://www.kidsastronomy.com/index.htm. We click on Solar System, as shown in the following screenshot:

Image credit: http://www.kidsastronomy.com/index.htm.

How to do it...

We are going to insert a passive activity in our Moodle course; that is to say we add a resource. We choose the weekly outline section where we want to place it. Then, follow these steps in order to carry it out:

  1. Click on Add a resource | URL.
  2. Complete the Name and Description blocks.
  3. Complete the Content block and copy the following URL: http://www.kidsastronomy.com/solar_system.htm, as shown in the following screenshot:

  4. Click on Save and return to course.

How it works...

As stated before, it is a simple recipe. We can just work with this amazing website. Students click on the planets and information is displayed about them. Thus, you can make any other links or add any other activities, including games. Therefore, the resource looks as shown in the following screenshot:

Image credit: http://www.kidsastronomy.com/solar_system.htm.

Working with constellation maps

We continue our trip into the space. As you have realized, we started within the Earth and from the previous recipe onwards, we continue in our spaceship. In this recipe, we visit the constellations.

Another accurate trip to work with constellations is to travel back in time and tell our students how sailors used to guide themselves with stars. However, we are not going to use that kind of trip or going back in time; it's just a tip for you to take into account!

Getting ready

We are going to work with space; therefore, we may use Google Earth.

We click on the planet icon and choose Sky, as shown circled in the following screenshot:

Moodle 2.0 Multimedia: Working with 2D and 3D Maps

Another option is to use the following website: http://www.astroviewer.com/index.php, which is better because we can embed the map of the constellations. Click on For your website and click on interactive night sky map. Copy the HTML code so as to embed the map in our Moodle course afterwards.

How to do it...

We have just found what to use to work with constellation maps. It is time to design the activity in our trip. We are traveling, and from the window of our spaceship we can see many stars; as you know, these stars together seen from Earth form different constellations.

We work with this map because students can travel in space and see the constellations in 3D. After they explore the universe, they complete a glossary in our Moodle course with the names of the constellations. They add the necessary information about them. Another option would be to design a Database activity instead of a Glossary.

Then, they can play a game in which they have to name the constellation. We can add this game as a final task of our project because they already have the necessary information to recognize the constellations in the sky. Thus, we choose the weekly outline section where we want to place the activity and follow these steps in order to carry out the activity in our Moodle course:

  1. Click on Add an activity | Glossary.
  2. Complete the Name and Description blocks.
  3. Click on the HTML icon. Paste the HTML code that you have copied from the website in order to embed the sky map of constellations.
  4. Click on Update.
  5. Click on Save and return to course. The activity looks as shown in the following screenshot:

Moodle 2.0 Multimedia: Working with 2D and 3D Maps

Image credit of the Mini - AstroViewer icon embedded in Moodle course: http://www.astroviewer.com. Copyright by Dirk Matussek.

How it works...

After so much work, students deserve to play. Therefore, we make a link to a website in which students can play the constellations game. Follow these steps in order to add the resource:

  1. Click on Add a resource | URL.
  2. Complete the Name and Description blocks.
  3. Complete the External URL block within the Content box. Copy the following URL: http://www.kidsastronomy.com/astroskymap/constellation_hunt.htm.
  4. Click on Save and return to course. The activity looks as shown in the following screenshot:

Moodle 2.0 Multimedia: Working with 2D and 3D Maps

Image credit: http://www.kidsastronomy.com/astroskymap/constellation_hunt.htm.

Whenever you click on See The Constellations, they are seen with the lines in the sky, as shown in the previous picture.

Embedding a map of Mars

In this recipe, we focus on the Red Planet—Mars. We work with a website that will allow us to embed a map of Mars. Therefore, visit: http://hubblesite.org/gallery/album/pr1999027f/. Apart from embedding the map, we also have the possibility of saving the image of the said map so that we can upload it to our Moodle course.

Getting ready

We can also add more information about this planet. Therefore, we can look for data for educators in the following website: http://tinyurl.com/49agtvy. According to the type of activity that we are going to develop, we can choose an appropriate link.

Now, it's time to Moodle it!

How to do it...

We design the following activity in two parts. The first part is a resource and the second part consists of the production of our students (the result of the trip). Thus, we ask our students to travel to the Red Planet, but before doing so we have to give them information about the place to visit. Follow these steps in order to add the resource in our Moodle course:

  1. Click on Add a resource | URL.
  2. Complete the Name and Description blocks.
  3. Complete the External URL block within the Content box. Copy the following URL: http://tinyurl.com/4lvm2jy.
  4. Click on Save and return to course. The activity looks as shown in the following screenshot:

Moodle 2.0 Multimedia: Working with 2D and 3D Maps

How it works...

We are going to embed the map of Mars because we do not want our students to get lost. After that, we ask them to write down their experience in their virtual journey, including as much information as possible. We can also direct the assignment by guiding them on how to produce their report.

We design the activity in Upload a single file. Therefore, follow these steps in order to add the assignment to our Moodle course:

  1. Click on Add an activity | Upload a single file within Assignments.
  2. Complete the Assignment name and the Description blocks.
  3. Enter the following website: http://hubblesite.org/gallery/album/pr1999027f/. Click on EMBED and copy the HTML code that appears.
  4. Go back to the Moodle course, click on HTML, and paste the HTML code that you have copied before. Click on Update.
  5. Click on Save and return to course. The activity looks as shown in the following screenshot:

Moodle 2.0 Multimedia: Working with 2D and 3D Maps

Image credit: http://hubblesite.org/gallery/album/pr1999027f/.

Photo credit: Steve Lee (University of Colorado), Jim Bell (Cornell University), Mike Wolff (Space Science Institute), and NASA.

Labeling the moon

In this recipe, we travel to the moon. Therefore, we work with Google Earth again. We label the parts of the moon that we want our students to explore. We can also embed related videos from http://www.youtube.com, which are available in Google Earth.

Getting ready

Open Google Earth, click on the planet, and choose Moon, as shown in the following screenshot:

Moodle 2.0 Multimedia: Working with 2D and 3D Maps

How to do it...

We choose a section of the moon that we want our students to explore. We can choose one of the Apollo Missions on the left-hand margin in Google Earth within Layers in the Earth Gallery. We choose Apollo 17, because there is also an interesting video available on YouTube that we can embed in order to strengthen our activity. You can search on the said website by just typing "Apollo 17", and several videos appear.

We follow these steps in order to capture a photo labeling the Moon in the part that we want our students to explore. Follow these steps:

  1. Click on Apollo 17. A pop-up window will appear displaying information about the different resources available.
  2. Click on Zoom in at the bottom of the window in order to explore the landing site.
  3. Click on the Add placemark icon on top. Complete the pop-up window, as shown in the following screenshot:

    Moodle 2.0 Multimedia: Working with 2D and 3D Maps

  4. Click on OK.
  5. Click on File | Save | Save image.
  6. Complete the File name block.
  7. Click on Save.
  8. You can also choose a video about this place on the moon to embed it in our Moodle course.
  9. Click on Watch on YouTube, as shown in the following screenshot:

    Moodle 2.0 Multimedia: Working with 2D and 3D Maps

  10. Click on Embed and copy the HTML code in order to embed the said video in our Moodle course.

How it works...

We have plenty of multimedia assets to work with. It is time to create an activity in our Moodle course about traveling to the moon.

We are going to create a Forum, because we want our students to add their opinions about this mission. Therefore, choose the weekly outline section where you want to add the activity and follow these steps:

  1. Click on Add an activity | Forum.
  2. Complete the Forum name and the Forum introduction blocks.
  3. Click on the Insert / edit image icon.
  4. Click on Find or upload an image | Upload a file | Browse.
  5. Click on the image of the moon that we had saved before.
  6. Click on Open | Upload this file | Insert.
  7. Complete the Image description block.
  8. Click on Insert.
  9. Click on the HTML icon.
  10. Paste the HTML code from YouTube.
  11. Click on Update.
  12. Click on Save and return to course. You have created a rich activity!

Watching the universe

In this recipe, we design a very simple activity. We are going to go on traveling into space and watch the universe. We will explore the other planets. Therefore, let's get ready for our last stop.

Getting ready

We are going to add an offline activity. This time we ask our students to choose a planet to explore. We have already worked with many websites that allow us to work with maps, either to embed them, take a picture of the desired location, or make a link to them. So, you are free to choose.

How to do it...

We are going to choose a website to work with, so that our students are provided with some material to work with. One option is to divide the activity in two parts, adding a resource and afterwards the activity. Another option is to make a link to the website that we are going to work with within the activity. After deciding the website, we design the offline activity. Let's see how it works!

How it works...

We choose the weekly outline section where we want to place our activity. These are the steps that you have to follow:

  1. Click on Add an activity | Offline activity within Assignments.
  2. Complete the Assignment name and Description blocks.
  3. Make a link to the website that you are going to work with, if you did not include a resource in the activity.
  4. Click on Save and return to course. The activity looks as shown in the following screenshot:

Moodle 2.0 Multimedia: Working with 2D and 3D Maps

Summary

This article illustrated how to create and embed different types of 2D and 3D interactive maps in your Moodle courses. The recipes used Web resources as well as free and open source software to build and display interactive maps.


Further resources on this subject:


About the Author :


Silvina P. Hillar

Silvina P. Hillar is an Italian, who has been teaching English since 1993. She has always had a great interest in teaching writing and composing techniques, and has done a lot of research on this subject. She has been investigating and using mind mapping for more than ten years in order to embed it into teaching.

She is an English teacher, a certified legal translator (English/Spanish) and has a post graduate degree in Education (in which she graduated with honors).

Silvina has been working in several schools and institutes with native English speaking students and as an independent consultant for many international companies as an interpreter, translator, and VLE (Virtual Learning Environment) course designer.

She has always had a passion for technological devices concerning education. Former videos and cassettes were a must in her teaching lessons, and the computer was and still is present. Her brother Gastón C. Hillar designed some programs and games for her teaching. Lately, she has been teaching using Moodle and the Web 2.0. She believes that one of the most amazing challenges in education is bridging the gap between classic education and modern technologies.

She has been doing a lot of research on multimedia assets which enhance the teaching and learning through VLE platforms. She tries to embed the learning of students through new resources which are appealing and innovative for them. Thus, multimedia stimulates cognitive as well as creative abilities.

Silvina has also authored three books at Packt Publishing, which are Moodle 1.9: The English Teacher’s Cookbook, Moodle 2 Multimedia Cookbook, and MindMapping with FreeMind.

Books From Packt


Moodle JavaScript Cookbook
Moodle JavaScript Cookbook

Moodle 2.0 for Business Beginner's Guide
Moodle 2.0 for Business Beginner's Guide

Science Teaching with Moodle 2.0
Science Teaching with Moodle 2.0

Moodle Security
Moodle Security

History Teaching with Moodle
History Teaching with Moodle

Moodle 1.9 Top Extensions Cookbook
Moodle 1.9 Top Extensions Cookbook

Moodle 1.9 for Design and Technology
Moodle 1.9 for Design and Technology

Moodle as a Curriculum and Information Management System
Moodle as a Curriculum and Information Management System


Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Resources
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software