Types of Interactive Content
Borrowing Equipment and Adding your Content
Note: All links to directions or examples open in a new tab
VR Content
VR Content made with PolyCam can be displayed on the website using the H5P iframe embedder.
StoryMapJS
StoryMapJS is a free mapping tool that guides a visitor through a sequence of locations. You can add with images and text to your map to describe important features, note access challenges, or illustrate the location.
Digital Narratives
Digital Narratives are short-form videos. In a digital narrative, the main content is typically driven by audio narration accompanied by music, image, and video. These visuals can be sourced from stock footage/images or original footage/images.
Example Digital Narratives
- Eve Mehalick Wilcox ’22 – Environmental Justice in New York’s Capital Region
- Meredith Jones ’24 – Centering Emotional Knowledge and Relationships in Fight for Climate Justice
H5P Interactive Content
H5P is a tool used to make interactive content, so that when someone visits a website they can interact with text, images, and sounds in different ways. H5P content types include images with clickable hotspots, virtual 360 tours, information panels, and even slideshows.
Image Hotspots
The Image Hotspot H5P type allows you to annotate an image with text, images, and videos.
Virtual Tour
The Virtual Tour tour H5P type allows you to make an interactive virtual tour using images from a 360 camera or still images.
Information Wall
The Information Wall type allows you to create a concise wall of content panels that a visitor can search for information.
How to Create H5P Content
- Create Interactive Images using H5P Image Hotspots (opens in a new tab)
- Create a Virtual Tour (opens in a new tab)
- Create an Information Wall (opens in a new tab)
Guides to Borrowing Equipment and Making Videos
Adding your Content to the GEO102 Website
Creating a WordPress post on the Class Website
To add your content to the GEO102 site, you’ll need to create a new post, add some explanatory text, and add your digital project.
How to Create a WordPress Post and add content
Embedding Projects
Depending on your digital project, you may need to link or embed it in your page.
- StoryMapsJS
- Follow the directions to copy the share link and paste it in your WordPress Post
- Adding Content created online
- Adding Digital Narratives or other Audio/Video