User Tools

Site Tools


Follow this template for your wiki page:

  1. Post an image of a digital media example you like
  2. Post a link to a digital media example website
  3. Add a horizontal line (four dash marks) as a separator
  4. Add links to most recent posted assignment. Links are your initials followed by the assignment name and number
  5. For example Tutorial #2 leads to David H. Lanner's results for Tutorial Assignment 2 (dhl.tutprog2) from 2009
  6. Consider using a table to organize different types of assignments

Fine Examplars of Organizing Wiki Pages

To post the results of a sketch to the wiki:

  1. Get a screen shot. Each operating system has its own way of doing this; on the Mac, it's Command-Shift-4 (don't ask me why!)
  2. An alternative is to add the save function to the sketch. This saves the contents of the drawing window to an image file (you supply the name). Either way, you have an image file that can be uploaded to the Wiki.
  3. Using Processing version 2.2.1, change the Mode to JavaScript. Run in the sketch in your browser to make sure it works without modification (you may not be able to run it with the save function).
  4. Click the Export to Web button to generate a webpage and code to run it on our webserver.
  5. Change the name of the generated folder (currently web-export) to the name of the sketch. Copy the folder to your Linux account; drop it in ~/html/CS276.
  6. On your wiki page, create one link per assignment. All the screenshots for a single assignment go on one page.
  7. Edit the new page and use the Media Manager to upload your image. See images for more info. It's a good idea to give the image a descriptive filename.
  8. Wrap the image specifier with a link to your sketch on hive like so:


This gives you a clickable image (try it);

cs276/how_to_post.txt · Last modified: 2016/09/08 18:13 by scarl