In this tutorial you will learn how to add an Order Image page.
On an Order Image page, it is up to the user to drag the correct answer to the correct image. For example, it is possible to test if the user can drag the correct name to the correct image of a person or product.
*We recommend to use Google Chrome to ensure an optimal experience when using AppicalNow.
Note: This page is not available on smartphones. Users on a smartphone will see an Image Multiple Choice page instead (see step 12).
Step 1. Click on ‘Courses’ in the menu on the left.
Step 2. Navigate to the course where you would like to add a new page. Click on the button that says ‘Editor’ the bottom left corner of the desired course.
Step 3. Next, select the story where you want to add a new page.
Step 4. Select the chapter in the menu on the left.
Step 6. Choose ‘Order Image' in the menu on the left and click on the button that says ‘Add page’ in the bottom right corner.
Step 7. Select the desired language.
Step 8. Give your new Order Image page a name. Click here for a guide on choosing a good name for your page.
Step 9. Pages are set to ‘live’ by default but can be set to draft. Draft pages can be very helpful when you’re working on a page while new hires are already using AppicalNow. Click on 'Live' and select 'Draft' to change te setting.
Step 10. Write the assignment in the text field underneath the title. It has to be clear what the user has to do. For example: “This is an example of an Order Image page. Drag the name of the artist to the right picture”.
Step 11. To upload an image, click on 'Add Answer' and navigate to the picture on your device. Select the image and click on 'open'. The optimal dimensions for this image are 179 pixels in width and 179 pixels in height. If the image that you have uploaded is 179 pixels in width and height you can click on 'save' at the window that will pop up.
Step 12. Once you’ve uploaded a picture in the Editor a ‘crop image’ button appears below the image. Please note that the button only appears when uploading a new image.
Make sure that the image that you want to crop is at least the same size as the dimensions shown below the ‘Choose Image’ option.
If the image is smaller or you start you include an area that is not part of the original image (shown as white) the areas that are not part of the original image will be filled up with black. See the example below.
Will lead to:
Step 12.1. To crop an image click on 'Crop Image'.
Step 12.2. Click on the crop-button.
Draw a square with the tool to make a selection. If you selected the area that you want to use, click on the green ✔ button. And click on 'save' to use it.
Step 13. Write the text that goes with the image in this text field that appears when you successfully uploaded an image. To add more answers simply click on 'Add Answer'. The maximum amount of answers for an order page is 4.
Step 14. Click on the white button with the smartphone to create a page that is shown to users that visit this course on their smartphones.
Step 15. To add an image, simply click on 'Add Answer' and navigate to the picture on your device. Select the image and click on 'open'. Make sure that this image is 179 pixels in width and 179 pixels in height. Otherwise the picture will not be displayed correctly. The image can't be larger than 1MB in size.
You can add up to 8 answers/images.
Click on the checkbox at the top left corner of an image that you have uploaded to select that image as the correct answer. Every answer that has the ‘correct answer’ checkbox selected will be counted as a correct answer.
Step 14. The text that you type at 'Explanation' will show up after the user confirmed their answer(s). Write an explanation of the question in the text field. You can ;give the right answers in the screen after they confirmed their answers for example.
Step 15. If a user clicks on the info button at this page they will see the text that you write in the text field underneath 'Info Button'. Use this to give the users more information on the question or the subject.
Step 16. At Page Options you are able to configure answer settings and advanced settings. If you click on ‘Answer Settings’ a drop down menu will show 4 options. The first option gives you the ability to set the importance (weight) of this question. The higher the number, the more impact this question will have on the final score of this user.
If you select the checkbox at ‘Provide Feedback’ the user will receive feedback after this question. If not, the user will proceed to the next question without feedback.
If you select the checkbox at ‘Neutral Answer’ the user will not receive a note that the answer is correct or incorrect.They will receive a neutral version instead.
If you select the checkbox at ‘Mandatory Correct Answer’ the user can’t proceed to the the next question until this question is answered correctly.
Awesome! You now know how to add an Assign page!