Course homepage: Skillnad mellan sidversioner

Från MoodleDocs
Hoppa till:navigering, sök
(updated screenshots)
(→‎Blocks: updating info)
 
(11 mellanliggande sidversioner av 2 användare visas inte)
Rad 2: Rad 2:
===Parts of a course homepage===
===Parts of a course homepage===


Watch the screencasts '''[https://youtu.be/ZsNK44EqRkg What is a course?]''' and '''[https://youtu.be/y12xYdGOq0s How to lay out your course]''' 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 a blank course page using the [[Boost theme]] and the Clean theme, both with standard weekly format:
A Moodle course can look very different according to the theme and course format (layout). Here are a blank course page using the [[Boost theme]] and the Classic theme, both with standard weekly format:
[[File:BlankBoost4v.png|thumb|center||600px|Empty course with Boost theme]]
[[File:BlankClassic4v.png|thumb|600px|center|Empty course with Classic theme]]
====Boost theme====
{{New features}}
{{MediaPlayer | url = https://youtu.be/ScT3hBTT3ps | desc = Overview of course editing}}
1. Course navigation. These provide a quick way for the teacher to access important aspects of the course. The More link takes you to, for example, the Content and Question banks and (new in 4.0)Course reuse which incorporates Backup, Restore, Import, Reset and Copy.


[[File:ExampleBoostBlocks.png|thumb|center||600px|Empty course with Boost theme showing  side blocks]]
2. Course index. This is a scrollable, collapsible drawer that displays course sections and elements. As you move up and down the central course area, your location is highlighted in the Course index. Clicking on an item in the Course index will open it up directly in the course central area.


[[File:ExampleClassic.png|thumb|600px|center|Empty course with Classic theme]]
3. Edit mode toggle. An easy way to toggle edit mode on and off.


4. Block drawer. This is not visible until you have enabled edit mode and added a block. The block drawer can be collapsed and expanded as a user preference.




5. [[Course formats|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.
6. Collapse all. Sections can be collapsed and expanded individually or you can use the Collapse all link to collapse them all at once.
====Classic theme====
1.[[Navigation block]]
1.[[Navigation block]]


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


2.[[Administration block]]
2.[[Administration block]]
Rad 20: Rad 32:
Again, normally visible on all pages, this block gives different levels of access to teachers and students.
Again, normally visible on all pages, this block gives different levels of access to teachers and students.


3.[[Course formats|Course sections]]
3. Turn editing on
A clearly visible button allows you to turn editing on and off.
 
4. [[Course formats|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.
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.[[Blocks|Side blocks]]
5. {{New features}}Collapse all. Sections can be collapsed and expanded individually or you can use the Collapse all link to collapse them all at once.


Which blocks you see depend on what the administrator has selected and what you as teacher choose to add.
6.[[Blocks|Side blocks]]


5. Navigation drawer
Side blocks can be added when the editing is turned on.


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.
Which blocks you see depend on what the administrator has selected and what you as teacher choose to add.
 
6. Gear menu


This replaces the course administration settings in the Boost theme.


===To edit a course section===
===To edit a course section===
# Enable Edit mode/turn editing on
#Quickly rename sections from the pencil icon.


# 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]]


If [[Restrict access]] is enabled for the site, access to the section (including all activities and resources within it) may be restricted.  
If [[Restrict access]] is enabled for the site, access to the section (including all activities and resources within it) may be restricted.  
===To move a course section===
===To move a course section===
#Turn editing on
(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.)
#Click the up/down arrow or the crosshairs icon to move the section
#Enable edit mode/turn editing on
#Drag the section to where you want to position it and let go
#Drag and drop the section either from the course central area or the Course index to your chosen location.
 
If your course is long you can also drag from the central area to a location in the Course index, and/or you can click the three dots next to a section, select Move and choose the location to move it to.
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.
[[File:Move34.png|thumb|center|400px]]
===To add course sections===
===To add course sections===
#Turn editing on
#Enable edit mode/turn editing on.
#Click  'Add topics/weeks' underneath the bottom section
#If you are using Topics then find the location you want to add a new section and click Add topic.
#Select the number of extra sections you wish and press 'Add topics/weeks':
#If you are using Weeks then go to the bottom of the course page and click Add week.
 
[[File:Addtopic4.png|thumb|400px|center|Adding sections]]
[[File:33Addtopics.png|thumb|400px|center|Adding sections]]
 
===To delete a course section===
===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. Use the [[Recycle bin]] to reverse this if you do it by mistake.
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. Use the [[Recycle bin]] to reverse this if you do it by mistake.
 
===To link course sections===
===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.
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==
==Blocks==
 
The Boost and Classic themes only only displays blocks on the right, although contributed themes might display them on the left.  
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
To add a block to the course page
 
#Enable Edit mode top right.
#Turn on the editing from the gear menu of  the button top right depending on your theme.
#Expand the block drawer and click Add block. Select your block.
#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
To move a block
#Ensure editing is turned on then click onto the block title until the crosshair icon appears
#With Edit mode on, click the crosshair icon on a block.
#While keeping the block selected, drag it to where you want to position it and let go.
#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==
==Activities and resources==
To add an activity or resource to the course
To add an activity or resource to the course
*Turn on the editing from the button top right.
*Enable Edit mode.


*Click 'Add an activity or resource' to open the activity chooser. Double-click to add an activity or resource; click the i for more information and click the star icon to add it to a separate, starred tab.
*Click 'Add an activity or resource' to open the activity chooser. Double-click to add an activity or resource; click the i for more information and click the star icon to add it to a separate, starred tab.
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''.
{|
| [[File:activity chooser.png|thumb|The activity chooser]]
|}
Alternatively, certain resources and activities may be added using drag and drop:
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 [[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 [[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
*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
 
:
===Moving between activities===
 
{{MediaPlayer | url = https://youtu.be/MRX3NOO_oNY | desc = Activity navigation}}
 
Underneath each activity is a link on the left to the previous activity and on the right to the next activity. A jump-to menu also allows you to choose other activities from the course page:
 
[[File:CHPActivityLinks.png]]
 
==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:''
 
 
:[[Image:pencil.png]] - the pencil icon allows you to edit inline the title of the resource / activity
 
:[[Image:26actionicon.png|150px]] - this icon groups actions together for easier editing on smaller screens. Click to reveal the options.
 
:[[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:movenoajax24.png]] - the move here icon appears when moving a course element without Ajax. Click into the box to re-locate your item.
 
:[[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==
===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 [[Stealth activities]]
*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==
*[[Capabilities/moodle/course:sectionvisibility|Control section visibility]]
*[[Capabilities/moodle/course:sectionvisibility|Control section visibility]]
*[[Capabilities/moodle/course:setcurrentsection|Set current section]]
*[[Capabilities/moodle/course:setcurrentsection|Set current section]]





Nuvarande version från 22 april 2022 kl. 15.56

Parts of a course homepage

A Moodle course can look very different according to the theme and course format (layout). Here are a blank course page using the Boost theme and the Classic theme, both with standard weekly format:

Empty course with Boost theme
Empty course with Classic theme

Boost theme

New feature
in Moodle 4.0!

Overview of course editing

1. Course navigation. These provide a quick way for the teacher to access important aspects of the course. The More link takes you to, for example, the Content and Question banks and (new in 4.0)Course reuse which incorporates Backup, Restore, Import, Reset and Copy.

2. Course index. This is a scrollable, collapsible drawer that displays course sections and elements. As you move up and down the central course area, your location is highlighted in the Course index. Clicking on an item in the Course index will open it up directly in the course central area.

3. Edit mode toggle. An easy way to toggle edit mode on and off.

4. Block drawer. This is not visible until you have enabled edit mode and added a block. The block drawer can be collapsed and expanded as a user preference.


5. 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.

6. Collapse all. Sections can be collapsed and expanded individually or you can use the Collapse all link to collapse them all at once.

Classic 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. Turn editing on A clearly visible button allows you to turn editing on and off.

4. 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.

5. New feature
in Moodle 4.0!
Collapse all. Sections can be collapsed and expanded individually or you can use the Collapse all link to collapse them all at once.

6.Side blocks

Side blocks can be added when the editing is turned on.

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


To edit a course section

  1. Enable Edit mode/turn editing on
  2. Quickly rename sections from the pencil icon.


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

To move a course section

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

  1. Enable edit mode/turn editing on
  2. Drag and drop the section either from the course central area or the Course index to your chosen location.

If your course is long you can also drag from the central area to a location in the Course index, and/or you can click the three dots next to a section, select Move and choose the location to move it to.

Move34.png

To add course sections

  1. Enable edit mode/turn editing on.
  2. If you are using Topics then find the location you want to add a new section and click Add topic.
  3. If you are using Weeks then go to the bottom of the course page and click Add week.
Adding sections

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. Use the Recycle bin to reverse this if you do it by mistake.

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

The Boost and Classic themes only only displays blocks on the right, although contributed themes might display them on the left.

To add a block to the course page

  1. Enable Edit mode top right.
  2. Expand the block drawer and click Add block. Select your block.

To move a block

  1. With Edit mode on, click the crosshair icon on a block.
  2. While keeping the block selected, drag it to where you want to position it and let go.

Activities and resources

To add an activity or resource to the course

  • Enable Edit mode.
  • Click 'Add an activity or resource' to open the activity chooser. Double-click to add an activity or resource; click the i for more information and click the star icon to add it to a separate, starred tab.

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

Course homepage capabilities