Weather Garden: Wireless connection

As for Weather Garden, one of the innovative points is wireless connection, which can make participants obtain weather information from several hundred kilometers away. At first, I thought I could achieve it by connecting Arduino and the Wi-Fi Module directly. While after the 1st tutorial with John, I learned that the firewall of campus is very strong and the Wi-Fi module cannot login to the University Wi-Fi, so I need to find a way figure out the firewall problem or change weather garden as wired connection. Over the next few days, I found a web called “ThingSpeak” could help me solve the wireless issue.

8

ThingSpeak is an open source Internet of Things application and API to store and retrieve data from things using the HTTP protocol over the Internet or via a Local Area Network. ThingSpeak enables the creation of sensor logging applications, location tracking applications, and a social network of things with status updates. Under this circumstance, Weather Garden can import and export data from ThingSpeak private channel. Specifically, by connecting family Wi-Fi(no user name and just need password) , Weather Garden’s videos can work normally in campus due to it obtain data from web rather than Wi-Fi itself.

9                                  11

 

YouTube Preview Image

Inspirations for Weather Garden

1 Indoor weather stations

YouTube Preview Image

The Indoor Weather Stations are made up by Wind Tunnel, Temperature Tape and The Light Collector. Specifically, The Wind Tunnel makes salient the almost imperceptible wind currents of the home; The Temperature Tape gives people a sense of temperature gradients within the home; The Light Collector shows a history of the changing ambient light colour in the home.

Article:http://dl.acm.org/citation.cfm?id=2466474

2 Arduino wireless weather station

YouTube Preview Image

 

 

“Weather Garden”: approaching to multisensory design

 

In order to make “Weather Garden” to be more multisensory, I decided to do some improvements at this stage. To begin with, I want to add an USB fan on Arduino, it would be switched on automatically along with the wind video playing. In this way, visitors can make use of their touch sensor during the participation. In addition, I would lighten of some LEDs when playing sun videos, which could increase work’s visual effect.

12                            13

YouTube Preview Image YouTube Preview Image

 

 

“To-be”Garden: Music Garden + Weather Garden

“To-be” Garden

“To-be” Garden is Tan’s final project work. It can be divided into two parts: Music Garden and Weather Garden, which provides participants a virtual world to experience multisensory interactive activity.

Part 1 Music Garden

 Music garden is a multisensory interactive design controlled by 8 infrared sensors, 1 Arduino Mega and processing. To be more accurate, when participants trigger one of the eight infrared sensors, the relevant flower will blossom with music in computer.

 Part2 : Weather Garden

This is a creative device to use weather (rain/sun/wind) to control video player. Specifically, if the weather outside (or in the different place) is raining, the signal will transmit by the raindrop sensor and play the related video; if it is sunny outside, the video will control by the temperature and humidity sensor; Accordingly, if it is wind, the wind related video will be played.

 Meaning

It combines the parts (video making) I am good at and interested in (multisensory design).

It’s also a creative device for users to know outside even other places’ weather in an innovative way.

 Materials for Weather Garden

1 Arduino uno

2 Wireless module

6                                         4

3 Brightness sensor

2

4 rain drop sensor

3

5 wind speed sensor

7                                 5

6 4 related short video sequences(wind/rainy/sun/nothing happened)

Music Garden: Towards to multisensory interaction design

Under the age of experience economy, how to provide unique experience for consumers is the most important thing for designers and creative entrepreneurs.

YouTube Preview Image

Jinsop Lee is an industrial designer who believes that great design appeals to all five senses. In his TED talk Design for all 5 senses he indicated the perfect experience for consumers is combine all senses together, while for today’s designers, mainly focused on making things looks pretty (slight) and ignored integrate other senses (touch, smell, sound, taste).

屏幕快照 2015-05-13 下午10.40.53

Moreover, he also reflected why his university solar-powered clocks project Dwarf Sunflower was worse than his classmate Chris Hosmer’s Glass clock, which is because his work just focused on visual sense while Chris paid more attention to combine sight and smell to tell time.(this is the first clock to expand people’s smell sense).In conclude, designers need consider more about human senses during the process of designing which can provide a more comprehensive and unique sensual experience for participants.

屏幕快照 2015-05-13 下午11.40.11 屏幕快照 2015-05-13 下午11.39.42

 

Under this circumstance, I am considering to improve my project work Music Garden to a more multi sensory way. To be more accurate, I am planning to integrate all human sense in Music Garden. For instance, when participants inject water to real flowerpots (touch), which will trigger the high sensitive water sensors and the virtual flowers in computer screen will blossom (visual) with beautiful melodies (sound). Moreover, when participants smell the flowers in the real flowerpots, they trigger the infrared sensors which used to control wind motors, and the fragrance will come out like the real flowers (smell).

 

Posted in Uncategorized

[Practice]Draw animals by processing

As a beginner for Processing, I am really commanding  the book named Getting Started with Processing(Casey&Ben Fry).Processing is for writing software to make images, animations, and interactions, which offers a way to learn programming through creating interactive graphics.

In order to improve my drawing skills in Processing, I read this book and follow the instructions it gives me to build my coding system.These days, I learnt how to make  functions to draw animals.Functions are the basic building blocks for Processing programs,including the line() function, and the fill() function and the size()function.

First of all, I practiced the examples

Owl(without function):

 

outcome:

屏幕快照 2015-05-13 下午2.54.45

Owls in different sizes:

Outcome:

屏幕快照 2015-05-13 下午3.39.39

 

Secondly, I tried to draw a rabbit by changing and amending the functions in Owl, it was very important to sketch the rabbit before to write the code.

5

The code:

void setup(){

size(600,600);

smooth();

}

void draw() {

background(204);

translate(100,100);

stroke(0);

//strokeWeight(10);

//line(0,0,1,1);

strokeWeight(70);

//line(0,0,1,1);

line(200,100,260,100);

noStroke();

fill(255);

ellipse(150,50,80,80);

fill(0);

ellipse(135,40,10,10);

ellipse(165,40,10,10);

arc(150,60,30,30,0,PI);

//fill(255);

rotate(-PI/10);

ellipse(110,25,35,65);

rotate(PI/10);

rotate(PI/10);

ellipse(170,-70,35,65);

rotate(-PI/10);

fill(255);

ellipse(200,150,35,30);

ellipse(260,150,35,30);

ellipse(310,100,35,30);

//ellipse(17.5,-65,35,35);

//arc(0,-65,70,70,0,PI);

//fill(0);

//ellipse(-14,-65,8,8);

//ellipse(14,-65,8,8);

//quad(0,-58,4,-51,0,-44,-4,-51);

}

Outcome:

屏幕快照 2015-05-13 下午6.51.24

 

 

 

Posted in Uncategorized

[practice]Processing: drawing colorful flowers

Learning how to use processing to draw flowers is a necessary step for me to establish Music Garden.So I learnt it  from Processing tutorial online.

There are the outcomes when I practiced by steps:

Step one, drawing lines to shape the flower

strokeWeight(10.0);

translate(50,50);  for(int i=0; i<10; i++){

rotate(TWO_PI/ 10);

line(0,0,30,0);

}

屏幕快照 2015-05-11 下午2.34.19

Step Two : changing color and drawing flower bud

strokeWeight(10.0);

  stroke(color(255,0,0));

translate(50,50);

for(int i=0; i<10; i++){

rotate(TWO_PI/ 10);

line(0,0,30,0);

}

  strokeWeight(0);

 fill(color(255,255,0));

  ellipse(0,0,15,15);

屏幕快照 2015-05-11 下午2.56.57

Step Three: getting  random color

int getRandomColor(){

  return color(random(120,255),random(255),random(255));

}

void setup(){

strokeWeight(10.0);

stroke(getRandomColor());

translate(50,50);

for(int i=0; i<10; i++){

rotate(TWO_PI/ 10);

line(0,0,30,0);

}

strokeWeight(0);

  fill(getRandomColor());

ellipse(0,0,15,15);

}

屏幕快照 2015-05-11 下午3.06.12       屏幕快照 2015-05-11 下午3.06.02

 

Step Four: flower size

int getRandomColor(){

return color(random(120,255),random(255),random(255));

}

void setup(){

float flowerSize = 5.0;

strokeWeight(flowerSize);

stroke(getRandomColor());

translate(50,50);

for(int i=0; i<10; i++){

rotate(TWO_PI/ 10);

line(0,0,3* flowerSize,0);

}

strokeWeight(0);

fill(getRandomColor());

  ellipse(0,0,1.5*flowerSize,1.5*flowerSize);

}

屏幕快照 2015-05-11 下午3.17.59          屏幕快照 2015-05-11 下午3.12.40

Step five :drawing colorful flowers by keyboard

int getRandomColor(){
return color(random(120,255),random(255),random(255));
}

void drawFlower(float x, float y, float flowerSize) {
strokeWeight(flowerSize);
stroke(getRandomColor());

translate(x,y);
for(int i=0; i<10; i++){
rotate(TWO_PI/ 10);
line(0,0,3* flowerSize,0);
}

strokeWeight(0);
fill(getRandomColor());
ellipse(0,0,1.5*flowerSize,1.5*flowerSize);
}

void setup(){
size(800,600);
background(0);
}

屏幕快照 2015-05-11 下午3.43.28

 

Posted in Uncategorized