We can choose two types of navigation to study contents inside a unit: Free navigation: Students can access any page and/or screen. Sequential navigation: Students navigate unit contents in order, and sections are unlocked once previous sections have been viewed. 1. Access to the administration panel of the unit, enter in the "Configuration" tab and scroll to the "Navigation" zone. 2. Select "Free" or "Sequential" navigation. 3. If you select "Sequential" navigation, you can also mark "Requires achieving objectives to unlock new content". If there are preset goals to pass the unit (See here), Next button will not be enabled until these goals are achieved (screen by screen). So, this way we will make sure users achieve all preset goals. 4. Click on "Save" changes. If you need more information about the navigation and the objetive management, please, see this video:

Goals are actions that the student must take to terminate a unit. Author allows in various templates we can configure that interaction with virtually any component becomes a goal. For example, we could say that the student should visit all the screens of the unit; or that you must also view all the videos on the unit; or that you need to pass the questionnaires... Once we set goals, they must all be met at 100%. So, if you have to watch the videos, you'll need to watch them all, unless we've removed that restriction from an individual video. In most templates, by default, the student must meet at least one goal for the unit to be completed in the LMS: to visit all pages and all screens of the unit (no need to complete them, i.e. scroll to the end). From there, you can modify and make a custom configuration. Remember Goal settings are independent of the way you navigate.  You can configure the desired goals and set a sequential or free navigation (See here). So, for example, we could have a content where the goal is to visit all screens, but with free navigation. Thus, the student will be able to visit them in the order that he/she wishes, but he will have to visit them all. See how goals and navigation are set up in this video: <span class="fr-mk" style="display: none;"> </span> General configuration 1. Access to the administration panel of the unit, enter in the "Configuration" tab and scroll to the "Navigation" zone. Just below you have the "Objetives". 2. You will find the different components of the template organized into categories, being able to choose the desired action in each of them. Category section.Sets whether pages or screens are targets. You can decide between:  Visit: The goal will be met when the student between the pages/screens.  Complete Scrolling: The goal will be met by scrolling to the end of all pages/screens. Category activity.Sets whether questionnaires or reinforcement activities are objectives. you can select from:  Not target: default option. The student will not have to interact with this component.  Submit: You will need to answer questions from the questionnaire or booster activity at least once. It will not be necessary to get it right, it is enough to answer.  Overcome or complete: You will need to pass the quiz cut-off note or booster activity or exhaust available attempts. Multimedia category.Video, interactive video and audio are grouped here. The available options are:  Not target: default option. The student will not have to interact with this component.  Start playback: You will need to start playing the audios/videos, but you won't need to watch them until the end.  Complete playback: Audios/videos will need to be played back to the end. Organizer category.Here are components such as click map, image gallery, audio gallery, timeline, accordion and tab group. The available options are:  Not target: default option. The student will not have to interact with this component.  Interact: You will need to interact with the component. For example, if it is a click map, click on one of its active areas; if it's an image gallery, move between your images; Etc.  Complete: You will need to complete the component, i.e. if it is a click map, access all its active areas; if it's an image gallery, visit all your images, etc. Image category. Group images and similar components. The available options are:  Not target: default option. The student will not have to interact with this component.  Interact: You will need to interact with the component. If you are a launcher, click on it; if it is a before/after, scroll through it; Etc. In the case of images, it will only have an effect on images that have a link, so you have to click on them. 3. After selecting the desired targets, press "Save" in the Navigation section. Modify the objectives of a particular component Imagine that you have marked that the goal is to start the videos of the unit. This will force all videos that have been incorporated to be viewed. But the Tokyo template allows you to customize this behavior. So, you could say they look all but one of them. To do so: 1. Enter the editing area and select the component you want to modify 2. In the "Exceed Target" property you will see that, by default, "Legacy" is marked. This means that the general parameter configured in the project properties will be applied. By displaying the menu you will be able to choose from the other options available for the configuration of the objectives. So, for example, you could make this video non-target. Show the list of goals to students If the unit has been configured with sequential navigation and required objectives, the page feed button will be locked, and clicking on it will display a popup indicating what the student must do to advance. But if the navigation is free, the student will be able to access any page freely, without receiving specific notifications of the objectives that he/she must perform. For this reason you can activate the "Unit Objectives" button located on the interface, To activate it you must: 1. Access the interface properties. 2. Mark the "Show Goals" property to "Yes". 

When a unit is available in multiple languages, there is an icon included in the Toolbar that allows us to choose the language we prefer to display contents. This icon will appear automatically every time we add a new language to the unit, so no further configuration is required.  Check here how to add languages to your units.

We can add a client image or logo: On the browser tab (favicon) On the upper Interface of a unit On the Cover of a unit In the browser tab (favicon) To add this logo, just access the "Common Properties" tag and select the desired image in the "Favicon" property. On the upper Interface of a unit Click on the upper Interface of the unit. Access the "Add content" menu. Select the component "Logo". Go to "Logo (220x50)" property, then click on "Examine" and select the image that will be used as a logo. Image size cannot exceed 200x50px. A logo will appear automatically on the Interface, located on the left side of the unit title. Remember The upper logo will only be shown if screen is at least 780px wide. This means Smartphones and some Tablets will not show it when scrolling vertically. On the Cover of a unit Select the Cover screen type. Access to "Properties" menu. Go to "Logo (220x50)" property, then select the image we want to add. Remember: Image size cannot exceed 200x50px.

It is possible to add a PDF file including all contents of a multimedia unit. When added, direct access to this PDF appears on the Toolbar. In order to create it, follow these steps: Click on the Interface. Access the "Add content" tab.  Click on "PDF link". Access the "Properties" tab and adjust setting properties. PROPERTY DESCRIPTION Title Name PDF file name. IMPORTANT. If your unit has two languages (see multilingual configuration explained here), you should assign a different name for each PDF version (i.e. content_ES.pdf and content_FR.pdf). Otherwise, a single PDF will be generated for both languages. Target Decide how this file will be opened: Blank: a new tab opens the file. Pop-up: a pop-up window opens the file. Include an index Decide whether to add an index to introduce unit sections included in this document. Remember The PDF document will be created once you publish the drive (See here) and you will be able to view it: From the drive's resource folder. After downloading the folio, unzip it and run its index.html Yes you've made a content modification to the unit, you'll have to republish it so that the change is reflected in the PDF.

Tokyo template allows to create units including additional tools for students. Search tool to find words. Units include this search tool by default, but we can hide it. Additional materials: Glossary, Help and Downloads. Close button. This button is helpful whenever unit contents are displayed on Smartphones. If students want their actions to be saved and sent to the training platform, they need to close the web browser tab where the unit is being displayed. After closing a unit, all tracking data are sent to the Learning Management System (LMS). Mobile users usually do not close the web browser tab, so adding this button prevents data lost. Downloadable PDF of each unit (See here) Language selector. We can choose the language of contents when displaying multilingual units (See here to know how to configure this). This toolbar is responsive, which means this group of buttons can turn into a single drop-down icon whenever the screen width is reduced. Most of these tools and functions can be configured from the unit Interface. Select the Interface Access to "Add content" menu.  Add the necessary components. COMPONENT PROPERTIES Glossary popup Once added this component from the properties section we must link the previously created popup of the glossary. Resources popup Once added this component from the properties section we must link the previously created popup of the resources. Help popup Once added this component from the properties section we must link the previously created popup of the help. PDF Link There are different properties that can be modified: Title of the button appearing on the Toolbar. It is the text that will be shown when placing the cursor over the icon. PDF file name.  IMPORTANT. If your unit has two languages, you should assign a different name for each PDF version (i.e. content_ES.pdf and content_FR.pdf). Otherwise, a single PDF will be generated for both languages. Include an index Decide whether to add an index to introduce unit sections included in this document. Remember This PDF document will be created after publishing the unit (SeeSection 5.12. in the Author's Guide to find out how to do this), and you will be able to access it: From the Resources folder of a unit. After downloading a published unit, unzipping it, and executing its index.html If you have changed any part of content in a unit, you need to publish it again to see this updated information in the PDF file. Show Close button Enable or hide the Close button. It allows closing a unit in two alternative ways: closing the web browser tab or click on this button.  It is recommended that you enable this button when contents will be displayed on Smartphones. Students displaying contents on a PC or a tablet usually close the web browser tab when they finish reading. After closing this tab, the student "trace" is sent (i.e. the information required by a LMS platform such as time spent, progress bar %, and survey records is sent to the LMS). However, users frequently do not close the web browser tab when using mobile phones. They minimise this tab but leave it active in the background. Adding a Close button to a page reminds students they should close a content clicking on this button. This triggers the action of sending the "trace" to the LMS and prevents data lost during data tracking process.

Tokyo template offers: Content pages, a concept quite similar to sections inside a unit. Screens. Within the pages, screens act as sections and subsections that allow us to organise a secondary navigation level for contents. Pop-ups or pop-up Windows. We should consider the following aspects: A page must always contain at least one screen. There are different types of screens: cover screens, content screens, summary screens, etc. A screen can be as extensive as necessary, including a scroll bar on one side. If a page contains various screens, navigation across pages is done vertically. This example shows three pages: the first has a cover screen, the second has three screens or sections, and the last one has one single page where we can scroll up and down.

Create a page To create a page, we need to follow these steps: Access "Pages" menu and click on "Manage pages". Click on "Add"and select a type of page: Pages with a cover screen. There are three types of cover screens. Pages with a content screen. There are three types of content screens. Empty page. The page created by default does not have any type of screen assigned. Set up page properties After creating a page, we should configure its properties. In order to do that, we select the page from the breadcrumb trail and enter the properties tab. PROPERTY DESCRIPTION Title Page title or section title. This title will be shown on the Interface and the navigation menu. Show in Menu It allows showing or hiding the current page in the navigation menu. All pages are shown in the Menu by default (See here to learn more about the navigation menu). Overcome goal It allows to modify the configuration of the overcoming of the objectives of this concrete component. We can choose between: Inherited: this option aply the default value defined in the Completion Objectives Area (See here). Non objetive: this audio will not an objetive to complete the unit. Visit: It is required to visit the page to reach the objectives of the unit.

Screen are used as content sections or subsections within a page. A page must contain at least one screen. Content components are added inside each page (texts, audio files, videos, surveys, etc.). See here Create a screen When we create a page, we will always have a previously created screen (See how to create pages in here). In order to add a new screen, we should: Select the page from the breadcrumb trail. Access the "Add" tab. Go to "Insert inside" and click on "Screen". The screen will be added at the bottom of the page. If there are other screens within the page, this screen will appear after them. If we want to add a screen below an existing screen, we should: Select the screen from the breadcrumb trail. Go to "Add" tab and then to "Insert after". Click on "Screen". The new screen will be added right after the page we selected. When creating a screen, we can choose different presets or previous settings that will help us to edit contents. Screen setup In order to configure screen properties, we select the screen clicking on it directly or on the breadcrumb trail. Then we can go to "Properties" tab and set up screen parameters. Each type of screen has different properties: TYPE OF SCREEN DESCRIPTION Cover screens There are three types of cover screens. Each type has specific properties. See here to learn how to configure these properties. Content screens Content screens offer the same properties, no matter what presets are available. See here to know how to configure this type of screens.

To configure the properties of a cover screen, select it by clicking on it or from the breadcrumb trail. Then, in the "Properties" tab, determine its parameters. There are four presets or cover styles, and each of them has different properties. Basic cover Cover with title on the left Cover with title on the right Free cover Basic cover page This is the simplest cover page, which has a colored background, the title of the unit and a button to continue. To configure it you must: Select and write the title of the unit. This is an editable text on the screen. Select and write the text of the button to start the unit. By default, the text "Enter" appears, but you can customize it, it is an editable text on the screen. Configure the properties of the screen. PROPERTY DESCRIPTION Title Title of the screen to be displayed in the main menu. Page background color Customize the background color of the screen, choosing from a list of predefined colors or manually adding a color in hexadecimal format. Show in menu Allows you to decide whether or not the screen will be displayed in the Main Menu. Remember that another way to hide a screen in the menu is to create it without the "Title" component. Overcome target This property currently has NO USE. It is recommended not to use it. Allows to modify the configuration of the overcoming targets of this particular component, making it behave differently from the general configuration set. You can choose between: Inherited: applies the default value that has been defined in the unit's target configuration area (See here). Not objective: the component will not be an objective to overcome to finish the unit. Visit: it is required to visit the screen to reach the unit objectives. Title page with title on the left To configure this page style you must: Select and write the title of the unit. This is an editable text on the screen. Select and write the text of the button to start the unit. By default, the text "Enter" appears, but it can be customized, it is an editable text on the screen. Configure the properties of the screen. PROPERTY DESCRIPTION Style Allows to change the color of the left zone, where the title is placed: Primary Color: Applies the color indicated in the "Primary Color" property of the interface. Secondary color: Applies the color indicated in the "Secondary color" property of the interface. See here to see how the interface colors are configured. Title Title of the screen to be displayed in the main menu. Logo (220x50) Allows to add the customer's logo on the title of the unit. Screen background color Customize the background color of the screen, choosing from a list of predefined colors or manually adding a color in hexadecimal format. Only applies if there is no "Background Image". Background image Allows to replace the "Page background color" with an image. Background image on mobile Allows you to set an image that will only be displayed on devices with resolution less than 770px wide. From this resolution, the background image is not seen to the right of the title, but is seen in the upper area, so it may be interesting to have a different image for large screens (PC) and another for devices with small screens (tablets or SmartPhones). Show in menu Allows you to decide whether or not the screen will be shown in the Main Menu. Remember that another way to hide a screen in the menu is to create it without the "Title" component. Overcome target Allows you to modify the configuration of the overcoming targets of this particular component, making it behave differently from the general configuration set. You can choose between: Inherited: applies the default value that has been defined in the unit's target configuration area (See here). Not objective: the component will not be an objective to overcome to finish the unit. Visit: it is required to visit the screen to reach the unit objectives. Title page with title on the right To configure this page style you must: Select and write the title of the unit. This is an editable text on the screen. Select and write the text of the button to start the unit. By default, the text "Enter" appears, but it can be customized, it is an editable text on the screen. Configure the properties of the screen. PROPERTY DESCRIPTION Style Allows to change the color of the left zone, where the title is placed: Primary Color: Applies the color indicated in the "Primary Color" property of the interface. Secondary color: Applies the color indicated in the "Secondary color" property of the interface. See here See here to see how the interface colors are configured. Title Title of the screen to be displayed in the main menu. Logo (220x50) Allows to add the customer's logo on the title of the unit. Screen background color Customize the background color of the screen, choosing from a list of predefined colors or manually adding a color in hexadecimal format. Only applies if there is no "Background Image". Background image Allows to replace the "Page background color" with an image. Background image on mobile Allows to set an image that will only be displayed on devices with resolution less than 770px wide. From this resolution, the background image is not seen to the right of the title, but is seen in the upper area, so it may be interesting to have a different image for large screens (PC) and another for devices with small screens (tablets or SmartPhones). Show in menu Allows you to decide whether or not the screen will be shown in the Main Menu. Remember that another way to hide a screen in the menu is to create it without the "Title" component. Overcome target This property currently has NO USE. It is recommended not to use it. Allows to modify the configuration of the overcoming of targets of this particular component, making it behave differently from the general configuration set. You can choose between: Inherited: applies the default value that has been defined in the unit's target configuration area (See here). Not objective: the component will not be an objective to overcome to finish the unit. Visit: it is required to visit the screen to reach the unit's objectives. Free cover This cover page allows to freely customize the components that you can add on the cover page. You can add :  Texts Highlights (and inside, Rows, so you can add virtually any component inside (videos, etc.).  Images Separators As for its properties, you can configure the following:  PROPERTY DESCRIPTION Title Title of the screen that will be shown in main menu. Screen background color Customize the screen background color, choosing from a list of predefined colors or manually adding a color in hexadecimal format. Only applies if there is no "Background image". Background image Allows to replace the "Page background color" with an image. Background image on mobile Allows you to set an image that will only be displayed on devices with resolution less than 770px wide. From this resolution, the background image is not seen to the right of the title, but is seen in the upper area, so it may be interesting to have a different image for large screens (PC) and another for devices with small screens (tablets or SmartPhones). Background type Allows you to decide whether to repeat the background image. - Repeat background. Places the image at its actual size and repeats it as many times as necessary until it covers the entire screen. Useful for creating image patterns with small images. - Do not repeat background. Resizes the image so that it fills all available screen space. Width Defines the width of the center column, using a system similar to clothing sizing: from XS (extra-small) to XXXL (triple extra-large). Show in menu Allows you to decide whether or not the display will be shown in the Main Menu. Remember that another way to hide a screen in the menu is to create it without the "Title" component. Overcome target Allows you to modify the configuration of the overcoming of targets for this particular component, making it behave differently from the general configuration set. You can choose between: Inherited: applies the default value that has been defined in the unit's target configuration area (See here). Not objective: the component will not be an objective to overcome to finish the unit. Visit: it is required to visit the screen to reach the objectives of the unit.