These are a very versatile interactive element. To configure this element you must design a series of screens or scenes in which you can place a background image, image layers, optional texts or a series of navigation elements that will allow the user to access other scenes using your on-screen navigation. This will allow you to create contents that can be navigated as you wish with the ability to create a great number of situations and exercises.
We recommend that you plan this activity fully before attempting this as it is one of the most advanced tasks within isEazy and can be somewhat complex.
To help you understand the process and how it may help you we have provided you with some examples of what you can do with such interactive elements.
- Creation of interactive maps with different levels
- Creation of didactic maps with different levels
Creation of interactive maps of a level
- Creation of application or prototype simulations
- Create questions and answers with interactive feedback
- Create questions and answers with interactive feedback
Configuration of exercises for Linked scenes
The configuration process begins with a list of scenes, each one of them will be a screen to which you can navigate from one of the other images. Within the element the first scene of the list will be shown as a starting point.
Each scene element includes the following editable parameters.
Name of the scene
This name is not reflected in the element, but it is very important that it is suitable for the configuration. When creating scene navigation links you must select the name of the scene which will be used as a navigation point.
Each layer may host an image and we can set the following features:
- Name: This allows you to identify each layer. Names will not appear in the exported project.
- Image: You can add an image with its own full customization capabilities.
- Place layer: This allows to place it onto the scene, taking the upper left corner of the layer as reference. The values represent the respective percentages of the width and height of the hole that shows the underlying scene.
- Size: You can specify the width and height of a layer in pixels. If you change the size of the hole that shows the scene, you should make sure that it is still the appropriate size.
You have three styles that can be added onto image layers and scene:
- Text footer: Write directly at the bottom of the element. When adding text this will automatically create a shaded area that guarantees the text on the background will remain visible. You can change the colour and opacity as you see fit.
- Superimposed: The text layer will occupy the entire scene so you can write over it. This mode is ideal in circumstances where the text content is more important than the background. You can change the colour and opacity as well as play with the alignment of the text as you see fit.
- Labels: If you select this option, a text list will appear, where you can include as many texts in your scene as you need, in each of them you can configure the following features:
1. Add text: decide the location of your text, you will see a thumbnail of the image so you can place it.
2. Box style: select the type of box for your text from the three options we offer.
3. Box width: select the size of your text box from the different options available.
4. Box color: select the color of your text box in the color palette.
Text box colour
This option will only be available for "text footer" or "overlay" text style types, from here you can choose the color of the text box and adjust its opacity.
Marking an scene as the final scene is helpful as it is used to indicate when the interactive element and sequential navigation of the course have been completed successfully, as long as all the elements of type link that you include in the interactive are to internal scenes of the same. This is very useful when you want to simulate an exercise; this will allow you to indicate when a student has reached an scene that is considered to be the end of the exercise.
If you do not select any final scene and you have created a course which uses sequential navigation, the element will be considered finished when you have visited all the links present in the first scene or in the case that you have used elements of type link to other slides will be considered finished when you have visited the first scene. Links that have not been visited will display a small animation to notify the student that they have not completed that element.
Any scene present in the list of scenes that is marked by a flag is an scene that has been marked as a final scene.
You have the usual customisation options available to you:
- Colour: Select one of the colours from the palette and set the opacity.
- Image: If you decide to use an image as a background to a surface you will have the same configuration options as you see in the image element. See the related article for more information.
List of navigation links to other scenes or slides.
For each link you can configure the following properties:
Link with scene
Selector which includes the names of the scenes created in the initial list of the element. We recommend that you create all the scenes and assign them a name before placing the links to each of them.
Link with slide
Selectors with the subsections and slides of your course. We recommend that you take special care to link to slides that are accessible (both for slides blocked by sequential navigation and slides removed). Remember that, in courses with sequential navigation, you must complete the slides to be able to advance to the next ones.
You can choose the animation that will be displayed to the user during navigation to the destination scene. If what you have selected is a link to slide, this transition effect will not be taken into account.
Placement of link
This allows you to place the link icon on the image in the position that you want. This can be clicked or dragged using the position selector to the appropriate place.
Select one of the icons available to mark the navigable areas of your image.
The icons will have a small animation to show that they have not been visited. Once clicked, the animation will be removed.
There are 5 different sizes to allow for adjustment of the icons.
Select a color and adjust the opacity. If you configure an icon to be completely transparent you can create an effect that shows that certain areas of the image are clickable, but this comes at a disadvantage, you will not be giving clear instructions to the student about where to press. Decide which is better suited to your needs.
Continue reading Types of elements