Creating a CLIO Activity
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.
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 on, we can begin to draft more specific activity content.
Property | Description | Expected Parameters |
---|---|---|
Title | Name of the activity. This is displayed in the header bar on the Activity page.
Note: On smaller screens, titles over twelve characters long may be cut off. |
Plain Text |
Description | Description of the activity. | Rich Text |
Preview | Preview image shown while CLIO is in Exhibit Mode. | Image File |
Theme | CSS theme to be used while this activity is active. | Name of CSS file in 'themes' folder, with "theme_" omitted. |
Attributions | List of attributions for included copyrighted works. | Plain Text |
Acknowledgements | List of acknowledgements for content creators. | Plain Text |
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.
Annotated Image
Lorem ipsum.
Binary Quiz
Lorem ipsum.
Card Match
Lorem ipsum.
Collection Gallery
Lorem ipsum.
Flash Cards
Lorem ipsum.
Image Comparison
Lorem ipsum.
Image Gallery
Lorem ipsum.
Media Dichotomous Key
Lorem ipsum.
Meta
Lorem ipsum.
Path Finder
Lorem ipsum.
Render Object
Lorem ipsum.
Rich Text with Narration
Lorem ipsum.
Slideshow
Lorem ipsum.
Tile Match
Lorem ipsum.
Timeline
Lorem ipsum.
Video Playback
Lorem ipsum.
Visual Thinking
Lorem ipsum.