The plan (interim)Day 1: Getting it• Introduction to concept• Visit to junk-market. Shopping for noise-makers• Taking the ...
Workshop – Not lecture
Where the idea came fromBamboo Grove, Beijing 2010Mogens Jacobsen, David Garcia, Jakob S. Remin and Morten Riis
Where the idea came from
Where the idea came fromMechanical soundmakers
Where the idea came fromThe controller: Arduino + custom electronics
Where the idea came fromPerformance: Jakob S. Remin, Morten Riis, MJ
The (new) concept: Internet control                                                                        modified       ...
The webserver       My slow netbook       XAMPPP freeware webserver       (Apache based supporting PHP)       www.apachefr...
The usb controller           The Arduino Board           Small computer           Cheap (65 TLR)           OpenSource (har...
The Arduino (i/o)             14 digital input/output             (6 analog inputs)             USB             We share o...
Custom Electronics
”Pinkie”:               (almost) all-in-one alternativeBURAK ARIKAN
To do                                       modified                                       trashHTML interface           c...
Modified trash   Should be able to make sound   (electronically, mechanicaly..)   Modifiable: Easy to open   Cheap: We wil...
Getting it:Let’s go huntingfor good trash
Modify it!Open it and explorethe audiopossibilitiesUsing 1 wire (on/off)
The MOSFET (IRF520 or IRF510)3 different pins!
Building it              Simple              3 parts              Cheap (2 TLR)              Not to fast…              ”me...
Custom Electronics: Diagram                        +9V                              Relay    On/off          Resistor     ...
The MOSFETSensitive to static electricitySensitive to heat
The Relay (mechanical switch)                           ControlControlControl                                     Control
The ResistorValue: Between 2000 and 10000 Ohm (2,2KOhm)Value is color-coded (2,2KOhm = red/red/red)No polarity (does not m...
Building it                        MOSFET IRF510         RESISTOR                                  TO GNDTO USB           ...
Connecting your trash thing                 relay  Add long wires to these
Coding it       HTML page as       interface       Control ”orchestra”       from browser       Simple:       Toggle on/off
Prepare the visuals• 10 images on a webpage      drawings, photos, ?• Clicking an image toggles a piece of trash• Small im...
HTML: Structure of a page<html>         <head>         </head>         <body>               CONTENT GOES HERE         </bo...
Our advanced HTML page (1)<html><head></head><body><a href="#" onclick="ajaxtest(‘E);"><img src="images/name/1.jpg" border...
Our advanced HTML page (2)<html><head><script language="JavaScript" type="text/JavaScript" src="stayonpage.js"></script><M...
Cheating: Download template http://bit.ly/nIrU0V                  zero
When ready:•   Put the HTML-file and images into a folder•   Name the folder by your (first) name•   Copy it to the USB-st...
Running a webserver           Open-source web server+          Server-side scripting language            http://www.apache...
On the webserver
Other ways of controlling orchestra?Arduino only (no laptop/server):Random play
Other ways of controlling orchestra?Arduino only (no laptop/server):Control using flashlights and light-sensitiveresistors...
Other ways of controlling orchestra?No Arduino (no laptop/server):Mechanical sequencer (”automata”)
The orchestra• Set up in PiST/// space• Connect things• Publish access-info on sign     Network, username, password     Ad...
Connecting it all (Can get messy) White (resistor) connected to one of white on Arduino                                   ...
Links• All material: http://bit.ly/o0TclL  – (lower case ”o”, Zero, Tc, uppercase ”i” and L)• My email: jacobsen@artnode.org
PiST/// Workshop
Upcoming SlideShare
Loading in …5
×

PiST/// Workshop

1,519 views

Published on

Slides from a 2-day workshop I held at PiST///, Istanbul 2011.

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,519
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

PiST/// Workshop

  1. 1. The plan (interim)Day 1: Getting it• Introduction to concept• Visit to junk-market. Shopping for noise-makers• Taking the devices apart• Circuit bending: Trying to produce interesting soundDay 2: Building it• Introduction to the interface• Building control electronics.• Setting up the installation of noisemakers at PiSTDay 3: Coding it• Connect the noisemakers to the web.• Program a simple visual interface I HTML (webpage).• “Rehearsal”Evening/Performance : Doing it (Tuesday 20:15)The participants will perform a short piece by controlling the installation from the web.Afterwards everybody is invited to use the installation - so bring friend, smartphones and laptops.PiST will supply an open WIFI-network for this evening.
  2. 2. Workshop – Not lecture
  3. 3. Where the idea came fromBamboo Grove, Beijing 2010Mogens Jacobsen, David Garcia, Jakob S. Remin and Morten Riis
  4. 4. Where the idea came from
  5. 5. Where the idea came fromMechanical soundmakers
  6. 6. Where the idea came fromThe controller: Arduino + custom electronics
  7. 7. Where the idea came fromPerformance: Jakob S. Remin, Morten Riis, MJ
  8. 8. The (new) concept: Internet control modified HTML interface trash custom via WiFi electronics usb webserver controllerlaptops (arduino)smartphones
  9. 9. The webserver My slow netbook XAMPPP freeware webserver (Apache based supporting PHP) www.apachefriends.org
  10. 10. The usb controller The Arduino Board Small computer Cheap (65 TLR) OpenSource (hardware)
  11. 11. The Arduino (i/o) 14 digital input/output (6 analog inputs) USB We share one Use it as USB-controller
  12. 12. Custom Electronics
  13. 13. ”Pinkie”: (almost) all-in-one alternativeBURAK ARIKAN
  14. 14. To do modified trashHTML interface custom electronics usb
  15. 15. Modified trash Should be able to make sound (electronically, mechanicaly..) Modifiable: Easy to open Cheap: We will break it Fun Battery-operated (safety!)
  16. 16. Getting it:Let’s go huntingfor good trash
  17. 17. Modify it!Open it and explorethe audiopossibilitiesUsing 1 wire (on/off)
  18. 18. The MOSFET (IRF520 or IRF510)3 different pins!
  19. 19. Building it Simple 3 parts Cheap (2 TLR) Not to fast… ”mechanical” switch controlled by the Arduino (which again is controlled by USB)
  20. 20. Custom Electronics: Diagram +9V Relay On/off Resistor 2,2K Ohm MOSFETData in IRF510 GND (-9V)
  21. 21. The MOSFETSensitive to static electricitySensitive to heat
  22. 22. The Relay (mechanical switch) ControlControlControl Control
  23. 23. The ResistorValue: Between 2000 and 10000 Ohm (2,2KOhm)Value is color-coded (2,2KOhm = red/red/red)No polarity (does not matter which way you turn it)
  24. 24. Building it MOSFET IRF510 RESISTOR TO GNDTO USB RELAY TO +9V
  25. 25. Connecting your trash thing relay Add long wires to these
  26. 26. Coding it HTML page as interface Control ”orchestra” from browser Simple: Toggle on/off
  27. 27. Prepare the visuals• 10 images on a webpage drawings, photos, ?• Clicking an image toggles a piece of trash• Small images (all has to fit within a webpage)
  28. 28. HTML: Structure of a page<html> <head> </head> <body> CONTENT GOES HERE </body></html> Save file as: [YOURNAME].html
  29. 29. Our advanced HTML page (1)<html><head></head><body><a href="#" onclick="ajaxtest(‘E);"><img src="images/name/1.jpg" border="0" /></a>…<a href="#" onclick="ajaxtest(‘N);"><img src="images/name/10.jpg" border="0" /></a></body></html> 10 numbered images 10 different links ”E” to ”N” Your name
  30. 30. Our advanced HTML page (2)<html><head><script language="JavaScript" type="text/JavaScript" src="stayonpage.js"></script><META HTTP-EQUIV="Pragma" CONTENT="no-cache"><META HTTP-EQUIV="Expires" CONTENT="-1"></head><body><a href="#" onclick="ajaxtest(‘E);"><img src="images/name/1.jpg" border="0" /></a><a href="#" onclick="ajaxtest(‘N);"><img src="images/name/10.jpg" border="0" /></a></body></html> Script to stay on page To force (most) browsers to refresh
  31. 31. Cheating: Download template http://bit.ly/nIrU0V zero
  32. 32. When ready:• Put the HTML-file and images into a folder• Name the folder by your (first) name• Copy it to the USB-stick• Give the stick to me• Together we will put it on the server• We will test it
  33. 33. Running a webserver Open-source web server+ Server-side scripting language http://www.apachefriends.org/en/xampp.html
  34. 34. On the webserver
  35. 35. Other ways of controlling orchestra?Arduino only (no laptop/server):Random play
  36. 36. Other ways of controlling orchestra?Arduino only (no laptop/server):Control using flashlights and light-sensitiveresistors (LDR) 6 x analogue inputs
  37. 37. Other ways of controlling orchestra?No Arduino (no laptop/server):Mechanical sequencer (”automata”)
  38. 38. The orchestra• Set up in PiST/// space• Connect things• Publish access-info on sign Network, username, password Address of the server (IP-number)• Test it• Correct errors!
  39. 39. Connecting it all (Can get messy) White (resistor) connected to one of white on Arduino All red connected together and to to +9V All blue connected together (& Arduino & -9V)
  40. 40. Links• All material: http://bit.ly/o0TclL – (lower case ”o”, Zero, Tc, uppercase ”i” and L)• My email: jacobsen@artnode.org

×