Fundamentals of Art with Technology: CodeWorks Section
Instructor: Judd Morrissey
Tuesday 9-12, 1-4

Course Description

This section of the fundamentals course will provide a survey of contemporary practices within digital media, and will serve as a laboratory for investigations into some of the tools, languages and techniques involved in these practices. The overall emphasis of the course will be placed upon the concept of encoding: how do we encode our selves, our memories, and our responses to the real and virtual spaces that we inhabit? We will consider code as language through which we translate our ideas into works and begin to develop literacy in the grammars and syntaxes of our networked culture.

Within the course, we will examine two types of languages, a mark-up language (xhtml/xml) and a programming language (Processing), and while there will not be time to achieve fluency, we will learn many of the fundamental principles of generating art through the use of computer code.

Course Requirements

The course work will be divided between two projects. The first project will be a multi-media web site working with individually-driven creative material addressing the overall concept of the internet as an archive, memex, or library (of babel). This project will be presented at mid-term. The second project will be a code-driven composition such as an abstract, dynamic drawing or text piece using the open source programming language, Processing. This project will be critiqued on the final day of class.

exercises: Students are required to complete all weekly exercises and to present work for critique at mid-semester and at the end of the term. Exercises are due at the beginning of the class following the one in which they are assigned.

Presentation and participation in midterm and final critiques:
* Attendance and participation in both critiques is mandatory for course credit. * For the final critique you will need to hand in a stand-alone versions of your project(s) burned to a data cd. I will be keeping this disc so please make additional copies for yourself.

Resources

Attendance

It is very important to attend every class. Most topics build on previous lecture material; missing a lecture will reduce your ability to successfully complete assigned projects. We will begin promptly, as we will have a lot to cover each week.If you arrive later than thirty minutes into class, you will be marked as absent. If you accumulate more than three absences, an automatic No-Credit will be given.

Student Sites

Graham Calcagni
Eman Nader
Cheng-Yung Kuo
Lale Westvind
Tori Morris
Leif Rogers
Michael Poland
Alex Valentine
Alex Lenyel
Missing Student
Missing Student
Missing Student
Missing Student
Missing Student
Missing Student
Missing Student
Missing Student
Missing Student
Missing Student
Missing Student

Weekly Schedule

Day 01: 1/31

introductions
skills checklist
discussion of internet history and concepts
excercise: A Lexicon of Art and Technology
Students are each given a word from a hypothetical lexicon of concepts associated with practices within art and technology. After researching and extracting information, a tutorial enables each student to create a web page for their search term.
skills: web as research tool, xhtml

required reading:
Borges, The Library of Babel
Vanevar Bush: As We May Think

works:
Babel: Reverse Engineering the Library
Things Not Worth Keeping
The File Room

assignment: libraries of babel/what is your memex?
Students, having read the assigned texts, collect material as a starting point for their own archive project. The material should represent an inter-linked trace of creative and research inclinations and can include found or composed text, artifacts of network activity, images, or short videos. Make use of at least six sources of material. This material does not need to be digitized.

Day 02: 2/07

introduction to encoding with mark-up languages and css
discussion of internet and protocols
exercise 1: digitize and manipulate graphic material
exercise 2: foundations of an archive using xhtml
skills: imaging in photoshop, hand-coding xhtml, ftp

works:
apartment

assignment: draft of expanded archive in basic xhtml without stylization/design, creation of photoshop sketch(es) of the archive. How would you visualize relationships between the fragments? If the archive were a memex-type device or physical space, what would it look like? What might a single page/area look like?

resources:
How the Internet Works
An Internet Timeline
html/xhml elements
deprecated tags
basic html:
w3c basic xhtml
FTP help

Day 03: 2/14
basic layout with cascading style sheets
data vs representation
skills: css
exercise: create an external style sheet to visualize the xhtml content of the archive

assignment: damaged web site
The assignment for next class is to re-appropriate/damage/alter an existing web page. The site you choose should be related thematically to your overall archive project. Steal whatever you can: source code, images, style sheets and create your own version of the page in bbEdit by adding to, subtracting from or otherwise altering existing content. Consider alterations such as displaying the source code as content. Don't worry if you are not entirely in control of the process, hack away until you have an aesthetically interesting result.
tips: to view source in safari, choose "view source" from "view" menu. In forefox, this is "page source".

resources:
css introduction:
w3c intro

css References:
Avoid deprecated tags
Basic CSS syntax
CSS Measurements
CSS Property Reference
W3C Property Examples

embedding quicktime

Day 04: 2/21
trip to mca for "fluidity of time", Alexander Calder, and Beckett Centennial exhibit
France Cadet lunchtime lecture
American Science and Surplus trip

day 05: 2/28
Topic: Network Traffic & Transmission
skills: xml
exercise: emerging protocols: transmission with RSS feed and podcasting
assignment: text/sound transmission/daily headlines

day 06: 3/07
Topic: final layout tutorial xhtml/css
skills: xhtml, css
short demonstration, distribution of demo files, one-on-one meetings
assignment: mid-term project formulation

day 07: 3/14

Topic: Brains, Bodies, Code
exercise: self as avatar, code as language skills: Flash animation assignment: babelize
suggestion one: translate text in your archive site into a hybrid language of english, html, and dna encoding
suggestion two: crete an illustration of embodiment that examines the concept of prosthesis, a human/machine hybrid, or that compares human and machine viruses.

works:
The Shredder
Shelley Jackson, My Body

reading:
Ray Kurzweil, The Age of Spiritual Machines*
*read "a Note to the Reader" and "Prologue: An Inexhorable Emergence"

supplemental readings and resources:
text to dna translator
pandorabots
Alan Turing
A.L.I.C.E.

tutorials:

day 08: 3/21

studio

day 09: 3/28
MIDTERM CRITIQUE

day 10: 4/04
introduction to Flash
Fundamentals of Coding Languages
exercise: machine sketch

day 11: 4/11
Actionscript
interactivity and control statements
Topic: aesthetics of code and human language: Code Poets
Readings: Mez, talan Memmot, Ted Warnell

day 12: 4/18
Actionscript, cont. Game Lab

day 13: 4/25
individual tutorials, lab

day 14: 5/02
CRITIQUE WEEK - NO CLASS -- WORK ON FINAL PROJECTS

day 15: 5/09
final critiques

History
W3C

political/subversive:
http://www.rtmark.com/
http://rtmark.com/gwbush/

concrete & digital poetry
http://www.ubu.com

MISC
language/code/identity: http://netwurkerz.de/mez/datableed/complete/
trade centers: http://vv.arts.ucla.edu/teaching/classes/honors98_f01/frames.htm
referencing games: http://www.jodi.org -- download a game
generated text: http://directory.wordcircuits.com/browse.php?t=5
artbyte net picks: http://www.artbyte.com/web/net_pick/np_050101.html
blogging (push-button publishing for the people): http://www.blogger.com/

Net Art Collections and Shows
www.rhizome.org Collection of net.art, history of net.art, reviews, interviews, articles, criticism. Weekly updates also distributed via e-mail as 'rhizome digest' mailing list.
010101.sfmoma.org '010101 - Art in Technological Times'. Recent gallery/online show at SFMOMA.
www.file.org.br FILE 2001 Electronic Language Festival. Gallery/online festival in Sao Paulo.
www.walkerart.org/gallery9 Walker Art Center's Gallery 9 - online gallery sponsors net.art projects.
www.eliterature.org The Electronic Literature Organization, a collection of hypertext works and related material.
www.aec.at/festival2001/ Ars Electronica, venerable Austrian tech-art organization sponsors annual festival.
turbulence.org

A few popular works
potatoland.org Mark Napier's web-reconfigurations, including Digital Landfill and Web Shredder.
worldofawe.net World of Awe, poetic travel postcards inside a found laptop.
jodi.org creators of the popular style of formalist web chaos.
rtmark.com net.art business model, brokerage house for hacktivist projects
airworld.net corporate site reconfiguration
www.0100101110101101.org Life Sharing
entropy8zuper.org collaborative art projects
www.unknownhypertext.com The Unknown, hypertext road novel.

Online References and Useful Sites
example code used in class
2600.com
cultdeadcow.com
webmonkey
Electronic Frontier Foundation
SlashDot
CSS properties Reference

Downloads
BBEdit Lite: Free version of BBEdit, popular Mac text editor.
MMKEdit: A free Mac text editor with HTML extensions. Also comes in Japanese.
EditPlus: An excellent text-editor for Windows
macromedia.com: 30-day trial downloads of Dreamweaver, Flash, Fireworks, Director, etc.
Savitar: Mac MUD/MOO/MUSH Client