Note: You are currently viewing documentation for Moodle 3.2. Up-to-date documentation for the latest stable version of Moodle is probably available here: Course homepage.

Course homepage: Difference between revisions

From MoodleDocs
(→‎Parts of a course homepage: Nav drawer and course section links (MDL-57412))
 
(104 intermediate revisions by 18 users not shown)
Line 1: Line 1:
{{Courses}}
{{Courses}}
== Standard view of a blank course==
===Parts of a course homepage===
Our examples will be for a course homepage that is the standard default for a new install on a site. There are many course options that determine a course's appearance and make it look very different from our examples. The example course has a header, a footer (both content largely determined by a theme) and 3 columns in the middle.   
 
Watch the screencasts '''[https://www.youtube.com/watch?v=STKBlI4vr40 What is a course?]''' and '''[https://www.youtube.com/watch?v=4bbQF-d2SpU Course layout]''' for an introduction on setting up your course homepage.
 
A Moodle course can look very different according to the theme and course format (layout). Here are blank course page using the [[Boost theme]] (new in 3.2) and the established 'Clean' theme, both with standard weekly format:
 
 
[[File:example_course.png|thumb|600px|center|Empty course with Clean theme]]
 
  [[File:1exampleboosthemecourse.png|thumb|center||600px|Empty course with Boost theme]]
 
 
 
1.[[Navigation block]]
 
Normally visible on all pages, this block  helps you find your way around the course and site.
 
2.[[Administration block]]


Here are basic elements of a course page and links to Moodle documentation.
Again, normally visible on all pages, this block gives different levels of access to teachers and students.
[[Image:Blankcourselayout.png|thumb|600px|none|Example of Weekly format, teacher view, edit off - [https://docs.moodle.org/20/en/File:Blankcourselayout.png full resolution here]]]


===Parts of a course homepage===
3.[[Course formats|Course sections]]
Using the above image, here are the parts of a typical course homepage. It is possible to move and hide parts of the page and different themes display blocks in different regions,  so not all courses will look like this.
{| style="width:75%; height:200px" border="1"
|-
| Column left || Course sections - Center || Column right
|-
|-
| *1 [[Course_settings#Full_name|Course full name]] || *6 Section header & [[News forum|News topic]] || *9 Login information
|- 
| *2 [[Course_settings#Short_name|Navigation bar]] ||*7 Current week - First section || *10 Turn editing on button
|-
| *4 [[Navigation block]]|| *8 Future week  - Second section|| *11 [[Latest News block|Latest news]]
|-
| *5 [[Settings block]]||*14 "Show only this section"  || *12 [[Upcoming Events block|Upcoming events]]
|-
| *15 "Switch role to"||  || *13 [[Recent Activity block|Recent activity]]
|-
| *16 User profile settings ||  ||
|-
| *17 Site Administration || ||
|}


==Adding elements to your course home page==
Here is where the learning materials are displayed. This element may be arranged in one or multiple weeks, topics, forums or other (non-standard) layouts.


*Turn on the editing by clicking the button top right or the link in ''Settings > Course administration.''
4.[[Blocks|Side blocks]]


{{New features}}* Click 'Add an activity or resource' to open the new activity chooser. Select an activity or resource then click the Add button, or simply double-click on the activity or resource name.
Which blocks you see depend on what the administrator has selected and what you as teacher choose to add.


[[File:activity chooser.png]]
5. Navigation drawer


:If desired, the activity chooser can be switched off via ''Settings > Course administration > Activity chooser off''. Activities and resources can then be added using dropdown menus.
This replaces the [[Navigation block]] and [[Administration block]] in the Boost theme. For course section links to appear, 'Always link course sections' (linkcoursesections) must be enabled by an administrator in the Site administration.


[[File:Addresourceactivitydropdown.png]]
6. Gear menu


* For [[Blocks| blocks]], click the "add block" dropdown which is usually situated bottom right of the screen.
This replaces the course administration settings in the Boost theme.


==Editing elements on your course homepage==
===To edit a course section===
With the editing turned on, each item on your course homepage and each section/block will have icons next to it which all perform different functions such as edit/move/copy/delete/hide. '''Note:''' ''your theme may have icons different from these below:'':


:[[Image:quickrename.png]] - the pencil icon allows to rename your item directly on the course page without entering settings if Ajax is enabled on the site and in your profile. (Without Ajax, the icon takes you to the settings) {{New features}}
# Turn editing on
# Click the pencil icon (1 in screenshot below) to quickly rename the section
# Click the Edit menu (2 in screenshot below) to edit the description and other settings.
[[File:31editsection.png|thumb|center|600px|Section editing menu]]


:[[Image:Edit.gif]] - the edit icon allows you to change the wording or settings of the item.
If [[Restrict access]] is enabled for the site, access to the section (including all activities and resources within it) may be restricted.  


:[[File:Duplicateicon.png]] - the duplicate icon allows you to copy an activity or resource within your course
Click the plus or minus icons [[File:increasereduce.png]] at the bottom of the page (with editing on) to change the number of sections.


:[[Image:Open.gif]] - the open-eye icon means an item is visible to students. It will close when you click on it
===To move a course section===
#Turn editing on
#Click the up/down arrow or the crosshairs icon to move the section
#Drag the section to where you want to position it and let go


:[[Image:Closed.gif]] - the closed-eye icon means an item is hidden from students. It will open when you click on it
Note: The ability to move course sections is controlled by the capability [[Capabilities/moodle/course:movesections|moodle/course:movesections]], which is allowed for the default role of teacher.


:[[Image:Right.gif]] - the right icon is used to indent course elements (there is also a left icon)
===To delete a course section===


:[[Image:Move.gif]] - the move icon allows course elements to be placed anywhere
With the editing turned on, click the 'Edit' link to the right of the course section you wish to delete and then, from the menu that displays,  click 'X Delete'. You will be prompted to confirm your wish to delete the section and its contents. Note that all activities inside the section and their user data will also be deleted. This operation cannot be reversed.


:[[Image:Movehere.gif]] - the move here icon appears when moving a course element. Click into the box to re-locate your item.
===To link course sections===


:[[File:Updownarrow.png]] - the up/down arrows allow you to move course sections up or down.
An admin setting ''Always link course sections'' can be enabled from ''Site administration > Appearance > Navigation'' and will link course sections so that when a course section name is clicked in the navigation block or the central content area, it will go directly to that section.


:[[File:Ajaxmoveicon.png]]- the "crosshairs" move icon allows you to move items or sections by dragging and dropping. It appears if your admin has enabled Ajax in ''Settings > Site Administration > Appearance > Ajax and Javascript''
==Blocks==


Depending on the theme, blocks are displayed in the right and/or left columns of the course page. The [[Boost theme]] only displays blocks on the right, and when using the [[Moodle Mobile app]] blocks do not display at all.


:[[Image:Delete.gif]] - the delete icon will permentantly delete something from the course
To add a block to the course page


:[[File:Groupsicon.png]] - the groups icon allows you to change between no groups or separate/visible groups
#Turn on the editing from the gear menu of  the button top right depending on your theme.
#Select a block from the "Add block" link, either at the bottom of the nav drawer on the left or a drop down menu usually on the right.


:[[File:Rolesicon.png]] - the roles icon allows you to assign roles locally in the item.
To move a block
#Ensure editing is turned on then click onto the block title until the crosshair icon appears
#While keeping the block selected, drag it to where you want to position it and let go.


The following icons are visible when editing is both on and off
Alternatively
#Click on the up/down arrow
#Click on the place holder (a zone with a dashed border) where you want the block to appear.


:[[Image:One.gif]] - This icon is used to show only the selected section
{|
| [[File:moveblocksnew.png|thumb|Crosshair icon for moving a block]]
| [[File:Moveblocks.png|thumb|Up/down arrow icon for moving a block]]
|}


:[[Image:All.gif]] - This icon is used to show all sections in a course
==Activities and resources==


The following icon only applies to sections
To add an activity or resource to the course
#Turn on the editing either from the gear menu or the button top right, depending on your theme.
#Click 'Add an activity or resource' to open the new activity chooser. Select an activity or resource then click the Add button, or simply double-click on the activity or resource name.


:[[Image:Marker.gif]] - the highlight  icon allows you to highlight a section as current
Find out more about the activity chooser in the screencast  [https://youtu.be/yWo0o4tG9YQ What is the activity chooser?]


====Adding or reducing course sections====
If desired, the activity chooser may be disabled from Course preferences from the [[Preferences]] link in the user menu. This will then display two separate resource and activity dropdown menus.
{{New features}}
The number of course sections may be increased or reduced not only via ''Settings>Course administration>Edit settings'', but also directly on the course page. Underneath the final section, when editing is turned on, there is a plus/minus sign. Click the plus sign to increase the sections by one. Click the minus sign to decrease the sections by one:


[[File:increasereduce.png]]
'''Note:''' The Moodle admin can switch this off by default in ''Administration > Site administration > Appearance > AJAX and Javascript''.
{|
| [[File:activity chooser.png|thumb|The activity chooser]]
|}


===Moving sections or blocks on your course's homepage===
Alternatively, certain resources and activities may be added using drag and drop:


====To move a Block====
*To add a [[File|file]], simply drag and drop it onto the course section where you'd like it to appear
*To add a [[Folder|folder of files]], simply zip the folder then drag and drop it onto the course section where you'd like it to appear, answer 'Unzip files and create folder' to the popup dialogue, then click the upload button
*To add a [[SCORM module|SCORM package]], simply drag and drop it onto the course section where you'd like it to appear, answer 'Add a SCORM package' to the popup dialogue, then click the upload button


Blocks appear at the side(s) of your course area.  
==Editing elements on your course homepage==
With the editing turned on, activities, resources and blocks will have icons performing different functions such as edit/move/copy/delete/hide.
 
''Note:''' ''Your theme may have icons different from these below:''


If the user has Advanced web features enabled in their profile, blocks may be moved by drag and drop. {{New features}}
# turn editing on and click onto the block title until the crosshair icon appears as in the screenshot below
#While keeping the block selected, drag it to where you want to position it and let go.
[[File:moveblocksnew.png]]


:[[Image:pencil.png]] - the pencil icon allows you to edit inline the title of the resource / activity


If the user does not have Advanced web features enabled in their profile, blocks may be moved as follows:o
:[[Image:26actionicon.png|150px]] - this icon groups actions together for easier editing on smaller screens. Click to reveal the options.  
#Turn editing On and *click and release* the Block's crosshair icon. Place holders - zones with a dashed border - appear on the screen indicating the possible areas where your Block can appear.


[[File:Moveblocks.png]]
:[[Image:moveajax24.png]]- the move icon allows you to move items or sections by dragging and dropping. (If you have many activities to scroll through while moving, see the Tips and Tricks section below for a useful suggestion.)


#Click the placeholder where you want the Block appear. On course area homepages, you can move Blocks from one side to the other, but not into the middle.
:[[Image:movenoajaz241.png]] - this move icon appears if you don't have Ajax enabled.
#The block should now appear in the location you chose.


====To move a Section====
:[[File:groups24.png]] - the groups icon allows you to change between no groups or separate/visible groups
To move a Topic or Week section:
#turn editing on
#click the up or down arrow or the crosshairs icon to move the section


==Displaying activity descriptions on the course page==
:[[Image:movenoajax24.png]] - the move here icon appears when moving a course element without Ajax. Click into the box to re-locate your item.


Activity and resource descriptions can be displayed on the course page just below the link to the activity or resource by clicking the 'Display description on course page' checkbox in the activity or resource settings.
:[[File:topicmove24.png]] - the up/down arrows allow you to move course sections up or down and  appear if you do not have Ajax enabled.


==Tips and tricks==
==Tips and tricks==
===Moving items in a course with many activities===
If you click and drag an activity or resource on a course page which has many items, this might cause you difficulties with "scroll of death" issues. Instead of dragging the activity to move it, click on it. It will display a list of all the items on your page and you just need to click to select where on the course page you want the item to be moved to.
[[File:alternativemovemethod.png|thumb|center|500px]]


*Make your course home page look more like a webpage - see [[Course FAQ]]
*Make your course home page look more like a webpage - see [[Course FAQ]]
*Activity and resource descriptions can be displayed on the course page just below the link to the activity or resource by clicking the 'Display description on course page' checkbox in the activity or resource settings.


==Course homepage capabilities==
==Course homepage capabilities==
Line 126: Line 140:
*[[Capabilities/moodle/course:setcurrentsection|Set current section]]
*[[Capabilities/moodle/course:setcurrentsection|Set current section]]


==See also==


* [[Course settings]] for details of how to change the number of sections displayed on the course homepage
 
* Screencast [http://youtu.be/Je9udHLCIv0 How to quickly rename activities and use the activity chooser]
[[es:Página principal del curso]]
*Screencast [http://youtu.be/1You5H_NXM0 Quickly add a course section in Moodle 2.3]
[[fr:Page d'accueil de cours]]
*Screencast [http://youtu.be/Yy6-Sg7z7A4 Drag and drop blocks in Moodle 2.3]
[[es:course/view]]
[[fr:Page de cours]]
[[ja:コースホームページ]]
[[ja:コースホームページ]]
[[de:Kursseite]]
[[de:Kursseite]]

Latest revision as of 12:51, 29 August 2017

Parts of a course homepage

Watch the screencasts What is a course? and Course layout for an introduction on setting up your course homepage.

A Moodle course can look very different according to the theme and course format (layout). Here are blank course page using the Boost theme (new in 3.2) and the established 'Clean' theme, both with standard weekly format:


Empty course with Clean theme
Empty course with Boost theme


1.Navigation block

Normally visible on all pages, this block helps you find your way around the course and site.

2.Administration block

Again, normally visible on all pages, this block gives different levels of access to teachers and students.

3.Course sections

Here is where the learning materials are displayed. This element may be arranged in one or multiple weeks, topics, forums or other (non-standard) layouts.

4.Side blocks

Which blocks you see depend on what the administrator has selected and what you as teacher choose to add.

5. Navigation drawer

This replaces the Navigation block and Administration block in the Boost theme. For course section links to appear, 'Always link course sections' (linkcoursesections) must be enabled by an administrator in the Site administration.

6. Gear menu

This replaces the course administration settings in the Boost theme.

To edit a course section

  1. Turn editing on
  2. Click the pencil icon (1 in screenshot below) to quickly rename the section
  3. Click the Edit menu (2 in screenshot below) to edit the description and other settings.
Section editing menu

If Restrict access is enabled for the site, access to the section (including all activities and resources within it) may be restricted.

Click the plus or minus icons increasereduce.png at the bottom of the page (with editing on) to change the number of sections.

To move a course section

  1. Turn editing on
  2. Click the up/down arrow or the crosshairs icon to move the section
  3. Drag the section to where you want to position it and let go

Note: The ability to move course sections is controlled by the capability moodle/course:movesections, which is allowed for the default role of teacher.

To delete a course section

With the editing turned on, click the 'Edit' link to the right of the course section you wish to delete and then, from the menu that displays, click 'X Delete'. You will be prompted to confirm your wish to delete the section and its contents. Note that all activities inside the section and their user data will also be deleted. This operation cannot be reversed.

To link course sections

An admin setting Always link course sections can be enabled from Site administration > Appearance > Navigation and will link course sections so that when a course section name is clicked in the navigation block or the central content area, it will go directly to that section.

Blocks

Depending on the theme, blocks are displayed in the right and/or left columns of the course page. The Boost theme only displays blocks on the right, and when using the Moodle Mobile app blocks do not display at all.

To add a block to the course page

  1. Turn on the editing from the gear menu of the button top right depending on your theme.
  2. Select a block from the "Add block" link, either at the bottom of the nav drawer on the left or a drop down menu usually on the right.

To move a block

  1. Ensure editing is turned on then click onto the block title until the crosshair icon appears
  2. While keeping the block selected, drag it to where you want to position it and let go.

Alternatively

  1. Click on the up/down arrow
  2. Click on the place holder (a zone with a dashed border) where you want the block to appear.
Crosshair icon for moving a block
Up/down arrow icon for moving a block

Activities and resources

To add an activity or resource to the course

  1. Turn on the editing either from the gear menu or the button top right, depending on your theme.
  2. Click 'Add an activity or resource' to open the new activity chooser. Select an activity or resource then click the Add button, or simply double-click on the activity or resource name.

Find out more about the activity chooser in the screencast What is the activity chooser?

If desired, the activity chooser may be disabled from Course preferences from the Preferences link in the user menu. This will then display two separate resource and activity dropdown menus.

Note: The Moodle admin can switch this off by default in Administration > Site administration > Appearance > AJAX and Javascript.

The activity chooser

Alternatively, certain resources and activities may be added using drag and drop:

  • To add a file, simply drag and drop it onto the course section where you'd like it to appear
  • To add a folder of files, simply zip the folder then drag and drop it onto the course section where you'd like it to appear, answer 'Unzip files and create folder' to the popup dialogue, then click the upload button
  • To add a SCORM package, simply drag and drop it onto the course section where you'd like it to appear, answer 'Add a SCORM package' to the popup dialogue, then click the upload button

Editing elements on your course homepage

With the editing turned on, activities, resources and blocks will have icons performing different functions such as edit/move/copy/delete/hide.

Note:' Your theme may have icons different from these below:


pencil.png - the pencil icon allows you to edit inline the title of the resource / activity
26actionicon.png - this icon groups actions together for easier editing on smaller screens. Click to reveal the options.
moveajax24.png- the move icon allows you to move items or sections by dragging and dropping. (If you have many activities to scroll through while moving, see the Tips and Tricks section below for a useful suggestion.)
movenoajaz241.png - this move icon appears if you don't have Ajax enabled.
groups24.png - the groups icon allows you to change between no groups or separate/visible groups
movenoajax24.png - the move here icon appears when moving a course element without Ajax. Click into the box to re-locate your item.
topicmove24.png - the up/down arrows allow you to move course sections up or down and appear if you do not have Ajax enabled.

Tips and tricks

Moving items in a course with many activities

If you click and drag an activity or resource on a course page which has many items, this might cause you difficulties with "scroll of death" issues. Instead of dragging the activity to move it, click on it. It will display a list of all the items on your page and you just need to click to select where on the course page you want the item to be moved to.

alternativemovemethod.png
  • Make your course home page look more like a webpage - see Course FAQ
  • Activity and resource descriptions can be displayed on the course page just below the link to the activity or resource by clicking the 'Display description on course page' checkbox in the activity or resource settings.

Course homepage capabilities