CLIO Examples
Overview
CLIO and POP can used together to create a variety of different interaction experiences. You can use a POP kiosk to integrate digital activities into pop-up exhibits at local schools, libraries and community centers. A program facilitator can select the activities to display on-the-fly, or you could also create a kiosk to always display the same activities.
Take those same activities and display them online as part of a virtual exhibit, use them within an online lesson plan, or send links to remote learners while you facilitate a full online lesson plan through video conference. CLIO was created to be a framework that supports and adapts to your institutions specific needs.
Usage
With the increasing prevalence and availability of open-source technologies, museums have been provided with a plethora of low-cost tools to enhance exhibitions and educational programming at their institutions[1]. While there are tools developed to tackle the digital interactive needs of museums, they often require extensive knowledge of coding and technology to fully utilize. We aim to rectify this with CLIO, an open-source web application for GLAM institutions.
CLIO is a pair of two web application graphical user interfaces that work together to manage your institution's Interactives. CLIO can be used to create and manage Activities, define their Audience, organize them into Programs, and then export them into an CLIO Interactive package file. This package file can then be used to update the content available, both on-line and in-person, through CLIO Exhibit. Package files can be archived to keep a running institutional record of the activities used within your interactives.
Each CLIO Interactive can contain multiple Programs and all the required data is stored within the web application directory, decreasing the strain on your institution's internet network when using offline kiosk systems. Entirely different sets of interactive activities can be loaded on-the-fly without internet access, even while away from your institution, making it easier to create pop-up exhibitions. Activities can be sorted into Audiences, allowing facilitators to tailor their live educational experience more closely to their current environment. [illustration needed]
Activities can be just about anything you can imagine. They are created through easily customizable activity templates, called Activity Types, specifically for use in an informal education or exhibit context. You can make your own, or utilize the ones that are provided. The default Activity Types included with CLIO 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 enable older audiences to have a more in-depth informational experience.
Once these Activities are created for the CLIO web application, they can be used in different contexts. They can be used to create online exhibits of interactive activities; integrated into blog-based lesson plans; interacted with during live facilitated events; or displayed on an interactive kiosk in your building.
Content
Activities are created through easily customizable activity templates, called Activity Types. You can use one of the seventeen Activity Types that are designed specifically for use in an informal education context, or you can create your own. They 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.
Media Activity Types are designed to heavily rely on media and the contextualization surrounding it, and great for using collections media or re-using media that you've already created for in-person exhibits. Interaction-based Activity Types focus primarily on the interaction experience the user has with an activity and work well to reinforce concepts taught through physical exhibits or live facilitation. Narrative-based Activity Types combine multiple Activities into one and works well to contextualize Activities together.
| Activity Type | Type | Description | Example |
|---|---|---|---|
| 3D Render | Media | This activity type allows the user to interact with a digital three-dimensional object. | |
| Annotated Image | Media | This 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. | |
| Collections Objects | Media | This 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 Gallery | Media | A collection of images can be combined into a gallery that users can look through, with brief descriptions for each image. | |
| Rich Text with Narration | Media | This activity displays rich text with an optional voiceover. | |
| Slideshow | Media | This activity allows users to navigate through a slideshow, with optional “basement” slides that exist below the primary slide. | |
| Video Playback | Media | This activity plays an MP4 video. It can be configured to disable the audio or the control bar. | |
| Card Match | Interaction | This activity type is designed to draw connections between two sets of objects, images, or ideas by trying to match cards. | |
| Flash Cards | Interaction | This activity displays topic cards that can be flipped to view a brief description, or opened to look at a longer rich text description. | |
| Image Comparison | Interaction | This activity 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. | |
| Media Dichotomous Key | Interaction | This activity type presents a gallery of images to the user and a series of questions. Using the images, they will 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. | |
| Pathfinder | Interaction | This 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. | |
| Tile Match | Interaction | This activity 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. | |
| Timeline | Interaction | This activity creates an ordered timeline that users can navigate through, date by date. | |
| Binary Quiz | Interaction | This activity type can be customized to prompt users to select from a binary set of choices with correct and incorrect responses. | |
| Visual Thinking | Interaction | This 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. | |
| List | Narrative | This Exhibit will display the included Activities as scrollable list with optional custom titles and descriptions. |
