Nov 28: Computational Art

Due today: Usability assignment draft.

Processing examples

Learning processing

This is a good set of tutorials to start with

Computational art with Processing

Handout: Processing

Physical computing

Many examples found at the Arduino Playground.

inFORM - Interacting With a Dynamic Shape Display from Tangible Media Group on Vimeo.


MIT's Media Lab Logo

Written Assignment

Formatting for Usability Assignment

Needs to be done in InDesign.

Margins a minimum of 1 inch left and right.

Use a leading value of twice your body text point size.

Title page: Title of essay, your name, your student number, instructor's name, course name and number, due date.

Pages need to be numbered. Use a header with the title of the essay in it, and your name. Use master pages.

You must use paragraph styles for all content.

Cite the name of the web site on a separate page titled "Works Cited."

Getting your page numbers to start on the first text page (not the cover page) can be tricky. You need to define a section and then remove the extra automatic page number from the cover page. Refer to: Page numbers and sections

Use the MLA format for the citation of the web site. List any other references in the "Works Cited" page. Follow the MLA style exactly; you must also include the URL for any web sites. (URLs are optional in MLA style, but I am requiring you to include them. BibMe is a good OK resource for generating references.

Upload to class web site, both PDF and InDesign File, 6:00 pm Dec 4. Name your files YOURLASTNAME_Review.pdf and YOURLASTNAME_Review.indd.

Remember that this is the date for the final version - you still need to submit a rough draft beforehand.

Quick topics

Intellectual Property

Michael Geist's web site is the best starting pointing for news on intellectual property in Canada.

A primer on Canadian Copyright Law, the companion site to an excellent reference book.

Open source concepts

A good definition of open source

Creative Commons: an "open source" license for creative works

Industrial design

The Graphical User Interface gallery

Objectified: A great movie on industrial design

Coming soon...

Using Processing on the Web.

While Processing sketches can be run within the Processing IDE, or exported as applications for Windows, Linux or MacOS, you can also insert them in web pages. Processing uses Processing.js. To do this, you need to do several things:

  • First, you need to enable JavaScript mode. Choose "JavaScript" from the mode menu at the top right of the Processing IDE window.
  • If you don't see JavaScript mode as an option, choose "Add Mode..." and install it.
  • Switch into JavaScript mode and choose "Export" from the file menu. This should create a "web-export" folder and open it.
  • Within this folder you will find the "processing.js" library, the ".pde" file which is your sketch, and an HTML file that allows you to preview the sketch. You can look the the HTML to see how the sketch is shown on a web page, and insert that code into your own page.
  • Note that some older browsers will have problems displaying Processing files, and some sketches may need changes to work properly in JavaScript mode.
  • A good tutorial on how to do this is here.