Itspriyanka at 13:19, 6 December 2018

2018-12-06T13:19:16Z

Nirmala Venkat at 05:42, 28 November 2018

2018-11-28T05:42:35Z

Itspriyanka: Created page with " {| style="border-spacing:0;" | style="border:1pt solid #000000;padding:0.176cm;"| '''''Visual Cue''''' | style="border:1pt solid #000000;padding:0.176cm;"| '''''Narration''''..."

2018-11-01T06:55:15Z

Created page with " {| style="border-spacing:0;" | style="border:1pt solid #000000;padding:0.176cm;"| '''''Visual Cue''''' | style="border:1pt solid #000000;padding:0.176cm;"| '''''Narration''''..."

New page

{| style="border-spacing:0;"
| style="border:1pt solid #000000;padding:0.176cm;"| '''''Visual Cue'''''
| style="border:1pt solid #000000;padding:0.176cm;"| '''''Narration'''''

|-
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 1:'''

'''Formatting Course Material'''
| style="border:1pt solid #000000;padding:0.176cm;"| Welcome to the Spoken Tutorial on '''Formatting course material '''in '''Moodle.'''

|-
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 2:'''

Learning Objectives:

| style="border:1pt solid #000000;padding:0.176cm;"| In this tutorial, we will learn about:

* '''Resources '''in '''Moodle'''
* Adding additional '''course material'''
* '''Formatting''' options in the default '''text editor'''

|-
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 3:'''

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:

* '''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.

|-
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 4:'''

Assumptions

| 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

* your '''site administrator''' has set up a '''Moodle website'''
* and registered you as a '''teacher.'''

|-
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 5:'''

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;"| * 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.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Switch to the browser.

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;"| Username: '''becky0808'''

Password: '''Spokentutorial12#'''
| style="border:1pt solid #000000;padding:0.106cm;"| Login with your '''teacher username''' and '''password''' details.

|-
| style="border:1pt solid #000000;padding:0.106cm;"|
| style="border:1pt solid #000000;padding:0.106cm;"| We are now in the '''teacher dashboard'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Point to Calculus
| style="border:1pt solid #000000;padding:0.106cm;"| In the '''navigation menu''' on the left, notice '''Calculus''' under '''My Courses'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Calculus'''
| style="border:1pt solid #000000;padding:0.106cm;"| Click on the '''Calculus course.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight the course topics and summaries.
| style="border:1pt solid #000000;padding:0.106cm;"| We have already added '''announcements''' and some common '''course''' details earlier.

|-
| style="border:1pt solid #000000;padding:0.106cm;"|
| style="border:1pt solid #000000;padding:0.106cm;"| We will now add some additional '''course material. '''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| '''Slide 5: '''Resources in Moodle
| style="border:1pt solid #000000;padding:0.106cm;"| * 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'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Click on''' Add an activity or resource'''

Click on gear icon-> '''Turn Editing On'''

| style="border:1pt solid #000000;padding:0.106cm;"| 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. '''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Select '''Page'''
| style="border:1pt solid #000000;padding:0.106cm;"| 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'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Add button'''.
| style="border:1pt solid #000000;padding:0.106cm;"| Click on the '''Add button '''at the bottom of the pop-up screen.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| '''Name''': Lecture 1 Notes
| style="border:1pt solid #000000;padding:0.106cm;"| In the '''Name '''field, I will type '''Lecture 1 Notes'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| '''Description''': Involutes and construction of Involute of circle
| style="border:1pt solid #000000;padding:0.106cm;"| Then in the '''Description '''box, type “'''Involutes and construction of Involute of circle”.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Display description on course page'''
| style="border:1pt solid #000000;padding:0.106cm;"| Check the option '''Display description on course page'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"|
| 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.

We will be uploading the image at a later stage.

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

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Click on down-arrow
| style="border:1pt solid #000000;padding:0.106cm;"| Let us now '''format''' this text.

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

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Select heading text

Click on heading dropdown -> Select '''Heading (medium)'''
| style="border:1pt solid #000000;padding:0.106cm;"| I will make the headings more prominent, as shown.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Point to the options one by one as per narration.
| style="border:1pt solid #000000;padding:0.106cm;"| 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.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Point to the option.
| style="border:1pt solid #000000;padding:0.106cm;"| 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”.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Press''' Enter.'''

Click on the''' Image icon.'''
| style="border:1pt solid #000000;padding:0.106cm;"| Press '''Enter '''to make space for the image. Then click on the '''Image icon'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Point to '''Image properties'''
| style="border:1pt solid #000000;padding:0.106cm;"| The '''Image properties '''window appears.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Point to the URL field
| style="border:1pt solid #000000;padding:0.106cm;"| If you want to insert an '''external image''', you can enter the '''URL '''of the '''image '''here.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Browse Repositories'''
| style="border:1pt solid #000000;padding:0.106cm;"| I will click on '''Browse Repositories '''button to upload an '''image'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Point to File Picker
| style="border:1pt solid #000000;padding:0.106cm;"| A pop-up window opens with the title '''File Picker'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Upload a file''' -> '''Choose File''' Select '''involutes-img1.png'''
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Upload a file'''.

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

|-
| style="border:1pt solid #000000;padding:0.106cm;"|
| style="border:1pt solid #000000;padding:0.106cm;"| This '''image''' is also available in the '''Code Files''' link. You can download and use it.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Upload this file.'''
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Upload this file''' button.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| '''Description''': This is the involute of a circle
| style="border:1pt solid #000000;padding:0.106cm;"| We will type the description as “'''This is the involute of a circle”'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Save image'''
| style="border:1pt solid #000000;padding:0.106cm;"| Lastly, click on '''Save image''' button to insert the '''image'''.

|-
| 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.

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

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Manage files'''.

Highlight the image already present.
| style="border:1pt solid #000000;padding:0.106cm;"| 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.

These 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.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight the 3 icons.
| style="border:1pt solid #000000;padding:0.106cm;"| There are 3 '''icons''' on the left of this pop-up box.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Click on File picker.
| style="border:1pt solid #000000;padding:0.106cm;"| First is the '''File picker'''. Let’s click on it.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight as per narration.
| style="border:1pt solid #000000;padding:0.106cm;"| 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.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Create Folder'''.
| style="border:1pt solid #000000;padding:0.106cm;"| Next, we will click on '''Create Folder icon''', which is the second '''icon'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| '''New folder name '''->Assignments
| style="border:1pt solid #000000;padding:0.106cm;"| In the '''New folder name '''field, let’s type '''Assignments'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Assignments''' folder
| style="border:1pt solid #000000;padding:0.106cm;"| Then click on the '''Assignments''' folder to open it.

|-
| 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;"| Click on the uploaded file
| style="border:1pt solid #000000;padding:0.106cm;"| Now, click on the file that that was just uploaded.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Point as per narration
| style="border:1pt solid #000000;padding:0.106cm;"| This pop-up has the option to modify the file name and author.

And also to download or delete the file.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Cancel''' button
| style="border:1pt solid #000000;padding:0.106cm;"| I don’t wish to change anything.

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

|-
| 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:

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

|-
| style="border:1pt solid #000000;padding:0.106cm;"| '''Slide 6b: Assignment'''

'''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.

Resume this tutorial after you complete this assignment.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight the File Manager folders and file.
| style="border:1pt solid #000000;padding:0.106cm;"| Your''' File manager''' should now have 2 folders, named '''Assignments''' and '''Reference Material'''.

And another file named '''involutes-img1.png'''

|-
| 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;"| Highlight the options as per narration
| style="border:1pt solid #000000;padding:0.106cm;"| 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'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Point to '''equation editor'''.
| style="border:1pt solid #000000;padding:0.106cm;"| Let’s learn how to use the next option, that is the '''equation editor'''.

|-
| 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;"| Click on '''equation editor'''.
| style="border:1pt solid #000000;padding:0.106cm;"| So I will click on '''equation editor '''icon.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Insert the equation.

[[Image:]]
| style="border:1pt solid #000000;padding:0.106cm;"| Then use the '''equation editor''' to type the equation.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Text on screen

Details about how to use '''LaTeX''' to type equations, are in '''Additional Reading Material''' link.
| style="border:1pt solid #000000;padding:0.106cm;"| Details about how to use '''LaTeX''' to type equations, are in '''Additional Reading Material''' link.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Save equation'''.
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Save equation '''button when you have finished.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight the options as per narration
| style="border:1pt solid #000000;padding:0.106cm;"| '''Insert character, insert table''' and '''clear formatting''' options, work as in any other '''text editor'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Point to '''Undo''' and '''Redo'''
| style="border:1pt solid #000000;padding:0.106cm;"| The next two options are '''Undo''' and '''Redo'''.

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

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight the 2 options as per narration
| style="border:1pt solid #000000;padding:0.106cm;"| After this, we have 2 options for '''accessibility'''.

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

|-
| style="border:1pt solid #000000;padding:0.106cm;"| '''Text on screen:'''

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

| style="border:1pt solid #000000;padding:0.106cm;"|

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight the toggle HTML option.
| style="border:1pt solid #000000;padding:0.106cm;"| 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.'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Make the word '''Involute''' bold and italicized.

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.

Do likewise for your content.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Save and display'''.
| style="border:1pt solid #000000;padding:0.106cm;"| When you finish the formatting, scroll down to the bottom and click on '''Save and display '''button.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Demo of logout
| style="border:1pt solid #000000;padding:0.106cm;"| We can now '''logout''' of '''Moodle'''.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| Switch to '''Priya Sinha’s login '''and view the page
| style="border:1pt solid #000000;padding:0.106cm;"| This is how student '''Priya Sinha''' will view this page.

|-
| style="border:1pt solid #000000;padding:0.106cm;"|
| style="border:1pt solid #000000;padding:0.106cm;"| <nowiki><PAUSE></nowiki>

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

Let us summarize.

|-
| style="border:1pt solid #000000;padding:0.106cm;"| '''Show Slide 7''':

Summary
| style="border:1pt solid #000000;padding:0.106cm;"| In this tutorial, we learnt about:

* '''Resources '''in '''Moodle'''
* Adding '''course material'''
* '''Formatting''' options in the default '''text editor'''

|-
| style="border:1pt solid #000000;padding:0.106cm;"| '''Show Slide 8:'''

Assignment
| style="border:1pt solid #000000;padding:0.106cm;"| Here is another assignment for you.

* Add a new folder '''resource''' in '''Basic Calculus'''
* Add the '''reference files''' from the '''File Manager'''
* Refer to '''assignment code''' file of this tutorial for details.

|-
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide''' '''9:'''

(About Spoken Tutorial Project)
| style="border:1pt solid #000000;padding:0.176cm;"| The video at the following link, summarizes the '''Spoken Tutorial '''project.

Please download and watch it.

|-
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 10:'''

(About Spoken Tutorial Project)
| style="border:1pt solid #000000;padding:0.176cm;"| The '''Spoken Tutorial''' Project Team conducts workshops and gives certificates.

For more details, please write to us.

|-
| style="border:1pt solid #000000;padding:0.176cm;"| '''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

| style="border:1pt solid #000000;padding:0.176cm;"| Please post your timed queries in this forum.

|-
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 12:'''

(Acknowledgement)
| style="border:1pt solid #000000;padding:0.176cm;"| '''Spoken Tutorial Project''' is funded by '''NMEICT, MHRD, Government of India.'''. More information on this mission is available at the link shown.

|-
| style="border:1pt solid #000000;padding:0.176cm;"|
| style="border:1pt solid #000000;padding:0.176cm;"| 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.

|}

@@ Line 238: / Line 238: @@
 |-
 | 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 .

Moodle-Learning-Management-System/C2/Formatting-Course-material-in-Moodle/English - Revision history

Nancyvarkey at 10:56, 11 December 2018

Itspriyanka at 10:36, 10 December 2018

Itspriyanka at 13:19, 6 December 2018

Nirmala Venkat at 05:42, 28 November 2018

Nancyvarkey at 04:57, 2 November 2018

Itspriyanka: Created page with " {| style="border-spacing:0;" | style="border:1pt solid #000000;padding:0.176cm;"| '''''Visual Cue''''' | style="border:1pt solid #000000;padding:0.176cm;"| '''''Narration''''..."

@@ Line 474: / Line 474: @@
 * Add a new folder '''resource''' in '''Basic Calculus'''
 * Add the '''reference files''' from the '''File Manager'''
-* Refer to '''assignment code''' file of this tutorial for details.
+* Refer to '''Assignment''' link of this tutorial for details.
 |-