another post in the wall

Creating Interactive Documents with Sliders in E-Learning #300

I have a back catalogue of small instructional design challenges and charrettes that I’ve been meaning to build into something bigger one day. That is obviously taking too long, so here’s a new idea. The Articulate E-Learning Heroes Community runs a weekly eLearning Challenge. I’ve mentioned before that often different IDs in different contexts will use different tools, and while I’ve used some of Articulate’s products, I’m primarily a Mac user. This means that a number of their products are not available to me. So instead, I thought, rather than being an Articulate eLearning Hero, that I could be an InArticulate eLearning Hero. So here it goes.


This week, your challenge is to show how sliders can be used to create interactive documents or instruction manuals.

– David Anderson

One of the not so often used H5P content types is the Agamotto, a way for users to scroll through a series of images and include descriptions below. In this sample, I draw on an activity from a first year Art course. In static online courses or in printed textbooks, the process of how to construct a formal critique of a work might be listed as a series of steps next to one static image. In this example, I use agamotto to allow users to go through the questions in Step 1: Describe or the Formal Critique activity. The images change to highlight wear the observer might pay close attention to come up with their answer.

One thing that is challenging with agamotto seems to be the ratio and display. If you have too much text you end up requiring a vertical scroll. And if you allow for the default auto width adjustment from H5P you often end up not having the entire activity display on one page.

Enjoy.

HOW TO: FORMAL CRITIQUE

As the example of the two crucifixion paintings in Learning Activity 4-3 demonstrates, a formal critique is often an excellent place to start when we are looking for meaning. How the artist uses the elements of art and the principles of art can tell us a lot about the ideas or feelings they wish to convey in their work.

In this course, we will approach formal critiques using three steps: describe, analyze, and interpret. As we look at the three steps, we will use Edvard Munch’s famous painting The Scream (fig 4-12) as an example. Note that there could be more than one correct answer for some of these questions, so do not be discouraged if your answer is different from the answers listed.

STEP 1: DESCRIBE

This step is denotative, and limited to what you see. Describing gives us time to look very carefully at all aspects of the artwork. In this step, focus on the elements of art, including line, colour, value, shape, form, space and texture. If the work is representational, list the objects or people that are represented.