Making Connections with Multimedia Content

Johns Hopkins University developed a web application to help learners explore and easily document relationships among visual materials. Users can annotate images with rich multimedia content and link to image, audio and video resources to put the materials in a visual context.

Campus Technology Impact Awards

Category: Teaching and Learning

Institution: Johns Hopkins University

Project: Reveal Image Annotation Tool

Project lead: Reid Sczerba, multimedia developer, Center for Education Resources

Tech lineup: Developed in-house

Reveal uses a tree data structure to link annotated images with associated media items.

Increasingly, instructors illustrate course content with visual images and rich media to engage students. But it can be cumbersome to try to show the relationships among disparate media elements, as well as challenging for faculty to work with available technologies to annotate and map them. At Johns Hopkins University, multimedia developers in the Center for Educational Resources were determined to provide their faculty with an easy-to-use web application that would work in any subject area to orient students to rich media content resources and allow viewers to explore relationships among these media elements. They created the application in house and named it Reveal.

Johns Hopkins instructors have used Reveal with a variety of course topics, and they have mapped content in many contexts (often not geographical). For example, in a neuroscience course, an online study guide mapped out the anatomical components of the brain and illustrated their functions. A course called History of Science and Technology allowed students to use Reveal to design their own virtual museum. Of course, geographical mapping applies, too: Sociology courses mapped the location of public murals in Baltimore to study the cultures of that city's neighborhoods.

Reveal is derived from an earlier Flash application developed in-house back in 2007 called the Interactive Map Tool, first used as a collaborative website for a general biology course that mapped materials students found at various locations on campus. More than 300 students uploaded files to the site, and the application managed the materials using a campus map. Today, the Reveal team has taken the basic idea of showing visual relationships among content elements much further, mapping them in any subject context. Team members have rewritten the application from Flash to HTML5 and JavaScript, and the team seeks to develop new features. A modernized interface includes an emphasis on displaying media, so that links can facilitate the exploration of visual relationships among audio and video elements.

Call for Entries

Are you making an impact with technology in higher education? We want to know about it! The 2018 Campus Technology Impact Awards call for entries is now open. For more information, go to campustechnology.com/impact.

Reveal is based on a tree data structure (with branch and leaf nodes). This hierarchy can help support the logical organization of the content. But at the same time, Reveal allows numerous annotations that effectively link nodes to other nodes, making the spontaneous exploration of visual relationships possible. The application includes an assignment feature instructors can use to insert brief questions or problems that will appear with the media item specified.

There are also benefits for content developers: The application is protected by the university's single sign-on authentication system for the convenience of using one set of login credentials. Media items like images, audio files and video files are all automatically converted to required formats, so that it is easy for authors to upload files. And a simple interface offers a uniform presentation, which allows instructors to concentrate on content without worrying about style issues.

Project lead Reid Sczerba

Reveal has a happy development home at Johns Hopkins. Developers have considered it an interesting and worthwhile challenge, and they included eight student workers on the team. Project lead Reid Sczerba, a multimedia developer in the Center for Educational Resources, commented: "The project really engaged the student staff to think creatively and take ownership for their part on this unique application."

Several technologies have been used to create Reveal. The framework was built using Backbone.js. And the server's MySQL database is an important component, with Java servlets used for server-side programming.

As a developer, Sczerba is struck by the uniqueness of the application. "One of the most exciting aspects of Reveal is that we haven't seen anything like it developed yet," he said. And because the developers have not identified any commercial application on the market that compares to Reveal, Johns Hopkins University plans to share a generic version with other universities in the future.

Return to Campus Technology Impact Awards Home

About the Author

Meg Lloyd is a Northern California-based freelance writer.

Featured

  • abstract illustration of a glowing AI-themed bar graph on a dark digital background with circuit patterns

    Stanford 2025 AI Index Reveals Surge in Adoption, Investment, and Global Impact as Trust and Regulation Lag Behind

    Stanford University's Institute for Human-Centered Artificial Intelligence (HAI) has released its AI Index Report 2025, measuring AI's diverse impacts over the past year.

  • modern college building with circuit and brain motifs

    Anthropic Launches Claude for Education

    Anthropic has announced a version of its Claude AI assistant tailored for higher education institutions. Claude for Education "gives academic institutions secure, reliable AI access for their entire community," the company said, to enable colleges and universities to develop and implement AI-enabled approaches across teaching, learning, and administration.

  • lightbulb

    Call for Speakers Now Open for Tech Tactics in Education: Overcoming Roadblocks to Innovation

    The annual virtual conference from the producers of Campus Technology and THE Journal will return on September 25, 2025, with a focus on emerging trends in cybersecurity, data privacy, AI implementation, IT leadership, building resilience, and more.

  • From Fire TV to Signage Stick: University of Utah's Digital Signage Evolution

    Jake Sorensen, who oversees sponsorship and advertising and Student Media in Auxiliary Business Development at the University of Utah, has navigated the digital signage landscape for nearly 15 years. He was managing hundreds of devices on campus that were incompatible with digital signage requirements and needed a solution that was reliable and lowered labor costs. The Amazon Signage Stick, specifically engineered for digital signage applications, gave him the stability and design functionality the University of Utah needed, along with the assurance of long-term support.