This document summarizes a student's visual communication design project. The student created an interactive digital installation based on Sophie Calle's photo series "The Hotel - Room 47" from 1981. The installation allows viewers to manipulate saturation levels of the photos and shuffle them into different arrangements. This aims to reduce the influence of the original gaze order and generate different interpretations of the story. The student provides links to the online p5.js code and a demo video of the fullscreen installation.

1. Visual Communication Design
Assignment III
Create
Rojin Ghorbani Moghadam
5088135
Visual Communication Design 1

2. The Hotel - Room 47
Sophie Calle
Venice - 1981
Like many other artists, photographers aim to
communicate and share meanings with people through
visual creations. As analyzed in assignment I, this photo
collection of Sophie Calle demonstrates the absence of a
family in a hotel room. However, this is not all the story.
The frames, objects in the frames, qualities of the
images, and the combination of specific nine pictures in a
grid create a messy and nasty, sad, and gloomy
atmosphere, like traces of a crime scene. Different
qualities nudge the receivers to decode visual clues into a
particular story that I probed around "gaze order,"
"saturation," and "similar objects" to evaluate for
assignment II.
Based on the aforementioned approach, I set to create a series of images to enable people to change
some of the qualities and create their own touches oriented on the images' main story. My first concept
was a puzzle of various Calle's images to let people choose them, arrange them in a certain order, then let
AI exclusively generate a story based on the order of images, their saturation, and objects.
Facing different challenges implementing my first idea, I
iterated to reach the current code. At the first attempt, the
audience can grasp a holistic feeling of the collection by the
first video. Audio enhances this experience.
By clicking, the collection appears, which is possible to
saturate or desaturate the picture. Furthermore, the shuffle
options create random positions for each image, gradually
dissolving the influence of gaze order on comprehending a
photo collection, a metaphoric approach to the pile of
analog photos before being carefully placed in the photo
album.
p5.js Web Editor
A web editor for p5.js, a JavaScript library with the goal of
making coding accessible to artists, designers, educators, and
beginners.
https://editor.p5js.org/RojinMoghadam/full/yq8h5xrdt
TheHotelRoom47 RojinMoghadam
This is "TheHotelRoom47
RojinMoghadam" by Rojin Moghadam
on Vimeo, the home for high quality
https://vimeo.com/535042329
Link to the final p5.js fullscreen view. Previous sketches Link to the demo video of p5.js fullscreen view in case
are reachable in my p5 profile. that it functions differently on other devices.
Visual Communication Design 2