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, optional texts or a series of navigation elements that will allow the user to access other images 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 images
The configuration process begins with a list of images, each one of them will be a screen to which you can navigate from one of the other images. Within the element the first image of the list will be shown as a starting point.
Each image element includes the following editable parameters.
Name of the image
This name is not reflected in the element, but it is very important that it is suitable for the configuration. When creating imagen navigation links you must select the name of the image which will be used as a navigation point.
You have three styles that can be added as image text:
- 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 image will remain visible. You can change the colour and opacity as you see fit.
- Superimposed: The text layer will occupy the entire image so you can write over the image. This mode is ideal in circumstances where the text content is more important than the background image. 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 image 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 image as the final image 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 images 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 image that is considered to be the end of the exercise.
If you do not select any final image 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 image 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 image. Links that have not been visited will display a small animation to notify the student that they have not completed that element.
Any image present in the list of images that is marked by a flag is an image that has been marked as a final image.
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 images or slides.
For each link you can configure the following properties:
Link with image
Selector which includes the names of the images created in the initial list of the element. We recommend that you create all the images 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 image. 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