(tip o’ the hat to Greg McVerry for the tutorials and instructions below)

Hypothes.is Tutorial

Hypothes.is is an open source project to annotate the web. It is a non-profit company that used open web standards.

There are other annotation tools out there such as Diigo and Rap Genius. We love them all. Hypothes.is just allows us to annotate any website including PDFs. You can also use pseudonyms to protect student privacy.

This tutorial will cover:

  • How to install Hypothes.is
  • How to annotate the web
  • How to make multimodal annotations
  • How to share your annotations

 How to install Hypothesis

Step One: Go to Hypothes.is.
Step Two: Click on Install Chrome Extension*
Step Three: Accept permission (note menu not visible in image below)

*Firefox extension coming soon

Step Four: A New Page will open up. Go to the page
Step Five: Click on Create Account
Step Six: Use a username (pseudonyms allowed, but let Dr. Becker know your pseudonym be email if you choose this route)
Step Seven: Add email, and password

Step Eight: Check your email and activate account:


 How to Annotate the Web

Step One: Choose a text worthy of reading
Step Two: Click on the speech box in the upper right hand corner.
Step Three: Highlight Text
Step Four: Click on Pen

Step Five: Add an annotation
Step Six: Click Save


 How to Make Multimodal Annotations

Add an Image

Step One: Find the relevant image. Copy the image url (right click on image>save image url)
Step Two: Highlight text and click on the annotation pen.
Step Three: Copy your image url into the code.
Step Four: Add an image description
Step Five: Add an optional description below. This texts will show allowing the web to be accessible to all.

Add a Link:

Step One: Highlight Text:
Step Two: Click on Link:
Step Three: Copy in Link:
Step Four: Type in the the link text

Important the bracket and parentheses must not be deleted.


 How to Share Your Annotations

Tag your Annotations

Tagging your annotations lets people find them.

Step One: add a wonderpeople tag (note the “#” sign is not necessary)
Step Two: add a tag if this annotation refers to a specific code book tag (claim, evidence, source)
Step Three: Add internetunites as a tag for the article we’re annotating in this course.

Step Four: View the stream. Click on a tag.
Step Five: Share the link to the stream anywhere

Share your Annotations

Step One: Click on Share
Step Two: Send out link on your social networks using #QuestionTheWeb hashtag.

Other great features:

You can also reply directly to other annotations by clicking reply.
You can set any annotation to private or public.