Marty Spellerberg and Zack Rothauser: Merging Physical and Digital Experience – Creating a Museum Video Experience with the WordPress REST API and React

Continue the discussion

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Published

January 27, 2019

(Hiss in Audio)

Since the introduction of the WordPress REST API, the potential for using it to power React applications has generated much excitement among developers. But what is an actual use-case for these technologies, and how can it improve the user experience? In this presentation we’ll show how WordPress was used as a foundation for building an in-gallery video kiosk for the Clyfford Still Museum.

We’ll begin by looking at the design process for a museum experience: How digital design can reflect the physical space in which it is installed, and how graphic and movement choices affect visitors’ sense of intimacy. We’ll show how the video kiosk platform was built to scale with the museum’s growing video library, how we made the videos accessible to people with hearing impairments, and how we designed the system to be content-managed from afar.

From there, we’ll demonstrate how content-management via WordPress combined with the REST API and a React front-end provide an intuitive experience for administrators and users, save development time, and provide a smooth native-app-like experience. We’ll finish by detailing the hardware used to present the system in-gallery.

Rate this:

Event

WordCamp NYC 2018 9

Speakers

Marty Spellerberg 1
Zack Rothauser 1

Tags

Museum Video Experience 1

Language

English 7257

Download
MP4: Low, High
OGG: Low
Subtitles
Subtitle this video →
%d bloggers like this: