IDeATe

Intention

What is the first thing you do when you see a friend? A high five! Why don’t we do the same with our computers? Aren’t they our best friends?

The Puffy Hand Computer Activator project responds to the initial brief by engaging with the line of inquiry around spooky technologies and exploring the potential of everyday analog technology imbued with intelligence. By subverting the conventional function of an appliance, a fan, and integrating the sensor information into a playful and unconventional device, the project creates a novel and animistic interaction. The puffy hand exterior, coupled with the fan and servo components, imbues the device with a sense of magic and agency, inviting users to engage with technology in new and unexpected ways. By exploring the potential of physical interaction as a means of activating technology, the project challenges our assumptions about the role of technology in our lives and invites us to imagine new possibilities for how we might interact with intelligent devices.

Asking chatGPT about a high five:

Move up Delete Move down

Context

The Puffy Hand Computer Activator project was influenced by a range of prior work, ideas, and projects, as well as concepts and research from this module. In particular, the project drew inspiration from critical making and counterfactuals, which encouraged the exploration of alternative devices that challenge our assumptions about technology. The concept of animism, as discussed in class, informed the project's aim to imbue technology with a sense of magic and agency, while the idea of spooky technologies inspired the exploration of unconventional and unexpected interactions.

The Diamond "Ring" project (http://www.caseynewberg.com/graduate-1/kaw8tb8rt9bw4jo8xfjec3tzvn2htc) by Casey Newberg is a great example of rethinking the use of an object of technology that challenges our assumptions about the purpose and design of an everyday object.

"Diamond Ring" (Neon)

By making the interaction with the device more difficult and requiring a physical high-five to turn on the computer, the project encourages users to become more aware of their use of technology and to consider the role it plays in their lives. The toaster project (http://www.thetoasterproject.org/ ) is a prime example of a project that explores the conscious use of technology through critical making.

Move up Delete Move down

Prototype/Outcome

The following image shows a diagram of the different elements of this device. I would like to mention the p5.serialcontrol program (https://github.com/p5-serial/p5.serialcontrol/releases/tag/0.1.2) by ITP program in NYU university as it was a very easy to use and fundamental to connect the output of the Arduino with the browser on my computer.

Move up Delete Move down

Show Advanced Options

Move up Delete Move down

let serial;
let latestData = "waiting for data";


function setup() {
   createCanvas(windowWidth, windowHeight, WEBGL);
   serial = new p5.SerialPort();
   serial.list();
   serial.open('/dev/tty.usbmodem101');
   serial.on('connected', serverConnected);
   serial.on('list', gotList);
   serial.on('data', gotData);
   serial.on('error', gotError);
   serial.on('open', gotOpen);
   serial.on('close', gotClose);
}


function serverConnected() {
   print("Connected to Server");
}


function gotList(thelist) {
   print("List of Serial Ports:");
   for (let i = 0; i < thelist.length; i++) {
       print(i + " " + thelist[i]);
   }
}


function gotOpen() {
   print("Serial Port is Open");
}


function gotClose() {
   print("Serial Port is Closed");
   latestData = "Serial Port is Closed";
}


function gotError(theerror) {
   print(theerror);
}


function gotData() {
   let currentString = serial.readLine();
   trim(currentString);
   if (!currentString) return;
   console.log(currentString);
   latestData = currentString;
}


function draw() {
   if (latestData > 200) {
      
       background(0, 0, 0);
   }
   else {
       document.body.style.backgroundColor = "white";
       background(255, 255, 255);
       let radius = width * 1.5;
       // ------------------------------------
       // 3D WORLD - from https://p5js.org/examples/3d-orbit-control.html
       //drag to move the world.
       orbitControl();
       normalMaterial();
       translate(0, 0, -600);
       for (let i = 0; i <= 12; i++) {
           for (let j = 0; j <= 12; j++) {
               push();
               let a = (j / 12) * PI;
               let b = (i / 12) * PI;
               translate(
                   sin(2 * a) * radius * sin(b),
                   (cos(b) * radius) / 2,
                   cos(2 * a) * radius * sin(b)
               );
               if (j % 2 === 0) {
                   cone(30, 30);
               } else {
                   box(30, 30, 30);
               }
               pop();
           }
       }
       // ------------------------------------
   }
}

Show Advanced Options

Move up Delete Move down

The code used to develop the website interaction using p5.js library is (sketch.js):

Move up Delete Move down

While the code for the arduino is:

Move up Delete Move down

Show Advanced Options

Move up Delete Move down

#include <Arduino_APDS9960.h>
#include <Servo.h>


int servoPin = D7;
bool running = false;
Servo servo;


void setup() {
 Serial.begin(9600);


 // this is like pinMode for a servo!
 servo.attach(servoPin);


 while (!Serial);
 if (!APDS.begin()) {
   Serial.println("Error initializing APDS-9960 sensor!");
 }
}


void loop() {
 // check if a proximity reading is available
 if (APDS.proximityAvailable()) {
   // read the proximity
   // - 0   => close
   // - 255 => far
   // - -1  => error
   int proximity = APDS.readProximity();
  
   // print value to the Serial Monitor
   Serial.println(proximity);


   // far
   if(proximity>240){
     digitalWrite(LEDB,HIGH);
     // if on -> TURN OFF
     if(running==true){
       servo.write(180);
       delay(400);
       servo.write(150);
       delay(400);
       // servo.write(180);
       // delay(300);
       // servo.write(100);
       running = false;
     }
   }
   // close -> TURN ON
   else{
     if(running==false){
       digitalWrite(LEDB,LOW);
       servo.write(180);
       delay(400);
       servo.write(150);
       running = true;
     }
   }
 }
 // wait a bit before reading again
 delay(100);
}

Show Advanced Options

Move up Delete Move down

Image of the final setting of the device in the demo session.

Move up Delete Move down

Process

I would divide the process in two:

1- Getting familiar with the technology.

This includes the small experiments I did after each class.

-log #1: intro to arduino-> make a light blink
-log #2: proximity sensor-> get the distance of an object
-log #3: servo -> control the servo movement
-log #4: put everything together! -> use the input on the proximity sensor to control the output of the servo.

Bellow a video of the log #4 output

Move up Delete Move down

2- Building the device.

On the one side, writing the code and making every part communicate ans work as I wanted. On the other side, prototype the actual physical device. This was first connecting the hand to the fan, which was the most difficult part and the one that didn’t end up as I wanted. The limitations on the power force of the fan made me have to use a smaller hand. The second part was connecting the servo to the fand to make sure that I was going to be able to click the button and turn the fan on and off. To do this I placed the servo in place and used the ‘brute force algorithm’ of lots of silicon gun glue until the fan and the servo were one very rigid solid.

Bellow a detailed view of the connection between the servo and the fan, and the on/off when the proximity sensor is activated.

Move up Delete Move down

Open Questions and Next Steps

For the next steps, I would improve the fan power. The problems encountered with the fan turning off when a bigger hand was attached made me change the ‘look and feel’ of my initial idea. So in the future, I would try to incorporate a bigger hand like the following image.

In terms of the interaction, the speed of the rotation or how often it high fives back, I have a lot of open questions. Should U make this interaction even more annoying? Or should I make it simpler, an individual high five. Should I keep the interaction longer in time, or only every time the user uses the computer?

Move up Delete Move down

Reflection

The project ended up working as hoped, and showcasing the interaction I wanted, which makes me consider it a success. However, I have learned that when doing physical computing, prototyping should start earlier, simultaneously with the coding to avoid future trouble and the need to redesign the concept.

I was especially surprised about how the high five by the computer was too fast, and a bit annoying, which made me think of my computer as a very very needy friend. Which thinking about it, it think is a true feeling. My computer is always asking for more power and crashing when I ask him to perform a bit out of his comfort zone. So yes, definitely is a very needy friend, but a very good friend after all, so being reminded that I need to take better care of him is a good thing.

I also attach a video of a classmate (thank you Chang!) interacting with my device.

Outcome

Intention

Context

Prototype/Outcome

Attribution

Attribution

Attribution

Attribution

Process

1- Getting familiar with the technology.

2- Building the device.

Open Questions and Next Steps

Reflection