Poster image for this article

Announcing... Interactives@CTL

Share this post:

This summer, we revisited the client-side interactives that we built for two online-learning projects—MATCH and PASS—and bundled them using Webpack as JavaScript packages for open and wider distribution. We are proud to announce that we now have a portfolio site, Interactives@CTL, to showcase about a dozen standalone interactives that we’ve authored so far. These interactives are modular, reusable, and can be embedded anywhere using the iframe code that we provide.

Here is an example of an interactive from the portfolio, embedded easily in this post:

At CTL, we often develop JavaScript interactives for richer and active engagement in many of of our online learning applications. These interactives are implemented in our own content management tool, Pagetree, a Django-based framework written in Python. Even though most of them can run independently, they are often used in context of the learning applications and require user authentication. Our clients often want use these activities on other platforms such as blogs, wikis, LMS, and even MOOCs.

In May, CTL developer Susan Dreher began to package the interactives for MATCH and PASS, two online learning websites for pediatric dentists and pre-doctoral dental students. The bundled JavaScript activities are accessible on these sites and on Interactives@CTL.

The following CompilED blog posts by Susan detail the research and development behind packaging and testing these standalone interactives:

  1. Packaging JavaScript Interactives
  2. Testing JavaScript Interactives

Interactives@CTL is part of our effort to build interactive widgets with a minimal technology stack. These interactives are implemented without database or backend engine, and requires no more than a webserver.

We hope to showcase more of our work on Interactives@CTL in the future, and share our experience with a wider audience.

End of this article.

Printed from: https://compiled.ctl.columbia.edu/articles/interactives-at-ctl-site/