- Introduction to class
- How the Internet works (1) [Notes]
- HTML (1) [Notes]

- Setting up DML accounts
- Browser: install Chrome and testing purposes, install Firefox
- Texteditor: TextWrangler, Atom, Sublime, Bracket
- Install Fetch (won't use it today but we will to transfer files to the server)
- Create your first HTML document and check that it is read correctly. Manually type in the tags. (Do not cut and paste). Show instructor before you leave

- How the Internet works (2) [Notes]
- Tracroute/UNIX commands [Notes]
- HTML (2) [Notes]
- Assign traceroute exercise

Lab work for today
- Turn the following plain text file (recipe for salad) into an HTML file -- no need to hand in but we will use it for next lab
- Make sure you understand the commands required for the traceroute exercise.

- List of HTML elements
UNIX Commands:
- Unix Command Summary
- Basic UNIX commands
- Introduction to Unix commands
FYI
- Podcast: Vint Cerf on the Future of the Internet - "Father of the Internet" and the inventor of TCP/IP talks to Robert Harrison at Stanford on Entitled Opinions.

NO CLASSES. LABOR DAY

- Discuss Readings

- HTML (4) [Notes]]: Publishing HTML files
- HTML (3) [Notes]: Links, URLs
- HTML (5) [Notes]: Styling using HTML

Read by this class (long - start early):
- Protocol How Control Exists after Decentralization Intro: p1 - p27, Physical Media (p28 - p53) by Alexander Galloway.
- A Prehistory of the Cloud by Tung-Hui Hu. Intro (p.ix - p.xxix)

Lab work for today - show instructor before you leave
1. Publish the HTML-ized plain text recipe from last class on the Reed web server. Add at least 3 links to an external site (eg. a link to a recipe for hard-cooked eggs, wikipedia entry for marjoram...etc)
2. Edit and publish a separate navigation HTML file so that each list item jumps to the appropriate anchor in your recipe HTML file. You should thus have two separate HTML files.
3. See if it passes verification.

- Congestion control in TCP
- Illustration of Deleuze and Guattari's Thousand Plateaus by Marc Ngui

- Discuss Scott McLoud article (also see Scott McLoud's [webcomics section], my [notes])
- Assign Hypertext Art project
- Olia Lialina's summer, Rhizome article
- The Ocean is Broken
- HTML (images, tables, video) [Notes]

Lab:
- Add images and video to the HTML recipe you published last class. Then turn the image into a link. Add this table using the tables tag.

Read by this class:
- Excerpt from Scott McLoud, Reinventing Comics - The Infinite Canvas p200 - 203, 206-207, 214-235 [PDF]
Optional:
- The original vision for hypertext (which is much more expansive than HTML) by Theodor Nelson - from Literary Machines "Proposal for a Universal Electronic Pulishing System and Archive" [PDF][Ted Nelson demonstrating Xanadu in 2008(?)].

- List of HTML elements@w3schools
- HTML Tutorials@w3schools

- Discuss hypertext work (see "R" section below)
- Interface/Accessibility and the Web
- CSS (1) [Notes],

Take a look before class - Hypertext art references:

- {Olia Lialina [ My boyfriend came back from the war 1996][Agatha Appears, 1997, Information on Ela Wysocka's restoration of Agatha Appears.] [Rhizome article]}, Do You Want Love or Lust? by Claude Closky (2001), Blind Spot by Darcey Steink,

{Alexei Shulgin's Link X -- local copy}, {DOUGLAS DAVIS THE WORLD’S FIRST COLLABORATIVE SENTENCE 1994}, {Olia Lialina's will-n-testament}, {MIT design{human}design project -- maybe not art but...}, {Your World of Text}, {Heath Bunting [_readme.html (1996)}, {Krystal South [Identify Yourself]},

{Collection:Hyptertext}, {Hypertext and Destiny: This Twine Could be Your Life}, {Young-Hae Chang Heavy Industries [Artist's Statement No. 45,730,944: The Perfect Artistic website, 2001][Lotus Blossom circa 2000] [ Interview with Young Hae Chang Heavy Industries.]}, {Jennifer Chan [white or not quite][hot new world viewz]},

Modify this recipe file (you may use your own if you wish. I am assuming you are using the <h1> tag for the first headding):

1. With an external style sheet, select the <h1> tag and assign background: yellow; color: red;
2. With an embedded style sheet, select the <h1> tag and assign color: green; .
3. With an inline style, select using the <span> tag the first word of the <h1> tag "Fresh", and assign color:blue;. (eg. <span>Fresh</span> Multi-Bean...)
4. Use the developer tools to confirm that all the style sheets are recognized and observe how the rules are computed. ("Fresh" should be blue, "Multi-Bean..." should be green, and the background for <h1> should be yellow.

Due before class starts (email instructor):
- Traceroute exercise: e-mail answers to Q1.2,1.2, 2.1, 2.2, 3.1 and the open-ended fieldwork to instructor

- Discuss Reading.
- CSS (2) [Notes]

Read by this class
- Protocol How Control Exists after Decentralization by Alexander Galloway, "Form" (p55-78)
- A Prehistory of the Cloud by Tung-Hui Hu, "The Shape of the Network" (p1-35)

- CSS: Copy the the following html and image file onto your computer.
[dml_layout_template.html], [studentwork.jpg]. 2) add CSS to the HTML file so that it is colored like this [dml_layout_color.pdf].
FYI: the colors used are, cyan, red, navy, blue, brown, green, olive, orange, purple

1. Do not modify the HTML. Only use CSS selectors
2. Lists have two HTML elements (ol, li). See which ones are controlling the numbering.

If you have troulbe viewing the colors, take a look at this html file with the colors annotated in the files as comments. Talk to the instructor if you need help.

- film theory [notes]
- Contra-Internet by Zach Blas. More on the kill switch .etc.

- Assign internet art fieldwork, professional home page
- CSS and layout (3) [Notes]

- Based on the CSS file you created from last class (or if you wish, you may start fresh with the following files [dml_layout_template.html], [studentwork.jpg], create a layout using CSS so that the structure of the page looks generally like the following design: [in color] or [in b/w]. You may ignore the color.

- Rhizome -- for current works
- Net Art Anthology from Rhizome - net art from 1980s through the present day
- Internet Art by Rachel Greene [library reserves]
- my random list of artworks online

- Studio work time

- Hypertext Art Project Critique

- Hypertext art project due before class starts: [post URL here]. Must complete and finish work before class starts. Do not work on project during critique time. If you do, you will be penalized. Rather, submit late if things are not working.

- Crtique part 2
- Javascript intro [Notes #1]
- Ch2: data types, variables [Notes #2]

Read before class:
- MM (Missing Manual): Ch1
Read after class
- MM (Missing Manual): Ch2 up to page 44
- Download sample file for text book

- Discuss readings [links]
- Javascript
- Ch2: data types, variables [Notes #2] ([part of notes #4] -- if statements)

Enhance the conversation page with if statements.

- Intro (p1-37) from Network Aesthetics by Patrick Jagoda [PDF]

Look at two very different tradition of internet art JODI/mouchette:
- Jodi.org [article by galloway 2016][interview 2009][idn.jodi.org][lvy.jodi.org] [http://wwwwwwwww.jodi.org/, website, 1995.], [geogoo], [http://404.jodi.org/, website, 1998], [http://oss.jodi.org/, website, 1998. Turn off pop-up blocking. This will hijack your browser, so you might want to open a fresh browsing session before viewing], [http://asdfg.jodi.org/, website, 1999. Epilepsy warning: serious flashing],[Wrong Browser, web browser, 2002], [http://text.jodi.org/, website, 2002]
- mouchette.org (there may be references to difficult subject matters), article@rhizome.

- Javascript Arrays and Objects [Notes #3]

Read before class:
- Finish MM (Missing Manual): Ch2

- Disucuss readings
- The Artist Leaving the Googleplex by Andrew Norman Wilson [video], [Amazon Mechanical Turk], [Google Image Labeler]
- Javascript [notes #4] (Loops)

Read before class:
- Scholz, Trebor, and Laura Y. Liu. "From Mobile Playgrounds to Sweatshop City" Situated Technologies Pamphlets
- MM (Missing Manual): Ch3 p61-85

Due:
Technical Exercise: create your professional homepage with work for this class (and work from past classes, photos, CV) and publish using HTML and CSS. Use CSS to achieve a consistent look across all your pages. It must have a link to all your past and future projects and assignments you did for this class. (If you move your projects to a different folder, you must update the link). [Submit URL to moodle].

Designs for a New World by McKenzie Wark

- 15min Internet Art presentation (Brita, Alex)
- Javascript functions [Notes #5]

Read before class
- Ch3 p85- 101 of MM textbook.

- 15min Internet Art presentation (Eden, Evan)
- Assign Dynamic Web Art Project
- Intro to jQuery [Notes 01]

Read by this class
- MM (Missing Manual): Ch4 p105-p130

- Discuss reading
- Timeshare!
- jQuery [Notes 02]

Read before class:
- Protocol How Control Exists after Decentralization by Alexander Galloway, "Institutionalization" (p119-143)
- A Prehistory of the Cloud by Tung-Hui Hu, "Time-sharing and Virtualization" (p37-71)

- MM (Missing Manual): Ch4 p130-146

- Ellis D. Kropotechev and Zeus, This marvelous time-sharing system. 1967 (VPRI 215)

- New Power vs Old Power. "We Are Legion - The Story of the Hacktivists"
- jQuery Ch5 [Notes 03] events, event objects

Read before class:
- MM (Missing Manual): Ch5

- 15min Internet Art field work presentation (Michael, Emily)
- jQuery [Notes 04] Animations and Effects, Debugging

Read before class:
- MM (Missing Manual): Ch6

- 15min Internet Art field work presentation (Taylor, Melanie)
- jQuery [Notes 05] putting it together. Form and jQuery UI

- 15min Internet Art field work presentation (Alicia)
- Discuss Reading.

Read by this class:
- Protocol How Control Exists after Decentralization by Alexander Galloway, "Hacking" (p147-171) & "Tactical Media" (p175 - 206)

- Computer Viruses - Theory and Experiments by Fred Cohen, 1984
- Stack Buffer Overflow
- Feminist Worldbuilding in the Australian Cyberswamp by Claire L. Evans, 2016
- The 100 Anti-Theses of Cyberfeminism 1997
- ELECTRONIC BLOOD AND GUTS IN HYPERSPACE
- A Brief History of Cyberfeminism

- Studio work time

- Critique Dyanamic Web Art Project using Javascript Critique [post URL here]

- Due before class starts Dyanamic Web Art Project using Javascript:
Create a dynamic (things must move or be responsive to user input using javascript) artwork. (No submitting after critique starts).

- Net Art Anthology from Rhizome - net art from 1980s through the present day, Jodi [e-flux article by Galloway][IDN], form art competition (1997), patatap.com, e.mbeded.de by Yung Jake, Rafael Rosendaal websites, Nicholas Sassoon, Joe Hamilton's [indirect flights][DIV/COUNTOUR ], Mouchette [article@rhizome], Sunrise/Sunset, Miao Ying's A Healthy Fear (2015) and Hundred degrees can not search your thirty degree smile (2015) from artist profile@rhizome, Jonathan Harris [Network Effect]

- Critique #2

- Google Map API [Notes]
- Various multimedia APIs and libraries Kawandeep Virdee: Open Web Art: JS for Interactive, Collaborative, and Hackable Art talk

- Discuss readings
- Trevor Paglen Secrets in art21

Read by this class
- Protocol How Control Exists after Decentralization by Alexander Galloway, "Internet Art" (p209 - 238)
- A Prehistory of the Cloud by Tung-Hui Hu, "Seeing the Cloud of Data" (p111- 144)

LAST DAY OF CLASS

Due by 12/11:
1. Final Project: Open-ended. Critique 12/11(MON) & 12/13(WED) same time as class
2. Professional home page with HTML/CSS/Javascript. Must have links to all projects done in class
Submit URL to moodle here