Moodle-Learning-Management-System/C2/Blocks-in-Admin-Dashboard/English - Revision history

Nirmala Venkat at 06:13, 18 February 2019

2019-02-18T06:13:43Z

Nancyvarkey at 03:03, 3 August 2017

2017-08-03T03:03:51Z

Nirmala Venkat at 12:25, 31 July 2017

2017-07-31T12:25:16Z

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

2017-07-31T07:11:43Z

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

New page

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

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

'''Blocks in Admin's Dashboard'''

| style="border:1pt solid #000001;padding:0.176cm;"| Welcome to the Spoken Tutorial on '''Blocks in Admin's Dashboard'''

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

Learning Objectives:

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

* Add and delete '''blocks''' and
* Set the '''Front page'''

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

OS, Web Server and Moodle Versions
| style="border:1pt solid #000001;padding:0.176cm;"| To record this tutorial I am using:

* '''Ubuntu Linux OS 16.04'''
* '''Apache, MariaDB '''and''' PHP''' obtained through''' XAMPP 5.6.30'''
* '''Moodle 3.3 '''and
* 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 #000001;padding:0.106cm;"| '''Show Slide 4:'''

Prerequisites
| style="border:1pt solid #000001;padding:0.106cm;"| * Learners of this tutorial should have basic knowledge of the '''Admin’s dashboard'''
* If not, please refer to the relevant''' Moodle''' tutorials on this website.

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

Enter http://127.0.0.1/moodle/
| style="border:1pt solid #000001;padding:0.106cm;"| Switch to the browser and open your '''Moodle site.'''

Make sure that the '''XAMPP service''' is running.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Login
| style="border:1pt solid #000001;padding:0.106cm;"| Login with your '''admin username''' and '''password''' details.

|-
| style="border:1pt solid #000001;padding:0.106cm;"|
| style="border:1pt solid #000001;padding:0.106cm;"| We are now in the '''Admin’s dashboard.'''

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

Blocks in Moodle
| style="border:1pt solid #000001;padding:0.106cm;"| Recall that:

* '''Blocks''' serve a specific purpose or information.
* And are found on all pages of '''Moodle'''.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Highlight the blocks on the right.
| style="border:1pt solid #000001;padding:0.106cm;"| Let us understand how we can work with '''Moodle Blocks''' now.

Depending on the '''theme''' used, '''blocks''' can be on the right side or on both sides.

'''Blocks''' contain information we want people to see whenever they log in.

There are many types of '''blocks''' available in '''Moodle.'''

And they can be moved or arranged easily as per our preferences.

|-
| style="border:1pt solid #000001;padding:0.106cm;"|
| style="border:1pt solid #000001;padding:0.106cm;"| We will now add a few '''blocks''' to our '''dashboard'''.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Click on the navigation menu.

| style="border:1pt solid #000001;padding:0.106cm;"| Click on the '''navigation menu '''on the left of the page.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Click on '''Customise this page '''button.

| style="border:1pt solid #000001;padding:0.106cm;"| Click on '''Customise this page''' button on the right hand side of the '''dashboard'''.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Click on '''Add a block'''
| style="border:1pt solid #000001;padding:0.106cm;"| Notice that a new menu item '''Add a block''' is visible now.

Click on '''Add a block'''.

|-
| style="border:1pt solid #000001;padding:0.106cm;"|
| style="border:1pt solid #000001;padding:0.106cm;"| A new pop-up window opens.

We need to select the type of '''block''' that we want to add.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Click on '''Messages'''
| style="border:1pt solid #000001;padding:0.106cm;"| For example, click on '''Messages'''.

You can see that the '''Messages block '''now appears in the '''dashboard'''.

Currently there are no messages.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Point to the rightmost column.
| style="border:1pt solid #000001;padding:0.106cm;"| By default, all new '''blocks '''get added to the right-most column.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Click on '''Add a block'''
| style="border:1pt solid #000001;padding:0.106cm;"| Let us add one more '''block'''.

Click on '''Add a block '''menu on the left.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Select '''HTML'''
| style="border:1pt solid #000001;padding:0.106cm;"| Select '''HTML''' from the list of '''menu types'''.

'''HTML block''' is a '''block''' where one can write custom '''HTML'''.

Using this, we can embed '''widgets''', such as '''Library widgets, News feeds, Twitter, Facebook,''' etc.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Point to '''HTML block'''
| style="border:1pt solid #000001;padding:0.106cm;"| Notice now that a '''new HTML block''' has been added below the '''Messages block'''.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Click on the gear icon >> then click on '''Configure (new HTML block) block'''.

| style="border:1pt solid #000001;padding:0.106cm;"| Click on the gear icon in the '''HTML block'''.

Then click on '''Configure (new HTML block) block'''.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Highlight the 3 sections.

| style="border:1pt solid #000001;padding:0.106cm;"| '''Configure HTML block''' has 3 '''sections''':

# '''Block settings'''
# '''Where this block appears '''and
# '''On this page'''

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Point to the first '''section.'''
| style="border:1pt solid #000001;padding:0.106cm;"| By default, the first '''section''' is expanded.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Click on '''Expand all'''.
| style="border:1pt solid #000001;padding:0.106cm;"| Click on '''Expand all''' to expand all the '''sections'''.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Type '''Things to do '''in the '''block title''' field.
| style="border:1pt solid #000001;padding:0.106cm;"| In the '''block '''title, let’s type '''“Things to do”.'''

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Point to the '''Content area'''
| style="border:1pt solid #000001;padding:0.106cm;"| Let us add some tasks for this '''admin user''' in the '''Content area.'''

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Type in the content field:

* '''Create a new course'''
* '''Create new users'''
* '''Add users to the course'''

| style="border:1pt solid #000001;padding:0.106cm;"| Type the following:

* '''Create a new course'''
* '''Create new users'''
* '''Add users to the course'''

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Point to the '''HTML editor'''
| style="border:1pt solid #000001;padding:0.106cm;"| The '''editor''' is an '''HTML editor''' and can be used like any other '''word processor '''or '''editor'''.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Scroll down to '''Where this block appears'''.

| style="border:1pt solid #000001;padding:0.106cm;"| Scroll down to see the options under '''Where this block appears'''.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Select '''Content''' from the '''Default region''' dropdown.

Select '''-10''' in the '''Default weight''' dropdown.
| style="border:1pt solid #000001;padding:0.106cm;"| Under '''Default region''', select '''Content'''.

In '''Default weight''', select -10.

The lower the weight of a '''block''', the higher it will appear in that region.

-10 is the lowest.

By selecting -10, I am ensuring that it is at the top of the '''content '''region.

|-
| style="border:1pt solid #000001;padding:0.106cm;"|
| style="border:1pt solid #000001;padding:0.106cm;"| This '''block '''will appear on the '''Admin’s dashboard. '''

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Point to '''“On this page” section'''

| style="border:1pt solid #000001;padding:0.106cm;"| Now comes the '''“On this page” section.'''

This''' '''is where you can define the configuration for the page where this '''block''' was added.

In our case, this is the '''dashboard.'''

This configuration will override the default configuration defined in the above section.

That is the '''Where this block appears '''section.

Let us select '''Content''' in '''Region '''and -10 in '''Weight''' in this section.

|-
| style="border:1pt solid #000001;padding:0.106cm;"|
| style="border:1pt solid #000001;padding:0.106cm;"| Please note that depending on the type of the '''block''', configuration settings will vary.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Click on '''Save changes'''
| style="border:1pt solid #000001;padding:0.106cm;"| Click '''Save Changes''' to save the changes and go back to the '''dashboard'''.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Point to the HTML block
| style="border:1pt solid #000001;padding:0.106cm;"| See that the new '''HTML block''' with the title '''Things to do '''is now visible.

And it is the topmost '''block''' in the '''content '''region.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Demo using the Move icon
| style="border:1pt solid #000001;padding:0.106cm;"| We can also change the position of a '''block''' by dragging it using the '''Move '''icon.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Drag '''Things to do block''' and place it below '''Course Overview''' block.
| style="border:1pt solid #000001;padding:0.106cm;"| Let us move '''Things to do block''' below the '''Course Overview block''' by dragging and dropping it.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Click on the gear icon.

Click on '''Configure Things to do block.'''

Click on '''Expand All'''.

| style="border:1pt solid #000001;padding:0.106cm;"| Let us see how this changes the configuration we set a few minutes back.

Click on the gear icon and then on '''Configure Things to do block.'''

Then click on '''Expand All'''.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Highlight the value in '''weight''' field

Click '''Cancel'''
| style="border:1pt solid #000001;padding:0.106cm;"| Scroll down to see '''“On this page” '''section. The weight has changed to -2.

The '''default weight''', however remains the same.

Click '''Cancel''' to go back to the '''dashboard'''.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Click on the gear icon.

Click on '''Delete Learning plans block'''

Click on '''Yes '''in the pop-up window.
| style="border:1pt solid #000001;padding:0.106cm;"| We do not need this '''Learning Plans block'''. So let us delete it.

Click on the gear icon and then on '''Delete Learning plans block'''.

Confirm pop up window appears and prompts us to make sure about this deletion.

Click on''' Yes''' button here.

Notice that the '''Learning Plans block''' is no longer available.

We can always add this '''block''' later if required.

|-
| style="border:1pt solid #000001;padding:0.106cm;"|
| style="border:1pt solid #000001;padding:0.106cm;"| Let us now customize the '''front page''' of our '''Moodle''' installation.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Click on '''Site Administration.'''

Click on '''Front Page.'''
| style="border:1pt solid #000001;padding:0.106cm;"| Click on '''Site Administration''' link on the left menu.

Scroll down to locate '''Front Page settings''' in the '''Front page''' section. Click on it.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Full Site Name-> Digital India Learning Management System.

Point to the top of breadcrumbs.
| style="border:1pt solid #000001;padding:0.106cm;"| Let us change the '''Full Site Name '''to '''Digital India Learning Management System'''.

This is the text that appears at the top of every page above the '''breadcrumbs'''.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Highlight '''Short name'''

Hover over the title.

Point to the '''logo text.'''
| style="border:1pt solid #000001;padding:0.106cm;"| '''Short name''' is the text that appears in the title of the page.

Notice that the title of this page is '''Digital India LMS''' followed by the name of the page we are in.

'''Short name''' is also used as a logo text if we do not provide any logo image.

We will leave it as it is.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Click on Front page items dropdown.
| style="border:1pt solid #000001;padding:0.106cm;"| Scroll down to see dropdowns for '''Front page''' items.

These are the list of items that can be shown on the front page.

All visitors, whether they are logged in or not, can see these items.

The order is determined by a combination box.

We will leave this as it is.

So all users will be able to see the list of courses (if available) and nothing else.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Click on Front page items when logged in dropdown
| style="border:1pt solid #000001;padding:0.106cm;"| Next is the '''Front page items when logged in.'''

This is the list of items that can be shown to the users who are logged in.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Select '''Enrolled courses'''
| style="border:1pt solid #000001;padding:0.106cm;"| Let us select '''Enrolled courses''' in the first drop-down.

|-
| style="border:1pt solid #000001;padding:0.106cm;"|
| style="border:1pt solid #000001;padding:0.106cm;"| We will leave the rest of the options with their default values.

|-
| style="border:1pt solid #000001;padding:0.106cm;"|
| style="border:1pt solid #000001;padding:0.106cm;"| Scroll down and click on '''Save Changes'''.

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

Summary
| style="border:1pt solid #000001;padding:0.106cm;"| <PAUSE>

Let us now summarize.

|-
| style="border:1pt solid #000001;padding:0.106cm;"| Change add to Add on the slide
| style="border:1pt solid #000001;padding:0.106cm;"| In this tutorial, we learnt to:

* Add an HTML block called “Things to do” and specified where it should appear on the page.
* We also set up the '''frontpage''' for guests and logged-in users.

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

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

* Delete the '''Private files block '''

* Add a new '''HTML block''' using the guidelines given in the '''assignment-text''' file

* This file has been provided in the '''Code files''' link.

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

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

Please download and watch it.

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

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

For more details, please write to us.

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

Forum for Specific Questions

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

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

(Acknowledgement)
| style="border:1pt solid #000001;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 #000001;padding:0.176cm;"|
| style="border:1pt solid #000001;padding:0.176cm;"| This script has been contributed by Priyanka.

This is Nancy Varkey along with the spoken tutorial team signing off. Thank you for joining.

|}

@@ Line 386: / Line 386: @@
 * Delete the '''Private files block '''
-* Add a new '''HTML block''' using the guidelines given in the '''assignment-text''' file
+* Add a new '''HTML block''' using the guidelines given in the '''Code files''' link
-−
-* This file has been provided in the '''Code files''' link
 |-

@@ Line 27: / Line 27: @@
 OS, Web Server and Moodle Versions
 | style="border:1pt solid #000001;padding:0.176cm;"| To record this tutorial I am using:
 * '''Ubuntu Linux OS 16.04'''
 * '''Apache, MariaDB '''and''' PHP''' obtained through''' XAMPP 5.6.30'''
@@ Line 139: / Line 137: @@
 |-
 | style="border:1pt solid #000001;padding:0.106cm;"| Point to '''HTML block'''
-| style="border:1pt solid #000001;padding:0.106cm;"| Notice now that a '''new HTML block''' has been added below the '''Messages block'''.
+| style="border:1pt solid #000001;padding:0.106cm;"| Notice now that a '''NEW HTML BLOCK''' has been added below the '''Messages block'''.
 |-
@@ Line 147: / Line 145: @@
 | style="border:1pt solid #000001;padding:0.106cm;"| Click on the gear icon in the '''HTML block'''.
-Then click on '''Configure (new HTML block) block'''.
+Then click on '''Configure (NEW HTML BLOCK) block'''.
 |-
@@ Line 153: / Line 151: @@
 | style="border:1pt solid #000001;padding:0.106cm;"| '''Configure HTML block''' has 3 '''sections''':
 # '''Block settings'''
@@ Line 378: / Line 375: @@
 | style="border:1pt solid #000001;padding:0.106cm;"| In this tutorial, we learnt to:
-* Add an HTML block called “Things to do” and specified where it should appear on the page.
+* Add an '''HTML block''' called '''“Things to do”''' and specified where it should appear on the page.
 * We also set up the '''frontpage''' for guests and logged-in users.
@@ Line 391: / Line 388: @@
 * Add a new '''HTML block''' using the guidelines given in the '''assignment-text''' file
-* This file has been provided in the '''Code files''' link.
+* This file has been provided in the '''Code files''' link
 |-

@@ Line 42: / Line 42: @@
 Prerequisites
-| style="border:1pt solid #000001;padding:0.106cm;"| * Learners of this tutorial should have basic knowledge of the '''Admin’s dashboard'''
+| style="border:1pt solid #000001;padding:0.106cm;"|
 * If not, please refer to the relevant''' Moodle''' tutorials on this website.
@@ Line 76: / Line 77: @@
 Depending on the '''theme''' used, '''blocks''' can be on the right side or on both sides.
 '''Blocks''' contain information we want people to see whenever they log in.
 There are many types of '''blocks''' available in '''Moodle.'''
 And they can be moved or arranged easily as per our preferences.
@@ Line 134: / Line 132: @@
 | style="border:1pt solid #000001;padding:0.106cm;"| Select '''HTML'''
 | style="border:1pt solid #000001;padding:0.106cm;"| Select '''HTML''' from the list of '''menu types'''.
 '''HTML block''' is a '''block''' where one can write custom '''HTML'''.
@@ Line 203: / Line 200: @@
 |-
 | style="border:1pt solid #000001;padding:0.106cm;"| Select '''Content''' from the '''Default region''' dropdown.
 Select '''-10''' in the '''Default weight''' dropdown.
@@ Line 269: / Line 265: @@
 Click on the gear icon and then on '''Configure Things to do block.'''
 Then click on '''Expand All'''.
@@ Line 275: / Line 270: @@
 |-
 | style="border:1pt solid #000001;padding:0.106cm;"| Highlight the value in '''weight''' field
 Click '''Cancel'''
@@ Line 287: / Line 281: @@
 |-
 | style="border:1pt solid #000001;padding:0.106cm;"| Click on the gear icon.
 Click on '''Delete Learning plans block'''
 Click on '''Yes '''in the pop-up window.
 | style="border:1pt solid #000001;padding:0.106cm;"| We do not need this '''Learning Plans block'''. So let us delete it.
 Click on the gear icon and then on '''Delete Learning plans block'''.
 Confirm pop up window appears and prompts us to make sure about this deletion.
 Click on''' Yes''' button here.
 Notice that the '''Learning Plans block''' is no longer available.
 We can always add this '''block''' later if required.
@@ Line 320: / Line 307: @@
 Click on '''Front Page.'''
 | style="border:1pt solid #000001;padding:0.106cm;"| Click on '''Site Administration''' link on the left menu.
 Scroll down to locate '''Front Page settings''' in the '''Front page''' section. Click on it.
@@ Line 330: / Line 316: @@
 Point to the top of breadcrumbs.
 | style="border:1pt solid #000001;padding:0.106cm;"| Let us change the '''Full Site Name '''to '''Digital India Learning Management System'''.
 This is the text that appears at the top of every page above the '''breadcrumbs'''.
@@ Line 339: / Line 324: @@
 Hover over the title.
 Point to the '''logo text.'''
@@ Line 345: / Line 329: @@
 Notice that the title of this page is '''Digital India LMS''' followed by the name of the page we are in.
 '''Short name''' is also used as a logo text if we do not provide any logo image.
 We will leave it as it is.
@@ Line 355: / Line 337: @@
 | style="border:1pt solid #000001;padding:0.106cm;"| Click on Front page items dropdown.
 | style="border:1pt solid #000001;padding:0.106cm;"| Scroll down to see dropdowns for '''Front page''' items.
 These are the list of items that can be shown on the front page.
 All visitors, whether they are logged in or not, can see these items.
 The order is determined by a combination box.
@@ Line 368: / Line 347: @@
 So all users will be able to see the list of courses (if available) and nothing else.
 |-
@@ Line 393: / Line 371: @@
 Summary
 | style="border:1pt solid #000001;padding:0.106cm;"| <PAUSE>
 Let us now summarize.
@@ Line 400: / Line 377: @@
 | style="border:1pt solid #000001;padding:0.106cm;"| Change add to Add on the slide
 | style="border:1pt solid #000001;padding:0.106cm;"| In this tutorial, we learnt to:
 * Add an HTML block called “Things to do” and specified where it should appear on the page.
@@ Line 407: / Line 383: @@
 |-
 | style="border:1pt solid #000001;padding:0.106cm;"| '''Show Slide 7''':
 Assignment
 | style="border:1pt solid #000001;padding:0.106cm;"| Here is an assignment for you:
 * Delete the '''Private files block '''
@@ Line 418: / Line 392: @@
 * This file has been provided in the '''Code files''' link.
 |-
 | style="border:1pt solid #000001;padding:0.176cm;"| '''Show Slide''' '''8:'''
 (About Spoken Tutorial Project)
@@ Line 431: / Line 403: @@
 |-
 | style="border:1pt solid #000001;padding:0.176cm;"| '''Show Slide 9:'''
 (About Spoken Tutorial Project)
@@ Line 447: / Line 418: @@
 |-
 | style="border:1pt solid #000001;padding:0.176cm;"| '''Show Slide 11:'''
 (Acknowledgement)
@@ Line 457: / Line 427: @@
 This is Nancy Varkey along with the spoken tutorial team signing off. Thank you for joining.
 |}