WWWIRED

"...rough consensus and running code."
— David D Clark (a father of the Internt)

there's no homework for next week

[week 1] Introductions + Calibrations

...we'll start by reviewing the syllabus and discussing the course's concepts and themes. We'll get to know each other and do brief introductions. Time permitting we'll view some "source" and have a short discussion on the Internet's architecture.

before the next class make sure to do the google puzzle

[week 2] An Introduction to HTML

...from Vannevar Bush's Memex to Ted Nelson's Xanadu to Tim Berners-Lee's Enquire and the WORLD WIDE WEB, we'll have a short lecture on how the web came to be. We'll go over the principle html tags, syntax and clean code. We'll review some on-line resources and references such as w3schools, webmonkey and stackoverflow. We'll also start working on our first skech, a collaborative class hyptertext poem.

[HOME WORK] Read wwwwwwwww.jodi.org and Deep ASCII from New Media Art by Mark Tribe and Reena Jana.

before the next class read jodi.org and Vuk Cosic's Deep ASCII from New Media Art by Mark Tribe and Reena Jana.

[week 3] Hypertext Portraits && ASCII Art

...from ARPANET and the first emoticon to early underground computer art, we'll look at some ASCII Art and early net.art. We'll review the basic <html> tags and architecture as well as introduce a couple new tags.

[HOME WORK] SKETCH 2: Create a hypertext portrait utilizing both text and ASCII Art, must include at least four html pages.

before the next class complete your hypertext portrait utilizing both text and ASCII Art, must include at least four html pages.

[week 4] <IMG> the Image Tag

...we'll screen examples and discuss various approaches to curating/exhibiting art on the web (rhizome.org, 0dayart.net, vvvork, gifmarket.net, dump.fm, JstChillin, speed show, etc.), followed by a "speed-show" sharing/presentation of our hypertext portrait sketches. We'll introduce the <img> tag, as well as various different tools/methods for searching/finding images online (google advanced image search, flickr and tineye.)

[HOME WORK] MIDTERM PROJECT PHASE 1: Decide on a theme/artist for your gallery which is image/photo based, curate/collect at least five images for your gallery and create an html page with your images in it.

before the next class complete your hypertext portrait utilizing both text, img and ASCII Art, must include at least four html pages.

[week 5] CSS: Color Theory on the Web

...we'll discuss various approaches/conventions to color schemes/combinations on the web, we'll also discuss how colors are technically displayed on the screen. We'll review online color tools (CSS color wizard, CSS color wheel and contrast analyzer.) We'll introduce CSS color, shadow, border and other styling.

[HOME WORK] MIDTERM PROJECT PHASE 2: Introduce color and other CSS elements to our gallery.

before the next class decide on a theme/artist for your gallery which is image/photo based, curate/collect at least five images for your gallery. Sketch on paper what your gallery will look like.

[week 6] CSS: Layout && Positioning

...we'll review more examples of online curated spaces and discuss their layout and design principles and related web conventions. We'll create a site-map and sketch/photoshop our layouts. We'll introduce the <div> tag and CSS layout and positioning, as well as online CSS positioning resources and references.

[HOME WORK] MIDTERM PROJECT PHASE 3: Using CSS arrange and position the elements in your gallery to match your site-map and sketch.

Homework: continue working on your Midterm Project: arrange, position and style the elements in your gallery using CSS to match your site-map and sketch.

[week 7] CSS3: @font-face && Typography

... we'll discuss and look at different artists who approach fonts and type in creative ways (Paul Chan, Paula Scher, Eddie Opara, Deroy Peraza and Julia Vakser.) We'll introduce @font-face as well as various online font/type resources like dafont.com and fontsquerrel.com, as well as introduce linking to an external style sheet.

[HOME WORK] MIDTERM PROJECT PHASE 4: Apply CSS3 font design to our online gallery as well as any other finishing touches before presenting the project next week.

before the next class make sure to apply CSS3 font design to your online gallery as well as any other finishing touches before presenting your work.

[week 8] Midterm Critiques

...we'll be having our midterm critiques.

[HOME WORK] Read Community Based on Interest, not Proximity from A History of the Internet and the Digital Future by Johnny Ryan.

before the next class read Community Based on Interest, not Proximity from A History of the Internet and the Digital Future by Johnny Ryan.

[week 9] Networked Communities and Participatory Cultures

...from Gopher to Google, discuss various online communities, the user's role as both a consumer and a producer as well as the delicate relationship between the community and the platform. Discuss how a network of machines became a network of communities (phone-phreaks, the Well, hackers and the open-source movement, wikipedia, craigslist and 4chan.)

[HOME WORK] Read Small Change: Why the Revolution Will Not Be Tweeted by Malcolm Gladwell.

before the next class read Small Change: Why the Revolution Will Not Be Tweeted by Malcolm Gladwell.

[week 10] Social Media + Politics

...we'll discuss the role IRC played in the 1991 Soviet coup d'etat attempt. We'll also analyze both sides of the current debate over social media's role in the revolutions in Iran, Egypt and Tunisia. We'll introduce the technology behind the "social web," set up an RSS reeder to efficiently follow your feeds.

there's no homework for next week.

[week 11] Studio Day

...we'll be having a studio day, time to catch up on projects and review what we've learned. I will be away at the GLI.TC/H conference this week, and you will have a substitute in my place.

there's no homework for next week.

[week 12] Javascript: Programming Randomness and Chance

...we'll look at various web artists who introduce chance and utilize algorithmic randomness in their practice (Mark Napier, Jake Elliott, Robb Drinkwater and Joshua Davis.) We'll introduce the basics of javascript programming for the web as well as some basic animation tricks using a meta-refresh.

[HOME WORK] SKETCH 3: Create an experimental/abstract design in an html page which incorporates at least one algorithmically randomized element and screen capture your favorite iterations.

before the next class create an experimental/abstract design in an html page which incorporates at least one algorithmically randomized element and bring in screen captures of your favorite iterations.

[week 13] HTML5: Javascript && Basic Animation

...we'll look at the latest experiments with HTML5, WebGL and other dynamic web (Aaron Koblin, Mr. Doob, Hakin EL Hattab and the Mozilla Demo-Scene) as well as work and documentation from the original "demo-scene", an underground computer art culture. We'll introduce the <canvas> tag and use javascript to do some basic animation.

[HOME WORK] FINAL PROJECT PHASE 1: Get into groups, or "demo crews", and conceptualize your final projects, assign roles and start production on your experimental "demos."

before the next class make sure to get together with your demo-crews, conceptualize your final projects, assign roles and start production on your experimental "demos."

[week 14] Hack-A-Thon!

...we'll screen a couple more demos and experimental web-art projects. You'll use the rest of class time to continue working/collaborating with your "demo crew." We will also address any project specific concerns/challenges.

[HOME WORK] FINAL PROJECT PHASE 2: continue working on your demos!

You should be meeting up with your demo-crew and working on your demos!

[week 15] Wired Demo-Party!

...we will discuss, celebrate and critically dissect our final projects.

keep experimenting with the web!!!

Long live the open Internet!!! see you next semester :-)