All posts by Holly Jamili

API Data – Weather

I never got to figure out why my code wasn’t working in class! So I figured to finish it up at my dorm. I continued using the weather API again so I can see how it worked with my API key given to me by the website.

Here’s the website for a refresher:

https://openweathermap.org/api

With my code, I wanted to be ambitious and make icons for the different types of weather just like how Ruojin did for one of our assignments. But it was going to take a LOOONG while for me to figure that out. I was hoping to create different sizes for the icon to show how cold or hot or rainy it was as well as animations. Maybe next time. But for now, I just have a shape that changes its size depending on the weather in London. I tried to make this thing look pretty by the code printing out a flower made with long ellipses. This would’ve been so cool if I had this on an international scale.

Here’s my code:

let domain = ‘https://api.openweathermap.org/data/2.5/find?q=’;
let city = ‘London’;
let units = ‘&units=imperial’;

//use your own API key

let APIkey = “&appid=1032cc0d00462328907f269d50906fb9”;

let url;
let userInput;
let button;

let weatherData;

function setup() {
userinput = createInput();
button = createButton(‘submit’);
button.mousePressed(makeRequest);
createCanvas(400, 400);
}
function makeRequest(){
city = userInput.value();
url = domain+city+units+APIkey;
loadJSON(url, getData);
}
function getData(data){
weatherData = data
console.log(weatherData);
}

function draw() {
background(0);

if (weatherData){

sz = weatherData.list[0].main.temp;

text(‘the weather in ‘+ weatherData.list[0].name +’ is:’,10, 50);
translate(580, 200);
noStroke();
ellipse(width/2, height/2, sz, sz);
rotate(PI/5);
}

}

but first…lemme take a selfie.

1

So for my digital selfie, I decided to take a more abstract approach. I asked my closest friends to help me out with this one. I asked them what they notice first about me and what I’m known for. The top two things they told me were my lips and my bold brows. So that’s exactly what I did!

Here’s my code:

function setup() {
createCanvas(400, 400);
}

function draw() {
background(255,179,102);

//INNER PART OF LEFT BROW
fill(102,51,0);
//rect(x, y, w, h);
rect(95, 70, 70, 20);
noStroke();

//TAIL OF LEFT BROW

//INNER PART OF RIGHT BROW
fill(102,51,0);
//rect(x, y, w, h);
rect(215, 70, 70, 20);
noStroke();

//LEFT SIDE OF TOP LIP
//first pair:left point.
//second pair:bottom right point.
//third pair:top right point.
fill(255,77,77);
triangle(115, 280, 200, 280, 185, 250);
noStroke();

//RIGHT SIDE OF TOP LIP
//first pair:top left point.
//second pair:left point.
//third pair: bottom left point.
fill(255,77,77);
triangle(205, 250, 187, 280, 275, 280);
noStroke();

//BOTTOM LIP
arc(197, 285, 155, 70,0, HALF_PI + HALF_PI);
fill(255,77,77);
//fill(255,102,102);
//fill(255,102,102);

}

Auto If Statement

Algorithms are naturally everywhere. They run on how we run. Everyone has their own personal algorithm based on their own behaviors. They are fed with data intake and organize them to create more outtake for us to intake. For example, agreeing to cookies whenever you enter an app or site.

It’s crazy how much we feed off of technology. And this technology was made by us. People. People who are software engineers and tech researchers all over the globe in fortune 500 companies. They are driven by work and their company’s profit rather than the societal good of trying to keep some parts of a person’s life private.

But let’s not forget the benefits the algorithms that aid us in our daily lives to make it easier or more fun. Apple created a facial recognition technique for those who have their latest phones. Only the right person can unlock their own phone. This is much easier than typing in your password or code. There is also Snapchat who uses facial technology to show their augmented reality filters for their social media app.

Research Tech – We Got Sole w Christshon

So for an update on our project…

Since we changed our idea from our user switching through several patterns of LEDs, we decided to go use Neopixel RGB LED rings.

They look like this:

4

We’re going to attach this to one side of the sneaker.

To use this Adafruit Neopixel software, we needed to download the library and use the “#include” function.

https://learn.adafruit.com/adafruit-neopixel-uberguide/arduino-library-installation

We used the library link above and followed their directions.

 

Reactions to Our Final Project – We Got Sole

For our reactions, we were not able to get that many since we were far on our project because the arrival of our components were not there yet. But instead of wasting time, we had the people who talked to us about our project for feedback and their opinion as to how we could improve our game plan.

Alongside this, we also gave them an idea of how the project was going to look like.

We showed them this video of Christshon’s Hypercinema work.

https://youtu.be/5bSYlQ3Lt0Q

We also explained to our future users how they were going to interact with the piece.

Christshon and I also mentioned how we changed our idea of the user flipping through different patterns of the LEDs and to instead, implement the use of an RGB LED ring.

Inspiration for Our Final Project – We Got Sole

Our inspiration for this project were the Nike Air Mags — a shoe popularized by their appearance in the movie Back to the Future and renditioned by Nike in 2015 with Michael J. Fox being the first to get a pair.

These shoes gained popularity for their unique futuristic and out-of-this-world look and their unbelievable price-tag.

msx cm cnv nd

What I love about the shoes is how the lights are so pretty and floe with the shoe with it having a hollow-like feeling within the shoes.  They are integrated into the design.  This is something that Christshon and I strive for. We hope to make our project  interactive by giving the user the ability to choose the colors displayed on their feet — hopefully, through a button or potentiometer.

We Got Sole – FINAL PRESENTATION

For our project, Christshon and I created a pair of shoes that are both fashionable and interactive. We were inspired by sneaker culture and wearable technology.

Out of all clothing items we feel that shoes are the one that have the most potential the it comes to wearable technology. That being said the only shoes that integrate fashion and technology are extremely overpriced and largely unobtainable for the average person. We feel that it’s time that interactive fashion became something that is accessible and to prove it we made this pair of shoes that illustrates how possible it is for designs like this to be made in a cost efficient way. Although the amount of interaction between the wearer and the shoe is not very extensive art the moment, we feel that this is a good place to build from and I am now much more aware of the possibilities within the realm of wearable tech.

Our Process:

Due to issues with shipping our process was pushed back quite a few times but we still found time to get it all done. The first step was making our user interaction diagram. This was our plan for how the user would get output and what output they would receive (LEDs). Next I bought the shoes from a thrift store for only $4. After purchasing them from Salvation Army, we saw that the shoes were pretty beat up so we had to clean them and then paint them in order for them to appear new. They came out beautiful all thanks to Christshon. I entrusted him with this task because he used to paint shoes a lot back at his home.

1

His inspiration for the colors and shape was the “heavy-duty sneaker” look that many high-end brands like Balenciaga and Gucci have been popularizing lately. After the painting was finished, we uploaded our code to our Arduinos, we began wiring the LEDs and Arduinos to the shoes.

3

2

Materials:

  1. Arduino Uno

2. Jumper Wires

3. 10k potentiometer

4. New Balance Shoes

5. Neopixel RGB LED Ring

6. Velcro

7. Paint

8. 9V Battery

9. Solderable Breadboard

It took a lot of time and even more troubleshooting but eventually we were able to get both shoes to operate smoothly. Then, we “created” a spot on the heel were the batteries would attach in order for them to not be in the way. We placed them behind the end of the shoe. Finally, we used wires to mimic shoelaces as we felt added to the futuristic vibe that we were striving for. Now that the physical component was done we put our focus onto creating the video that we would play as part of our presentation.

The idea was to create a video that demonstrated the importance of sneaker culture while also highlighting the progress that sneaker design has made since they first came onto the scene. The video was created using Premiere Pro and our plan was to create a makeshift screen to project it onto, however we did not budget enough time to create the screen so instead I decided to play the video off of Christshon’s laptop. We also decided to go with this option instead because the video lost some of its quality through projection.

Overall, I feel that we did a very good job despite the adversities Christshon and I had to endure. To be honest, he has been one of the best partners I’ve had on a project. So thank you David for letting us team up. Christshon and I will probably try to dive into some more wearable tech but let’s see for in the future.  It was cool to see how Christshon’s knowledge of shoes and my knowledge of wearable tech bloomed together. I look forward to adding onto this project along with our given feedback and to explore more possibilities of art installations and wearable tech.

Collage of the process of the interaction:

yerrrr
Processed with MOLDIV

We Got Sole Diagram – Holly & Christshon

Diagram

Here’s our user block diagram! So far, we have been coding through Arduino and making various patterns for our RGB LED patterns while using a button function to set these off. We decided to not use single-colored LEDs so we can make our own different colors. We also thought about adding a fingerprint scanner so the lights cannot be changed or activated by anyone else but by the user who owns the shoes.

To take our RGB LEDs to the next level, maybe we could have potentiometers for the LEDs on the shoe and have the change depending on the range of the potentiometer.

Also for our design aspect, we are hoping to deconstruct a shoe and to put the component inside.

Next thing on our agenda is to think of different textures for our video mapping that would look cool such as colorful amoeba or a sunset.

Globalization

Globalization is when a business, product, or idea influences people on an international scale. The importance of globalization is the spread of ideas, culture, and innovations.

There are many factors that contribute to globalization, but a main one would be technology. Technology has massively impacted our lives, since it can perform daily tasks for us, entertain us, and allow us to talk to people from far away. It came about during the Industrial Revolution and since then it is known for social change and improvements in the working world. However, not much has really changed that much. During the Industrial Revolution, jobs were created and workers were placed together under one roof working for a person in power for the benefit of the boss and those who purchase the good. This sounds familiar now even when technology is in the picture to help businesses with their efficiency.

However, globalization can also be bad. It’s amazing for the consumers and the people in power, but it’s the other way around for the workers. Workers may have to adhere to terrible working conditions, because the association they are working for don’t grant them their working rights. This is evidently shown in the Amazon warehouse worker horror stories. Amazon claims to provide the needed breaks and benefits to their employees, but their employees cannot say the same. It has been said that the workers are given extremely short breaks and high stress levels trying to meet a certain packaging quota.

brainstorming ideas…

I really love wearable technology, so it makes sense for me to think of projects within that category.

  1. SIGNAL PATCH 

The Signal Patch is meant for motorcyclists, bicyclists, and skaters. It is to be worn on the back of their helmet so the vehicles or anyone else behind them can be aware of what their next move is. The LEDs will form different signs such as arrows pointing north, south, east, and west as well as a STOP sign.

2. BEEPER

Dogs can sometimes be tricky and playful when they are out and about, so here’s Beeper. Beeper is a wearable technology made for the dog and the dog owner. If the dog becomes detached from the leash, the dog’s leash ring around their neck will beep and their lights will flash red, so that their owner can find them.

3. TOUCH

Touch is a wearable tech that was inspired by the iClicker that many universities use for tests and whatnot. But what is inefficient about those devices is that they can easily be cheated with by being passed between students without the professor knowing. The solution to this problem is to make these remotes merely more personal by having a fingerprint sensor that only detects the original user’s fingerprint.

To be Creative, to Not be Creative.

Alexa, play “What Left Brain, Right Brain” by Bo Burnham.

I have both linear and non-linear thinking. Matter of fact, everyone has linear and non-linear thinking. Linear thinking is more towards logic, while non-linear is more towards creativity. We may use one more than the other depending on the task we need to accomplish, but we do have these two ways.

Our brain is divided into two hemispheres – the left and the right. Despite their contrasting sides, these two don’t work independently.

Say that you unfortunately sever the connection between the two parts of you brain. There wouldn’t necessarily be a HUGE disconnect  but only an impairment due to the nerve fiber connections. Luckily, your brain will still function, because of its learning capabilities.

Whenever we are learning things, we always need to back track and think about what we just learned. We may also need to discuss things with a peer or advisor when needed to do so. Or we may have an upcoming project on the topic. Thus, we have the left brain and the right brain.

Left brain and linear thinking go hand in hand for they both are in charge of your logical thinking and sequencing. So, this side is generally good for mathematics and problem solving. Right brain and non-linear thinking go hand in hand for they both are in charge of your creativity and imagination. So, this side is overall great for the arts and visualizations.

Because of the interconnectivity of the two sides, it’s impossible to say that you use one side over the other.  You are constantly using both. Although, functionalities of both sides may vary person to person depending on the situation at hand.

Cultural Evolution through Language

We are born as social beings. Communication is key, thus I can’t picture our world without communication in it. If it weren’t for language barriers, we would be able to understand each other much more.

I remember this biblical story about how the world all spoke one language and all of the people used their way of communication to build a tower to become closer with God. But God was upset at this gesture and decided to have many languages instead of just one, so another event similar to this would never happen again.

So what was the result of everyone speaking different languages and trying to record themselves? Pictograms. They used these to represent words or concepts. The purpose of this type of communication was to be able to record their discussions accurately in a simple way. Yet there came the problem of more complex discussions and figuring out how to transmit that to other people. There needed to be the implementation of a more universal communication – the alphabet, since the past ways of communication became outdated.

Communication is only becoming more powerful and efficient every day. They’re all structured upon what we want and need as a social society. With technological advances, we are continuously discovering new communications and innovating our past ones too. Social media is a huge deal of this because we can talk to people online there. Nowadays, a ton of people use bitmojis and emojis to describe themselves at that moment. Bitmojis and emojis use the same concept as pictographs. Both are very simple and direct!

Understanding the World with Our Body

Our body is important in our understanding of the world by it receiving input, processing input, and storing it for later use. Then, our brain does its magic and categorizes all of our input. Our brain also lets us think critically with all of our daily observations to make us feel things and to form our opinions. We receive input through the five senses: touch, smell, hearing, taste, and sight. Touching the teddy bear you have owned since you were six can make you feel comforted. Smelling the scent of lavender can make you feel relaxed. Listening to your favorite song that you have had on repeat the whole entire can make you feel happy! Tasting freshly baked chocolate chip cookies can make you feel warm inside. Seeing your “A” grade on your paper can make you feel encouraged and excited.

Noticed how I focused all of my examples on positive emotions?

What if I were to say negative emotions?

Touching chewed up gum beneath your chair can make you feel disgusted. Smelling the pungent New York City’s garbage while walking down the street can make you feel icky. Listening to the screeching sound of chalk against a board can make you feel cringed out. Tasting liver and onions can make you feel like throwing up. Seeing your partner cheating on you can make you feel heartbroken.

When bad things happen in our lives, we can choose whether or not to let those things affect our happiness. More often than ever, we tend to focus on the bad. Then, it becomes difficult to work or to concentrate on tasks that we need to get done. People work better when they are in a good mood. There is way more motivation when there are positive vibes flowing through. Everything is a learning process though. Once we know how we feel about certain things, we can choose what to avoid and what to follow with.

Computers can reach our body and our emotions by contributing to us finding peace and happiness. Computers have the internet! The internet allows us to search up the song we constantly have on repeat or the freshly baked cookies we want to eat. When we are upset, we can communicate with our friends online and seek comfort from them or we can look up cute compilation videos of dogs.

The Variables in Our Lives – Haidt Response

Relative to computer programming, variables are values that can be changed, while variables in our lives are things we need to change within ourselves, such as our opinions, habits, and morals. Every day we are constantly changing some type of variable in our lives. There are so many people in this huge world of ours to not merely have one same thought. Thus, there is a numerous amount of opinions spread throughout the globe and it is impossible to have the same thought.

Morals vary from person to person.  There is no definitive answer for what is”good” and “bad” since we all do not think the same. It remains ambiguous. But I believe that it is safe to say that we make careful and/or impulsive decisions based on our wants, needs, common sense, and our gut.

We have talked about the “universal machine” and if it even exists. When discussing this particular machine, there was talk saying that the perfect machine would have emotions and reactions like a human. But do we really want that? The answer was no. Although it would be a great technological advancement to have, machines shouldn’t be making moral decision making for humans. Machines are programmed one way and only completes their one task. If they receive an input of a task they have never “heard” before, then what are the chances of them being able to have a successful output? They would not be able to tell what is right and wrong, because they don’t have the same instincts and backgrounds that humans have. The experiences we go through as individuals are completely different from every person. There is no possible way for a machine to be doing emotional processes.

Heal the Bay Patch

I made a wearable technology product that is a patch with blinking LEDs. To make this, I used an Arduino Lilypad, felt fabric, LEDs, and conductive thread. I decided to make a patch dedicated for a cause. In this case, I made it for the nonprofit organization “Heal the Bay.”

CODE:

// set pin numbers:
const int switch1 = 9; // the number of the switch pin
const int ledPin = 10; // the number of the LED pin
const int ledPin2 = 11;
const int fastBlink = 30;
const int slowBlink = 500;

// variables will change:
int switchState = 0; // variable for reading the switch status

void setup() {
// initialize the LED pin as an output:
pinMode(ledPin, OUTPUT);
pinMode(ledPin2, OUTPUT);

// initialize the pushbutton pin as an input:
pinMode(switch1, INPUT_PULLUP);

// start the serial monitor
Serial.begin(9600);
}

void loop() {
// read the state of the switch value:
switchState = digitalRead(switch1);

// print it to the serial monitor
Serial.println(switchState);

// check if the switch is pressed.
// if it is, the switchState is HIGH:
if (switchState == HIGH) {

// blink the first LED
digitalWrite(ledPin, HIGH);
delay(fastBlink);
digitalWrite(ledPin, LOW);
delay(fastBlink);

digitalWrite(ledPin2, HIGH);
delay(fastBlink);
digitalWrite(ledPin2, LOW);
delay(fastBlink);

}
else {

// blink the second LED
digitalWrite(ledPin2, HIGH);
delay(slowBlink); //
digitalWrite(ledPin2, LOW);
delay(slowBlink);

digitalWrite(ledPin, HIGH);
delay(slowBlink); //
digitalWrite(ledPin, LOW);
delay(slowBlink);

}
}

 

Blinking Hands-Free Switch

Code:

void setup() {
Serial.begin(9600);
pinMode(2, INPUT);
pinMode(7, OUTPUT);
}

void loop() {
// to make the LEDs blink

int state = digitalRead (2);
Serial.println (state);

if (state == 1){
digitalWrite (7, HIGH);
delay(50);
digitalWrite (7, LOW);
delay(50);

}

else {
digitalWrite (7, LOW);
}
}

 

I used my same hands-free switch from the prior assignment, but this time around I had user input incorporated to when the LED blinks rapidly. I had to wire things a bit differently of course, but everything remained the same. First, I connected wires from the 5V and GROUND ports to the breadboard’s positive and negative rails. I used port 2 as INPUT and port 7 as OUTPUT so the LED could shine. I hooked up a wire from port 2 to the breadboard and within that same row I connected a black wire to the negative side of my switch and also placed a resistor on that row connecting the negative rail. As for the LED, I of course used 7 as an OUTPUT and had a resistor side on the same row as the OUTPUT and place the positive side of the LED on the same row as the opposite side of the resistor. The LED’s negative side was on the rail. I also then connected a wire from the positive rail to the positive side of my switch. I got a hairtie and wrapped a copper board onto my shoe. When my foot touches the other copper board, the LED blinks rapidly, but when it doesn’t, the LED is off.

Computational Media vs Traditional Media, Interaction & a Story, and The Universal Machine

COMPUTATIONAL MEDIA vs TRADITIONAL MEDIA

Computational media is also known as “new media” while traditional media is known as “old media.” The reasons why they’re referred to as “new” and “old” is because computational media is more technologically advanced whereas traditional media is the old-school grandma. Examples of computational media would fall into the lines of video games, 3D models, CGI in movies, social media,  and whatnot – whereas traditional media is more like print, painting, and drawing. Another difference between computational media and traditional media is their audience. A majority of modern society feels more for innovated tech rather than a printed text, but this may just be a biased opinion of mine. And then vice versa, I feel like the elderly appreciate traditional media more. I feel this way because my grandma would constantly remind me of how simple life was like in the “olden days.”

INTERACTION AND A STORY

Interaction differs from a story because of the experience it holds. Once you’re there experiencing things for your own, it’s more real since you’re physically there embracing it all. By only hearing a story or reading something, the author or just the story sharer might be missing some sensory details that you might not have missed if you were the person within that interaction (I hope this makes sense to how I’m interpreting it). But I also believe that an interaction and a story do intersect. To me, it’s the case for the person in the interaction who’s telling the story because logically, you need to experience the event in order to fully speak for what you witnessed.

UNIVERSAL MACHINE

A universal machine would be a working machine or device that is accessible to many in the universe. Although there is NOT one truly ideal device that is for anyone and everyone, I do believe that we every day we are continuously innovating things and pushing our limits to the next level to help societies. But if I were to choose a device that is “universal,” I would pick a smartphone since it’s a portable computer that fits into our pockets.

The Computer’s Portrait of Me

To a computer, I’m merely the user. Just someone who punches in letters and commands as data for a computer to store. Just someone who spends an ample amount of time in front of a lit up screen. Just someone who listens to music as she studies and does her homework. Just someone who needs continuous answers.

Sure, a computer technically interacts with you since it can read me as in seeing what I’m googling about and keeping a record of what I usually use the interwebs for but it misses a few things about me as a human.  Computers can’t read my full emotions or see what I’m going through on a day-to-day basis. They only see me as Holly Grace Jamili, NYU Home, ITP/IMA, BuzzFeed Unsolved, new indie music, and lo-fi hip-hop beats. My computer also watches my conversations with family and friends with my constant video calls and messages. Contrarily, it doesn’t know the full version of me. It’s like I have my own updated software every day.

A more ideal inclusive device that I could imagine is extremely advanced artificial intelligence. One that knows EVERY language and that can hold a conversation with every human So basically a human-sized robot that talks! This AI must also be able to read someone’s emotions and body language.

But yet again, “ideal”? Who really knows what “ideal” truly means. My “ideal” device could be different from someone else’s imagination.

At the end of the day, we all can agree on that technology, computers in specific, are a part of our daily lives that continue to help us with daily tasks and be innovated.

Hands-Free Switch.

First, I connected a red wire from the 5V slot to the positive side of my breadboard and a black wire from the Ground slot to the negative side of my breadboard. I color coded the wires for organization to see where my ground and power was. Next, I grabbed another red wire and stuck one end in a positive breadboard slot and the other side in an alligator clip. I connected the other side of the alligator clip to a copper plate. This is the positive side of the switch. Then, I placed the cathode side of my blue LED into a negative breadboard slot and put the anode side in the inner section of the breadboard. I placed one end of a resistor on the same row as the anode and the other end parallel of that one. From here, I put one end of a black wire on the same row as the end of the resistor I just placed and I attached the other end of the black wire to an alligator clip. After this I got the other end of the alligator clip and clipped it to another copper plate. This is the negative side of the switch. To activate the switch, I placed the positive side of the switch on top of my teddy bear’s nose and the negative side below it, so that when my friend kicked my bear forward that the positive side would fall on the negative and let the LED light up.