CLIO Exhibit
Adaptive Educational Experiences
Activity MenuPreview and get the details on activities in the current Program before choosing.
Exhibit MenuFacilitator Mode lets you select which activities to display as part of your exhibit.
Exhibit ConfirmAfter facilitators select their desired activities, they can enter Exhibit Mode.
Exhibit ModeExhibit Mode displays the selected activities for visitors.
Meta ActivityThese can be used to group multiple Activities together and build a narrative between them.
Activity TypesEach Activity is based on an Activity Type; a template interaction where all you need to do is replace the text and media.
Image ComparisonThis type allows you to visually compare two images, such as Pacific Northwest salmon.
Look CloserLook Closer buttons allow for spontaneous exploration into visitor interests.

Features

Exhibit digital interactive activities as a part of your interpretation and outreach. CLIO was developed for informal education alongside museums, libraries and cultural heritage centers.

lock_open

Open

Our frameworks are free and open-source so you can use them however works best for you. 

CLIO is released under the MIT license, while other integrated software leverage other permissive licenses for non-profit use. 

mediation

Adaptable

Create educational interactives to bridge your online and remote interpretation. 

CLIO creates versatile activities that can be integrated into physical and digital spaces. 

copy_all

Template-Based

Interactives are created through templates based on common pedagogy interactions. 

These activities are great for repurposing multimedia, displaying digital collections and showcasing interpretive language.

dashboard_customize

Extensible

Program your own activity types to create immersive interactives. 

Integrate open-source JavaScript, PHP or Python software libraries to create activities and control hardware.  

style

Styleable

Add style to your interactives to better fit the exhibit aesthetic. 

CLIO provides simple, modular ways to add style to your activities using CSS3. 

archive

Archiveable

Create self-contained digital archival copies of interactives as they're changed. 

CLIO interactives don't require databases or other backend services, allowing easy backup by copying the source files. 

cloud_off

Offline-First

Host pop-up events or integrate digital gallery exhibits without access to the Internet. 

Everything CLIO needs can be stored locally on the device for offline use, both inside and outside your institution. 

accessibility

Accessible

Direct accessibility.

developer_mode_tv

Interactive Effects

Use CLIO to control exhibit effects when combined with POP. 

Activity Types

Quickly create new activities by templating interactive experiences. Our activity types supplement your traditional educational techniques to deepen connections, promote exploration and provide context.

 

Categories

Media

Focus on media and explore the information surrounding it.

They are great for using collections media and adding new context to media that you've already created for in-person exhibits.

View
 
Interaction

Heighten the visitor's experience by prompting personal interaction.

These activities work well to reinforce concepts taught through physical exhibits or live facilitation.

View
 
Context

Combine multiple Activities into one to create a new meaning.

These can be used to group multiple Activities together and build a narrative between them. 

View

Organization

Each CLIO Interactive can contain multiple Programs, which collect multimedia and define Audiences. Programs contain Activities based on templates called Activity Types.

Interactive
Configuration
Style
Activity Types
Program
Multimedia
Audiences
Style
Activity
Type: Video Playback
Theme: Red
Audience: Pre-K
Activity
Type: Dichotomous Key
Theme: Green
Audience: Elementary
Program
Multimedia
Audiences
Style
Activity
Type: Annotated Image
Theme: Green
Audience: Community
Activity
Type: Slideshow
Theme: Yellow
Audience: Community

Interactives, Programs and Activities can have granular style sheets to create dynamic digital interfaces.

Build-an-Activity

Design your own interactive experiences by integrating open-source software libraries. CLIO is written in jQuery with data stored in JSON templates that are dynamically accessed through AJAX. 

CLIO
arrow_drop_down
Software Libraries
arrow_drop_down
HTML Template
arrow_drop_down
Cascading Style Sheets
arrow_drop_down
JavaScript Init and Events
arrow_drop_down
PHP Modules
arrow_drop_down
Activity Type

Combine CLIO and POP to make touchscreen interactives that control exhibit environment and effects. PHP modules and Python scripts can be used to control the underlying server and connected hardware. 

Activity Type
arrow_drop_down
jQuery Function
arrow_drop_down
AJAX Call
arrow_drop_down
PHP Module
arrow_drop_down
Python Script
arrow_drop_down
Hardware Changes

Community-Focused Development

CLIO has gone through a multi-year continuous development cycle with separate host institutions. we collectively brainstormed and shaped project ideas

The MUSETECH model offered a granular overview of the project.  We made changes and drafted proposals as we learned more.

We designed a software and hardware ecosystem based entirely on mature and open technologies and standards with extensive support resources and community involvement. Technologies that could provide educational introductions to coding concepts for new and curious developers were given advantage.

In the early stages of development, we focused exclusively on open toolkits, resources, standard, software and hardware because it would limit the amount of work that needed to be recreated.  These open resources came with their own communities and extensive support. We also established that all work created for the CLIO and POP projects would be released under an open and permissive license.

Requirements

devices

Hardware

  • Host over the internet with a dedicated server
  • Host locally on commodity hardware for offline use
dns

Web Server

  • Apache, nginx or lighttpd
  • PHP 6+
  • No database required
web

Web Browser

  • Mozilla Firefox
  • Google Chrome
  • Apple Safari
  • Microsoft Edge
  • Opera

Getting Started

info

Guide

Follow our guides to setup a web server, install CLIO and create your first Activities.

View
install_desktop

Quick-Setup Script

Easy-to-use command-line script install CLIO on most Debian-based distributions. 

View
forum

Forums

Interact with the community and get support at our forum. 

Visit
newspaper

Blog

Explore the latest news and updates about our current projects. 

Visit

Source

code

CLIO Exhibit

Facilitate and exhibit digital interactives for informal education.

GitLab
code

CLIO Create

Create and manage digital interactives for informal education.

GitLab