Rotisserie and Question Tool

H2O is a suite of online classroom tools. In addition to providing a platform to create and distribute digital casebooks, textbooks, and modules [link], H2O also includes a Rotisserie [link] and a Question Tool [link]. The Rotisserie (which we recently moved under its new directory, as part of our efforts to centralize H2O) and the Question Tool are active and being used by teachers and students—and we welcome more users. The Berkman Center plans to continue supporting both into the future, and we would be keen to hear from potential partners interested in these tools. We may also update the tools, and potentially incorporate them (or at least the Rotisserie) into the current H2O theme and suite (which underwent a design overhaul late last spring).

 

New Show/Hide Button

New Features

To help streamline the process of viewing and interacting with collages on H2O, today we deployed a new feature — the “Show/Hide” button, which replaces the two separate “Text” and “Layers” buttons that used to exist for collages. The “Show/Hide” button is located at the top of each collage. It allows you to decide what text and annotations to view, what layers to highlight, and whether — if you have remixed a preexisting collage with at least one layer — to delete all of the inherited layers. Alongside of this new button, we have also, based on strong user feedback, added a “Required” layer for all collages, so that professors can even more easily and quickly start selecting the text that they want to designate as required.

A sample view of the new Show/Hide button

Here are the different parts of the “Show/Hide” button:

Text

— Select not only if you want to show all of the text of the collage, or just some or all of the layers in the collage, but also whether you want to default to the author’s version of the collage.

Annotations

— Decide whether you want all annotations to be automatically shown, or contracted.

Highlights

— Select if you want to turn the highlight on or off for each layer in the collage. (Note: if you turn a highlight on, and then print the collage by clicking on the printer icon, then H2O automatically maintains the shown highlights in the print with an underline.)

Actions

— If you remixed a preexisting collage that already had at least one layer, then you will have the option of deleting all inheriting layers in one fell swoop.

Short Video Guide

Erika Wayne — the Deputy Director of the Robert Crown Law Library and a Lecturer in Law at Stanford Law School — has developed a helpful short video guide to using H2O. The video is a great jumping off point for students looking for useful information about how to navigate some of H2O’s basic functionalities.

The video is available online here.

The most recent H2O User Guide, for reference, is available online here.

New User Guide–How to H2O

Hot off the (digital) presses: the H2O team is pleased to announce that we’ve updated and significantly expanded the “How to H2O” User Guide. You can find it here: How to H2O User Guide. This version reflects and incorporates many of the design and user-experience changes that we have developed and implemented in recent months. We very much welcome your feedback, especially if anything is unclear or if we missed anything.

Adding new cases

H2O has nearly 4,000 cases — with more added every week — that users can edit by making a collage of the case and then applying their own layers, annotations, and highlights. The H2O team adds all cases into the platform. If H2O doesn’t have a case that you’d like to use, there are two ways that it can be added.

1. The preferred route is to send an e-mail to h2o@cyber.law.harvard.edu with a list of cases that you want to be added to H2O (please include, if possible, the short name and citation of each case).

2. The other option is to request a case via H2O itself. Login to your user account, then navigate to the cases section (by clicking the cases icon at the top of the window). Once you’re in the cases section, there should be a “Request case” button next to the search field. Click the “Request case” button, provide the relevant information for the case, and hit submit.

Under the hood: H2O application performance

A quick update on what’s happening under the H2O hood:

As the H2O community continues to expand — and now encompasses instructors at nearly a dozen universities — our team is working to enhance the speed and performance of the application. In particular, we’re working to improve the speed of page loads, including for the home page, search results, remixing a collage or playlist, and users’ dashboards. If you come across bugs or identify features you’d like us to develop, please send us an e-mail to < h2o@cyber.law.harvard.edu >.

By the way, we recommend that H2O is accessed through the most up-to-date versions of Google Chrome or Mozilla Firefox.

Today: Deploying the design overhaul

The H2O team is excited to announce that, as we’ve been foregrounding at the blog for a while, today our developers are deploying our design overhaul to < http://h2odev.law.harvard.edu >. You may notice that the site is a bit slower than usual, or that visual elements are in certain respects quite different than before. Please bare with us while we resolve any issues that may arise — and, indeed, please tell us if there are things that we need to fix by e-mailing us at < h2o@cyber.law.harvard.edu >. All of the functionality should remain intact — and, as we’ll explain in the coming days and weeks, there will be quite a few improvements to the platform, in terms of new features, bug fixes, and the like. Stay tuned.

Design Overhaul: Making it easier to edit collages

One of the central features of H2O is the ability to edit collages. Collages, for those new to H2O, are what we call edited cases or other texts. In H2O, users can layer, highlight, and/or annotate portions of a case or other text. Layering, in particular, allows users to decide what part of a text will be displayed by default and, conversely, which parts will be hidden by default—though even hidden text can be read by clicking the ellipses indicating what part of the text has been layered.

A key part of the design overhaul of H2O is our attempt to make it easier and more seamless to edit collages. In the current version of H2O, users have to click the beginning and end of the portion of the text they want to edit, and then click through a series of pop-up windows to make their edits. The process is not as intuitive as it could be.

To make it easier for users to edit their cases and other texts, the design overhaul will now allow users to layer, annotate, and highlight their collages with a persistent right side bar. Teachers will no longer have to click through a series of pop-up windows. Instead, they will be able to make multiple its in the side bar without the page needing to reload each edit.

H2O Design Overhaul

The H2O team is in the process of overhauling the site’s look and feel. We want to make it easier for professors and students to use the platform to develop, distribute, and consume course content. We plan to start rolling out the design overhaul in about two weeks, and we will continue to deploy updates throughout the summer. We plan to blog about updates to keep users up to speed on the new functionalities and features.

Throughout the fall, winter, and spring, we have received significant feedback on the current beta version of the platform, including from students and faculty who have used H2O at Harvard Law School and from discussions with faculty, librarians, academic technologists, and students at Yale, Columbia, Boston University, and Boston College. Based on this feedback, we focused on six objectives for the overhaul. Below, we provide some information about these six objectives. If you have any feedback or suggestions, please send us an e-mail to h2o (at) cyber.law.harvard.edu.

1. Making it easier to create, curate, and share playlists.

Playlists—which are re-mixable collections of texts, links, images, audio, video, PDFs, and other playlists—form the backbone of H2O. A professor can add another professor’s playlist to her own course content, or re-mix and adapt that same set of content.

Over the coming weeks, we plan to deploy the following updates to this central facet of H2O:

  • Drag-and-drop playlist additions. No longer will users have to add items to their playlists through a pop-up window. Rather, they will be able to search for cases and other items they want to add in a search module on a right side bar in the window, and then drag and drop the item into the desired place in their playlist on the left side of the window.
  • Deep clones. Currently, users can remix a playlist but not that playlist’s underlying playlists. Put more technically, the current version of H2O allows users to create a shallow clone of a playlist such that the user can then modify that top-level playlist, but not the elements within the playlist. Professors have told us, however, that it would be very useful to automatically remix the whole playlist, including its underlying elements. So our developers are creating the ability to automatically make what we’re calling a deep clone of a playlist, such that a professor will be able to modify not only the top-level playlist but all of its underlying elements as well.
  • Template for creating a playlist. In the coming months, we plan to deploy an easy-to-use, guided process for professors to create playlists from scratch or by adapting another user’s playlist.
  • Systematizing subjects, categories, course locations, and course time frames. We are also developing the ability for users to identify and search for other playlists not only by key words and dates but also by what subjects and categories pertain to the playlist, as well as where (at what school), when, and by whom a playlist was used in a course.

2. Providing more systematic and visually interesting ways to capture the influence of a user and her content over time.

H2O automatically captures when a playlist or collage is remixed, bookmarked, or added to a playlist. The current version of the platform displays some of this information in the “stats” section of the playlist or collage, indicating who did what to the item at what time. We wanted to go beyond this basic display of information to capture information in more systematic and visually interesting ways—in short, we wanted to create a lightweight way to display the relative influence of a playlist and a collage over time.

With thoughtful suggestions from Jeff Goldenson—one of our downstairs neighbors in the Harvard Library Innovation Lab—we have developed the prototype of an influence bar code system. H2O will generate a bar code for each playlist, collage, and user. The bar code will display the influence each item and user has had within the H2O ecosystem. The bar codes will be color-coded, with each color tied to a specific influence marker—for instance, a red bar will indicate when a playlist was re-mixed. Bars will be skinnier or wider based on the relative score we have assigned to each influence marker. A relatively more influential indicator, such as when a playlist is added to another playlist, will be proportionally wider than a less influential marker, such as when a playlist is bookmarked. Users will be able to scroll through each item’s and user’s bar code to see what types of influence that item or user has had over time.

3. Continuing to promote and enhance accessibility, including for users with visual and other impairments.

The design overhaul of the H2O platform was undertaken with a view toward continuing to promote and enhance accessibility. Over the past two years, the H2O team has consulted with representatives from the Perkins School for the Blind and with the Dean of Students Office at Harvard Law School to identify key concerns and ways to enhance accessibility. Cases, for instance, are ingested into H2O in a way that helps to facilitate the use of a screen-reading program called JAWS. H2O’s developers continue to explore ways to incorporate accessibility principles and guidelines into the platform.

4. Making it easier to create, edit, and share edited texts (aka “collages”).

A central feature of H2O is the ability to edit text, such as cases. Professors can show or hide, annotate, and highlight word-by-word portions of texts. To make the editing process more seamless, users will soon be able to edit text within the window instead of having to do so one edit at a time through a series of pop-up windows. This enhancement should make it easier and faster for professors to mold their cases and other texts into what they want for their courses. In addition, a new collapsible right sidebar on collages will show information about the collage, including about its history, stats, and author.

5. Giving professors and students more options to customize their experience.  

With H2O, we have tried to build a lightweight platform with features and functionalities aimed at spurring new approaches to course content development and classroom learning. While maintaining H2O’s lightweight concept, we have also tried to build in a few ways for professors and students to customize their experience of the platform. In the coming weeks, we will deploy a new user dashboard with a “Settings” tab. There, users will be able to select what size of fonts they want to use on the site, as well as which fonts, drawn from a carefully selected collection. In addition, users will be able to fine-tune what types of information and settings they want to print, such as author information, paragraph numbers, titles, and the like.

6. Optimizing H2O for use on multiple devices.   

We have built H2O so that it can be accessed on any Web-enabled device, such as a desktop, laptop, tablet, or smartphone. As part of the design overhaul, our developers have used “responsive” design, including building more modularity into the platform, so that users will be able to seamlessly access content across devices and across various window widths.

Requesting cases

Every week, we add to the H2O database of cases. If a case that you want to collage and add to a playlist isn’t available in H2O yet, you can request it by filling out and submitting a short form here. (Note: you will need to be logged in as a user to request cases.) Once you request a case, you should receive an e-mail notifying you that the case request has been submitted (if you don’t, please let us know!). We will try to locate and ingest the case into our database as soon as possible.

If you need a specific case really quickly, in addition to submitting the request via the form above, please also send us an e-mail to h2o [at] cyber [dot] law [dot] harvard [dot] edu, and we’ll try to get it as a priority item.

By the way, if you see that a case has a typographical error, please let us know by clicking on the “Report Error” button at the side of the window. We are implementing a system so that we can emend those errors. It’s a little tricky to do technically, especially once a case has been collaged, but our crackerjack developers have created a way to do so by versioning cases.