Introduction to Digital Media Art

ART 74 - San Jose State Universty
Taught by Don Hanson

How This Class Works

• This is an online synchronous course with meetings twice a week.
• Mondays: Assignments due and short presentations. Topic overviews and lectures.
• Wednesdays: Technical tutorials, lab time and individual check-ins.
• Assignments must be turned in before the class period on the day they are due. You cannot work on your assignment during class the day it is due.
• Virtual office hours (12-1pm Tuesdays) are not mandatory but HIGHLY encouraged.

Quick Links

• Syllabus PDF
• Canvas, where you will turn in assignments
• Office Hours Zoom Link (On Canvas Homepage) (12-1pm Tuesdays)
• Open Questions Doc Questions will be answered at the beginning of every class
• HTML & CSS Cookbook
• Art 74 Discord

What is New Media Art?

Module 1 Wednesday, August 19
Monday, August 24
Wednesday, August 26

Notices

• Monday August 31 is the last day to drop classes.

Assignments

• Due August 24: Fill out the class intro survey
• Watch these by Monday:
  • Website Starter Kit. Part 1: Intro to HTML
  • Website Starter Kit. Part 2: Intro to CSS
  • Website Starter Kit. Part 3: Intro to JavaScript
• Due August 31: Writing Assignment: What is New Media Art?

Lecture & Tutorials

Monday, August 24

• Slide Deck
• 1.1 About this Class
• 1.2 Tools we'll use in this class
• 1.3 How to succeed in this class
• 1.4 Introductions
• 1.5 Assigned: What is New Media Art?

Wednesday, August 26

• Slide Deck

Key Resources

• Mark Tribe, New Media Art Introduction, Brown University (PDF)
• Timeline of 20th C. Art & New Media
• Foundyou.online (Don's new media research database)

Discussion From Class & Bonus Links

• New Media Art (wikipedia)
• https://en.wikipedia.org/wiki/Art
• http://ramakarl.com/what-is-new-media-art/
• http://ramakarl.com/artmap/
• https://pioneerworks.org/exhibitions/anthony-mccall-solid-light-works/#:~:text=A%20seminal%20figure%20of%20Expanded,real%2C%20three%2Ddimensional%20space.
• http://www.eyewriter.org/
• http://www.graffitiresearchlab.com/blog/projects/laser-tag/#video
• http://fffff.at/about/
• https://pixlpa.com/
• https://en.wikipedia.org/wiki/ASCII_art
• http://www.easylife.org/desktop/desktop_is.html
• https://en.wikipedia.org/wiki/History_of_the_Internet
• https://en.wikipedia.org/wiki/Demoscene
• http://www.8bitpeoples.com/
• http://www.anti-theory.com/bio/
• https://anthology.rhizome.org/
• http://wwwwwwwww.jodi.org/
• https://www.newrafael.com/
• http://deaddrops.com/
• https://en.wikipedia.org/wiki/PRISM_(surveillance_program)
• https://transparencygrenade.com/
• https://www.museumor.com/
• https://grayarea.org/
• http://codame.com/
• https://www.b4bel4b.com/
• https://rhizome.org/
• https://www.eyebeam.org/
• https://transmediale.de/
• http://www.andorgallery.com/
• https://thewrong.org/
• https://www.creativeapplications.net/
• https://www.instagram.com/silicon.valet/
• https://smalldata.industries/

Web Browser as Art Space

Module 2 Monday, August 31
Wednesday, September 2,
Monday, September 7 (Labor Day)
Wednesday, September 9
Monday, September 14

Assignments

• Due September 2: Web Portfolio Wireframes
• Read by September 7: My website is a shifting house next to a river of knowledge. What could yours be? by Laurel Schwulst
• Due November 23: Web Portfolio Skeleton

Lecture & Tutorials

Monday August 31

• Slide Deck

Wednesday September 9

• Slide Deck

Key Resources

• Glitch.com online code editor
• HTML & CSS Cookbook by Don
• HTML Elements Reference by MDN
• HTML Colors

Discussion From Class & Bonus Links

• Pointer Pointer
• The Creative Independent
• Awwwards
• Dribbble
• Dribbble (Web Design Category)
• Brutalist Websites
• Are.na
• Are.na: Digital ist besser
• Are.na: xX websites Xx
• Are.na: sites
• Are.na: WWW inspi
• Are.na: Website Design
• Are.na: we should talk about this website

Glitch art

Module 3 Monday, September 14 (Second half of class)
Wednesday, September 16
Monday, September 21

Assignments

• Due September 21: Glitch Art

Lecture & Tutorials

Monday, September 14

• Slides

Wednesday, September 16

• Slides

Key Resources

• Glitch Art Using Audacity Instructions

Discussion From Class & Bonus Links

• http://onelongscream.com/
• Glitch Studies Manifesto - Rosa Menkman
• CSS Scrambler - d0n.xyz
• Circuit Bending - wikipedia
• Pixel Sorting 1
• Pixel Sorting 2
• Pixel Sorting 3
• GOOD VIBRATIONS – Ferruccio Laviani
• How to datamosh in Plain English
• How image compression works
• https://critiquecollective.com/2014/03/13/tutorial-on-databending-and-glitch-art/
• https://www.glitchet.com/resources
• https://knowyourmeme.com/memes/dame-da-ne-baka-mitai
• https://newart.city/show/sjsu-mfa-fall-2020-entry

Rasters, Bitmaps & Adobe Photoshop

Module 4 Monday, September 21 (Second half of class)
Wednesday, September 23
Monday, September 28

Assignments

• Due September 28: Meme Mashup

Lecture & Tutorials

Video links will be posted here.

Key Resources

• Know your meme
• Link Etc

Discussion From Class & Bonus Links

• What is Creative Commons?
• The Noun Project
• https://www.instagram.com/mourningreport/
• WikiMedia Commons
• CSS 3D transforms

Vector, SVG & Adobe Illustrator

Module 5 Monday, September 28 (Second half of class)
Wednesday, September 30
Monday, October 5

Assignments

• Due October 5: Vector Dingbat Glyphs

Lecture & Tutorials

See canvas announcements for class videos.

Key Resources

• Dingbats Letter Signup Sheet
• Vector Graphics (Wikipedia)
• Good Glyphs Dingbat font inspiration
• Dingbat (wikipedia)

Discussion From Class & Bonus Links

• http://emoji.ink/
• https://www.are.na/erik-carter/illegal-emoji
• https://www.fontlab.com/font-editor/fontlab/

Cascading Style Sheets

Module 6 Monday, October 5 (Second half of class)
Wednesday, October 7
Monday, October 12
Wednesday, October 14
Monday, October 19

Assignments

• Due October 19: CSS Zen Garden

Lecture & Tutorials

• Slides from 10.5.2020

Key Resources

• CSS Zen Garden Website
• CSS Selectors reference
• CSS Properties reference
• CSS Units reference
• CSS Cascade and Inheritance
• CSS Box Model
• CSS Flexbox Explained
• CSS Flexbox Reference
• Flexbox Froggy
• Flexbox Defense
• CSS Positioning reference
• CSS Responsive Design Guide
• CSS Media Queries
• Change cursor in CSS
• Animations in CSS
• Chrome Developer tools intro

Discussion From Class & Bonus Links

• Color Cycling (Not related to CSS, but related to the background image)
• Bootstrap
• Sass

Digital Environments & 3D Sculptures

Module 7 Monday, October 19 (Second half of class)
Wednesday, October 21
Monday, October 26

Assignments

• Due October 26: 3D Object Remix

Key Resources

• New Art City (Don's project)
• The 3D Additivist Cookbook

Discussion From Class & Bonus Links

• Mozilla Hubs

Creative Coding & Generative Art

Module 8 Monday, November 2
Wednesday, November 4
Monday, November 9
Wednesday, November 11 (Veteran's Day)
Monday, November 16

Assignments

• Due November 16: Generative Art with p5.js

Key Resources

• Starter Code
• p5.js Reference
• The Coding Train

Discussion From Class & Bonus Links

• Joshua Davis art
• Rafael Rozendaal art
• About the background image

Final Project

Monday, November 16 (Second half of class)
Wednesday, November 18
Monday, November 23
Wednesday, November 25 (University non-instructional day)
Monday, December 7

Lecture & Tutorials

Video links will be posted here.

Assignments

• Due December 7: Final Project

Discussion From Class & Bonus Links

• Oblique Strategies Online