ICAM 150 / VIS 159: History of Art and Technology
UCSD Winter 2011

DOWLOAD LECTURE POWERPOINTS - in <w159_w11_lectures> folder


Changes in the order of topics are possible.
Readings and links for each week may be updated a week before.
I may also update my Powerpoint presentations before each lecture. Therefore, you should download each week's Powerpoint (or Keynote) file on the day of the lecture (i.e., Thursday) to make sure you have the up-to-date version.

Primary readings and additional readings (columns III and IV): read before each week's lecture.

Lecture references (column V ): read/view after the lecture.
Section references (column VI): read/view after the section meeting.

The exam questions / essay topics will refer to concepts, projects, artworks and people which appear in lectures' Powerpoints, and which were discussed in sections.

The material in columns IV and V will provide you with background information about ideas, projects and people discussed in lectures. Exam questions and essays will not cover other conceptsdiscussions of other projects which appear in this material but which were not mentioned in lectures. Therefore, in preparing for the midterm, first review each week Powerpoint and then look over the readings/sites in columns IV and V - focusing only on the parts of the readins which directly refer to the concepts/projects which appeared in Powerpoints.

The midterm questions will refer to key points in primary required readings and also to the projects which appear in columns III and VI - so you should also review the material in these columns.

I date II.
topic / lecture notes

primary readings

read before each week lecture

(unless indicated overwise, the texts are by articles and book drafts chapters by Lev Manovich)

additional readings


read before each week lecture

references for projects / artworks/ people discussed in lectures


references for projects / artworks discussed in section meetings


additional web resources
1/ January 6 lecture 1:
Class introduction

2/ January 13

panel discussion and exhibition opening


at gallery@calit2
(first floor Atkinson Hall)


Sandin Image Processor (1971-1973)

Dan Sandin

video of a performance with Sandin's Image Processor



examples of non-avant-garde ("normal") film culture from 1920s:

Rudolph Valentino & Alla Nazimova in 'Camille." (1921)

Controversial "rape" scene from Son of the Sheik starring Rudolph Valentino and Vilma Banky (1926)

News In Brief - Gertrude Ederle, 33 years ago returned from England having swum the English Channel, New York City's first ticker-tape parade in 1926, setting precedent for Lindbergh next year

avant-garde (experimental) films of the 1920-30s:

Emak-Bakia (Man Ray, France,1926)

Rhythmus 21
(Hans Richter, Germany, 1921, 3 min.)

An Optical Poem (Oskar Fischinger, 1938)


modernist techniques in America:

42dn Street film (1933) - chareography by Busby Berkeley.



classical modern chair designs

designers profiles @design museum london

key modern art movements (many images)

Constructivism (text uses many important terms with links to their pages)


2/ January 20 lecture 2:
symbols of modern societies
modernism and technology
From Pam Meecham and Julie Sheldon, Modern Art: A Critical Introduction (Routledge, 2000).
Industrial_revolution (you can skip details on particular industries and other technical details - focus on the key concepts)

information society


Modernism - read the following parts
1.2 The explosion of modernism 1910–1930.
1.3 Modernism's second generation (1930–1945).
2 Modernism's goals.
representing industral society - new symbols/new forms:
Futurist painting and sculpure in Italy
Streamlining ( from Modern Design Dictionary)
Raymond Loewy

Helvetica (2007 documentary about helvetica type font and contemporary graphic and type design)



3/ January 27



lecture 3: symbols of information societies

new modernist techniques of visual communication and spatial organisation

modernist communication techniques - summary


Selections from
Le Corbusier. Towards a New Architecture. 1923.

(skip introduction - start with the page "Argument)

Charles Jencks,

modern movement in architecture and design

characteristics of modern architecture

"Ornament is Crime"

Montage (review of the 1992 exhibition Modernism and Modern Life)


new modernist visual techniques - examples:

Typical graphic design and typography in 1920

Jan Tschichold: selected pages from The New Typography. 1928.

Johannes Itten: selected pages from Design and Form: The Basic Course at the Bauhaus and Later. 1963.

Gyorgy Kepes: selected pages from Language of Vision. 1944.

Jonathan Dawson, Dziga Vertov

representing information society - new symbols/new forms:

Miltos Manetas

Karim Rashid: Soft worlds : Manifesto

Phillip Starck (Rashid/Stack - contemporary vs. post-modern)


Yokohama Ferry Terminal by FOA

Zaha Hadid

Guggenheim_Museum_Bilbao - compare to The Villa Savoye

Iconic Buildings (book summary)

Moscow Crystal City

Gehry, Nouvel, Ando, Hadid build in Abu Dhabi

Supermodernism (book summary)

Jean Nouvel (examples of new super-scale, supermodernism, eco-symbolism ) / nouvel world map /

Musée du quai_Branly

Brandscapes: Architecture in the Experience Economy (book summary)



A Man with a Movie Camera (Dziga Vertov, Russia, 1929).


Bauhaus building, Dessau (Germany)

Centre Pompidou / about the building

Guggenheim Museum Bilbao



Futurust maifestoes

Zaha Hadid exhibition in Design Museum, London (2007)

MAD exhbition in Copenhagen (2007)



4/ February 3

lecture 4. Origins of cultural software. Alan Kay's concept of computer as a metamedium.

(note: there is no Powerpoint for this lecture.)

Alan Kay's Universal Media Machine

Alan Kay and Adele Goldberg,
Personal Dynamic Media (1977)

view video: Alan Kay discusses Sketchpad

Towards a Machine with Interactive Skills (an article on Sketchpad)


standard computer interfaces of the 1950s-1970s
video 1 | video 2

programming in the 1960s

SAGE | video part 1 part 2

Sketchpad | video

Douglas Engelbart | 1968 demo


Rem Koolhaus/Logos - about the project

Lagos Wide and Close DVD

Alan Kay's 1997 Scientific American
article on Xerox Alto
5/ February 10 lecture 5: Understanding Hybrid Media.

media hybridity


understanding hybrid media

If you are new to graphics software, read the following:

motion graphics
graphics program
3D model

If you are not familiar with 3D software,
watch the the following Maya videos:
Overview of Maya
Geometry Types

If you are not familiar with Adobe After Effects, watch these videos:
(please note: this web page takes a whle to load)

Overview of Adobe After Effects CS4

Aspen Movie Map

Interactive Stage

Invisible Shape of Things Past

Google Earth

Common: Go! (music video)

Saul Bass title sequences:
Vertigo (1958)
Psycho (1960)

Jeremy Blake:
Mod Lang (2001)
Sodium Fox (2005)

Ann Lislegard: Crystal World

"Crystal_world_small.mov" - in <w159_w11_lectures> folder

Kyle Cooper: titles for Se7en (1995)

what is graphic design?

young design worldwide: coroflot.com

student architecture projects: archinect.com

dezeen.com (design and architecture news - especially great for
repors about new buildings )

(currently best professional journal about space design)

www.designws.com (design news)

6/ February 17 in-class midterm BRING EXAM BOOKS        
8/ February 24

lecture 6:
Data explosion.
Cultural Analytics.


cultural analytics: introduction



Anderson, Chris. The End of Theory: The Data Deluge Makes the Scientific Method Obsolete. Wired 16.07. 2008.
NOTE: Please also read all case studies linked on this page.

Patricia Cohen. Digital Keys for Unlocking the Humanities’ Riches. NYT, November 16, 2010.

Biljana Kochoska Taneska.
O TAKU — the living force
of the social media network
. 2009.
(vsiit the web sites refered in the article)

Hans Roling, TED lecture, 2006


Google n-gram viewer

Open Data Services Open Left and Right

Face to Facebook (watch video)


NURBS theory

lecture 8:

Cultural Analytics (continued).
Information Visualization

What is Visualization? (2010)

Fernanda B. Viégas and Martin Wattenberg: Artistic Data Visualization


cultural analytics projects presented in class:

Time magazine covers, Kingdom Hearts video game Science vs. Popular Science magazine, Google logos, one million manga pages

Mondrian vs. Rothko

Eleventh Year by Dziga Vertov (1928):
first frame of every shot
average amont of movement in each shot

Interactive vs non-interactive time in video gamepay

moving image genres

  cultural analytics projects
9/ March 3

lecture 7: TBA

information visualization and modern art.

Aesthetization of information.


Interaction as an Aesthetic Event (2007)

Jonathan Ive on Apple
(read short texts about particular Apple projects - linked on the left of the page)


Bruce Sterling: When Blobjects Rule the Earth (2004)

Business Week - Innovation:
slide show of High-Fashion Mobile Phone (2007)

Moholy-Nagy, introduction to New Vision, 1938.