62
Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand School of Computing University of Utah Salt Lake City, UT USA

Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems

Erik Brunvand School of Computing

University of Utah Salt Lake City, UT USA

Page 2: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Agenda

I argue that arts/technology collaboration is a powerful framework for enhancing ideas in both arenas

Page 3: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Context

I frame this in the context of kinetic art and its connection to embedded systems

Page 4: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Embedded Systems

• Computer systems that are embedded into a complete device

• Often small or special purpose computers or microprocessors

• Designed to perform one or a few dedicated functions

• Often reactive to environmental sensors

• Often designed to directly control output devices

Page 5: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Kinetic Art

• Contains moving parts

• Depends on motion, sound, or light

• Often controlled by microcontrollers

• Motors, actuators, transducers...

• Often reactive to environment

Page 6: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

SIGGRAPH Art Gallery

Drawing Machine, Robert Twomey, 2013

Page 7: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

CHI Interactivity

Page 8: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

• Short survey of kinetic art • The avant garde in the 1920’s

• Small steps in the 1950’s

• The computer age

• Outline for a collaborative class

• Examples

Background

Page 9: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

• Kinetic Construction (Standing Wave) 1919-1920

Naum Gabo (1890-1977)

Page 10: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

• Rotary Glass Plates (Precision Optics) 1920

• Built with the help of Man Ray

Marcel Duchamp(1887 – 1968)

Page 11: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

• Rotary Glass Plates(Precision Optics)1920

• Built with the help of Man Ray

• Rumored to have almost killed Man Ray…

Marcel Duchamp(1887 – 1968)

Page 12: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

• Rotary Demisphere (Precision Optics) 1925

Marcel Duchamp(1887 – 1968)

Page 13: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

• Light-Space Modulator (1922-30)

(1895-1946)

László Moholy-Nagy

Page 14: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

• Light-Space Modulator (1922-30)

(1895-1946)

László Moholy-Nagy

Page 15: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Mobiles and StabilesWire and Circuses

Alexander Calder (1898 – 1976)

Page 16: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Jean Tinguely

Page 17: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Jean Tinguely (1925 – 1991)

Page 18: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Jean Tinguely (1925 – 1991)

Metamatics

Page 19: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

• Electronic control

• microprocessors or discrete electronics

• Mechanical actuators

• motors, servos, relays, solenoids, etc.

• speakers, buzzers, other noise makers

• Lights

• LEDs, light bulbs, EL wire, etc.

• Sensors to interact with the viewer

• distance, movement, sound, temperature, vibration, etc.

Jump ahead to the Computer Age

Page 20: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Jim Campbell’s Algorithm

Page 21: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Jim Campbell (1956 - )

Page 22: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Jim Campbell

Page 23: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Serpente Rosso

Page 24: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Alan Rath (1959 - )

Page 25: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Alan Rath (1959 - ) Art Basel, 2013

Page 26: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Alain Le Boucher Art Basel, 2013

Page 27: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Alain Le Boucher Art Basel, 2013

Page 28: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Alain Le Boucher Art Basel, 2013

Page 29: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Peter Vogel (b 1954)

Page 30: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Peter Vogel (b 1954)

Page 31: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Jack Dollhausen

Page 32: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Leo Villareal (b1967)

Page 33: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Leo Villareal (b1967)

Page 34: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

CMU Campus

Page 35: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Jenny Holzer (b1950)

Page 36: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

SIGGRAPH Art Gallery

Page 37: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

SIGGRAPH Art Gallery

Page 38: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Daniel Rozin (1961 - )

Page 39: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

University of Minnesota, Duluth

David Bowen

Page 40: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Tele-present windDavid Bowen

Page 41: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Rebecca Horn

Page 42: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Hektor - painting device

Page 43: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Patrick Tresset

Page 44: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Jim Pallas

Page 45: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Paul Stout

Page 46: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Sabrina Raaf, Ann Hamilton, Meridith Pingree, Roxy Paine,

Tim Hawkinson, Krzysztof Wodiczko, etc…

Lots of others…

Page 47: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Cross-Disciplinary Class

• Bring Art students and Computer Science and Engineering (CSE) students together

• Design and build embedded-system-controlled kinetic art

• Goal is benefit for both groups of students

• Fundamental nature of Design?

• Design thinking vs. computational thinking?

Page 48: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Class Overview: CS5789

• Basic reactive programming with embedded systems

• Electronics fundamentals

• Sensors and actuators as I/O

• Basic 3d art concepts

• Formal elements: aesthetics, proportion, balance, tension

• Material studies and mechanical linkages

• Studio-based instruction model

Page 49: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Class Overview• Individual and group projects

• Everybody tries everything individually

• Also work in interdisciplinary teams

• Finish with a gallery show

• 2009/2010: Invisible Logic

• 2010/2011: Intersectio

• Spring 2012: Drawing Machines

• Spring 2014: Input/Artput

• Spring 2015: C:\Art\Run

Page 50: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Intersectio

Page 51: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Examples of Student Projects

Page 52: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Examples of Student Projects

Page 53: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Examples of Student Projects

Page 54: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Examples of Student Projects

Page 55: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Examples of Student Projects

Page 56: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Examples of Student Projects

Page 57: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Examples of Student Projects

Page 58: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Examples of Student Projects

Page 59: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Examples of Student Projects

Page 60: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Examples of Student Projects

Page 61: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Conclusions

• Embedded systems and kinetic art is a natural collaboration

• Exploration of fundamental design concepts

• Design-thinking is a natural complement to computational-thinking

• Studio instruction model is fascinating

• Both groups of students benefit from working with each other

• Cross-college collaboration – just the beginning!

Page 62: Design Thinking meets - School of Computingelb/Papers/GLSVLSI-2015.pdf · Design Thinking meets Computational Thinking: Kinetic Art and Embedded Systems Erik Brunvand! School of Computing!

Contact

• Erik Brunvand, School of Computing

[email protected]

• www.cs.utah.edu/~elb

• www.eng.utah.edu/~cs5789