Difference between revisions of "Moodle-Learning-Management-System/C2/Blocks-in-Admin-Dashboard/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with " {| style="border-spacing:0;" | style="border:1pt solid #000001;padding:0.176cm;"| <u>'''''Visual Cue'''''</u> | style="border:1pt solid #000001;padding:0.176cm;"| <u>'''''Nar...")
 
 
(2 intermediate revisions by 2 users not shown)
Line 27: Line 27:
 
OS, Web Server and Moodle Versions
 
OS, Web Server and Moodle Versions
 
| style="border:1pt solid #000001;padding:0.176cm;"| To record this tutorial I am using:
 
| style="border:1pt solid #000001;padding:0.176cm;"| To record this tutorial I am 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'''
Line 42: Line 40:
  
 
Prerequisites
 
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;"|
 +
* 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.
 
* If not, please refer to the relevant''' Moodle''' tutorials on this website.
  
Line 76: Line 75:
  
 
Depending on the '''theme''' used, '''blocks''' can be on the right side or on both sides.
 
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.  
 
'''Blocks''' contain information we want people to see whenever they log in.  
 
  
 
There are many types of '''blocks''' available in '''Moodle.'''
 
There are many types of '''blocks''' available in '''Moodle.'''
 
  
 
And they can be moved or arranged easily as per our preferences.
 
And they can be moved or arranged easily as per our preferences.
Line 134: Line 130:
 
| style="border:1pt solid #000001;padding:0.106cm;"| Select '''HTML'''
 
| 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'''.  
 
| 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'''.  
 
'''HTML block''' is a '''block''' where one can write custom '''HTML'''.  
Line 142: Line 137:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding:0.106cm;"| Point to '''HTML block'''
 
| 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 150: Line 145:
 
| style="border:1pt solid #000001;padding:0.106cm;"| Click on the gear icon in the '''HTML 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'''.
+
Then click on '''Configure (NEW HTML BLOCK) block'''.
  
 
|-
 
|-
Line 156: Line 151:
  
 
| style="border:1pt solid #000001;padding:0.106cm;"| '''Configure HTML block''' has 3 '''sections''':
 
| style="border:1pt solid #000001;padding:0.106cm;"| '''Configure HTML block''' has 3 '''sections''':
 
  
 
# '''Block settings'''
 
# '''Block settings'''
Line 203: Line 197:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding:0.106cm;"| Select '''Content''' from the '''Default region''' dropdown.
 
| style="border:1pt solid #000001;padding:0.106cm;"| Select '''Content''' from the '''Default region''' dropdown.
 
  
 
Select '''-10''' in the '''Default weight''' dropdown.
 
Select '''-10''' in the '''Default weight''' dropdown.
Line 269: Line 262:
  
 
Click on the gear icon and then on '''Configure Things to do block.'''
 
Click on the gear icon and then on '''Configure Things to do block.'''
 
  
 
Then click on '''Expand All'''.
 
Then click on '''Expand All'''.
Line 275: Line 267:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding:0.106cm;"| Highlight the value in '''weight''' field
 
| style="border:1pt solid #000001;padding:0.106cm;"| Highlight the value in '''weight''' field
 
  
 
Click '''Cancel'''
 
Click '''Cancel'''
Line 287: Line 278:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding:0.106cm;"| Click on the gear icon.
 
| style="border:1pt solid #000001;padding:0.106cm;"| Click on the gear icon.
 
  
 
Click on '''Delete Learning plans block'''
 
Click on '''Delete Learning plans block'''
 
  
 
Click on '''Yes '''in the pop-up window.
 
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.  
 
| 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'''.
 
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.  
 
Confirm pop up window appears and prompts us to make sure about this deletion.  
 
  
 
Click on''' Yes''' button here.  
 
Click on''' Yes''' button here.  
 
  
 
Notice that the '''Learning Plans block''' is no longer available.  
 
Notice that the '''Learning Plans block''' is no longer available.  
 
  
 
We can always add this '''block''' later if required.
 
We can always add this '''block''' later if required.
Line 320: Line 304:
 
Click on '''Front Page.'''
 
Click on '''Front Page.'''
 
| style="border:1pt solid #000001;padding:0.106cm;"| Click on '''Site Administration''' link on the left menu.
 
| 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.
 
Scroll down to locate '''Front Page settings''' in the '''Front page''' section. Click on it.
Line 330: Line 313:
 
Point to the top of breadcrumbs.
 
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'''.
 
| 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'''.
 
This is the text that appears at the top of every page above the '''breadcrumbs'''.
Line 339: Line 321:
  
 
Hover over the title.
 
Hover over the title.
 
  
 
Point to the '''logo text.'''
 
Point to the '''logo text.'''
Line 345: Line 326:
  
 
Notice that the title of this page is '''Digital India LMS''' followed by the name of the page we are in.
 
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.
 
'''Short name''' is also used as a logo text if we do not provide any logo image.
 
  
 
We will leave it as it is.
 
We will leave it as it is.
Line 355: Line 334:
 
| style="border:1pt solid #000001;padding:0.106cm;"| Click on Front page items dropdown.
 
| 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.
 
| 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.
 
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.
 
All visitors, whether they are logged in or not, can see these items.
 
  
 
The order is determined by a combination box.
 
The order is determined by a combination box.
Line 368: Line 344:
  
 
So all users will be able to see the list of courses (if available) and nothing else.
 
So all users will be able to see the list of courses (if available) and nothing else.
 
  
 
|-
 
|-
Line 393: Line 368:
 
Summary
 
Summary
 
| style="border:1pt solid #000001;padding:0.106cm;"| <PAUSE>
 
| style="border:1pt solid #000001;padding:0.106cm;"| <PAUSE>
 
  
 
Let us now summarize.
 
Let us now summarize.
Line 401: Line 375:
 
| style="border:1pt solid #000001;padding:0.106cm;"| In this tutorial, we learnt to:
 
| 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.
 
* We also set up the '''frontpage''' for guests and logged-in users.
  
 
|-
 
|-
 
| style="border:1pt solid #000001;padding:0.106cm;"| '''Show Slide 7''':
 
| style="border:1pt solid #000001;padding:0.106cm;"| '''Show Slide 7''':
 
  
 
Assignment  
 
Assignment  
 
| style="border:1pt solid #000001;padding:0.106cm;"| Here is an assignment for you:
 
| style="border:1pt solid #000001;padding:0.106cm;"| Here is an assignment for you:
 
  
 
* Delete the '''Private files block '''
 
* 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.
+
 
+
  
 
|-
 
|-
 
| style="border:1pt solid #000001;padding:0.176cm;"| '''Show Slide''' '''8:'''
 
| style="border:1pt solid #000001;padding:0.176cm;"| '''Show Slide''' '''8:'''
 
  
 
(About Spoken Tutorial Project)
 
(About Spoken Tutorial Project)
Line 431: Line 398:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding:0.176cm;"| '''Show Slide 9:'''
 
| style="border:1pt solid #000001;padding:0.176cm;"| '''Show Slide 9:'''
 
  
 
(About Spoken Tutorial Project)
 
(About Spoken Tutorial Project)
Line 447: Line 413:
 
|-
 
|-
 
| style="border:1pt solid #000001;padding:0.176cm;"| '''Show Slide 11:'''
 
| style="border:1pt solid #000001;padding:0.176cm;"| '''Show Slide 11:'''
 
  
 
(Acknowledgement)
 
(Acknowledgement)
Line 457: Line 422:
  
 
This is Nancy Varkey along with the spoken tutorial team signing off. Thank you for joining.
 
This is Nancy Varkey along with the spoken tutorial team signing off. Thank you for joining.
 
  
 
|}
 
|}

Latest revision as of 11:43, 18 February 2019

Visual Cue Narration
Show Slide 1:

Blocks in Admin's Dashboard

Welcome to the Spoken Tutorial on Blocks in Admin's Dashboard
Show Slide 2:

Learning Objectives:

In this tutorial, we will learn how to:
  • Add and delete blocks and
  • Set the Front page
Show Slide 3:


OS, Web Server and Moodle Versions

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.

Show Slide 4:

Prerequisites

  • 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.
Switch to the browser.

Enter http://127.0.0.1/moodle/

Switch to the browser and open your Moodle site.

Make sure that the XAMPP service is running.

Login Login with your admin username and password details.
We are now in the Admin’s dashboard.
Show Slide 5:


Blocks in Moodle

Recall that:
  • Blocks serve a specific purpose or information.
  • And are found on all pages of Moodle.
Highlight the blocks on the right. 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.

We will now add a few blocks to our dashboard.
Click on the navigation menu. Click on the navigation menu on the left of the page.
Click on Customise this page button. Click on Customise this page button on the right hand side of the dashboard.
Click on Add a block Notice that a new menu item Add a block is visible now.

Click on Add a block.

A new pop-up window opens.

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

Click on Messages For example, click on Messages.


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

Currently there are no messages.

Point to the rightmost column. By default, all new blocks get added to the right-most column.
Click on Add a block Let us add one more block.

Click on Add a block menu on the left.

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

Point to HTML block Notice now that a NEW HTML BLOCK has been added below the Messages block.
Click on the gear icon >> then click on Configure (new HTML block) block.


Click on the gear icon in the HTML block.

Then click on Configure (NEW HTML BLOCK) block.

Highlight the 3 sections. Configure HTML block has 3 sections:
  1. Block settings
  2. Where this block appears and
  3. On this page
Point to the first section. By default, the first section is expanded.
Click on Expand all. Click on Expand all to expand all the sections.
Type Things to do in the block title field. In the block title, let’s type “Things to do”.
Point to the Content area Let us add some tasks for this admin user in the Content area.
Type in the content field:
  • Create a new course
  • Create new users
  • Add users to the course
Type the following:
  • Create a new course
  • Create new users
  • Add users to the course
Point to the HTML editor The editor is an HTML editor and can be used like any other word processor or editor.
Scroll down to Where this block appears.


Scroll down to see the options under Where this block appears.
Select Content from the Default region dropdown.

Select -10 in the Default weight dropdown.

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.

This block will appear on the Admin’s dashboard.
Point to “On this page” section 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.

Please note that depending on the type of the block, configuration settings will vary.
Click on Save changes Click Save Changes to save the changes and go back to the dashboard.
Point to the HTML block 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.

Demo using the Move icon We can also change the position of a block by dragging it using the Move icon.
Drag Things to do block and place it below Course Overview block. Let us move Things to do block below the Course Overview block by dragging and dropping it.
Click on the gear icon.

Click on Configure Things to do block.

Click on Expand All.

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.

Highlight the value in weight field

Click Cancel

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.

Click on the gear icon.

Click on Delete Learning plans block

Click on Yes in the pop-up window.

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.

Let us now customize the front page of our Moodle installation.
Click on Site Administration.


Click on Front Page.

Click on Site Administration link on the left menu.

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

Full Site Name-> Digital India Learning Management System.


Point to the top of breadcrumbs.

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.

Highlight Short name


Hover over the title.

Point to the logo text.

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.

Click on Front page items dropdown. 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.

Click on Front page items when logged in dropdown 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.

Select Enrolled courses Let us select Enrolled courses in the first drop-down.
We will leave the rest of the options with their default values.
Scroll down and click on Save Changes.
Show Slide 6:

Summary

<PAUSE>

Let us now summarize.

Change add to Add on the slide 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.
Show Slide 7:

Assignment

Here is an assignment for you:
  • Delete the Private files block
  • Add a new HTML block using the guidelines given in the Code files link
Show Slide 8:

(About Spoken Tutorial Project)

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

Please download and watch it.

Show Slide 9:

(About Spoken Tutorial Project)

The Spoken Tutorial Project Team conducts workshops and gives certificates.

For more details, please write to us.

Show Slide 10:

Forum for Specific Questions

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

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

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

Contributors and Content Editors

Itspriyanka, Nancyvarkey, Nirmala Venkat