Difference between revisions of "Creating a Media Dichotomous Key Activity"

From CLIO

Line 1: Line 1:
{{NeedsDemonstration}}
{{NeedsDemonstration}}
==Overview==
==Overview==
Within our Getting Started Package, you will find a Template folder. We have provided a template for the configuration file, which is used by the CLIO interface to set up the activity.  We also include a content drafting template created in Microsoft Word that can aid collaboration when creating activities as part of a development team.
The Media Dichotomous Key activity type presents a gallery of images to the user and a series of questions. Using the images, they answer to the best of their ability and, when there have been enough questions asked to reach a conclusion, they will be presented with their answer versus the correct answer based on their responses.
==Options==
 
{{See|Media Dichotomous Key (activity type)}}
 
==Creating the Activity==
We have provided a template for the configuration file, which is used by the CLIO interface to set up the activity.  We also include a content drafting template created in Microsoft Word that can aid collaboration when creating activities as part of a development team.
 
===Define the Activity===
All CLIO activities, regardless of their Activity Type, contain many of the same configuration settings.  These are used to configure the screen and load the correct content.  By defining this information, we can begin to draft more specific activity content.  This information is included in both the drafting template and the coding template provided with each activity type.
 
{{See|Defining a CLIO Activity}}
 
=== Drafting the Content ===
{{Drafting Template|Activity Type=Media Dichotomous Key|URL=https://cliomuseums.org/clio/templates/drafting/Media%20Dichotomous%20Key.docx}}{{Stub}}
 
===Coding the Activity===
{{Coding Template|Download URL=https://cliomuseums.org/clio/templates/content/media_dichotomous_key.json|Edit URL=https://cliomuseums.org/jsoneditor/?file=https://cliomuseums.org/clio/templates/content/media_dichotomous_key.json}}{{Stub}}
 
== Options ==
 
====Configuration====
====Configuration====
These are configuration settings specific to this activity type.
These are configuration settings specific to this activity type.
Line 123: Line 141:
|
|
|}
|}
==Creating the Activity==
===Define the Activity===
All CLIO activities, regardless of their Activity Type, contain many of the same configuration settings.  These are used to configure the screen and load the correct content.  By defining this information, we can begin to draft more specific activity content.  This information is included in both the drafting template and the coding template provided with each activity type.
{{See|Defining a CLIO Activity}}
=== Drafting the Content ===
{{Drafting Template|Activity Type=Media Dichotomous Key|URL=https://cliomuseums.org/clio/templates/drafting/Media%20Dichotomous%20Key.docx}}{{Stub}}
===Coding the Activity===
{{Coding Template|Download URL=https://cliomuseums.org/clio/templates/content/media_dichotomous_key.json|Edit URL=https://cliomuseums.org/jsoneditor/?file=https://cliomuseums.org/clio/templates/content/media_dichotomous_key.json}}{{Stub}}

Revision as of 12:24, 6 May 2022

Add a photo.png

Overview

The Media Dichotomous Key activity type presents a gallery of images to the user and a series of questions. Using the images, they answer to the best of their ability and, when there have been enough questions asked to reach a conclusion, they will be presented with their answer versus the correct answer based on their responses.


Creating the Activity

We have provided a template for the configuration file, which is used by the CLIO interface to set up the activity. We also include a content drafting template created in Microsoft Word that can aid collaboration when creating activities as part of a development team.

Define the Activity

All CLIO activities, regardless of their Activity Type, contain many of the same configuration settings.  These are used to configure the screen and load the correct content.  By defining this information, we can begin to draft more specific activity content.  This information is included in both the drafting template and the coding template provided with each activity type.


Drafting the Content

Imbox style.png

Coding the Activity

Imbox style.png

Options

Configuration

These are configuration settings specific to this activity type.

Property Description Expected Parameters Examples
Correct Answer The correct answers from the defined answers. Index name of a defined answer
Prompt Text – Top Displayed at the top of the screen while checking the users answer. Plain Text
Prompt Text – Bottom Displayed at the bottom of the screen while checking the users answer. Plain Text
Answer Titles – User Displayed above the user's answer while they are being compared. Plain Text
Answer Titles – Correct Displayed above the correct answer while they are being compared. Plain Text

Image Configuration

These are the images that are displayed in the right side panel.

Property Description Expected Parameters Examples
Image The image to be displayed. Image File
Description The caption to be displayed alongside this image. Plain Text

Question Configuration

These are the questions that are asked in the left side panel.

Property Description Expected Parameters Examples
Prompt Prompt displayed before the two options. Plain Text
Option 1 – Text Text displayed on button 1. Plain Text
Option 1 – Goto Type Signify whether selecting this button should lead to another question or an answer. "Question" or "Answer"
Option 1 – Goto Location The location that should be loaded when the user selects this button. Index name of the question or answer
Option 2 – Text Text displayed on button 2. Plain Text
Option 2 – Goto Type Signify whether selecting this button should lead to another question or an answer. "Question" or "Answer"
Option 2 – Goto Location The location that should be loaded when the user selects this button. Index name of the question or answer

Answer Configuration

These are all of the possible answers a user could get.

Property Description Expected Parameters Examples
Title The title for this answer. Plain Text
Description Look Closer content displayed when the user selects the Look Closer button. Rich Text
Image The image that is displayed alongside this answer. Image File