Difference between revisions of "Moodle-Learning-Management-System/C2/Formatting-Course-material-in-Moodle/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
Line 15: Line 15:
  
 
Learning Objectives:
 
Learning Objectives:
 +
 +
  
 
| style="border:1pt solid #000000;padding:0.176cm;"| In this tutorial, we will learn about:
 
| style="border:1pt solid #000000;padding:0.176cm;"| In this tutorial, we will learn about:
Line 21: Line 23:
 
* Adding additional '''course material'''
 
* Adding additional '''course material'''
 
* '''Formatting''' options in the default '''text editor'''
 
* '''Formatting''' options in the default '''text editor'''
 +
 +
  
 
|-
 
|-
Line 28: Line 32:
 
OS, Web Server and Moodle Versions
 
OS, Web Server and Moodle Versions
 
| style="border-top:1pt solid #000000;border-bottom:1pt solid #ead1dc;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.176cm;"| This tutorial is recorded using:
 
| style="border-top:1pt solid #000000;border-bottom:1pt solid #ead1dc;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.176cm;"| This tutorial is recorded using:
 +
  
 
* '''Ubuntu Linux OS 16.04'''
 
* '''Ubuntu Linux OS 16.04'''
 
* '''Apache, MariaDB '''and''' PHP''' obtained through''' XAMPP 5.6.30'''
 
* '''Apache, MariaDB '''and''' PHP''' obtained through''' XAMPP 5.6.30'''
* '''Moodle 3.3 ''' and
+
* '''Moodle 3.3 '''
 +
 
 +
And
 +
 
 
* '''Firefox '''web browser  
 
* '''Firefox '''web browser  
  
Line 40: Line 48:
  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 4:'''
+
| style="border-top:1pt solid #000000;border-bottom:1pt solid #ead1dc;border-left:1pt solid #000000;border-right:1pt solid #ead1dc;padding:0.106cm;"| '''Show Slide 4:'''
  
 
Assumptions
 
Assumptions
Line 46: Line 54:
  
  
| style="border-top:1pt solid #000000;border-bottom:1pt solid #ead1dc;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.176cm;"| This tutorial assumes that  
+
| style="border:1pt solid #ead1dc;padding:0.106cm;"| This tutorial assumes that  
  
 
* your '''site administrator''' has set up a '''Moodle website'''
 
* your '''site administrator''' has set up a '''Moodle website'''
 
* and registered you as a '''teacher.'''
 
* and registered you as a '''teacher.'''
 +
 +
  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 5:'''
+
| style="border-top:1pt solid #ead1dc;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.176cm;"| '''Show Slide 5:'''
  
  
 
Prerequisites
 
Prerequisites
| style="border-top:1pt solid #000000;border-bottom:1pt solid #ead1dc;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.176cm;"|  
+
| style="border-top:1pt solid #ead1dc;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.106cm;"| * Learners of this tutorial should have  
* Learners of this tutorial should have  
+
 
** a '''teacher login''' on '''Moodle'''
 
** a '''teacher login''' on '''Moodle'''
 
** at least one '''course '''assigned to them by the '''administrator'''
 
** at least one '''course '''assigned to them by the '''administrator'''
 
** some course material uploaded for their respective '''course'''
 
** some course material uploaded for their respective '''course'''
 
* If not, please refer to the relevant '''Moodle''' tutorials on this website.
 
* If not, please refer to the relevant '''Moodle''' tutorials on this website.
 +
 +
  
 
|-
 
|-
Line 68: Line 79:
 
Enter http://127.0.0.1/moodle/
 
Enter http://127.0.0.1/moodle/
 
| style="border:1pt solid #000000;padding:0.106cm;"| Switch to the browser and open your '''Moodle site.'''
 
| style="border:1pt solid #000000;padding:0.106cm;"| Switch to the browser and open your '''Moodle site.'''
 +
 +
 +
  
 
|-
 
|-
Line 97: Line 111:
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.106cm;"| '''Slide 5: '''Resources in Moodle
 
| style="border:1pt solid #000000;padding:0.106cm;"| '''Slide 5: '''Resources in Moodle
| style="border:1pt solid #000000;padding:0.106cm;"|  
+
| style="border:1pt solid #000000;padding:0.106cm;"| * All '''course material '''in '''Moodle '''are called '''Resources'''.  
* All '''course material '''in '''Moodle '''are called '''Resources'''.  
+
 
* These are '''material '''that a teacher uses to support learning.
 
* These are '''material '''that a teacher uses to support learning.
 
* '''Resources''' could be internal like lecture notes, books or external like '''Wikipedia links'''
 
* '''Resources''' could be internal like lecture notes, books or external like '''Wikipedia links'''
 +
 +
  
 
|-
 
|-
Line 116: Line 131:
  
  
Note: you need to turn the '''editing on''' to make any changes to the '''course'''.
+
Note you need to turn the editing on to make any changes to the course.
  
  
Line 152: Line 167:
  
  
Copy and paste the text from '''Basic Calculus - Involutes.odt '''file.
+
Copy and paste the text from '''BasicCalculus-Involutes.odt '''file.
  
  
Line 238: Line 253:
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight '''Add media icon'''.
 
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight '''Add media icon'''.
| style="border:1pt solid #000000;padding:0.106cm;"| The next option is to add '''media'''. This could be a '''URL''','''video''' or '''audio''' file .
+
| style="border:1pt solid #000000;padding:0.106cm;"| The next option is to add '''media'''. This could be a''' URL, video''' or '''audio''' file.
  
  
Line 248: Line 263:
  
 
Highlight the image already present.
 
Highlight the image already present.
| style="border:1pt solid #000000;padding:0.106cm;"| The next option is''' Manage Files. '''Let’s click on it.
+
| style="border:1pt solid #000000;padding:0.106cm;"| The next option is''' Manage Files. '''Let’s click on it.  
  
  
Line 254: Line 269:
  
  
These could include '''assignment submissions, resource files,''' etc.  
+
This could include '''assignment submissions, resource files,''' etc.  
  
  
Line 294: Line 309:
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.106cm;"| Drag the assignment file.
 
| style="border:1pt solid #000000;padding:0.106cm;"| Drag the assignment file.
 +
 +
 +
 
| style="border:1pt solid #000000;padding:0.106cm;"| Let me drag my file inside the '''Assignments '''folder.  
 
| style="border:1pt solid #000000;padding:0.106cm;"| Let me drag my file inside the '''Assignments '''folder.  
  
Line 317: Line 335:
 
| style="border:1pt solid #000000;padding:0.106cm;"| '''Slide 6a: Assignment'''
 
| style="border:1pt solid #000000;padding:0.106cm;"| '''Slide 6a: Assignment'''
 
| style="border:1pt solid #000000;padding:0.106cm;"| Now, pause the tutorial and do this small assignment:
 
| style="border:1pt solid #000000;padding:0.106cm;"| Now, pause the tutorial and do this small assignment:
 +
  
 
* Create a folder '''Reference Material'''.  
 
* Create a folder '''Reference Material'''.  
 
* Ensure that the folder is inside the '''Files''' folder and not inside the subfolder '''Assignments'''.
 
* Ensure that the folder is inside the '''Files''' folder and not inside the subfolder '''Assignments'''.
 +
 +
  
 
|-
 
|-
Line 326: Line 347:
  
 
'''Upload the 3 reference files:'''
 
'''Upload the 3 reference files:'''
# R1-Curvature Evolutes.pdf
 
# R2-Differential geometry.pdf
 
# R3-Iterating Evolutes and Involutes.pdf
 
| style="border:1pt solid #000000;padding:0.106cm;"|
 
Upload the 3 files.
 
  
You will find them in the '''code files '''link of this tutorial.
+
 
 +
# Ref1-Curvature-Evolutes.pdf
 +
# Ref2-Differential-Geometry.pdf
 +
# Ref3-Iterating-Evolutes-And-Involutes.pdf
 +
 
 +
 
 +
| style="border:1pt solid #000000;padding:0.106cm;"| * Upload the 3 files.
 +
 
 +
You will find them in the '''Code files '''link of this tutorial.
  
  
Line 346: Line 370:
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.106cm;"| Click on cross icon.
 
| style="border:1pt solid #000000;padding:0.106cm;"| Click on cross icon.
 +
 +
 +
 
| style="border:1pt solid #000000;padding:0.106cm;"| Close the pop-up window by clicking on the '''X icon '''at the top right.
 
| style="border:1pt solid #000000;padding:0.106cm;"| Close the pop-up window by clicking on the '''X icon '''at the top right.
  
Line 366: Line 393:
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.106cm;"| Show the sentence in the doc file.
 
| style="border:1pt solid #000000;padding:0.106cm;"| Show the sentence in the doc file.
 +
 +
 +
 
| style="border:1pt solid #000000;padding:0.106cm;"| I want to add this sentence with an equation in it.  
 
| style="border:1pt solid #000000;padding:0.106cm;"| I want to add this sentence with an equation in it.  
  
Line 412: Line 442:
  
 
Details about '''accessible websites''' and these options, are in '''Additional Reading Material''' link.
 
Details about '''accessible websites''' and these options, are in '''Additional Reading Material''' link.
| style="border:1pt solid #000000;padding:0.106cm;"| Details about '''accessible websites''' and these options, are in '''Additional Reading Material''' link.
+
 
 +
 
 +
 
 +
| style="border:1pt solid #000000;padding:0.106cm;"|  
  
 
|-
 
|-
Line 429: Line 462:
  
 
Make the steps as ordered list.
 
Make the steps as ordered list.
 +
 +
 +
 
| style="border:1pt solid #000000;padding:0.106cm;"| I have formatted the text using the '''bold, italics''' and''' list '''options for this demonstration.
 
| style="border:1pt solid #000000;padding:0.106cm;"| I have formatted the text using the '''bold, italics''' and''' list '''options for this demonstration.
  
Line 464: Line 500:
 
* Adding '''course material'''
 
* Adding '''course material'''
 
* '''Formatting''' options in the default '''text editor'''
 
* '''Formatting''' options in the default '''text editor'''
 +
 +
  
 
|-
 
|-
Line 471: Line 509:
 
Assignment  
 
Assignment  
 
| style="border:1pt solid #000000;padding:0.106cm;"| Here is another assignment for you.  
 
| style="border:1pt solid #000000;padding:0.106cm;"| Here is another assignment for you.  
 +
  
 
* Add a new folder '''resource''' in '''Basic Calculus'''
 
* Add a new folder '''resource''' in '''Basic Calculus'''
 
* Add the '''reference files''' from the '''File Manager'''
 
* Add the '''reference files''' from the '''File Manager'''
* Refer to '''Assignment''' link of this tutorial for details.  
+
* Refer to the '''Assignment''' link of this tutorial for details.  
 +
 
 +
 
  
 
|-
 
|-
Line 505: Line 546:
 
* Explain your question briefly
 
* Explain your question briefly
 
* Someone from our team will answer them
 
* Someone from our team will answer them
 +
 +
 
| style="border:1pt solid #000000;padding:0.176cm;"| Please post your timed queries in this forum.
 
| style="border:1pt solid #000000;padding:0.176cm;"| Please post your timed queries in this forum.
  

Revision as of 16:06, 10 December 2018

Visual Cue Narration
Show Slide 1:

Formatting Course Material

Welcome to the Spoken Tutorial on Formatting course material in Moodle.
Show Slide 2:


Learning Objectives:


In this tutorial, we will learn about:
  • Resources in Moodle
  • Adding additional course material
  • Formatting options in the default text editor


Show Slide 3:


OS, Web Server and Moodle Versions

This tutorial is recorded using:


  • Ubuntu Linux OS 16.04
  • Apache, MariaDB and PHP obtained through XAMPP 5.6.30
  • Moodle 3.3

And

  • Firefox web browser

You may use any web browser of your choice.


However, Internet Explorer should be avoided, as it causes some display inconsistencies.

Show Slide 4:

Assumptions


This tutorial assumes that
  • your site administrator has set up a Moodle website
  • and registered you as a teacher.


Show Slide 5:


Prerequisites

* Learners of this tutorial should have
    • a teacher login on Moodle
    • at least one course assigned to them by the administrator
    • some course material uploaded for their respective course
  • If not, please refer to the relevant Moodle tutorials on this website.


Switch to the browser.

Enter http://127.0.0.1/moodle/

Switch to the browser and open your Moodle site.



Username: becky0808

Password: Spokentutorial12#

Login with your teacher username and password details.
We are now in the teacher dashboard.
Point to Calculus In the navigation menu on the left, notice Calculus under My Courses.
Click on Calculus Click on the Calculus course.
Highlight the course topics and summaries. We have already added announcements and some common course details earlier.
We will now add some additional course material.
Slide 5: Resources in Moodle * All course material in Moodle are called Resources.
  • These are material that a teacher uses to support learning.
  • Resources could be internal like lecture notes, books or external like Wikipedia links


Click on Add an activity or resource


Click on gear icon-> Turn Editing On


Let’s begin.


Click on the gear icon at the top right of the page and then on Turn Editing On.


Note you need to turn the editing on to make any changes to the course.


Click on Add an activity or resource link at the bottom right of the Basic Calculus section.

Select Page A pop-up opens with a list of resources.


Scroll down and select Page from the list.


Read the detailed description about the resource on the right side when you select any resource.

Click on Add button. Click on the Add button at the bottom of the pop-up screen.
Name: Lecture 1 Notes In the Name field, I will type Lecture 1 Notes.
Description: Involutes and construction of Involute of circle Then in the Description box, type “Involutes and construction of Involute of circle”.
Click on Display description on course page Check the option Display description on course page.
Scroll down to see the Page Content box.


Copy and paste the text from BasicCalculus-Involutes.odt file.


We will be uploading the image at a later stage.


This file is available in the Code Files link of this tutorial.

Click on down-arrow Let us now format this text.


Click on the down-arrow at the top left of the editor to expand the menu widgets.

Select heading text


Click on heading dropdown -> Select Heading (medium)

I will make the headings more prominent, as shown.
Point to the options one by one as per narration. The options in the text editor are similar to any other standard text editor.


Here we can see options like Bold, Italics, Unordered and Ordered lists.


We also see options to hyperlink and unlink a text.

Point to the option. There’s an option to add an image, as well.


Let us add an image after the text “Figure 1 shows the involute of a circle”.

Press Enter.

Click on the Image icon.

Press Enter to make space for the image. Then click on the Image icon.
Point to Image properties The Image properties window appears.
Point to the URL field If you want to insert an external image, you can enter the URL of the image here.
Click on Browse Repositories I will click on Browse Repositories button to upload an image.
Point to File Picker A pop-up window opens with the title File Picker.
Click on Upload a file -> Choose File Select involutes-img1.png Click on Upload a file.


Then click on Choose File or Browse button and select the file from your machine.

This image is also available in the Code Files link. You can download and use it.
Click on Upload this file. Click on Upload this file button.
Description: This is the involute of a circle We will type the description as “This is the involute of a circle”.
Click on Save image Lastly, click on Save image button to insert the image.
Highlight Add media icon. The next option is to add media. This could be a URL, video or audio file.


Again, this can be an external URL or can be uploaded from our machine.

Click on Manage files.


Highlight the image already present.

The next option is Manage Files. Let’s click on it.


Manage Files option is to have a set of files that you want to store and display.


This could include assignment submissions, resource files, etc.


They can be used by any other resource in this course.


Notice that the image we uploaded just now, is also present here.

Highlight the 3 icons. There are 3 icons on the left of this pop-up box.
Click on File picker. First is the File picker. Let’s click on it.
Highlight as per narration. It has options to see the server files, recent files, etc.


Server files are the files which have been used elsewhere in the course and can be reused.


I will close this for now by clicking on the X icon.

Click on Create Folder. Next, we will click on Create Folder icon, which is the second icon.
New folder name ->Assignments In the New folder name field, let’s type Assignments.
Click on Assignments folder Then click on the Assignments folder to open it.
Drag the assignment file.


Let me drag my file inside the Assignments folder.
Click on the uploaded file Now, click on the file that that was just uploaded.
Point as per narration This pop-up has the option to modify the file name and author.


And also to download or delete the file.

Click on Cancel button I don’t wish to change anything.


So I will click on the Cancel button at the bottom of the pop-up.

Slide 6a: Assignment Now, pause the tutorial and do this small assignment:


  • Create a folder Reference Material.
  • Ensure that the folder is inside the Files folder and not inside the subfolder Assignments.


Slide 6b: Assignment


Upload the 3 reference files:


  1. Ref1-Curvature-Evolutes.pdf
  2. Ref2-Differential-Geometry.pdf
  3. Ref3-Iterating-Evolutes-And-Involutes.pdf


* Upload the 3 files.

You will find them in the Code files link of this tutorial.


Resume this tutorial after you complete this assignment.

Highlight the File Manager folders and file. Your File manager should now have 2 folders, named Assignments and Reference Material.


And another file named involutes-img1.png

Click on cross icon.


Close the pop-up window by clicking on the X icon at the top right.
Highlight the options as per narration The next set of formatting options are

Underline, Strikethrough, Subscript and Superscript.


Align and indent options follow these.


These work as in any other text editor.

Point to equation editor. Let’s learn how to use the next option, that is the equation editor.
Show the sentence in the doc file.


I want to add this sentence with an equation in it.
Click on equation editor. So I will click on equation editor icon.
Insert the equation.


[[Image:]]

Then use the equation editor to type the equation.
Text on screen

Details about how to use LaTeX to type equations, are in Additional Reading Material link.

Details about how to use LaTeX to type equations, are in Additional Reading Material link.
Click on Save equation. Click on Save equation button when you have finished.
Highlight the options as per narration Insert character, insert table and clear formatting options, work as in any other text editor.
Point to Undo and Redo The next two options are Undo and Redo.


These get enabled, only when there is some unsaved text.

Highlight the 2 options as per narration After this, we have 2 options for accessibility.


The first icon is called Accessibility checker. The 2nd one is screen reader helper.

Text on screen:


Details about accessible websites and these options, are in Additional Reading Material link.


Highlight the toggle HTML option. The last option is to toggle from the editor view to HTML code view.


This can be used to embed images, videos, PPT, interactive content, etc.


Click on toggle HTML again. This will bring us back to the normal editor view.

Make the word Involute bold and italicized.


Make the steps as ordered list.


I have formatted the text using the bold, italics and list options for this demonstration.


Do likewise for your content.

Click on Save and display. When you finish the formatting, scroll down to the bottom and click on Save and display button.
Demo of logout We can now logout of Moodle.
Switch to Priya Sinha’s login and view the page This is how student Priya Sinha will view this page.
<PAUSE>

With this, we come to the end of this tutorial.

Let us summarize.

Show Slide 7:


Summary

In this tutorial, we learnt about:
  • Resources in Moodle
  • Adding course material
  • Formatting options in the default text editor


Show Slide 8:


Assignment

Here is another assignment for you.


  • Add a new folder resource in Basic Calculus
  • Add the reference files from the File Manager
  • Refer to the Assignment link of this tutorial for details.


Show Slide 9:


(About Spoken Tutorial Project)

The video at the following link, summarizes the Spoken Tutorial project.

Please download and watch it.

Show Slide 10:


(About Spoken Tutorial Project)

The Spoken Tutorial Project Team conducts workshops and gives certificates.

For more details, please write to us.

Show Slide 11:


(About Spoken Tutorial Forum)

  • Do you have questions in THIS Spoken Tutorial?
  • Please visit http://forums.spoken-tutorial.org
  • Choose the minute and second where you have the question
  • Explain your question briefly
  • Someone from our team will answer them


Please post your timed queries in this forum.
Show Slide 12:


(Acknowledgement)

Spoken Tutorial Project is funded by NMEICT, MHRD, Government of India.. More information on this mission is available at the link shown.
This script has been contributed by Nancy and Priyanka.

And this is Nancy Varkey along with the Spoken Tutorial team signing off.

Thanks for joining.

Contributors and Content Editors

Itspriyanka, Nancyvarkey, Nirmala Venkat