Welcome to Interactive Design and the Internet

“In today’s highly commercialized web of multinational corporations, proprietary applications, read-only devices, search algorithms, Content Management Systems, WYSIWYG editors, and digital publishers, it becomes an increasingly radical act to hand-code and self-publish experimental web art and writing projects.”

— J.R. Carpenter, 2015

Overview

In this studio course, students create work for the web browser. We explore where the internet comes from, where it is today, and where it’s going—recognizing that there is no singular history, present, or future but many happening in parallel. The course in particular focuses on the internet’s impact on art—and vice versa—and how technological advance often coincides with artistic development. Students will learn foundational, front-end languages HTML, CSS, and JavaScript in order to develop unique graphic forms for the web that are considered alongside navigation, pacing, and adapting to variable screen sizes and devices. No prior programming experience is required.

Eligibility

This course is open to approximately 14 students. It is required for the 8 graduate students in the Preliminary year of the Graphic Design track. There are approximately 6 more spaces open to undergraduate students who have taken Intro to Graphic Design or Typography courses (Art 132 and Art 264), with preference to art majors and then to seniors of other majors. Interested students with special circumstances can speak to me directly.

Since there is often a high demand for this class, unfortunately not all interested students are admitted. Here are qualities that help you be admitted, in order of priority:

  • art major
  • have both prerequisites
  • senior
  • tried to get into the class before
  • emailed me in advance

I will be in touch via email on Sunday, January 20th regarding your status in the class.

Class & course design

This course meets for 13 classes.

In general, each class will contain some of the following:

  • sharing
    (lecture, show and tell of examples)

  • seminar
    (dialogue based on readings)

  • working
    (learning, experimenting, designing, coding, troubleshooting)

  • critique
    (spending time with your own and others’ work, offering observations, dialogue)

For the first half of the course (Classes 1–7)…

Each week, you will 1) learn and practice web-based skills by completing an exercise and posting it to your individual class website, 2) write a reflection in your journal in response to a given question.

Each weekly exercise will explore what’s unique to the web markup or programming focus for that week (such as HTML, CSS, or JavaScript) based on a simple prompt. Consider these exercises as practice, allowing your coding muscles to build, becoming big and strong over time.

Weekly exercises are graded on:

  • Effort. Have fun with these. Try challenging yourself personally to try something new or experiment.

  • On-time completion. Late weekly exercises will not be accepted. Please have your weekly exercise posted to your individual class website before the beginning of class.

For the second half of the class (Classes 8–13)…

You will have six weeks to work on a final project. This final project will have two components: one individual, and one class-wide. By doing such a larger project, you can meaningfully apply your learned skills by working on something you truly care about. You will learn more about the final project closer to the second half of the course.

This final project will be graded on its quality. Please consider two aspects:

  • Original approach. Your project should employ an original, personal approach that comes from your own process of questioning and thinking. Your project should take a stance. It should be memorable.

  • Functionality, craft, and presentation. Your project should achieve its goals and not break. It should feel well-considered on multiple levels. Your attention to detail in design and code should work to support your overall concepts.

Theme


“How do you use the internet mindfully?” is this spring 2019's theme.

The question comes from a recent publication How do you use the internet mindfully? (2018) by The Creative Independent and Are.na. This publication will serve as the class reader. Each student will receive a physical copy. It is also available online here:

https://thecreativeindependent.com/series/are.na/

Throughout the course, you will read essays from the book and then write, discuss, and make work to reflect.

Individual class websites

Students will create their own class websites by purchasing a domain name and connecting it to Github Pages hosting near the beginning of class. These websites should house all weekly exercises and the final project. At the end of the course, this website will be used to determine a student’s final grade. Students should feel free to design this site as well.

Journal

You will create your own folder on Dropbox Paper titled “Interactive Design: Firstname Lastname” and share it with me ([email protected]—please note my Dropbox email is different than my other email, [email protected]) In this folder, you'll create a new document for each written reflection assigned. You'll also create a document for your final project, in which you'll chart your own process by writing down your concepts, showing alternate versions, and showing any other documentation or thinking that lead you to where you ended up for your final project. Like your exercises, your journal will be graded on completion and effort.

Grading

30% … Weekly exercises
30% … Journal
40% … Final Project

Students may change or update their work through the end of the course. Final work will be graded on students’ individual class websites and Dropbox Paper folders on Monday, May 6th.

Academic integrity

Students will become familiar with using pre-existing language, images, and software as raw material while creating entirely new works. While making websites, we will learn which technologies could be appropriated and how to properly credit their inclusion.

From Academic Integrity at MIT: "Writing Code":

“Writing code is similar to academic writing in that when you use or adapt code developed by someone else as part of your project, you must cite your source. However, instead of quoting or paraphrasing a source, you include an inline comment in the code. These comments not only ensure you are giving proper credit, but help with code understanding and debugging.”

“You should not simply re-use code as the solution to an assignment. Like academic writing, your code can incorporate the ideas of others but should reflect your original approach to the problem.”

I encourage you to retype someone else’s code instead of copy and pasting it. It’ll help you learn. On that note, be careful about pasting huge blocks of code. Remember to do things one step at a time so you truly understand each piece of code’s unique function.

Technology policy

While this course is about technology, the policy in this course is simple: Be considerate of your fellow classmates. For example, if someone is presenting their work, don’t simultaneously use your device. Put your cell phones, tablets, and laptops away in order to provide the presenter your active attention.

Attendance

Attendance is essential. Three or more absences will result in a failing grade. Three or more late arrivals (more than 10 minutes late) equals an absence. If you absolutely must miss class, email me in advance.

Materials

Students should bring their personal laptops to class. They are responsible for their own files, making sure to back them up in some way. For editing and updating code, students should download a code editor such as Atom or Sublime Text. For image-making and sketching, Adobe Photoshop, Illustrator, and InDesign are standard tools available on most Yale computers. Other good digital-image making tools include a phone, digital camera, scanner, screen capture, etc.

For more specifics, see the resources page.

Credits

This class has been generously shaped by many. Special thanks to Dan Michaelson and Tamara Maletic of Linked by Air; past teaching assistants Matthew Wolff (’18), Ayham Ghraowi (’17), Chase Booker (’16), Eric Nylund (’15), Grace Robinson-Leo (’14), and Julia Novitch (’13); and current teaching assistant Willis Kingery.

Opening quote:
J.R. Carpenter, “A Handmande Web,” 2015.