T H E A R T O F C O M P U T E R S C I E N C E

W H E R E C L A S S I C A L B A L L E T A N D C O M P U T I N G C O L L I D E

Hi, I am Genevieve and I run readysaltedcode. A community interest company who’s purpose is to provide opportunities with a creative approach to computer science education

W H AT ' S O N• readysaltedcode | Genevieve......me

• The Art of Computer Science

• Kit

• Using the kinect & why

• Wearables | Arduino

• [arra]stre | Big Data

today I am going to talk about one of the projects that we did for the Brighton Digital Festival

C R E AT I V E C O M P U T I N G E D U C AT O R P R O D U C E R

G E N E V I E V E S M I T H - N U N E S S O U N D S L I K E T U N E S

Creative: this is core to any project that readysaltedcode undertakes. This approach enable participants to think beyond their skills and not worry about “failing” Computing: The theory and concepts of computer science applied in real world projects. ProgrammingEducator: You never stop learningProducer: we also produce hack events, wearable technology and live events

L E A R N I N G

S H A R I N G

Going into schools to deliver whole and in lesson computing provision. Anything from Scratch through to wearables and robotics. I am currently working on projects for a year 2 class in one school and Years 7-9 at a secondary school. So why do classical ballet…

We do various projects with different organisations from curriculum content to workshops and large scale events. We have a STEAM approach to our work.

[ A R R A ] S T R E

D A TA D R I V E N D A N C E

[DATA]STORM

data driven dance. classical ballet meets computer science. [arra]stre, the first ballet in the Art of Computer Science project. arrester looks at Boolean & Binary, debugging, Algorithm, Big Data and Computational thinking. [data]storm will be looking at weather specifically storm and ocean data linked to data transmission, security, the internet and networks. readysaltedcode were privilege enough to receive support from Google in the form of their RISE Award and The Arts Council

O N L I N E

A R R A S T R E . O R G A R T O F C S . O R G

websites to support the project and to share content and learning. www.arrastre.org and www.artofcs.orgAll code is available on github: https://github.com/readysaltedcode/art-of-computer-science

W E A R A B L E SA R D U I N O , P H O N E & T E S S E L - B O A R D

Wearables. my favourite.

H E A D R E S S

void setup() {

strip.begin();

strip.show();

}

void loop() {

colorWipe(strip.Color(0, 0, 200), 200);//Blue

theaterChase(strip.Color(0,0,127),100); // Blue

colorWipe(strip.Color(0, 0, 200), 50);

}

A R D U I N O , G E M M A , N E O P I X E L S , S O L D E R E D

Headress: this is an arduino with preload code producing different light patterns

D R E S S

void loop()

{

// Take a reading of accelerometer data

lsm.read();

Serial.print("Accel X: "); Serial.print(lsm.accelData.x); Serial.print(" ");

Serial.print("Y: "); Serial.print(lsm.accelData.y); Serial.print(" ");

Serial.print("Z: "); Serial.print(lsm.accelData.z); Serial.print(" ");

// Get the magnitude (length) of the 3 axis vector

double storedVector = lsm.accelData.x*lsm.accelData.x;

storedVector += lsm.accelData.y*lsm.accelData.y;

storedVector += lsm.accelData.z*lsm.accelData.z;

storedVector = sqrt(storedVector);

Serial.print("Len: "); Serial.println(storedVector);

// wait a bit

delay(100);

A R D U I N O , F L O R A & G E M M A , N E O P I X E L S , C O N D U C T I V E T H R E A D , A C C E L E R O M E T E R

Dress: for the live performance we used arduino Flora or Gemma with accelerometer sensor to trigger various light patterns and colours. Today the dresses have been modified as chiffon is incredible difficult to stitch on was causing electrical shorts and inconstancies. They now have a strip without any sensors or patterns.

P O I N T E S H O E S

A R D U I N O , F L O R A , N E O P I X E L S , C O N D U C T I V E T H R E A D , V E L O S TA T P R E S S U R E S W I T C H

For the live performance they had pressure sensors, Flora Arduino and neopixels. The velostat pressure sensor where inside the pointe for safety. The constant movement of the dancers caused considerable wear on the conductive thread so I have altered them by soldering and over stitching to attach them to the pointe shoes.

for [data]storm we are working on a custom flexible pcb using pyralux. looking forward to that challenge !!

Electronics on the pointeshoes.

D ATA V I S U A L I S AT I O NJ A VA S C R I P T & K I N E C T D A TA

The ballet is broken up into 5 pieces and I am going explain the choreography and associated data visualisation starting with Boolean and Binary. The data visualisations use kinect and accelerometer data which are then coded into shapes and patterns on the screen or webpage. Data visualisation developed by animateddate.co.uk. Choreography by Ephemeris Dance.

[ A R R A ] S T R E | B O O L E A N & B I N A R Y

K I N E C T D A TA , J S O N , D 3 & J A VA S C R I P T

boolean and binary viz

[ A R R A ] S T R E | D E B U G G I N G

K I N E C T D A TA , J S O N , D 3 & J A VA S C R I P T

debugging starts with a monochrome unrecognisable shape which over time morphs into a dancer matching the live performance. The choreography is based on a rehearsal class with lots of mistakes.

[ A R R A ] S T R E | A L G O R I T H M

K I N E C T D A TA , J S O N , D 3 & J A VA S C R I P T

algorithm: bubble sort and insertion sort with checking and validation for the choreography and binary tree structures for the data visualisation which again transforms into a dancer shape and matches the dancers movements.

[ A R R A ] S T R E | B I G D ATA

K I N E C T D A TA , J S O N , D 3 & J A VA S C R I P T

big data: the choreography is based on Met Office weather data, the July storms from last year . to compliment the choreography The data visualisation created river effects by using all x axis positional data from the dancers

[ A R R A ] S T R E | C O M P U TAT I O N A L T H I N K I N G

K I N E C T D A TA , J S O N , D 3 & J A VA S C R I P T

computation thinking looks at abstraction, deconstruction pattern recognition, algorithm design. The choreography has geometric progression in the performance. The data visualisation took a very abstract and artistic approach providing a back drop to the end of the ballet.

D ATA V I S U A L I S AT I O N

R E A L T I M E E D I T I N G O N L I N E U S I N G C O D E P E N . I O

we used codepen as when to share the code in a visual way

K I N E C T

Kinect code developed by GlastonBridge Software based in Scotland

live demo of data viz using debugging visualisation.

P E R F O R M A N C EP O I N T E D U E T | B I G D A TA

introduce the piece and the girls

T H E A R T O F C O M P U T E R S C I E N C E

W H E R E C L A S S I C A L B A L L E T A N D C O M P U T I N G C O L L I D E

end and thanks

@pegleggen

@readysaltedcode