Welcome to Design 2B...

Read the welcome 1 page for an overview of this course and its goals. This page is mostly details.

Lateness & absences

Three arrivals of more than 10 minutes late will count as one absence. After three absences, your fourth absence will lower your final course grade one level. If you must miss class, it is your responsibility to catch up on the work by checking the class website and contacting the instructor via email.


We will expect you to engage in research, sketch ideas and their offshoots, pursue multiple solutions to a given problem, and experiment widely with concept, imagery, type, materials and composition.

By the end of the term, all the work you produced throughout the semester should be published online. Since the third project is physical, it may require you to create a video that explains the interface that you designed. In addition, by the end of the semester, you will be asked to make general presentation of all semester work.

Your course grade will be calculated as follows:

  • 60% - an average of all projects, eliminating the least successful
  • 15% - final presentation performance and overall portfolio
  • 25% - coursework, attendance, and portfolio updates

For project critiques, work must be presented on the announced date, at the beginning of the scheduled critique. No late work will be accepted.

You will have two make-up chances during the semester. With exception to the final presentation (as there is no more time left), each make-up chance is a week long. Please keep in mind that the make-up’s are only for solving technical problems or optimizing your work. In order to get an upgrade, you should keep working on your project even after the deadline and presentation.

Please note that a C grade means you have attended all classes and met satisfactorily the requirements of the course. To earn a higher grade, you must show not only more effort but also a higher level of achievement in your work. There is no guarantee that extra effort will yield outstanding work; and yet it is extremely unlikely that without extra effort you will create interesting work or develop as a designer or artist.

Code of intention

This is a safe, respectful, and positive environment.

We will practice:

  • Active listening
  • Not interrupting
  • Creating space for others to speak
  • Being comfortable with awkward silences
  • Being comfortable taking risks with your work
  • Asking questions unabashedly

Laptop, tablet, and cell phone usage in class

While this course is about technology and requires it, our policy in this course is simple: Be considerate of your fellow classmates. If someone is presenting their work, please don't simultaneously use your device. Put your device away and provide the presenter your active attention. Otherwise, you can feel free to use your devices by yourself, as they will be instrumental for following along in demos and testing projects.

Academic integrity

Students will become familiar with using pre-existing language, images, and software as raw material while creating entirely new works. We will learn what technologies are good (and necessary) to appropriate and how to properly credit their inclusion.

Students should follow the Rutgers University Academic Integrity Policy. They are encouraged to ask questions about how this applies to digital and artistic realms.

Units expanded

Please see also the resources page for specific helpful links per unit.

I. Online publishing ... Weeks 1–5

In this first unit of the course, students are required to create a personal website (or “portfolio”) which will be coded using HTML and CSS from scratch, published online at lab accounts. Each student’s URL will be in the format: http://art.rutgers.edu/~username.

The content of the site will be developed over the semester, but to begin, it should contain some basic information like a biography, about page, external links etc. Also a logo type or a personal logo mark can be used.

This unit will cover:

  • internet protocols
  • hypertext
  • markup languages and HTML/CSS framework
  • the CSS Box Model
  • building a portfolio website
  • introduction to JavaScript and jQuery
  • SVG, scalable vector graphics
  • introduction to keyframe animation
  • designing in motion with CSS

Project: Portfolio

II. Algorithmic design ... Weeks 6–10

This second unit focuses on creative visual coding, algorithmic design, and data visualization. In the beginning of this unit, generative design principles will be explored alongside introductory programming fundamentals. Students will become acquainted with new possibilities in the design process by generating geometric structures, motion, animation, and interaction.

This unit will cover:

  • fundamentals of graphic coding
  • working with APIs
  • information design
  • brush design
  • object oriented programming
  • animation and interaction

Project: Organism

III. Physical computing ... Weeks 11–14

The final unit of this course is about physical interaction with digital interfaces and I/O prototyping. Students will be introduced to various different methods to design and create inputs for 2D digital interactive systems on screen.

This unit will cover:

  • introduction to various input systems
  • basic electric physics and circuit design
  • sensors and I/O boards
  • experimental electronic instrument design
  • instruments and lighting systems

Project: Instrument