Table of Contents
1. OverviewThe Flexpage is a course format that provides a teacher with complete control of how educational materials and assessments are presented to a student. Flexpage allows a teacher to create a flexible set of pages and sub pages where blocks and activities can be placed in any location on the page instead of being restricted to a right, left or center column. Flexpage courses provide teachers with the ability to determine how many columns of data are contained within a course (up to three-columns). This allows teachers to have complete control over how they want to present course materials and assessments to students. The basic features of Flexpage are:
1.1. Related Features2. Changes2.1. Joule 1 to Joule 2
3. Usage Scenarios3.1. Flexpage as a Front Page PortalFlexpage can be enabled at the site level, which allows site administrators to create multiple pages with page menus at the site level. Having multiple pages allows the site administrator to create a portal-like landing page with more than just the list of courses that the user is enrolled in. Site administrators can add pages that contain content about the organization, contact information, support pages, example courses, video examples and so forth. Through the use of the Courses Available to You block, site administrators can also create several pages that are focused on specific categories of courses, departments or other information.
3.2. Flexpage as a Landing PageFlexpage combined with the Profile Redirect block allows a site administrator to create unique landing pages/courses for users based on a custom profile field. The Profile Redirect block automatically redirects a user to a course with the same name as a value in the user's profile field. This secondary course becomes a default landing page for the user, similar to the site-level course being a landing page. The course can contain display information to the user that is associated with the profile field. For example, a user who is part of a Biology department can be forwarded to the Biology department's main course page. There the head of the Biology department can customize the course environment to focus on Biology-specific information, such as Biology events, a department forum, questionnaires and/or a page about the faculty in the Biology department. 4. Teacher DocumentationThe Flexpage course format is different from any other Joule course format. As the name of the format describes, Flexpage provides teachers with the ultimate flexibility in designing and creating their course. A Flexpage formatted course can be composed of an unlimited number of flexpages and each flexpage can have up to 4 regions where activities and blocks can be added.
Teachers can determine the width of each of these regions on every flexpage, allowing customization that can meet their display needs for the content they would like to display. One Flexpage course can contain any number of pages with a one column layout, a two column layout, a three column layout and or a combination of columns with a top region. We will cover the following topics in this manual: 4.1. Default Flexpage Course StructureWhen a course shell is created with the course format set to Flexpage, it should look like the image below. A topics or weeks formatted course without content that is converted to Flexpage will look this way as well.
A single flexpage is created and formatted into a three column course. All of the blocks that were added to the course, show in the column they were added to. All of the blocks that show up in the course by default are configured to display on every Flexpage added to the course. To change these settings review the Changing Pages Blocks Display On section of the manual below. At this point the teacher will be able to add flexpages, activities and blocks to the course. The first step here is to turn editing on by clicking the Turn editing on button in the navigation bar or the link in the Navigation block. 4.2. Action BarOnce a teacher has turned editing on, the action bar appears in the course below the navigation bar and above the three columns in the course. The action bar looks like the image below.
The action bar is separated into two areas. The first area is the actions area which has two sets of actions, add and manage. The second area is the Flexpage navigation area which allows a teacher to move to the previous and next flexpage or jump directly to a chosen flexpage.
Click the right arrow to move to the next page, or the left arrow to return to a previous page. To select a specific flexpage in the flexpage hierarchy click on the drop-down menu and select the desired flexpage. 4.3. Add Action MenuThe Add menu in the action bar allows a teacher to add flexpages, activities, blocks and menus to the course or Flexpage.
4.3.1. Add FlexpagesThe Add flexpages modal allows a teacher to add one or more flexpages to a course. To add a page, click on the Add link in the action bar and then click the Add flexpages link from the drop-down menu. After clicking on the link, a modal like the image below will appear.
When you add new flexpages, you will want to determine where they will be located in relation to other flexpages, i.e. the Flexpage hierarchy. Flexpages can be children of other flexpages (sub-flexpages), or they can be placed before or after other flexpages. New flexpages can also be created blank, or as a copy of an existing flexpage. The modal contains a row for each new flexpage being created. Each new flexpage row is separated into four fields that have no label. These fields and their functions are:
To add multiple flexpages to a course, press the + button to the right of the last Flexpage row in the modal. To add all new flexpages click the Add flexpages button in the bottom right hand corner of the modal. After clicking the button, the modal will close and a green message will appear below the action bar stating the name of the flexpages that have been added. By default a flexpage is created as hidden and set to show no navigation links or buttons. If you need to further edit the settings of these flexpages review the Manage flexpage settings or the Manage All flexpages sections below.
4.3.2. Add ActivityThe Add activity modal allows a teacher to add a new activity to the flexpage and course. To add a new activity to the current flexpage and course click on the Add link in the action bar and then click the Add activity link from the drop-down menu. After clicking on the link a modal like the image below will appear.
The Add activity modal is separated into two areas:
4.3.2.1. Add to AreaThe top area of the modal called Add to determines the location within the flexpage that the activity will be added after being created. All four locations on the flexpage will be represented even if the flexpage settings are not configured to have the area displayed. It is important to keep in mind where you want content displayed when selecting a location. 4.3.2.2. Activities, Resources and Assignments AreaThe lower area of the modal is separated into Activities, Resources and Assignments. Click on the activity, resource or assignment type you want to create and the modal will close and return you to add flexpage for the specific activity, resource or assignment. After configuring all the settings for the specific activity, resource or assignment click the Save and return to course button. You will return to the course with the activity, resource or assignment displayed within the course in the area selected. Most activities, resources and assignments will display as a link to the activity such as the link to a quiz below.
The following activities and resources will be displayed inline in a flexpage:
These activities and resources will look similar to the image of an inline forum below.
4.3.3. Add Existing ActivityThe Add existing activity modal allows a teacher to add an activity that was previously created in the course and added to another flexpage in the course. To add an existing activity to the current flexpage, select Add existing activity link from the Add down-down menu. After clicking on the link a modal like the image below will appear.
The Add existing activity modal is separated into two areas:
4.3.3.1. Add to AreaThe top area of the modal called Add to determines the location within the flexpage that the activities will be added to. All four locations on the flexpage will be represented even if the flexpage settings have the area not displayed on the flexpage. It is important to select a location that will display course content. 4.3.3.2. Existing ActivitiesThe lower area of the modal contains a list of all the activities that have been created within the course and can be added to the current flexpage. Check the checkbox next to each activity or resource that should be added to the page. Finally, click the Add activities button at the bottom of the modal to add all the selected activities to the flexpage. The activities will display in the location selected based on the type of activity it is. See the Add activity section for more information on how activities display in a flexpage. 4.3.4. Add BlockThe Add block modal allows a teacher to add a block to the current flexpage. This can be a duplicate of a block that has been added to the current flexpage or another flexpage in the course. To add a block to the current flexpage, select Add block link from the Add drop-down menu. After clicking on the link a modal like the image below will appear.
The Add block modal is separated into two areas:
4.3.4.1. Add to AreaThe top area of the modal called Add to determines the location within the flexpage that the blocks will be added to. All four locations on the flexpage will be represented even if the flexpage settings have the area not displayed on the flexpage. It is important to select a location that will contain course content . 4.3.4.2. Block AreaThe lower area of the modal contains a list of block names as links that can be added to the flexpage. Clicking on a block name will add it to the flexpage. 4.3.5. Add Existing MenuThe Add existing menu action allows a teacher to add a flexpage menu to the flexpage either as a block or a tab. A flexpage menu must first be created before it can be added. Review the section on Managing all flexpage menus below before reading the rest of this section. To add an existing menu to the flexpage click on the Add link in the action bar and then click the Add existing menu from the drop-down menu. After clicking on the link a modal like the image below will appear.
The Add existing menu modal is separated into two areas:
4.3.5.1. Add to AreaThe top area of the modal called Add to determines the location within the flexpage that the activity will be added after being created. All four locations on the flexpage will be represented even if the flexpage settings have the area not displayed on the flexpage. It is important to select a location that will contain course content. Menus Area The lower area of the modal contains a list of menu names as links, that can be added to the flexpage. Clicking on a menu name will add it to the course. 4.4. Manage Action MenuThe Manage menu in the action bar allows a teacher to manage, move, delete the current flexpage, manage all flexpages in the course and all flexpage menus in the course.
4.4.1. Manage Flexpage SettingsTo configure the settings for this page click on the Manage link in the action bar and then click the Manage flexpage settings link from the drop-down menu. After clicking on the link a modal like the image below will appear.
4.4.2. Move FlexpageTo move a page click on the Manage link in the action bar and then click the Move flexpage link from the drop-down menu. After clicking on the link a modal like the image below will appear.
From this window, you can choose whether the page is a child to another page, or whether it is before or after another page in the Flexpage hierarchy. 4.4.3. Delete FlexpageTo delete a flexpage click on the Manage link in the action bar and then click the Delete flexpage link from the drop-down menu. After clicking on the link a modal like the image below will appear.
From this window, you can confirm that you want to delete the current page. 4.4.4. Manage All FlexpagesTo manage the settings of multiple flexpages click on the Manage link in the action bar and then click the Manage all flexpages link from the drop-down menu. After clicking on the link a modal like the image below will appear.
The modal is broken down into three columns for each page. The columns and their drop-downs are described below:
All changes on this modal are recorded as the change happens. This means that unlike the other modals to exist the user will need to click on the close icon in the upper right hand corner of the modal. 4.4.5. Manage All MenusThe manage all menus action allows a teacher to create, edit and delete all flexpage menus in the course as well as manage which flexpage menu is set as the flexpage menu in the course header. To manage tabs for your course, as well as other menus, click on the Manage link in the action bar and then click the Manage all menus link from the drop-down menu. After clicking on the link a modal like the image below will appear if there are no flexpage menus in the course;
or a modal like the image below will appear if flexpage menus have been created in this course.
The Manage menus modal lists all of the flexpage menus in the course with two extra columns, one to manage the menu and one to display which flexpage is being used in the top flexpage tab for the course. The manage drop-down provides the links to edit the menu's settings, manage the links and delete the flexpage menu. 4.4.5.1. Creating/Updating a Flexpage MenuFlexpage menus provide navigation within a course either as a block or as an expandable menu in the page menu area below the header of the course. To create a new flexpage menu click on the Add new menu button in the top area of the manage all menus modal and a modal like the image below will appear.
The New/Edit menu modal displays all the settings for the flexpage menu.
Once you have made all the changes to the menu click the Save changes button. 4.4.6. Managing LinksFlexpage menus allow the teacher to link a flexpage menu to five different locations:
To manage a flexpage menu's links, select the Manage links link from the Manage drop-down to the right of the flexpage menu you want to add links to. A modal like the one below will display if you have no links in the current flexpage menu.
The modal below will display if you have added links to the flexpage menu
The lower half of the modal is separated into three columns. The first column is the type of link. The second column contains a choose drop-down with the actions to edit, move and delete the link within the flexpage menu. The last column is a link to preview where the user will end up if the click on the menu link. Clicking the preview link will display the link in a pop-up window. 4.4.6.1. Adding Links to a Flexpage MenuTo add a link to a flexpage menu click the Add new link button in the top area of the manage links modal and select the link types that you want to create. Links added to a flexpage menu display based on the flexpage menu's settings. Activity Link The activity link is used to link to any activity or resource that has been already created in the course. This is useful if there is a particular activity like forum or resource that the teacher wants the students to have access to on every page or just specific pages. This is also a way to create navigation within a section of pages that refers to each activity the student has to complete. Activity links follow the restricted access rules for an activity and will not display the link if the student does not have access to view it. To add an activity link select Activity from the Add new link drop down menu. A new modal like the one below will display.
Select the activity to link to from the activity drop-down and click the Save changes button to add the activity link to the current flexpage menu. The modal will close and return you to the Manage links modal. Flexpage Menu Link The flexpage menu link is used to create dynamic expandable menus of multiple types. This is new to Joule 2 and provides a teacher with the flexibility to create full navigation structures that can be expanded and collapsed and contain any type of link. To add a flexpage menu link select Flexpage menu from the Add new link drop-down menu. A new modal like the one below will display.
Select a flexpage menu to add from the flexpage menu drop-down and click the Save changes button to add the flexpage menu links to the current flexpage menu. The modal will close and return you to the Manage links modal. Flexpage Link The flexpage link allows a teacher to add a specific flexpage or a parent and all child flexpages to a flexpage menu. If child flexpages are included then the menu will be expandable/collapsable in a tree menu and as a fly out menu in a horizontal navigation flexpage menu. To add a flexpage link select Flexpage from the Add new link drop-down menu. A new modal like the one below will display.
Select the flexpage to add to the flexpage menu in the Flexpage drop-down. If you want to include children pages click the Include children checkbox and then click the Save changes button. The modal will reload with all of the children of the selected flexpage. Click the checkbox next to each child flexpage you want to add as a sub menu to the parent flexpage in the flexpage menu. Once you are done selecting child flexpages click the Save changes button. The modal will close and return you to the Manage links modal. URL Link The URL link allows a teacher to link to any URL both internal and external. To add a URL link select URL from the Add new link drop-down menu. A new modal like the one below will display.
After filling out the two fields click the Save changes button to add the URL to the current flexpage menu. The modal will close and return you to the Manage links modal. 4.4.6.2. Move LinkFlexpage menu links appear in the flexpage menu as they are listed on the manage links modal. Furthermore new flexpage menu links are created at the bottom of the list. Because of this sometimes a teacher will want to move a link to a different location in the flexpage menu. To move a link first navigate to the manage links (review the Manage links modal) modal for the flexpage menu you want to rearrange links in. Next select the Move option from the drop-down in the manage column to the right of the flexpage menu link you want to move. This will bring up a modal like the image below.
Select the before or after in the first drop-down and then the flexpage menu link that the current link will be moved before or after. Finally click the Move link button and the modal will change. The manage links modal will reappear and the changes will be reflected in the modal. 4.4.6.3. Deleting Links to a Flexpage MenuIf a link in a flexpage menu has become obsolete, or you are restructuring the course, you may need to delete links from an existing flex page menu. To delete a link first navigate to the manage links (review the Manage links modal) modal for flexpage menu you want to delete a link from. Next select the Delete option from the drop-down in the manage column to the right of the flexpage menu link you want to delete. This will bring up a confirmation modal like the image below.
Click the Delete button to delete the flexpage menu link, or the Cancel button to not delete the flexpage menu link. The manage links modal will reappear and the changes will be reflected. 4.5. Deleting Activities From a CourseTo delete activities in a course click the delete icon next to the activity. This will delete all instances of the activity or resource in all flexpages and flexpage menus in the course. 4.6. Navigating Between PagesThere are two ways to navigate between flexpages in a course. The first is to turn editing on and use the navigation area on the right side of the action bar. In this area you have three methods of navigation:
The second way is to add a flexpage menu to the course via the Add existing menu in the Add menu of the action bar and navigate between pages. 4.7. Moving Blocks and ActivitiesBlocks can be moved on a flexpage just like with any other course format. The difference with Flexpage is that the blocks can be moved in any of the four areas on a flexpage, top, left, main and right. To move a block the first step is to turn editing on by clicking the Turn editing on button in the navigation bar or the link in the Navigation block. Next click the Move icon in the header of the block you want to move, it is located under the title of the block and to the far right. The page will refresh at this point and you will see pink boxes with dotted lines around them, these will appear above and below all blocks and activities in the course. You can select any of these areas to move the block there. See the image below for an example.
The top area will appear as one solid pink box above the navigation buttons and below the action bar. The top area by default spans the entire width of the flexpage and blocks are displayed horizontally going down the page. Select a pink box to move the block to that location. The page will refresh and display the changes. 4.8. Changing Flexpages Blocks Display OnFlexpage allows teachers to set blocks to display on all flexpages, on a specific page, as well as in any of the four regions of the page. This provides the teacher with the flexibility to create content that appears on all pages or only on specific pages, and to choose where on the page the content will display. Activities in Flexpage can also be displayed as blocks. This means the block settings for an activity can be displayed on all flexpages or a single flexpage as a block. To change where the block displays the first step is to turn editing on by clicking the Turn editing on button in the navigation bar or the link in the Navigation block. Next click the Configuration icon in the header of the block you want to configure, it is located under the title of the block and is the third icon in.
Clicking this icon will reload the page and provide the configuration options similar to the image below. There may be more or less settings in the block settings area depending on the block being configured. Where this block appears and On this page are relevant to changing what flexpages blocks display on.
Where this block appears
On this page
4.9. Converting Another Course Format to FlexpageChanging course formats is simple in Joule, it allows teachers to switch formats based on the best display needs for their current set of students and allows them to change formats as they become more advanced Joule users. To change a course format, navigate to the course settings under the Settings block > Course Administration > Edit Setting. Select Flexpage Format from the Format drop-down and click the Save changes button. Once this happens you will see the course in the Flexpage course format. The initial differences are seen in the image below.
A default flexpage is created just like when a new Flexpage course is created. All of the blocks that were added to the topics formatted course are also added to all flexpages in the Flexpage formatted course. The major difference is that no activities or resources have been added to the flexpage. The activities and resources still exist, but they must be added to each of the flexpages that they will be associate with. The teacher will also be able to create new flexpages, flexpage menus and menu links. 5. Global Settings5.1. Front Page SettingsWhen Flexpage is enabled for a site, a new setting is added to the Front page settings interface, which can be accessed by going to Settings > Site Administration > Front Page > Front page settings. The new setting is called Use Flexpage on front page and appears below the Default frontpage role setting.
6. Permissions
7. Product Manual Terms of UsePermission for the use of Product Manual is granted subject to the following terms and conditions:By accessing this page and using this manual, you agree to and are bound by the terms of this Terms of Use. If you do not agree to all of the terms and conditions contained in the Terms of Use, you are not authorized to use this page or these documents. In using Product Manual, you agree that you will use them only for their intended purpose and not use them for any purpose that is unlawful or prohibited by these terms. You may not misuse or alter any document in any way, including any derivative work, or reproduce or display these documents outside your enterprise without the express written consent of Moodlerooms. Except as expressly granted in the Terms of Use, no other permissions, licenses or rights are granted, either express or implied, to the Product Manual, or to any information, data, software or other intellectual property contained therein. Moodlerooms reserves the right to withdraw the permissions granted herein whenever, in its sole discretion, the use of the Product Manual is detrimental to its interest or, as determined by Moodlerooms, the instructions contained herein are not being properly followed. Moodlerooms makes no guarantee about the content of the Product Manual. Use of the Product Manual is at your own risk. They are provided “as is” and without warranty of any kind, either express or implied, including, but not limited to implied warranties of merchantability, non-infringement and fitness for a particular purpose. The Content, Software, Services and all other aspects of this web site are subject to these Terms of Use. Moodlerooms reserves the right to update these Terms of Use at any time without notice to you. The applicable and most current version of the Terms of Use can be reviewed by clicking on the “Terms of Use” hypertext link located at the bottom of our web pages. 
|
|
||||
|
||||
Adaptavist Theme Builder Powered by Atlassian Confluence