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

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(3 intermediate revisions by 2 users not shown)
Line 28: Line 28:
 
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 '''
* '''Firefox '''web browser  
+
* And '''Firefox '''web browser  
  
 
You may use any web browser of your choice.  
 
You may use any web browser of your choice.  
Line 40: Line 39:
  
 
|-
 
|-
| 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 45:
  
  
| 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 107: Line 106:
  
 
Click on gear icon-> '''Turn Editing On'''
 
Click on gear icon-> '''Turn Editing On'''
 
  
  
Line 116: Line 114:
  
  
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 148: Line 146:
  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.106cm;"|
 
 
| style="border:1pt solid #000000;padding:0.106cm;"| Scroll down to see the '''Page Content''' box.  
 
| style="border:1pt solid #000000;padding:0.106cm;"| Scroll down to see the '''Page Content''' box.  
  
  
Copy and paste the text from '''Basic Calculus - Involutes.odt '''file.
+
Copy and paste the text from '''BasicCalculus-Involutes.odt '''file.
 +
| style="border:1pt solid #000000;padding:0.106cm;"| Scroll down to see the '''Page Content''' box.
 +
 
 +
 
 +
Copy and paste the text from '''BasicCalculus-Involutes.odt '''file.
  
  
Line 238: Line 239:
 
|-
 
|-
 
| 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 an '''audio''' or '''video''' file or '''URL'''.
+
| 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 249:
  
 
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 255:
  
  
These could include '''assignment submissions, resource files,''' etc.  
+
This could include '''assignment submissions, resource files,''' etc.  
  
  
Line 294: Line 295:
 
|-
 
|-
 
| 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 319:
 
| 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 327:
  
 
'''Upload the 3 reference files:'''
 
'''Upload the 3 reference files:'''
# R1-Curvature Evolutes.pdf
+
 
# R2-Differential geometry.pdf
+
 
# R3-Iterating Evolutes and Involutes.pdf
+
# Ref1-Curvature-Evolutes.pdf
 +
# Ref2-Differential-Geometry.pdf
 +
# Ref3-Iterating-Evolutes-And-Involutes.pdf
 
| style="border:1pt solid #000000;padding:0.106cm;"|  
 
| style="border:1pt solid #000000;padding:0.106cm;"|  
 
Upload the 3 files.
 
Upload the 3 files.
  
You will find them in the '''code files '''link of this tutorial.
+
You will find them in the '''Code files '''link of this tutorial.
  
  
Line 346: Line 349:
 
|-
 
|-
 
| 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 409: Line 415:
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.106cm;"| '''Text on screen:'''
 
| style="border:1pt solid #000000;padding:0.106cm;"| '''Text on screen:'''
 
  
 
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.
Line 474: Line 479:
 
* 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 code''' file of this tutorial for details.  
+
* Refer to the '''Assignment''' link of this tutorial for details.  
  
 
|-
 
|-
Line 496: Line 501:
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 11:'''
 
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 11:'''
 
  
 
(About Spoken Tutorial Forum)
 
(About Spoken Tutorial Forum)

Latest revision as of 16:26, 11 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.

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.

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