Difference between revisions of "Course homepage"

Jump to: navigation, search

Note: You are currently viewing documentation for Moodle 2.7. Up-to-date documentation for the latest stable version of Moodle may be available here: Course homepage.

(See also)
 
(133 intermediate revisions by 19 users not shown)
Line 1: Line 1:
A new course entered for the first time will be mostly blank. Course templates have [[Blocks (teacher) | block areas]] on the left and right sides, with course [[Activity modules]] and [[Resources]] grouped by [[Course sections | sections]] to fit your needs.  
+
{{Courses}}
 +
== Standard view of a blank course==
 +
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. 
 +
 
 +
[[Image:Blankcourselayout.png|thumb|600px|none|Example of Weekly format, teacher view, edit off - [https://docs.moodle.org/en/File:Blankcourselayout.png full resolution here]]]
 +
 
 +
===Parts of a course homepage===
 +
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 [[Administration block]]|| || *12 [[Upcoming Events block|Upcoming events]]
 +
|-
 +
| *14 "Switch role to"||  || *13 [[Recent Activity block|Recent activity]]
 +
|-
 +
| *15 User profile settings ||  ||
 +
|-
 +
| *16 Site administration|| ||
 +
|}
 +
 
 +
==Course sections==
 +
 
 +
Course sections are displayed in the centre of the course page.
 +
 
 +
===To edit a course section===
 +
 
 +
# Turn editing on
 +
# Click the edit icon after the section title
 +
 
 +
If [[Conditional activities]] are enabled for the site, access to the section (including all activities and resources within it) may be restricted.  
 +
 
 +
The number of course sections in the centre column may be changed in ''Administration > Course administration > Edit settings'' or by clicking the plus or minus icons at the bottom of the course page when editing is turned on.
 +
 
 +
{|
 +
| [[File:editing a section.png|thumb|Editing a course section]]
 +
| [[File:increasereduce.png|thumb|Changing the number of course sections]]
 +
|}
 +
 
 +
===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
 +
 
 +
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.
 +
===To delete a course section===
 +
There is no way to delete a course section as such. 
 +
#Three options for a work around are in this post: https://moodle.org/mod/forum/discuss.php?d=243077
 +
#There is a plugin here: https://moodle.org/plugins/view.php?plugin=block_quickset
 +
#The tracker item https://tracker.moodle.org/browse/MDL-10405 has a hack that seems to work.
 +
 
 +
==Blocks==
 +
 
 +
Blocks are displayed in the right and/or left columns of the course page.
 +
 
 +
To add a block to the course page
 +
 
 +
#Turn on the editing by clicking the button top right or the link in "Administration > Course administration''
 +
#Select a block from the "Add block" dropdown menu (usually situated bottom right of the page)
 +
 
 +
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.
 +
 
 +
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.
 +
 
 +
{|
 +
| [[File:moveblocksnew.png|thumb|Crosshair icon for moving a block]]
 +
| [[File:Moveblocks.png|thumb|Up/down arrow icon for moving a block]]
 +
|}
 +
 
 +
==Activities and resources==
 +
 
 +
To add an activity or resource to the course
 +
#Turn on the editing by clicking the button top right or the link in ''Administration > Course administration.''
 +
#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.
 +
 
 +
If desired, the activity chooser can be switched off via ''Administration > Course administration > Activity chooser off''. Activities and resources can then be added using dropdown menus. (The setting appears only when editing is turned on.)
 +
 
 +
'''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]]
 +
|}
 +
 
 +
Alternatively, certain resources and activities may be added using drag and drop:
 +
 
 +
*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
 +
 
 +
==Editing elements on your course homepage==
 +
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.  See the screencast: [http://youtu.be/3E71FESTMOM Course editing improvements]
 +
 
 +
''Note:''' ''Your theme may have icons different from these below:''
 +
 
 +
:[[Image:pencil.png]] - the pencil icon allows you to edit inline the title of the resource / activity
 +
 
 +
:[[Image:hide24.png]] - the open-eye icon means an item is visible to students. It will close when you click on it
 +
 
 +
:[[Image:closedeye24.png]] - the eye with a strike through icon means an item is hidden from students. It will open when you click on it
 +
 
 +
: [[Image:26duplicate.png|61px|]] - the duplicate icon allows you to copy an activity or resource. It's done directly on the course page.
 +
 
 +
 
 +
:[[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.)
 +
 
 +
:[[Image:movenoajaz241.png]] - this move icon appears if you don't have Ajax enabled.
 +
 
 +
:[[File:groups24.png]] - the groups icon allows you to change between no groups or separate/visible groups
 +
 
 +
:[[Image:26actionicon.png|150px]] - this icon groups actions together for easier editing on smaller screens. Click to reveal the options.
 +
 
 +
:[[Image:movenoajax24.png]] - the move here icon appears when moving a course element without Ajax. Click into the box to re-locate your item.  
  
Generally speaking, the first or top section is not numbered and was designed for general information and to contain activities and resources useful during the course. Most courses will have at least one additional [[Course sections | section]].
+
:[[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.
  
The view of your course homepage depends on which block areas you choose to appear using the Blocks field. All of the blocks can be shifted around according to one's liking, due to which the view of the course homepage may differ.
+
:[[Image:delete24.png]] - the delete icon will permanently delete something from the course
  
== Standard view of a blank course==
+
:[[File:groups24.png]] - the groups icon allows you to change between no groups or separate/visible groups
[[Image:Course edit on new 3w.JPG|thumb|600px|none|Example of Weekly outline, teacher view, edit on]]
+
 
[[Image:Course edit on new wly sv.JPG|thumb|600px|none|Example of Weekly outline, student view]]
+
:[[File:assignroles24.png]] - the roles icon allows you to assign roles locally in the item.
 +
 
 +
 
 +
The following icon only applies to sections
 +
 
 +
:[[Image:lightbulb24.png]] - the highlight  icon allows you to highlight a section as current.
 +
 
 +
==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]]
  
=='''Course themes'''==
+
*Make your course home page look more like a webpage - see [[Course FAQ]]
In Moodle 1.6 and above, a site may allow its teachers to use color [[Themes |themes]] that are different from the Moodle site homepage.
+
*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.
  
The site administrator must go Administration>Configuration>Variables and change the allowcoursethemes to yes.  Then teachers will see the new property at the bottom of course settings called Force theme, with a drop down menu of different available themes.  Non-editing teacher can not alter this setting.  The default course theme is the site theme.
+
==Course homepage capabilities==
  
=='''Drag and drop'''==
+
*[[Capabilities/moodle/course:sectionvisibility|Control section visibility]]
Be aware that drag and drop for course sections currently (25th Feb 2008) has an issue and only support dragging a course section onto an adjacent section. Fix on the way: MDL-11539
+
*[[Capabilities/moodle/course:setcurrentsection|Set current section]]
  
==''See also''==
+
==See also==
  
*[[Course sections]] - some information about weekly and topic sections
+
*[http://prezi.com/oays--oappai/making-my-moodle/ A useful Prezi from a student teacher on designing an effective Moodle course]
*[[Blocks (teacher)]] - some links to different types of blocks
+
*[http://youtu.be/Je9udHLCIv0 How to quickly rename activities and use the activity chooser screencast]
*[[Adding/editing_a_course]] for more information about a course
+
*[http://youtu.be/1You5H_NXM0 Quickly add a course section in Moodle 2.3 screencast]
*For Administrators- Administration block, configuration, variables and interface [[Theme_config#Course_themes |settings]].
+
*[http://youtu.be/Yy6-Sg7z7A4 Drag and drop blocks in Moodle 2.3 screencast]
  
 
[[es:course/view]]
 
[[es:course/view]]
[[fr:Page de cours]]
+
[[fr:Page d'accueil de cours]]
[[ru:Главная страница курса]]
 
 
[[ja:コースホームページ]]
 
[[ja:コースホームページ]]
[[Category:Teacher|Course/view]]
+
[[de:Kursseite]]
[[sk:kurz/prehľad]]
 

Latest revision as of 20:34, 19 May 2015

Standard view of a blank course

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.

Example of Weekly format, teacher view, edit off - full resolution here

Parts of a course homepage

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.

Column left Course sections - Center Column right
*1 Course full name *6 Section header & News topic *9 Login information
*2 Navigation bar *7 Current week - First section *10 Turn editing on button
*4 Navigation block *8 Future week - Second section *11 Latest news
*5 Administration block *12 Upcoming events
*14 "Switch role to" *13 Recent activity
*15 User profile settings
*16 Site administration

Course sections

Course sections are displayed in the centre of the course page.

To edit a course section

  1. Turn editing on
  2. Click the edit icon after the section title

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

The number of course sections in the centre column may be changed in Administration > Course administration > Edit settings or by clicking the plus or minus icons at the bottom of the course page when editing is turned on.

Editing a course section
Changing the number of course 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

There is no way to delete a course section as such.

  1. Three options for a work around are in this post: https://moodle.org/mod/forum/discuss.php?d=243077
  2. There is a plugin here: https://moodle.org/plugins/view.php?plugin=block_quickset
  3. The tracker item https://tracker.moodle.org/browse/MDL-10405 has a hack that seems to work.

Blocks

Blocks are displayed in the right and/or left columns of the course page.

To add a block to the course page

  1. Turn on the editing by clicking the button top right or the link in "Administration > Course administration
  2. Select a block from the "Add block" dropdown menu (usually situated bottom right of the page)

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 by clicking the button top right or the link in Administration > Course administration.
  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.

If desired, the activity chooser can be switched off via Administration > Course administration > Activity chooser off. Activities and resources can then be added using dropdown menus. (The setting appears only when editing is turned on.)

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, 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. See the screencast: Course editing improvements

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
hide24.png - the open-eye icon means an item is visible to students. It will close when you click on it
closedeye24.png - the eye with a strike through icon means an item is hidden from students. It will open when you click on it
26duplicate.png - the duplicate icon allows you to copy an activity or resource. It's done directly on the course page.


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
26actionicon.png - this icon groups actions together for easier editing on smaller screens. Click to reveal the options.
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.
delete24.png - the delete icon will permanently delete something from the course
groups24.png - the groups icon allows you to change between no groups or separate/visible groups
assignroles24.png - the roles icon allows you to assign roles locally in the item.


The following icon only applies to sections

lightbulb24.png - the highlight icon allows you to highlight a section as current.

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

See also