https://script.spoken-tutorial.org/index.php?title=Moodle-Learning-Management-System/C2/Formatting-Course-material-in-Moodle/English&feed=atom&action=historyMoodle-Learning-Management-System/C2/Formatting-Course-material-in-Moodle/English - Revision history2024-03-29T04:44:21ZRevision history for this page on the wikiMediaWiki 1.23.17https://script.spoken-tutorial.org/index.php?title=Moodle-Learning-Management-System/C2/Formatting-Course-material-in-Moodle/English&diff=45261&oldid=prevNancyvarkey at 10:56, 11 December 20182018-12-11T10:56:50Z<p></p>
<a href="https://script.spoken-tutorial.org/index.php?title=Moodle-Learning-Management-System/C2/Formatting-Course-material-in-Moodle/English&diff=45261&oldid=45236">Show changes</a>Nancyvarkeyhttps://script.spoken-tutorial.org/index.php?title=Moodle-Learning-Management-System/C2/Formatting-Course-material-in-Moodle/English&diff=45236&oldid=prevItspriyanka at 10:36, 10 December 20182018-12-10T10:36:17Z<p></p>
<a href="https://script.spoken-tutorial.org/index.php?title=Moodle-Learning-Management-System/C2/Formatting-Course-material-in-Moodle/English&diff=45236&oldid=45217">Show changes</a>Itspriyankahttps://script.spoken-tutorial.org/index.php?title=Moodle-Learning-Management-System/C2/Formatting-Course-material-in-Moodle/English&diff=45217&oldid=prevItspriyanka at 13:19, 6 December 20182018-12-06T13:19:16Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 13:19, 6 December 2018</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 474:</td>
<td colspan="2" class="diff-lineno">Line 474:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Add a new folder '''resource''' in '''Basic Calculus'''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Add a new folder '''resource''' in '''Basic Calculus'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Add the '''reference files''' from the '''File Manager'''</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>* Add the '''reference files''' from the '''File Manager'''</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Refer to '''<del class="diffchange diffchange-inline">assignment code</del>''' <del class="diffchange diffchange-inline">file </del>of this tutorial for details.  </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Refer to '''<ins class="diffchange diffchange-inline">Assignment</ins>''' <ins class="diffchange diffchange-inline">link </ins>of this tutorial for details.  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td></tr>
</table>Itspriyankahttps://script.spoken-tutorial.org/index.php?title=Moodle-Learning-Management-System/C2/Formatting-Course-material-in-Moodle/English&diff=45162&oldid=prevNirmala Venkat at 05:42, 28 November 20182018-11-28T05:42:35Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 05:42, 28 November 2018</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 238:</td>
<td colspan="2" class="diff-lineno">Line 238:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>|-</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style="border:1pt solid #000000;padding:0.106cm;"| Highlight '''Add media icon'''.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>| style="border:1pt solid #000000;padding:0.106cm;"| Highlight '''Add media icon'''.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>| style="border:1pt solid #000000;padding:0.106cm;"| The next option is to add '''media'''. This could be <del class="diffchange diffchange-inline">an </del>'''<del class="diffchange diffchange-inline">audio</del>''' <del class="diffchange diffchange-inline">or </del>'''video''' <del class="diffchange diffchange-inline">file </del>or '''<del class="diffchange diffchange-inline">URL</del>'''.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>| style="border:1pt solid #000000;padding:0.106cm;"| The next option is to add '''media'''. This could be <ins class="diffchange diffchange-inline">a </ins>'''<ins class="diffchange diffchange-inline">URL</ins>'''<ins class="diffchange diffchange-inline">,</ins>'''video''' or '''<ins class="diffchange diffchange-inline">audio</ins>''' <ins class="diffchange diffchange-inline">file </ins>.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
</table>Nirmala Venkathttps://script.spoken-tutorial.org/index.php?title=Moodle-Learning-Management-System/C2/Formatting-Course-material-in-Moodle/English&diff=45024&oldid=prevNancyvarkey at 04:57, 2 November 20182018-11-02T04:57:01Z<p></p>
<a href="https://script.spoken-tutorial.org/index.php?title=Moodle-Learning-Management-System/C2/Formatting-Course-material-in-Moodle/English&diff=45024&oldid=45015">Show changes</a>Nancyvarkeyhttps://script.spoken-tutorial.org/index.php?title=Moodle-Learning-Management-System/C2/Formatting-Course-material-in-Moodle/English&diff=45015&oldid=prevItspriyanka: 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<p>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''''..."</p>
<p><b>New page</b></p><div><br />
{| style="border-spacing:0;"<br />
| style="border:1pt solid #000000;padding:0.176cm;"| '''''Visual Cue'''''<br />
| style="border:1pt solid #000000;padding:0.176cm;"| '''''Narration'''''<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 1:'''<br />
<br />
'''Formatting Course Material'''<br />
| style="border:1pt solid #000000;padding:0.176cm;"| Welcome to the Spoken Tutorial on '''Formatting course material '''in '''Moodle.'''<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 2:'''<br />
<br />
<br />
Learning Objectives:<br />
<br />
<br />
<br />
| style="border:1pt solid #000000;padding:0.176cm;"| In this tutorial, we will learn about:<br />
<br />
* '''Resources '''in '''Moodle'''<br />
* Adding additional '''course material'''<br />
* '''Formatting''' options in the default '''text editor'''<br />
<br />
<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 3:'''<br />
<br />
<br />
OS, Web Server and Moodle Versions<br />
| 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:<br />
<br />
<br />
* '''Ubuntu Linux OS 16.04'''<br />
* '''Apache, MariaDB '''and''' PHP''' obtained through''' XAMPP 5.6.30'''<br />
* '''Moodle 3.3 '''<br />
<br />
And <br />
<br />
* '''Firefox '''web browser <br />
<br />
You may use any web browser of your choice. <br />
<br />
<br />
However, '''Internet Explorer''' should be avoided, as it causes some display inconsistencies.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 4:'''<br />
<br />
Assumptions<br />
<br />
<br />
<br />
| 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 <br />
<br />
* your '''site administrator''' has set up a '''Moodle website'''<br />
* and registered you as a '''teacher.'''<br />
<br />
<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 5:'''<br />
<br />
<br />
Prerequisites<br />
| 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 <br />
** a '''teacher login''' on '''Moodle'''<br />
** at least one '''course '''assigned to them by the '''administrator'''<br />
** some course material uploaded for their respective '''course'''<br />
* If not, please refer to the relevant '''Moodle''' tutorials on this website.<br />
<br />
<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Switch to the browser.<br />
<br />
Enter http://127.0.0.1/moodle/<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Switch to the browser and open your '''Moodle site.'''<br />
<br />
<br />
<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Username: '''becky0808'''<br />
<br />
Password: '''Spokentutorial12#'''<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Login with your '''teacher username''' and '''password''' details.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| <br />
| style="border:1pt solid #000000;padding:0.106cm;"| We are now in the '''teacher dashboard'''.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Point to Calculus<br />
| style="border:1pt solid #000000;padding:0.106cm;"| In the '''navigation menu''' on the left, notice '''Calculus''' under '''My Courses'''.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Calculus'''<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on the '''Calculus course.'''<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight the course topics and summaries.<br />
| style="border:1pt solid #000000;padding:0.106cm;"| We have already added '''announcements''' and some common '''course''' details earlier.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| <br />
| style="border:1pt solid #000000;padding:0.106cm;"| We will now add some additional '''course material. '''<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| '''Slide 5: '''Resources in Moodle<br />
| style="border:1pt solid #000000;padding:0.106cm;"| * All '''course material '''in '''Moodle '''are called '''Resources'''. <br />
* These are '''material '''that a teacher uses to support learning.<br />
* '''Resources''' could be internal like lecture notes, books or external like '''Wikipedia links'''<br />
<br />
<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on''' Add an activity or resource'''<br />
<br />
<br />
Click on gear icon-> '''Turn Editing On'''<br />
<br />
<br />
<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Let’s begin.<br />
<br />
<br />
Click on the gear icon at the top right of the page and then on '''Turn Editing On'''.<br />
<br />
<br />
Note you need to turn the editing on to make any changes to the course.<br />
<br />
<br />
Click on '''Add an activity or resource''' link at the bottom right of the '''Basic Calculus section. '''<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Select '''Page'''<br />
| style="border:1pt solid #000000;padding:0.106cm;"| A pop-up opens with a list of '''resources'''. <br />
<br />
<br />
Scroll down and select '''Page''' from the list.<br />
<br />
<br />
Read the detailed description about the '''resource''' on the right side when you select any '''resource'''.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Add button'''.<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on the '''Add button '''at the bottom of the pop-up screen.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| '''Name''': Lecture 1 Notes<br />
| style="border:1pt solid #000000;padding:0.106cm;"| In the '''Name '''field, I will type '''Lecture 1 Notes'''.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| '''Description''': Involutes and construction of Involute of circle<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Then in the '''Description '''box, type “'''Involutes and construction of Involute of circle”.'''<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Display description on course page'''<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Check the option '''Display description on course page'''.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| <br />
| style="border:1pt solid #000000;padding:0.106cm;"| Scroll down to see the '''Page Content''' box. <br />
<br />
<br />
Copy and paste the text from '''Basic Calculus - Involutes.odt '''file.<br />
<br />
<br />
We will be uploading the image at a later stage.<br />
<br />
<br />
This file is available in the '''Code Files '''link of this tutorial.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on down-arrow<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Let us now '''format''' this text.<br />
<br />
<br />
Click on the down-arrow at the top left of the '''editor''' to expand the '''menu widgets'''.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Select heading text <br />
<br />
<br />
Click on heading dropdown -> Select '''Heading (medium)'''<br />
| style="border:1pt solid #000000;padding:0.106cm;"| I will make the headings more prominent, as shown. <br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Point to the options one by one as per narration.<br />
| style="border:1pt solid #000000;padding:0.106cm;"| The options in the '''text editor''' are similar to any other standard''' text editor'''.<br />
<br />
<br />
Here we can see options like '''Bold, Italics, Unordered '''and''' Ordered lists.'''<br />
<br />
<br />
We also see options to '''hyperlink''' and '''unlink''' a text.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Point to the option.<br />
| style="border:1pt solid #000000;padding:0.106cm;"| There’s an option to add an image, as well. <br />
<br />
<br />
Let us add an image after the text “'''Figure 1 shows the involute of a circle”.'''<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Press''' Enter.'''<br />
<br />
Click on the''' Image icon.'''<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Press '''Enter '''to make space for the image. Then click on the '''Image icon'''. <br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Point to '''Image properties'''<br />
| style="border:1pt solid #000000;padding:0.106cm;"| The '''Image properties '''window appears.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Point to the URL field<br />
| 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.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Browse Repositories'''<br />
| style="border:1pt solid #000000;padding:0.106cm;"| I will click on '''Browse Repositories '''button to upload an '''image'''.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Point to File Picker<br />
| style="border:1pt solid #000000;padding:0.106cm;"| A pop-up window opens with the title '''File Picker'''.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Upload a file''' -> '''Choose File''' Select '''involutes-img1.png'''<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Upload a file'''. <br />
<br />
<br />
Then click on '''Choose File '''or '''Browse''' button and select the file from your machine.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| <br />
| style="border:1pt solid #000000;padding:0.106cm;"| This '''image''' is also available in the '''Code Files''' link. You can download and use it.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Upload this file.'''<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Upload this file''' button.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| '''Description''': This is the involute of a circle<br />
| style="border:1pt solid #000000;padding:0.106cm;"| We will type the description as “'''This is the involute of a circle”'''.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Save image'''<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Lastly, click on '''Save image''' button to insert the '''image'''.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight '''Add media icon'''.<br />
| style="border:1pt solid #000000;padding:0.106cm;"| The next option is to add '''media'''. This could be a''' URL, video''' or '''audio''' file.<br />
<br />
<br />
Again, this can be an '''external URL''' or can be uploaded from our machine.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Manage files'''.<br />
<br />
<br />
Highlight the image already present.<br />
| style="border:1pt solid #000000;padding:0.106cm;"| The next option is''' Manage Files. '''Let’s click on it.<br />
<br />
<br />
'''Manage Files''' option is to have a set of files that you want to store and display. <br />
<br />
<br />
These could include '''assignment submissions, resource files,''' etc. <br />
<br />
<br />
They can be used by any other '''resource''' in this '''course'''.<br />
<br />
<br />
Notice that the '''image''' we uploaded just now, is also present here.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight the 3 icons.<br />
| style="border:1pt solid #000000;padding:0.106cm;"| There are 3 '''icons''' on the left of this pop-up box. <br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on File picker.<br />
| style="border:1pt solid #000000;padding:0.106cm;"| First is the '''File picker'''. Let’s click on it. <br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight as per narration.<br />
| style="border:1pt solid #000000;padding:0.106cm;"| It has options to see the '''server files''', '''recent files''', etc. <br />
<br />
<br />
'''Server files''' are the files which have been used elsewhere in the course and can be reused.<br />
<br />
<br />
I will close this for now by clicking on the '''X icon.'''<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Create Folder'''.<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Next, we will click on '''Create Folder icon''', which is the second '''icon'''. <br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| '''New folder name '''->Assignments<br />
| style="border:1pt solid #000000;padding:0.106cm;"| In the '''New folder name '''field, let’s type '''Assignments'''.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Assignments''' folder<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Then click on the '''Assignments''' folder to open it.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Drag the assignment file.<br />
<br />
<br />
<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Let me drag my file inside the '''Assignments '''folder. <br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on the uploaded file<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Now, click on the file that that was just uploaded. <br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Point as per narration<br />
| style="border:1pt solid #000000;padding:0.106cm;"| This pop-up has the option to modify the file name and author. <br />
<br />
<br />
And also to download or delete the file.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Cancel''' button<br />
| style="border:1pt solid #000000;padding:0.106cm;"| I don’t wish to change anything.<br />
<br />
<br />
So I will click on the '''Cancel''' button at the bottom of the pop-up.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| '''Slide 6a: Assignment'''<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Now, pause the tutorial and do this small assignment:<br />
<br />
<br />
* Create a folder '''Reference Material'''. <br />
* Ensure that the folder is inside the '''Files''' folder and not inside the subfolder '''Assignments'''.<br />
<br />
<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| '''Slide 6b: Assignment'''<br />
<br />
<br />
'''Upload the 3 reference files:'''<br />
<br />
<br />
# R1-Curvature Evolutes.pdf<br />
# R2-Differential geometry.pdf<br />
# R3-Iterating Evolutes and Involutes.pdf<br />
<br />
<br />
| style="border:1pt solid #000000;padding:0.106cm;"| * Upload the 3 files.<br />
<br />
You will find them in the '''code files '''link of this tutorial.<br />
<br />
<br />
Resume this tutorial after you complete this assignment.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight the File Manager folders and file.<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Your''' File manager''' should now have 2 folders, named '''Assignments''' and '''Reference Material'''.<br />
<br />
<br />
And another file named '''involutes-img1.png'''<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on cross icon.<br />
<br />
<br />
<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Close the pop-up window by clicking on the '''X icon '''at the top right.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight the options as per narration<br />
| style="border:1pt solid #000000;padding:0.106cm;"| The next set of formatting options are <br />
<br />
'''Underline, Strikethrough, Subscript '''and''' Superscript. '''<br />
<br />
<br />
'''Align''' and '''indent '''options follow these. <br />
<br />
<br />
These work as in any other '''text editor'''.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Point to '''equation editor'''.<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Let’s learn how to use the next option, that is the '''equation editor'''.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Show the sentence in the doc file.<br />
<br />
<br />
<br />
| style="border:1pt solid #000000;padding:0.106cm;"| I want to add this sentence with an equation in it. <br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''equation editor'''.<br />
| style="border:1pt solid #000000;padding:0.106cm;"| So I will click on '''equation editor '''icon. <br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Insert the equation.<br />
<br />
<br />
[[Image:]]<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Then use the '''equation editor''' to type the equation.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Text on screen <br />
<br />
Details about how to use '''LaTeX''' to type equations, are in '''Additional Reading Material''' link.<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Details about how to use '''LaTeX''' to type equations, are in '''Additional Reading Material''' link.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Save equation'''.<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Save equation '''button when you have finished.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight the options as per narration<br />
| style="border:1pt solid #000000;padding:0.106cm;"| '''Insert character, insert table''' and '''clear formatting''' options, work as in any other '''text editor'''.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Point to '''Undo''' and '''Redo'''<br />
| style="border:1pt solid #000000;padding:0.106cm;"| The next two options are '''Undo''' and '''Redo'''. <br />
<br />
<br />
These get enabled, only when there is some unsaved text.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight the 2 options as per narration<br />
| style="border:1pt solid #000000;padding:0.106cm;"| After this, we have 2 options for '''accessibility'''. <br />
<br />
<br />
The first icon is called '''Accessibility checker. '''The 2nd one is '''screen reader helper.'''<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| '''Text on screen:'''<br />
<br />
<br />
Details about '''accessible websites''' and these options, are in '''Additional Reading Material''' link.<br />
<br />
<br />
<br />
| style="border:1pt solid #000000;padding:0.106cm;"| <br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Highlight the toggle HTML option.<br />
| style="border:1pt solid #000000;padding:0.106cm;"| The last option is to toggle from the '''editor view''' to '''HTML code '''view.<br />
<br />
<br />
This can be used to embed images, videos, PPT, interactive content, etc.<br />
<br />
<br />
Click on toggle '''HTML''' again. This will bring us back to the normal '''editor view.'''<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Make the word '''Involute''' bold and italicized.<br />
<br />
<br />
Make the steps as ordered list.<br />
<br />
<br />
<br />
| style="border:1pt solid #000000;padding:0.106cm;"| I have formatted the text using the '''bold, italics''' and''' list '''options for this demonstration.<br />
<br />
<br />
Do likewise for your content.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Click on '''Save and display'''.<br />
| 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.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Demo of logout<br />
| style="border:1pt solid #000000;padding:0.106cm;"| We can now '''logout''' of '''Moodle'''.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| Switch to '''Priya Sinha’s login '''and view the page<br />
| style="border:1pt solid #000000;padding:0.106cm;"| This is how student '''Priya Sinha''' will view this page.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| <br />
| style="border:1pt solid #000000;padding:0.106cm;"| <nowiki><PAUSE></nowiki> <br />
<br />
With this, we come to the end of this tutorial. <br />
<br />
Let us summarize.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| '''Show Slide 7''':<br />
<br />
<br />
Summary<br />
| style="border:1pt solid #000000;padding:0.106cm;"| In this tutorial, we learnt about:<br />
<br />
* '''Resources '''in '''Moodle'''<br />
* Adding '''course material'''<br />
* '''Formatting''' options in the default '''text editor'''<br />
<br />
<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.106cm;"| '''Show Slide 8:'''<br />
<br />
<br />
Assignment <br />
| style="border:1pt solid #000000;padding:0.106cm;"| Here is another assignment for you. <br />
<br />
<br />
* Add a new folder '''resource''' in '''Basic Calculus'''<br />
* Add the '''reference files''' from the '''File Manager'''<br />
* Refer to '''assignment code''' file of this tutorial for details. <br />
<br />
<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide''' '''9:'''<br />
<br />
<br />
(About Spoken Tutorial Project)<br />
| style="border:1pt solid #000000;padding:0.176cm;"| The video at the following link, summarizes the '''Spoken Tutorial '''project.<br />
<br />
Please download and watch it.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 10:'''<br />
<br />
<br />
(About Spoken Tutorial Project)<br />
| style="border:1pt solid #000000;padding:0.176cm;"| The '''Spoken Tutorial''' Project Team conducts workshops and gives certificates.<br />
<br />
For more details, please write to us.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 11:'''<br />
<br />
<br />
(About Spoken Tutorial Forum)<br />
<br />
* Do you have questions in THIS '''Spoken Tutorial'''?<br />
* Please visit '''http://forums.spoken-tutorial.org'''<br />
* Choose the minute and second where you have the question<br />
* Explain your question briefly<br />
* Someone from our team will answer them<br />
<br />
<br />
| style="border:1pt solid #000000;padding:0.176cm;"| Please post your timed queries in this forum.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.176cm;"| '''Show Slide 12:'''<br />
<br />
<br />
(Acknowledgement)<br />
| 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.<br />
<br />
|-<br />
| style="border:1pt solid #000000;padding:0.176cm;"| <br />
| style="border:1pt solid #000000;padding:0.176cm;"| This script has been contributed by Nancy and Priyanka.<br />
<br />
And this is Nancy Varkey along with the Spoken Tutorial team signing off. <br />
<br />
Thanks for joining.<br />
<br />
|}</div>Itspriyanka