Difference between revisions of "Creating a CLIO Activity"

From CLIO

 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{NeedsDemonstration}}
{{DocumentationPage}}{{NeedsDemonstration}}


== Overview ==
== Overview ==
Activities are created through easily customizable activity templates, called [[CLIO Activity Types|Activity Types]]. You can make your own, or utilize the ones that are provided. The CLIO web application suite comes pre-installed with seventeen Activity Types that are designed specifically for use in an informal education or exhibit context. These activities are coded and stored as JSON files for use within CLIO, but we provide word processor templates  to assist with collaboration during the development and drafting process.
Activities are created through easily customizable activity templates, called [[CLIO Activity Types|Activity Types]]. You can make your own, or utilize the ones that are provided. The CLIO web application suite comes pre-installed with seventeen Activity Types that are designed specifically for use in an informal education or exhibit context. These activities are coded and stored as JSON files for use within CLIO, but we provide word processor templates  to assist with collaboration during the development and drafting process.
==Defining an Activity==
==Defining an Activity==
{{Main|Defining a CLIO 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. 


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}}


== Choose an Activity Type ==
{| class="wikitable"
!Setting
!Description
|-
|Title
|The name for the activity.
|-
|Description
|The description for the activity shown to visitors.
|-
|Preview
|The image displayed for the activity in Exhibit Mode.
|-
|Introduction Video
|The video displayed under the Activity Menu to provide a video introduction to the activity.
|-
|Audience
|Each Program can have custom audiences groups, which are included as a way to help sort activities for predefined demographics.  When setting up the kiosk as part of their pop-up exhibit, facilitators have the power to configure which activities they think would best fit their audience and what they’re trying to achieve.
{{See|Defining CLIO Audiences}}
|-
|Theme
|Each Activity can have a configured theme that allows each activity's aesthetic to vary slightly from the primary interface.
{{See|Creating CLIO Activity Themes}}
|-
|Attributions
|Notifications for copyrighted content used within the activity.
|-
|Acknowledgements
|Notifications of appreciation for content creators.
|}
=== Choose an Activity Type ===
Activity Types range in complexity and customization options. There are simple interactive activities with very little customization, as well as more complex activities that can be extensively customized to assist in the creation of a narrative. Simple interactive games like quizzes, flashcards, and tile matching are included for younger audiences, while other activities like timelines and annotated images enable older audiences to have a more in-depth informational experience.
Activity Types range in complexity and customization options. There are simple interactive activities with very little customization, as well as more complex activities that can be extensively customized to assist in the creation of a narrative. Simple interactive games like quizzes, flashcards, and tile matching are included for younger audiences, while other activities like timelines and annotated images enable older audiences to have a more in-depth informational experience.
 
{| class="wikitable"
=== Annotated Image ===
!Activity Type
The [[Annotated Image (activity type)|Annotated Image activity type]] can provide additional context to an image through the inclusion of ‘Look Closer’ buttons. Each ‘Look Closer’ button can display open to display rich text, an image gallery, or a video.
!Description
{{See|Creating an Annotated Image Activity}}
!Guide
 
|-
=== Binary Quiz ===
|Annotated Image
The [[True or False Quiz (activity type)|Binary Quiz activity type]] can be customized to prompt users to select from a binary set of choices with correct and incorrect responses.{{See|Creating a Binary Quiz Activity}}
|The [[Annotated Image (activity type)|Annotated Image activity type]] can provide additional context to an image through the inclusion of ‘Look Closer’ buttons. Each ‘Look Closer’ button can display open to display rich text, an image gallery, or a video.
 
|[[Creating an Annotated Image Activity]]
=== Card Match ===
|-
The [[Card Match (activity type)|Card Match activity type]] is designed to draw connections between two sets of objects, images, or ideas by trying to match cards.
|Binary Quiz
{{See|Creating a Card Match Activity}}
|The [[True or False Quiz (activity type)|Binary Quiz activity type]] can be customized to prompt users to select from a binary set of choices with correct and incorrect responses.
 
|[[Creating a Binary Quiz Activity]]
=== Collection Gallery ===
|-
The [[Collection Objects (activity type)|Collection Gallery activity type]] displays a list of objects, such as collections artifacts, that opens a full-screen gallery of images of that object with captions. This activity is designed to draw connections between a museum’s “home” collections and the objects on display in outreach programming.
|Card Match
{{See|Creating a Collection Gallery Activity}}
|The [[Card Match (activity type)|Card Match activity type]] is designed to draw connections between two sets of objects, images, or ideas by trying to match cards.
 
|[[Creating a Card Match Activity]]
=== Flash Cards ===
|-
The [[Flash Cards (activity type)|Flash Cards activity type]] displays topic cards that can be flipped to view a brief description, or opened to look at a longer rich text description.{{See|Creating a Flash Card Activity}}
|Collection Gallery
 
|The [[Collection Objects (activity type)|Collection Gallery activity type]] displays a list of objects, such as collections artifacts, that opens a full-screen gallery of images of that object with captions. This activity is designed to draw connections between a museum’s “home” collections and the objects on display in outreach programming.
=== Image Comparison ===
|[[Creating a Collection Gallery Activity]]
The [[Image Comparison (activity type)|Image Comparison activity type]] can be used to compare, contrast or overlay one image over another, allowing a user to interactively decide how much of each image they would like to see. You can also add ‘Look Closer’ buttons to highlight specific areas of the image.{{See|Creating an Image Comparison Activity}}
|-
 
|Flash Cards
=== Image Gallery ===
|The [[Flash Cards (activity type)|Flash Cards activity type]] displays topic cards that can be flipped to view a brief description, or opened to look at a longer rich text description.
The [[Image Gallery (activity type)|Image Gallery activity type]] is a collection of images combined into a gallery that users can look through, with brief descriptions for each image.
|[[Creating a Flash Card Activity]]
{{See|Creating an Image Gallery Activity}}
|-
 
|Image Comparison
=== Media Dichotomous Key ===
|The [[Image Comparison (activity type)|Image Comparison activity type]] can be used to compare, contrast or overlay one image over another, allowing a user to interactively decide how much of each image they would like to see. You can also add ‘Look Closer’ buttons to highlight specific areas of the image.
The [[Media Dichotomous Key (activity type)|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 an Image Comparison Activity]]
{{See|Creating a Media Dichotomous Key Activity}}
|-
 
|Image Gallery
=== Meta ===
|The [[Image Gallery (activity type)|Image Gallery activity type]] is a collection of images combined into a gallery that users can look through, with brief descriptions for each image.
The [[Exhibit List (activity type)|Meta activity type]] will display the included Activities as scrollable list.{{See|Creating a Meta Activity}}
|[[Creating an Image Gallery Activity]]
 
|-
=== Path Finder ===
|Media Dichotomous Key
The [[Pathfinder (activity type)|Path Finder activity type]] is a visual activity that uses a series of multiple choice questions to chart a path from an origin to a destination. Each question’s options can have additional information that is used to provide context to the choice and help shape their answer. As the user progresses, they can view the correct answer from the previous questions to help build connections.
|The [[Media Dichotomous Key (activity type)|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.
{{See|Creating a Path Finder Activity}}
|[[Creating a Media Dichotomous Key Activity]]
 
|-
=== Render Object ===
|Meta
The [[3D Render (activity type)|Render Object activity type]] allows the user to interact with a digital three-dimensional object.{{See|Creating a Render Object Activity}}
|The [[Exhibit List (activity type)|Meta activity type]] will display the included Activities as scrollable list.
 
|[[Creating a Meta Activity]]
=== Rich Text with Narration ===
|-
The [[Rich Text with Narration (activity type)|Rich Text with Narration activity type]] displays rich text with an optional voiceover.
|Path Finder
{{See|Creating a Rich Text with Narration Activity}}
|The [[Pathfinder (activity type)|Path Finder activity type]] is a visual activity that uses a series of multiple choice questions to chart a path from an origin to a destination. Each question’s options can have additional information that is used to provide context to the choice and help shape their answer. As the user progresses, they can view the correct answer from the previous questions to help build connections.
 
|[[Creating a Path Finder Activity]]
=== Slideshow ===
|-
The [[Slideshow (activity type)|Slideshow activity type]] allows users to navigate through a slideshow, with optional “basement” slides that exist below the primary slide.
|Render Object
{{See|Creating a Slideshow Activity}}
|The [[3D Render (activity type)|Render Object activity type]] allows the user to interact with a digital three-dimensional object.
 
|[[Creating a Render Object Activity]]
=== Tile Match ===
|-
The [[Tile Match (activity type)|Tile Match activity type]] is designed to draw connections between two sets of objects, images, or ideas. Each set contains four cards that users can try to match, with configurable correct and incorrect responses.
|Rich Text with Narration
{{See|Creating a Tile Match Activity}}
|The [[Rich Text with Narration (activity type)|Rich Text with Narration activity type]] displays rich text with an optional voiceover.
 
|[[Creating a Rich Text with Narration Activity]]
=== Timeline ===
|-
The [[Timeline (activity type)|Timeline activity type]] creates an ordered timeline that users can navigate through, date by date.{{See|Creating a Timeline Activity}}
|Slideshow
 
|The [[Slideshow (activity type)|Slideshow activity type]] allows users to navigate through a slideshow, with optional “basement” slides that exist below the primary slide.
=== Video Playback ===
|[[Creating a Slideshow Activity]]
The [[Video Playback (activity type)|Video Playback activity type]] plays an MP4 video. It can be configured to disable the audio or the control bar.{{See|Creating a Video Playback Activity}}
|-
 
|Tile Match
=== Visual Thinking ===
|The [[Tile Match (activity type)|Tile Match activity type]] is designed to draw connections between two sets of objects, images, or ideas. Each set contains four cards that users can try to match, with configurable correct and incorrect responses.
The [[Visual Thinking (activity type)|Visual Thinking activity type]] is an inquiry-based learning activity can be used to highlight a collection of images and provide prompts for users to learn more about what they find most interesting.{{See|Creating a Visual Thinking Activity}}
|[[Creating a Tile Match Activity]]
|-
|Timeline
|The [[Timeline (activity type)|Timeline activity type]] creates an ordered timeline that users can navigate through, date by date.
|[[Creating a Timeline Activity]]
|-
|Video Playback
|The [[Video Playback (activity type)|Video Playback activity type]] plays an MP4 video. It can be configured to disable the audio or the control bar.
|[[Creating a Video Playback Activity]]
|-
|Visual Thinking
|The [[Visual Thinking (activity type)|Visual Thinking activity type]] is an inquiry-based learning activity can be used to highlight a collection of images and provide prompts for users to learn more about what they find most interesting.
|[[Creating a Visual Thinking Activity]]
|}
{{DocumentationNavigation}}

Latest revision as of 19:29, 31 October 2022

Google material book.png
Add a photo.png

Overview

Activities are created through easily customizable activity templates, called Activity Types. You can make your own, or utilize the ones that are provided. The CLIO web application suite comes pre-installed with seventeen Activity Types that are designed specifically for use in an informal education or exhibit context. These activities are coded and stored as JSON files for use within CLIO, but we provide word processor templates to assist with collaboration during the development and drafting process.

Defining an 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.


Setting Description
Title The name for the activity.
Description The description for the activity shown to visitors.
Preview The image displayed for the activity in Exhibit Mode.
Introduction Video The video displayed under the Activity Menu to provide a video introduction to the activity.
Audience Each Program can have custom audiences groups, which are included as a way to help sort activities for predefined demographics.  When setting up the kiosk as part of their pop-up exhibit, facilitators have the power to configure which activities they think would best fit their audience and what they’re trying to achieve.
Theme Each Activity can have a configured theme that allows each activity's aesthetic to vary slightly from the primary interface.
Attributions Notifications for copyrighted content used within the activity.
Acknowledgements Notifications of appreciation for content creators.

Choose an Activity Type

Activity Types range in complexity and customization options. There are simple interactive activities with very little customization, as well as more complex activities that can be extensively customized to assist in the creation of a narrative. Simple interactive games like quizzes, flashcards, and tile matching are included for younger audiences, while other activities like timelines and annotated images enable older audiences to have a more in-depth informational experience.

Activity Type Description Guide
Annotated Image The Annotated Image activity type can provide additional context to an image through the inclusion of ‘Look Closer’ buttons. Each ‘Look Closer’ button can display open to display rich text, an image gallery, or a video. Creating an Annotated Image Activity
Binary Quiz The Binary Quiz activity type can be customized to prompt users to select from a binary set of choices with correct and incorrect responses. Creating a Binary Quiz Activity
Card Match The Card Match activity type is designed to draw connections between two sets of objects, images, or ideas by trying to match cards. Creating a Card Match Activity
Collection Gallery The Collection Gallery activity type displays a list of objects, such as collections artifacts, that opens a full-screen gallery of images of that object with captions. This activity is designed to draw connections between a museum’s “home” collections and the objects on display in outreach programming. Creating a Collection Gallery Activity
Flash Cards The Flash Cards activity type displays topic cards that can be flipped to view a brief description, or opened to look at a longer rich text description. Creating a Flash Card Activity
Image Comparison The Image Comparison activity type can be used to compare, contrast or overlay one image over another, allowing a user to interactively decide how much of each image they would like to see. You can also add ‘Look Closer’ buttons to highlight specific areas of the image. Creating an Image Comparison Activity
Image Gallery The Image Gallery activity type is a collection of images combined into a gallery that users can look through, with brief descriptions for each image. Creating an Image Gallery Activity
Media Dichotomous Key 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 a Media Dichotomous Key Activity
Meta The Meta activity type will display the included Activities as scrollable list. Creating a Meta Activity
Path Finder The Path Finder activity type is a visual activity that uses a series of multiple choice questions to chart a path from an origin to a destination. Each question’s options can have additional information that is used to provide context to the choice and help shape their answer. As the user progresses, they can view the correct answer from the previous questions to help build connections. Creating a Path Finder Activity
Render Object The Render Object activity type allows the user to interact with a digital three-dimensional object. Creating a Render Object Activity
Rich Text with Narration The Rich Text with Narration activity type displays rich text with an optional voiceover. Creating a Rich Text with Narration Activity
Slideshow The Slideshow activity type allows users to navigate through a slideshow, with optional “basement” slides that exist below the primary slide. Creating a Slideshow Activity
Tile Match The Tile Match activity type is designed to draw connections between two sets of objects, images, or ideas. Each set contains four cards that users can try to match, with configurable correct and incorrect responses. Creating a Tile Match Activity
Timeline The Timeline activity type creates an ordered timeline that users can navigate through, date by date. Creating a Timeline Activity
Video Playback The Video Playback activity type plays an MP4 video. It can be configured to disable the audio or the control bar. Creating a Video Playback Activity
Visual Thinking The Visual Thinking activity type is an inquiry-based learning activity can be used to highlight a collection of images and provide prompts for users to learn more about what they find most interesting. Creating a Visual Thinking Activity
Documentation
Installation Look and Feel
Interaction Modes Developing Activity Types
Creating an Interactive Framework
Integrating CLIO Contribute