getting real with connected devices presentation

IxDA 14

rgaixda14.tumblr.com#rgaixda14

Thursday, February 6, 14

IxDA 14 Getting Real with Connected Devices

A bit about us...

2



IliaSebStuartTimVincentJonny

3



We transform the way people experience brands

5



R/GA Make Day

7



Why prototype?

9



Experience wins over specification

10From Prototyping, A Practioners Guide by Todd Zaki Warfel



Reduces misinterpretation




Saves time, money & effort




Reduces waste




Prototyping is generative




The opportunity to craft

15



Design by making

16



Today

17



ToolkitBriefIdeateBuildImprove

18



You won’t learn to be an expert coder

19



You might not understand everything

20



You’ll expand your design vocabulary

21



You’ll see the value in building to learn

22



Arduino

23



24

Arduino = Hardware + Software

+



The hardware

25



Arduino Board

26

Analog inputonly

Digital input & output

USB



Inputs / Sensors

27

TiltSensor

PushButtons

Potentiometer(variable resistor)

Photocell(light sensor)

FlameSensor

TemperatureSensor

Infraredreceivermodule

ANALOG DIGITAL



Outputs / Actuators

28

Buzzers LED Matrix Multi-colour LEDNixie Tube LED



Breadboard

29



Other

30

ResistorsUSBCable

BatteryCase

RemoteControl



Installation

31



Installing Arduino

32

Mac:http://arduino.cc/en/Guide/MacOSX

Windows:http://arduino.cc/en/Guide/Windows


http://arduino.cc/en/Guide/MacOSX

http://arduino.cc/en/Guide/MacOSX

http://arduino.cc/en/Guide/Windows

http://arduino.cc/en/Guide/Windows


The Code

33



Basics

34



Variable - Store things

35

String myName = “Sebastien”; // a string

int myAge = 10; // an integer

float myHight = 1.78; // a float

bool isMale = true; // a boolean



If / Else Statements - Conditions

36

int myAge = 10;String myName = “”;

If(myAge==20) // false{ myName = “Sebastien”;}else // do this now{ myName = “Ilia”;}



Functions

37

Self-contained bit of code that can be called whenever. It

can take parameters and return a value.

Important uses:

- Encapsulate code/functionality

- Stops code duplication



Functions

38

void storeMyName(){ myName = “Sebastien”;}

storeMyName(); // stores Sebastien in myName

String getMyName(){ return “Sebastien”;}

getMyName(); // returns Sebastien

int multiply(int firstNumber, int secondNumber){ int result = firstNumber * secondNumber; return result;}

multiply( 2, 2); // returns 4



Basic Arduino Sketch

39

The setup() function is called when a sketch starts. Use it to initialize variables, pin modes, start using libraries, etc. The setup function will only run once, after each power up or reset of the Arduino board.

The loop() function does precisely what its name suggests, and loops consecutively, allowing your program to change and respond. Use it to actively control the Arduino board.



Debugging

40

void setup(){Serial.begin(9600);// opens serial port, sets data rate to 9600 bps}

void loop(){Serial.println("Hello World!");}



Exercise 1:Flashing LED

41



Flashing LED - schematic

42



Flashing LED - Arduino code

43

int ledPin=10; //set IO pin of LED in control

void setup(){

pinMode(ledPin,OUTPUT); //set digital pinIO is OUTPUT

}void loop(){

digitalWrite(ledPin,HIGH); //set PIN 10to HIGHdelay(1000); //delay 1000ms, 1000ms = 1sdigitalWrite(ledPin,LOW); //set PIN 10 is LOW, 0Vdelay(1000); //delay 1000ms, 1000ms = 1s

}



The Brief

44



The Brief

45

A new music streaming service wants to create a ‘connected device’ that will be able to interact with the service.

They want to create an experience that is new, and fun. They want to launch within a year and they want to keep the price point around €100

You have access to any sensors in your kit, plus an accelerometer (that measures angles of rotations).



3 up

46



The Cube

47



The Idea

48



The Idea

49



The Idea

50

A cube that controls music with gestures

Wireless

Directly connected to music streaming service

No need for a computer or other device

Connects to a wireless speaker



Designing the prototype

51


Wireless

Directly connected to music streaming service

No need for a computer or other device




Designing the prototype

58


Connect via USB

Play MP3s instead

Connect to computer




Arduino + Processing

59



Processing

60



Speaking to Arduino

61

via USB



The Environment

62



Building the Cube

63



The Sensor

64



Accellerometer + Gyro: MPU6050

65



66

Z

X Y




67

Z

X Y




68

Z

X Y




Buildingthe Circuit

69



The Components

70



Putting it Together

71

Accelerometer+ Gyro

VCCGNDSCLSDA

Arduino

3.3VGNDA5A4



The Files

72



The Arduino Files

73

MPU6050_DMP6.ino

MPU6050.h

MPU6050.cpp

I2Cdev.h

I2Cdev.ccp

helper_3dmath.h

MPU6050_6Axis_MotionApps20.h

The main Arduino program

that the other files support

To facilitate communication

with the sensor

These 2 files are math

helpers to get the rotations

https://github.com/jrowberg/i2cdevlib/tree/master/Arduino





1. Getting data from the sensor with the Arduino

74



2. Reading data from Ardiuno with Processing

75



3. Using the data in Processing

76



Buildingthe Box

77



Building the Box

78



Building the Box

79



Testing

80



How can it be improved?

81

Usability issues?

Communication of functionality?

Better feedback?

Other forms?

Unexpected ideas?

Additional functionlity?

How to navigate playlists?



Sketching

82



3 up

83



1 up

84



Share

85



Re-using the interaction model

86



Stay inTouch

87



88

rgaixda14.tumblr.com/submit


getting real with connected devices presentation

Technology

connected devicesyoull

connected devicesbreadboard29

connected devicesif

connected deviceswe

connected devicesprototyping

connected devicesexperience

connected devicesrga

connected devicesdesign