Skip to main content

Web Annotation

handout

Oops. I messed this up a bit. Oh well, I'll fix it soon!

Are students really reading the web pages I direct them to?

Lorena O’English, WSU Libraries

Oenglish@wsu.edu  @WSULorena

What is Web Annotation? How can it help answer the question in this workshop’s title?

Why Hypothes.is?

Getting Started

  • In a new browser tab, go to the Hypothes.is home page (http://web.hypothes.is) and click on the GET STARTED link in the upper right corner (direct link:  https://web.hypothes.is/start)
  • Create a Hypothes.is account (I recommend using your professional/organizational email account), and add Hypothes.is to your browser:

*Chrome – Select the Chrome extension link and then add it to your browser through the Chrome Web Store

*Edge (2020 version only) – Select the Chrome extension; you will have to opt in to using non-Microsoft app stores

*Firefox – Add/drag the Hypothes.is bookmarklet to your bookmark toolbar

Note: All browsers can use the bookmarklet

 

  • Once you have created your account, you will be in your Activity Page, which will look like this: https://hypothes.is/users/YOURUSERNAME. Once you have logged in, you can always get back to this page by its link, or by clicking on the LOG IN link on the Hypothes.is homepage.

  • Annotations can be public (the default) or private (there is a checkbox to make annotations private).. They can also be limited to a specific group that you are a member of (see image above to see where your groups show,  and where you can create a new group).
  • Go to the web page you want to annotate, and start your annotating, highlighting, and tagging – to start, you may want to be sure to select the Post to Only Me box to make it a private post.
  • To add more web pages to your small group for annotation, go to a link of interest to you, and make sure:
    • [Chrome/Edge] your Hypothes.is extension button is active – if it is not, click it
    • [Firefox] click on your Hypothes.is browser bar bookmarklet to make Hypothes.is active.
  • You should see the Hypothes.is overlay tools at the far upper right of your screen. You can see the full overlay window by clicking on the top carat symbol:  . Change the permissions from the default Public to your small group Group by clicking on the down carat and selecting your small group Group:

 

  • Once you have made your first annotation or highlight it will show up in your small group Hypothes.is Group page and others in your small group can visit it to annotate, highlight, tag, and reply. Now you can start engaging with your text and starting conversations.
  • You can also annotate in the larger workshop Group, WSU-AOIWorkshop2020 .
  • Create your own private Group for later (the last option in the Group drop-down menu on your Activity Page).

Adding Media to Your Entries

 

Link: Adding Links, Images, and Videos to Your Annotations https://web.hypothes.is/help/adding-links-images-and-videos-to-your-annotations/ (note: I stole a bunch of language from this for below)

 

Links  

  • Copy the URL you want to annotate with
  • In the annotation box highlight the text you will link and click on the link icon
  • The Hypothesis text editor will put square brackets around the words you have selected and will add (http://insert-your-link-here.com) next it. Replace (using the Delete button and then pasting with Control-V) the http://insert-your-link-here.com with the URL you copied in Step 1, making sure to leave the parentheses. The text will look weird (not standard HTML link syntax), but when you save the annotation your link will look normal.

GIFs

  • Copy the URL for your GIF, i.e. from https://giphy.com (Note: don’t use the URL bar link; use the specified gif link)
  • In the annotation box highlight the text you will link and click on the image button OR just click on the image button
  • Replace (by hitting the Delete button and then pasting in via Control-V) the http://insert-your-link-here.com with the gif URL you copied, making sure to leave the parentheses. You will see your gif when you hit post.

 

Images

  • Copy the URL for your image (if it is an image on a page of other content, you can right- click (or ⌘-click for Macs) and select copy Image Location from the options to get a specific link to the image itself)
  • In the annotation box highlight the text you will link (note: it will disappear under the photo as alt-text) and click on the image button
  • Replace (by hitting the Delete button and then pasting in via Control-V) the http://insert-your-link-here.com with the image URL you copied, making sure to leave the parentheses. You will see your image when you hit post (sometimes sideways).

 

Videos

  • If you just want to link to it, use the link button to add in a link.
  • To embed a self-playing video, just copy a YouTube URL and paste it right into the annotation/page link/reply box.

 

Hypothes.is uses the Markdown markup language, so you can do more specific formatting as you learn its syntax:

              https://web.hypothes.is/help/formatting-annotations-with-markdown/ (basic functions)

https://www.markdownguide.org/  (lots more)

Other Ways to Annotate with Hypothes.is

 

Use the Paste A Link link at the top of the Hypothes.is. homepage to type or paste in a website address to annotate It without using a browser extension or browser bookmarklet.

Use the Via Proxy to share an annotated page with someone who does not have a Hypothesis account. (Note that users without Hypothesis accounts can read public annotations but cannot create or reply to annotations.): https://web.hypothes.is/help/what-is-the-via-proxy/

If you want to embed hypothes.is functionality in a website: https://web.hypothes.is/help/embedding-hypothesis-in-websites-and-platforms/

Adding Hypothes.is to a WordPress site: https://wordpress.org/plugins/hypothesis/

 

A Few Resources

 

Something I wrote for my professional association, Keeping Up With…Web Annotation: http://www.ala.org/acrl/publications/keeping_up_with/web_annotation

 

Hypothes.is FAQ: https://web.hypothes.is/help-categories/faq/

 

Hypothes.is blog: https://web.hypothes.is/blog/

 

Tutorials: https://web.hypothes.is/help-categories/tutorials/

Hypothes.is public roadmap: https://github.com/hypothesis/product-backlog/projects/6

              Note the accessibility roadmap

 

Introducing Hypothes.is for Education: https://web.hypothes.is/blog/introducing-hypothes-is-for-education/

 

Hypothes.is for Education: https://web.hypothes.is/education/

              Includes resources for instructors and students

 

Annotating with Groups https://web.hypothes.is/help/annotating-with-groups/

 

Getting Started with Hypothes.is Using Tags (slides) http://bit.ly/39yeqzz

 

Adding Links, Images, and Videos: https://web.hypothes.is/adding-links-images-and-videos/

 

Orphan annotations: Orphan annotations - https://web.hypothes.is/blog/showing-orphaned-annotations/

Hypothes.is. on Twitter: @Hypothes_is

WSU Libraries, PO Box 645610, Washington State University, Pullman WA 99164-5610, 509-335-9671, Contact Us