Project #8 Consentful Interface

See my code here

Description

The trippy retro-future time travel just got consentful!

Conception

In this update, I made my time travel machine more polite by asking if they want to show up (video feed) and want to travel(filter) each and separately.
The machine (camera) also allows the user to check the manual (more info) in case any questions arises.

Sketches and Mechanisms

The consent checkbox is fulfiled by DOM object: createCheckbox and setting their positions to the corresponding location. The checkbox calls one of my function whenever being interacted with, and the function sets the consent level (a global variable controlling the operation).

The "more info" button is also a DOM object: createButton and placed using .position. The button, on click, opens this website address in in a new window, allowing the user to read more about this project.

These consents fulfils the FRIES principle by giving the user the freedom of choice while providing ample information about what is going to happen and what they might want to know.

Reflection

To be very honest, I am very unsatisfied with this outcome. To begin with, the consent for the video feed is only rhetorical and visual is only a placeholder. This is because p5 requires video feed to be initialized in the preload section and therefore I had to start the video access before the user give their consent. This completely defeats the purpose of the video feed consent. Ironically, modern browsers like chrome and safari do ask for consent when the video feed is loaded regardless of what I do.
Other than that, the more info and filter consent works perfectly.