This document provides an overview of the class VA2440 Interactive Art. It discusses the schedule, format, equipment, software, assignments and evaluation criteria for the class. The class will cover various genres of interactive art and introduce students to graphical programming using Pure Data software. Students will learn about interaction design and different artistic disciplines related to interactive media like multimedia art, audio visual performance and networked art.

1. Class 01 - Introduction VA2440 Interactive Art

2. Schedule Class schedule Friday, 02:30 pm – 06:30 pm CVA409 Computing Lab

3. Format Each class lasts around 4 hours. Mini-lecture Workshop Discussion/Critique Presentation

4. Teacher Bryan CHUNG Wai-ching [email_address] http:// www.bryanchung.net http://www.magicandlove.com http://www.dbisinteractive.com

5. Equipment Hardware Macintosh Webcam – Xbox LifeCam or i-Sight Keyboard and mouse USB flash disk for storage

6. Software Authoring software Pure Data is a free software for multimedia authoring in various platforms. It can be downloaded at http://puredata.info

7. Assignments My favorite interactive media artist (15%) Interactive game (25%) Audio visual performance (30%)

8. Evaluation Concepts and innovation Interaction design User experience Media aesthetics Implementation Documentation

9. Questions Do you have any questions?

10. Today’s Schedule About VA2440 Interactive Art Various genres of interactive art Introduction to graphical programming

11. Digital Art Digital Art – Wolf Lieser The art work has to be generated in digital form, which can be described-electronically-as a series of ones and zeros.

12. New media art New Media Art – Mark Tribe, Jana Reena New media art is a generic term used to describe art related to, or created with, a technology invented or made widely available since the end of the 20 th century. It is an international art movement and a set of artistic practices that make use of emerging technologies to address their cultural, political and aesthetic possibilities.

13. Our approach Base on interaction design framework. Extend and include other disciplines. Formulate the aesthetics of interactive media . Acquire the production and technical know-how. Appreciate various genres of interactive art.

14. Disciplines Multimedia art Audio visual performance Device art Human computer interaction Narrative studies Virtual environment Networked art

15. Uniqueness Other media subjects care much about what is within the screen/frame. Interactive media also takes care of what is beyond the screen/frame.

16. Paul Sermon

17. Uniqueness Other media subjects care much about the audio and visual senses. Interactive media focuses more on the tactile sense.

18. In-Touch

19. Future interactivity

20. Yesterday interactivity

21. Comparison Compare the last two videos. Write down some differences between the two kinds of interaction with computer systems.

22. Interactive and connected

23. Somewhere nearby – interactive?

24. Interactivity in everyday life

25. Interactivity in everyday life

26. Examples Here are a number of examples from various art/design disciplines.

27. Interactive installation – Hung Keung

28. Interactive installation – dbisinteractive

29. Device Art – Maywa Denki

30. Game – Crayon Physics

31. Social interaction – Body Movies

32. Social interaction – Advertising

33. Performance – Opensourcery

34. Workshop We are going to cover: Graphical programming concepts Pure Data introduction Basic computer graphics

35. Pure Data Pure Data (Pd) is a free real-time graphical programming environment for audio, video, and graphical processing. It is the third major branch of the family of patch based programming languages known as Max (Max/FTS, ISPW Max, Max/MSP, jMax, etc.) originally developed by Miller Puckette and company at IRCAM. The core of Pd is written and maintained by Miller Puckette and includes the work of many developers, making the whole package very much a community effort.

36. Graphical programming

37. Graphical programming

38. Workshop Pd windows Message Object Number Connection Inlet and outlet Arithmetic operations

39. Workshop GEM window Graphical item Size of shape Position of shape Digital colour Orientation of shape

40. Workshop We aim to create a slider to control the appearance of a 2D shape. Let’s start!