Successfully reported this slideshow.
Prototyping in CodeMarcin Ignac / CIID 2011
Why do we code?Do we really have to spend hours in front of the screen? For what?
Interactivity and behavior    Rock is the New Swivel by Eilidh, Ashwin and TobiasWhen the chair rocks, the Arduino sends a...
Interactivity   Touch Wall by MarcinJosh enlightened by the wall alfter coming close enough to it.Yesterday we had a meeti...
Interfacing with hardware
Interfacing with hardware  Compound Eye by Ujjval and MarcinFirst hack we did was to put wires into Nikon camera and fire t...
Interfacing with hardware    Toast and Jam by Anders, David, Jennifer and MaryLED + Light sensro detects the type of the b...
Automation  Virtual SpotlightWe build a system that can draw a different tree for many books and adapt to the content.Doin...
Design                                                    Product Role of programming...So we have the design / idea / pap...
Design           Magic                              Product Role of programming...You call the engeenier...Then comes the ...
?          Design                                                      Product                                          ? ...
Greetings gesturesOn of our first projects at CIID completed during Computational Design course. The idea was to record han...
Wii RemoteControlling device for Nintendo Wii was an obvious choice. It has bluetooth connection andmotion sensors.
Establishing connectionImplementation.We used DarwiinRemote to connect to the Wii Remote via Bluetooth and record the data.
Have FunImplementation.My first Wii Remote test :) “White brick in space”
RecordingTry if it’s fun.
Korea                                                               USA                                                   ...
ExperimentsLook and feel.I started buy just displaying the raw data (previous slide). Next step was to use the time andacc...
DemoIterationsI made an interactive application to explore different possibilited and parameters.Video: http://vimeo.com/1...
Final postersThree final designs were made.
ExhibitionAll the posters were exhibited at Danish Design School at the end of 2 weeks course.(Photo by toujjval / Flickr)
Rapid iterationsRapid IterationsYou don’t know what the experience is unless you try it.You might be scared that it will s...
Spin-off projects
Spin-off projects
Errors!Sometimes you will suffer and don’t sleep over night. Get used to it.
ObjectiveC                                        Unity3d                                                  OpenGL         ...
If you know what its going to look           like, stop and something else.                                          - Fil...
Upcoming SlideShare
Loading in …5
×

Prototyping in code

1,248 views

Published on

Short presentation I have to IDP2011 students at CIID explaining how I see role of programming in the design process.

Published in: Education
  • Be the first to comment

Prototyping in code

  1. 1. Prototyping in CodeMarcin Ignac / CIID 2011
  2. 2. Why do we code?Do we really have to spend hours in front of the screen? For what?
  3. 3. Interactivity and behavior Rock is the New Swivel by Eilidh, Ashwin and TobiasWhen the chair rocks, the Arduino sends a message via the Xbees to turn on power flow to the coffee machine, thus starting the brewing process. The MP3 player is simultaneously turnedon. The result is – soothing music and a merry brew in the making, while the person rocks on!
  4. 4. Interactivity Touch Wall by MarcinJosh enlightened by the wall alfter coming close enough to it.Yesterday we had a meeting with a client and instead of showing him sketches we spend one day in advance developingan iPad app mockup with simple functionality. Just being able to touch and play catches his imagination much more thata drawing on a piece of paper.
  5. 5. Interfacing with hardware
  6. 6. Interfacing with hardware Compound Eye by Ujjval and MarcinFirst hack we did was to put wires into Nikon camera and fire the flash remotelyThen two webcamsThen we build these boxes
  7. 7. Interfacing with hardware Toast and Jam by Anders, David, Jennifer and MaryLED + Light sensro detects the type of the bread. The timing knob became the volume control, and the original electro-magnet in the toaster “pops” thetoast once the song finishes.While in the previous project we build and object from scratch this time they repurposed existing object.
  8. 8. Automation Virtual SpotlightWe build a system that can draw a different tree for many books and adapt to the content.Doing seperate graphics for every book would be crazy.
  9. 9. Design Product Role of programming...So we have the design / idea / paper prototypes / specification and we want the product.
  10. 10. Design Magic Product Role of programming...You call the engeenier...Then comes the programmer and does the magic!Magic = Implementation = OMG! 10000 LOC (lines of code).After we’re are done we (maybe) do user testing. Yyyyyy...
  11. 11. ? Design Product ? Role of programming in the processYou don’t have to build whole program at once to test the idea. Try bit’s and pieces first. Bydoing small prototypes or sketches you get user input faster and you are able to rethink whatyou are doing.
  12. 12. Greetings gesturesOn of our first projects at CIID completed during Computational Design course. The idea was to record hand movementsof people greeting each other. They were comming from different cultures so the gestures varied a lot.(Photo by just.Luc / Flickr)
  13. 13. Wii RemoteControlling device for Nintendo Wii was an obvious choice. It has bluetooth connection andmotion sensors.
  14. 14. Establishing connectionImplementation.We used DarwiinRemote to connect to the Wii Remote via Bluetooth and record the data.
  15. 15. Have FunImplementation.My first Wii Remote test :) “White brick in space”
  16. 16. RecordingTry if it’s fun.
  17. 17. Korea USA Denmark #1 Denmark #2 Italy Data IndiaFeasibility and context.We have collected data for both hands and heads. I decided to use hand data only.Colors: xAcc (red), yAcc (green), zAcc (blue), pitch (yellow), roll (light blue)
  18. 18. ExperimentsLook and feel.I started buy just displaying the raw data (previous slide). Next step was to use the time andacceleration values to alternate shape of set of cubes in 3d space.
  19. 19. DemoIterationsI made an interactive application to explore different possibilited and parameters.Video: http://vimeo.com/1905763
  20. 20. Final postersThree final designs were made.
  21. 21. ExhibitionAll the posters were exhibited at Danish Design School at the end of 2 weeks course.(Photo by toujjval / Flickr)
  22. 22. Rapid iterationsRapid IterationsYou don’t know what the experience is unless you try it.You might be scared that it will suck, but just do it.Especially true for data visualization because it’s very hard to guess the nature of data without seeing itKeep old versions of your code- either copies 01, 02, 03- or concurrent version systems like SVN or git for bigger projects with many developersHelp tracing newly introduced bugs, Code reuse, Experimentation
  23. 23. Spin-off projects
  24. 24. Spin-off projects
  25. 25. Errors!Sometimes you will suffer and don’t sleep over night. Get used to it.
  26. 26. ObjectiveC Unity3d OpenGL Flash/AS3 QuartzComposer C/C++ Processing MaxMSP VVVV OpenFrameworks PureData PHP Cinder HTML5/JavaScript ToolsetIf you ask me which frameworks or programming languages should we learn or use. I would say - “It depends”.There are many tools to choose from, you don’t have to know them all. During this year you will be introduced to at least few programminglanguages. You just need to know when to use which.
  27. 27. If you know what its going to look like, stop and something else. - Filip Visnjic / CreativeApplication.net ExploreThe whole fun about prototyping is to try out things and have fun while doing it. Don’t spendto much time thinking what is gonna be like, draw it, sketch it, build it, code it.

×