Tag Archives: tool

H5P

Numerous research studies support the foundational multimedia principle that people learn better with images and words, rather than words alone. While the inclusion of any graphics, in general, improves positive feelings about learning experiences it doesn’t necessarily improving learning outcomes. However, evidence supports that students who are exposed to graphics which are relevant to instructional goals do perform and learn better. Consequently, it’s important to consider how graphics function and which types are best aligned to instructional content and goals.

The following H5P interaction provides information about the different categories of graphics and how they function to serve different learning goals.

Interactive Timeline

Creating an interactive timeline using TimelineJS 3, is straightforward, yet there is still enough flexibility to customize some formatting, and to add content to the timeline using HTML code.

As indicated on the TimelineJS 3 website, there are only four steps to create the timeline:

  1. Download the timeline google spreadsheet template document provided on theTimelineJS 3 website and follow the instructions to populate it.
  2. Publish the Google spreadsheet.
  3. Paste the published Google spreadsheets url into the Timeline JS generator and select formatting options.
  4. Embed the code into your website, or blog.

Here is a sample of a timeline I created for a project in the ETEC 540: Text Technology: The Changing Spaces of Reading and Writing course.

The drawback with creating interactive timelines using this tool, is that links can be broken as content is removed or moved online. But that is a common issue when referencing online content and resources.

Need Colour? Use Firefox’s Eyedropper Tool

CC BY-SA Parm27

CC BY-SA Parm27

One of the most charming tools available in Photoshop is the eyedropper tool. It’s so handy to sample colours from images already open in Photoshop. For online, images or web site elements that I wanted to know the colour for, I just copied and saved the image, and then brought it into Photoshop to sample. Continue reading