Working with area charts

We are going to design this activity using the following website: http://sheet.zoho.com/login.do?serviceurl=/home.do. First of all, you have to Sign Up for Free and then we can design our chart there. It is very interesting because we can embed the chart in our Moodle course.

Getting ready

We are not going to survey our students. We can look for online statistics about any topic, or we can upload an existing file to the aforementioned website. Therefore, we use the previous activity that we designed in Open Office and upload it to sheet.zoho.com.

How to do it...

You have to follow these steps in order to design the activity:

  1. Click on Import | Browse | Click on the file that you want to upload | Open | Import, as shown in the following screenshot:
    How to do it...
  2. Click on Import. The file created in Open Office will appear in this website. Create an area chart.
  3. Select the information in order to create the chart. Click on Add chart.
  4. Click on Area chart. Select the sub type and click on Next.
  5. Complete the Source Data block, then click on Next.
  6. Complete the Options block, then click on Done.
  7. Click on the chart. Click on Publish, as shown in the following screenshot:
    How to do it...
  8. A pop-up window displaying the HTML code will appear. Click on Select Snipped, and right-click and copy the code so that we can embed the chart in our Moodle course, as shown in the following screenshot:
    How to do it...
  9. Click on Close.
  10. Save the file in this: sheet.zoho.com.

How it works...

We did not create a chart in this activity because the idea was that you learned how to use an existing one and import it to another online spreadsheet. It is time to embed this area chart to our Moodle course. Therefore, we add a third element to the activity that we have first designed as a database. We are going to create a Chat activity so that there is interaction among our students and they can talk about their activities in their free time. Follow these steps:

  1. Click on Add an activity | Chat.
  2. Complete the Name of this chat room and Introduction text fields.
  3. Click on the HTML icon and copy the HTML code of the chart. You may embed the three charts that we have designed. In this case, you have to go back to sheet.zoho.com and copy the different HTML code for the other charts.
  4. Click on Save and display. The activity looks as shown in the following screenshot:
    How it works...
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.147.71.94