I've been brainstorming with a colleague about some instructional videos we want to make for faculty on integratinng new tools for their teaching. She suggested creating a video on using Hypothes.is or another annotation tool for collaborative note taking, questions, etc.

As a result, I learned that it is very easy to add Hypothes.is to your website - so I did! All it takes is adding the Hypothes.is script and a configuration script to your HTML. I plopped this before my closing body tag:

<script type="application/json" class="js-hypothesis-config">

      "showHighlights": true
<script src="https://hypothes.is/embed.js" async></script>

(for instructions on how to further configure this tool, check out the documentation.)

Now when a visitor clicks on any text on this site, they're given the option to highlight or add an annotation, which can be saved directly to their Hypothes.is account. Pretty cool!

Remi Kalir, Learning Design and Technology faculty at the University of Colorado has students annotate his syllabus with questions using Hypothes.is. I love this idea for increasing clarity on assignments or as a quick corrective for broken links to course readings and resources.

Hypothes.is is also available as a Chrome extension, allowing students to comment on and highlight text on any website, just like they might add comments to a Google or Word document for a shared project. As an instructor or facilitator, you can create private groups where you can view student comments. I think this tool has a lot of potential for students to keep track of their own work or to work with others to mark up living websites for educational purposes.

Some ideas for student projects:

  • highlight examples of x, y, z on The New York Times website
  • pose a question to the author of this article using an annotation, selecting the passage that spurred your question
  • make suggestions to improve an argument based on what we learned this week
  • write an alternative ending to this story in your annotations
  • create collective notes for a group presentation
  • identify elements of this website/design/article that fit within this week's theme

Have you used this tool in your teaching? What did you think?


What do you think?

more from the blog

  1. another website redo

    posted on:

    The very few viewers of my professional website might notice a change here.

  2. work small

    posted on:

    On showing your work in progress

  3. The Montessori Method

    posted on:

    The tenets of (adult) learning: structure and order, intellectual stimulation, freedom, beauty, real experiences, and sense of community