This is what Woon and moi are working on, packing Together:

.

Our site layout in paper

.

.

First draft of that in code:

.

.

Next one testing opetWeather API:

.

.

Testing how it works, putting staff in bag 🙂

.

.

.

After making basic code structure, and making sure things work, we start drawing all the items we’ll need, as well all the buttons and text:

.

.

AND weather icons, to replace once that from the API we are using:

.

.

now we are working on drag/ drop individual items for packing, this is how that looks like:

,

.

next will be adding printable checklist, save function, so you have your own, custom-made list.. we have more ideas and waiting for office hours, so : )

Our [ code is here ]

An web interface that helps you pack with your friends– who brings what, sharing the things on your trip – such as one camera for all, one toothpaste for all, speakers for loud music. Main purpose of the project is to save time organizing, not to forget important stuff and not bringing unnecessary/duplicated things when traveling in group. All yours and your friends stuff in one bag!

First thing you do is specify where and when you want to travel, so you get weather forecast. Based on weather data, number of days you will be traveling, and the purpose of your trip (vacation, skiing, business.. .) you are provided with things you should pack for your trip. This will help you not to forget thing you’ll need.

.

.

Then, you start packing with your friends. Like a google doc, you can invite friends (share URL) so you are all on the same page. Aside of personal belongings (contact lenses, toothbrush, socks..) each of you select one or more of common things you will share on your trip, so there is no need for carrying 5 toothpastes, 4 shampoos or 7 cameras. Also, one of you might have spare things (gloves or snowboard if you go skiing), and will let other know so the other friend doesn’t have to buy.

I’m using Andy Sygler’s example for Node.js and Arduino (Uno or Yun), to test and understand the concept of sending serial data from browser, through the server to Arduino. LED is lighting with random color when the mouse is pressed; and when the mouse is released, browser should get the color information and change the color to be the same as LED a second ago (when the mouse was pressed).

.

.

There are only two events in the browser window, with only two values to be forwarded (0 or 1) to Arduino:

window.onmousedown = function(){
socket.send(1);
}

and

window.onmouseup = function(){
socket.send(0);
}

.

Key concept here is that the server is only making connection between the to and passing the values; Nothing more complicated than that.

Browser is listening for the 2 mouse events;

and Arduino is waiting for one of the two possible values, picks the random color, telling the server what did he pick, turns of the LED and waits again.

void loop() {
if(Serial.available()){

char inByte = Serial.read();

// mousedown event
if (inByte==’1′) {

// make a new color, and turn the LED on
r = random(255);
g = random(255);
b = random(255);

analogWrite(3,r);
analogWrite(5,g);
analogWrite(6,b);
}

// mouseup event
else if ( inByte == ‘0’) {

// send the color to the browser, then turn the LED off
Serial.print(r);
Serial.print(‘,’);
Serial.print(g);
Serial.print(‘,’);
Serial.println(b);

analogWrite(3,0);
analogWrite(5,0);
analogWrite(6,0);
}
}
}